<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* recruit */

.recruitlist{display: flex; flex-wrap: wrap;}
.recruitlist li{width: 48%;}
.recruitlist li:not(:nth-of-type(2n)){margin-right: 4%;}


#sec02 .imgBox{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
#sec02 .imgBox img{width:100%; height: auto; max-width:239px;}

.wap-col2_l p{text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}
@media only screen and (min-width: 1181px){
.wap-col2_l {
display:flex;
}
.wap-col2_l &gt; div{
max-width:68%;
margin-left:2%;
}
.wap-col2_l &gt; figure{
width:30%;
margin-bottom: 10px;
}
    
.wap-col2_l &gt; figure img{max-width:234px; width:100%;}    
    
.wap-col2_l &gt; figure figcaption{text-align: right;}
}
@media only screen and (max-width: 1180px), print  {
.wap-col2_l &gt; figure{
text-align:center;
margin:0 auto 40px;
}
.wap-col2_l &gt;figure img{
width: 60%;
}
}


#sec04 .imgBox{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
#sec04 .imgBox img{width:100%; height: auto; max-width:239px; max-height:333px;}

@media only screen and (min-width:1181px) {
}
@media only screen and (max-width: 1180px), print  {
}

</pre></body></html>