<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.l-main{
line-height:calc(28/16)
}
.p-mv{
position:relative;
height:calc(730/750 * 100vw);
    min-height:300px;
background-image:url(../img/mv_pic01@sp.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
overflow:hidden
}
@media (min-width: 768px){
    .p-mv{
min-height:0px;
height:calc(410/1400 * 100vw);
background-color:#fefffe;
background-image:url(../img/mv_pic01@pc.jpg);
background-position:center top;
background-size:cover}
}
.p-mv__inner{
margin:0 auto;
padding-top:calc(100/375 * 100vw);
max-width:1000px;
text-align:center
}
@media (min-width: 768px){
    .p-mv__inner{padding-top:calc(110/1400 * 100vw)}
}
.p-mv__title{
    line-height:1.5;
color:#ffffff
}
.p-mv__title .__ja{
    display:block;
font-size:36px;
font-weight:bold
}
@media (min-width: 768px){
    .p-mv__title .__ja{font-size:54px}
}
.p-mv__title .__en{
    display:block;
font-size:18px;
letter-spacing:.16em
}
@media (min-width: 768px){
.p-mv__title .__en{
font-size:28px}
}
.p-mv::before{
content:'';
display:block;
position:absolute;
top:calc(630/750 * 100vw);
left:0;
width:100%;
height:calc(100% + (100/375 * 100vw));
background-color:rgba(224,255,123,0.5);
-webkit-transform:skewY(15deg);
transform:skewY(15deg)
}
@media (min-width: 768px){
    .p-mv::before{
top:calc(310/1400 * 100vw);
height:calc(100% + (100/1400 * 100vw));
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transform:skewY(4deg);
transform:skewY(4deg)}
}
.p-mv::after{
    content:'';
display:block;
position:absolute;
top:calc(630/750 * 100vw);
right:0;
width:100%;
height:calc(100% + (100/375 * 100vw));
background-color:rgba(63,245,227,0.5);
-webkit-transform:skewY(-15deg);
transform:skewY(-15deg)
}
@media (min-width: 768px){
    .p-mv::after{
top:calc(310/1400 * 100vw);
height:calc(100% + (100/1400 * 100vw));
-webkit-transform-origin:top right;
transform-origin:top right;
-webkit-transform:skewY(-4deg);
transform:skewY(-4deg)}
}
.p-section-ob:last-child{
padding-bottom:0px
}
.p-section-ob__inner{
position:relative;
z-index:1;
max-width:1040px;
margin:0 auto;
padding:0px 20px
}
.p-section-ob__inner p{
margin-bottom:1.5em
}
.p-section-ob__title{
    position:relative;
padding-bottom:14px;
margin-bottom:30px;
line-height:1.5;
font-size:20px;
font-weight:bold;
text-align:center
}
@media (min-width: 768px){
.p-section-ob__title{
margin-bottom:40px;
font-size:24px}
}
.p-section-ob__title&gt;span{
    position:relative;
z-index:1
}
.p-section-ob__title::after{
    content:'';
display:block;
position:absolute;
bottom:0;
right:0;
left:0;
width:100px;
height:2px;
margin:auto;
background-color:#31A4DE
}
.p-section-ob--bg1{
position:relative;
padding-top:30px;
padding-bottom:1px
}
@media (min-width: 768px){
.p-section-ob--bg1{
padding-top:70px;
padding-bottom:40px}
}
.p-section-ob--bg1::before{
content:"";
display:inline-block;
border-style:solid;
border-color:transparent;
width:0;
height:0;
border-width:0 50vw calc(100/750 * 100vw) 50vw;
position:absolute;
top:calc(-99/750 * 100vw);
left:0;
border-bottom-color:#fff
}
@media (min-width: 768px){
.p-section-ob--bg1::before{
border-width:0 50vw calc(51/1400 * 100vw) 50vw;
top:calc(-51/1400 * 100vw)}
}
.p-section-ob--bg1::after{
content:"";
display:inline-block;
border-style:solid;
border-color:transparent;
width:0;
height:0;
border-width:calc(100/750 * 100vw) 50vw 0 50vw;
position:absolute;
bottom:calc(-100/750 * 100vw);
left:0;
border-top-color:#fff
}
@media (min-width: 768px){
.p-section-ob--bg1::after{
border-width:calc(51/1400 * 100vw) 50vw 0 50vw;
bottom:calc(-51/1400 * 100vw)}
}
.p-section-ob--bg2{
background-color:#eceff2;
padding-top:calc(100/375 * 100vw);
padding-bottom:50px
}
@media (min-width: 768px){
    .p-section-ob--bg2{
padding-top:140px}
}
.p-section-ob--bg3{
padding-bottom:50px
}
@media (min-width: 768px){
.p-section-ob--bg3{
padding-bottom:80px}
}
.p-section-ob--bg3 .p-hd{
margin-top:calc((-1.75em - 30px)/2) !important
}
.p-section-ob--bg4{
padding-bottom:60px !important;
border-top:10px solid #D8D8D8;
background-color:#eceff2
}
.p-section-ob--bg4 .p-hd{
margin-top:calc((-1.75em - 30px - 10px)/2) !important
}
.p_obog-status{
margin-bottom:50px
}
.p_obog-status__name{
margin-bottom:0.25em !important;
font-weight:bold;
text-align:center
}
@media (min-width: 768px){
.p_obog-status__name{
margin-bottom:1em !important;
text-align:left}
}
.p-colWrap__col{
margin-bottom:30px
}
@media (min-width: 768px){
.p-colWrap{
display:flex;
flex-wrap:wrap}.p-colWrap--2 .p-colWrap__col{
width:calc((100% - 32px)/2)}.p-colWrap--2 .p-colWrap__col:nth-child(odd){
margin-right:32px}.p-colWrap--3 .p-colWrap__col{
width:calc((100% - 64px)/3)}.p-colWrap--3 .p-colWrap__col:not(:nth-child(3n+3)){
margin-right:32px}.p-colWrap__col.vertical{
display:flex;
flex-direction:column;
justify-content:space-between}.p-colWrap__col.vertical .__layout{
flex:1 1 auto}
}
.p-hd{
position:relative;
margin-bottom:1em;
padding:10px 15px;
background-color:#E0FF7B;
font-size:18px;
font-weight:bold;
text-align:center;
overflow:hidden
}
.p-hd:first-child{
margin-top:0
}
.p-hd&gt;span{
position:relative;
z-index:1
}
.p-hd::before{
content:'';
display:block;
position:absolute;
top:10%;
right:0;
width:100%;
height:80%;
background-color:#5DF5E3;
-webkit-transform:skewY(-0.75deg);
transform:skewY(-0.75deg)
}
.p-hd--head{
    padding:15px 15px;
margin-bottom:2em
}
@media (min-width: 768px){
.p-hd--head{
font-size:24px}
}
.p-obog-data{
font-size:16px
}
.p-obog-data&gt;li{
padding:3px 0;
border-bottom:1px dotted #C6C6C6
}
.p-obog-data&gt;li:last-child{
border-bottom:none
}
.p-obog-data .__dd{
font-weight:bold
}
.p-obog-data .__dd::before{
content:"";
display:inline-block;
border-style:solid;
border-color:transparent;
width:0;
height:0;
border-width:4px 0 4px 4px;
border-left-color:#31A4DE;
margin:0 8px;
vertical-align:.125em
}
.p-sector{
margin-bottom:2.25em
}
@media (min-width: 768px){
.p-sector{
margin-bottom:4.5em}
}
.p-qaList{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dotted #C6C6C6
}
.p-qaList__dt{
display:flex;
margin-bottom:0.5em;
color:#1b864a;
font-size:18px;
font-weight:bold
}
@media (min-width: 768px){
.p-qaList__dt{
font-size:22px}
}
.p-qaList__dt i{
display:inline-block;
flex:0 0 auto;
width:36px;
line-height:calc(31.5/24);
font-size:24px;
font-family:'roboto', sans-serif;
font-weight:bold;
text-align:center
}
@media (min-width: 768px){
.p-qaList__dt i{
width:38px;
line-height:calc(38.5/28);
font-size:28px}
}
.p-qaList__dd{
display:flex
}
.p-qaList__dd i{
display:inline-block;
flex:0 0 auto;
width:36px;
line-height:calc(24.5/18);
color:#ff5800;
font-size:18px;
font-family:'roboto', sans-serif;
font-weight:bold;
text-align:center
}
@media (min-width: 768px){
.p-qaList__dd i{
width:38px;
margin-left:28px;
line-height:calc(28/20);
font-size:20px}
}
.c-cards__wrap{
position:relative
}
.c-cards__cont{
position:relative;
padding-bottom:15px
}
@media (max-width: 767px){
.c-cards__cont.swiper-container{
overflow:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
margin-left:-10px;
margin-right:-20px}
}
@media (min-width: 768px){
.c-cards__cont.swiper-container{
max-width:836px;
margin-bottom:30px;
padding-bottom:0}
}
@media (max-width: 767px){
.c-cards__list{
display:grid;
grid-auto-flow:column;
grid-template-rows:repeat(1, auto);
grid-template-columns:repeat(auto-fill, 150px);
grid-gap:14px}
}
.c-cards__pager{
position:relative
}
.c-cards__pager .c-pager{
margin-bottom:20px
}
.c-cards__pager .c-pager:last-child{
margin-bottom:0
}
@media (min-width: 768px){
.c-cards__pager .c-pager{
margin-bottom:0}
}
.c-cards__pager__link{
text-align:right
}
@media (min-width: 768px){
.c-cards__pager__link{
display:flex;
align-items:center;
justify-content:flex-end;
margin:0 auto}
}
.c-cards__pager__link a{
display:inline-block;
position:relative;
padding-left:18px;
line-height:1.5;
font-size:14px
}
.c-cards__pager__link a:not(:hover){
color:inherit
}
.c-cards__pager__link a::before{
position:absolute;
top:11px;
left:-3px;
display:block;
width:12px;
height:12px;
border-top:1.5px solid #00aaeb;
border-right:1.5px solid #00aaeb;
content:"";
-webkit-transform:rotate(45deg) scale(0.7) skew(-8deg, -8deg);
transform:rotate(45deg) scale(0.7) skew(-8deg, -8deg);
-webkit-transform-origin:100% 0;
transform-origin:100% 0
}
@media (min-width: 768px){
.c-card{
width:156px}
}
.c-card:last-child{
margin-bottom:0
}
.c-card__inner{
flex-direction:column;
height:100%;
width:150px
}
@media (min-width: 768px){
.c-card__inner{
width:156px}
}
.c-card__inner&gt;:last-child{
margin-bottom:0
}
.c-card__pic{
margin-bottom:.5em !important;
padding:0 10px;
text-align:center;
transition:opacity 200ms
}
@media (min-width: 768px){
.c-card__pic{
padding:0
}}
a:hover .c-card__pic{
opacity:.8
}
.c-card__body{
flex:1 1 auto;
display:block;
margin-bottom:1em;
text-decoration:none;
cursor:pointer
}
.c-card__body:not(:hover){
color:inherit
}
.c-card__txt{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
margin-bottom:0.375em !important;
color:#333333;
font-size:13px;
text-align: center
}
.c-card__link{
    display:-webkit-box;
/*! autoprefixer: ignore next */-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
    height:3em;
    margin-bottom:0 !important;
    line-height:1.5;
    font-weight:bold;
    text-align: center;
}
a:not(:hover) .c-card__link{
    color:#0066cc;
}
.c-card__link:nth-child(2){
    -webkit-line-clamp:1;
height:1.5em
}
.c-card__sub{
    margin-bottom:0 !important;
    color:#8f9ba1;
    font-size:12px;
    text-align:center
}
.c-card__btn{
    display:flex;
    flex-direction:column;
    padding:0 10px 4px
}
.c-card__btn .c-button{
    margin-bottom:6px
}
.c-card__btn .c-button:last-child{
    margin-bottom:0px
}
.swiper-button-prev,.swiper-button-next{
    display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:48px;
left:0;
width:60px;
height:60px;
margin:auto;
border-radius:50%;
background-color:rgba(0,0,0,0.5);
background-image:none;
cursor:pointer;
transition:200ms
}
@media (max-width: 767px){
.swiper-button-prev,.swiper-button-next{
    width:36px;
height:36px}
}
.swiper-button-prev::before,.swiper-button-next::before{
    color:#fff;
font-size:22px
}
@media (min-width: 768px){
    .swiper-button-prev::before,.swiper-button-next::before{
        font-size:26px}
}
.swiper-button-prev:hover,.swiper-button-next:hover{
    opacity:0.8
}
.swiper-button-next{
    left:auto;
right:0
}@media (max-width: 767px){
    .c-cards__wrap .swiper-button-prev{
display:none}
}@media (max-width: 767px){
.c-cards__wrap .swiper-button-next{
display:none}
}
@media (min-width: 768px) {
    .__wrap ul {
        display: flex;
        width: 93%;
        gap: 10px;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
/*
--------------------------------------------- */
#interview {
    margin: 32px -25px 0;
  }
  @media (min-width: 768px) {
    #interview {
      margin: 32px 0 0;
    }
  }
  #interview .__wrap {
    overflow: auto;
  }
  #interview .__wrap ul {
    display: inline-flex;
    gap: 10px;
    padding: 0 15px;
  }
  @media (min-width: 768px) {
    #interview .__wrap ul {
      display: flex;
      justify-content: center;
      gap: 40px;
      padding: 0;
    }
  }
  #interview .__wrap ul li {
    width: min(37.3333333333vw, 156px);
  }
  @media (min-width: 768px) {
    #interview .__wrap ul li {
      width: 156px;
    }
  }
  #interview .__wrap ul li a {
    display: block;
    text-align: center;
  }
  
  /*
  --------------------------------------------- */</pre></body></html>