@charset "UTF-8";
/* CSS Document */

@media (min-width: 1423px){
#sp-cta{ top: 100%;}
#sp-cta ul li:nth-child(3){ width: auto; position: fixed; right: 0; top: 25%; z-index: 100;}
#sp-cta ul li:nth-child(3) a{ writing-mode: vertical-rl; font-size: 2.0rem; font-weight: 600; padding: 1.6em 0.32em;}
#sp-cta ul li:nth-child(3) a:before{ display: inline-block; width: 2.4em; padding-bottom: 2.4em;}
}
@media (max-width: 908px){
#site-navigation{ display: none;}
}
@media (max-width: 1422px){
#site-navigation{ margin: 0px;}
.headerSubNavi{ display: none;}
body#foreign_staff #postTitle.foreign_staff:after{ background-size: 130%;}
body#foreign_staff .contents.about:before{ background-size: 150%;}
#primary-menu li#menu-item-166 ul{ width: 300%; left: -180%;}
.mark-ex-btn { bottom: 23%; right: 1%;}
}
@media (max-width: 1331px){
.contents.indexAbout:before,
.contents.indexAbout:after{background-size: 130%;}
body#agency_system .contents.about.left:before,
body#agency_system .contents.about.right:before{ background-size: 165% !important;}
.contents.faq .column .inner dl.question dd{top: 4.2em;}
.contents.indexAbout:before {
background: url("images/compensation/mainimage_02.webp") no-repeat right center;
background-size: 130%;
left: unset;
right: -8%;
}
@media (max-width: 1023px){
.contents.indexAbout:before { left: 0; }
}
@media (max-width: 1550px){
.contents.compIndex ul.column{ width: 70%;}
body#agency_system .contents.about.left:before,
body#agency_system .contents.about.right:before{ background-size: 130%;}
}
@media (max-width: 1500px){
body#agency_system #postTitle.foreign_staff:after{ background-size: 130%;}
}
@media (max-width: 1500px){
.indexReasons section{ max-width: 1500px; margin: 0px auto; padding: 4.0rem 0;}
}
@media (max-width: 1240px) {
.indexReasons section{ width: 90%; margin: 0px auto; padding: 4.0rem 0;}
.indexReasons section dl{ width: 100%; border: solid 2px #FFF; border-radius: 16px;}
.indexReasons section dl:nth-child(n+2){ margin-top: 2.4rem;}
.indexReasons section dl dt{ text-align: left; padding: 1.2em 0.8em;}
.indexReasons section dl dt span{ display: inline-block; font-size: 2.4rem; line-height: 1.0em; font-weight: 600; color: #FFF; padding-left: 74px; position: relative;}
/*
.indexReasons section dl dt span{ display: inline-block; font-size: 2.4rem; line-height: 1.0em; font-weight: 600; color: #FFF; padding-left: 74px; position: relative;}
.indexReasons section dl dt span:before{ content: ""; width: 64px; height: 64px; display: inline-block; border-radius: 100%; overflow: hidden; position: absolute; bottom: -0.4em; left: 0; z-index: 100;}
*/
.indexReasons section dl dt span{ display: inline-block; font-size: 2.4rem; line-height: 1.0em; font-weight: 600; color: #FFF; padding-left: 64px; position: relative;}
.indexReasons section dl dt span:before{ content: ""; width: 60px; height: 60px; display: inline-block; border-radius: 100%; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 100;}
.indexReasons section dl:nth-of-type(1) dt span:before{ background: url("images/home/index_reasons_icon_01.svg") no-repeat; background-size: contain;}
.indexReasons section dl:nth-of-type(2) dt span:before{ background: url("images/home/index_reasons_icon_02.svg") no-repeat; background-size: contain;}
.indexReasons section dl:nth-of-type(3) dt span:before{ background: url("images/home/index_reasons_icon_03.svg") no-repeat; background-size: contain;}
.indexReasons section dl:nth-of-type(4) dt span:before{ background: url("images/home/index_reasons_icon_04.svg") no-repeat; background-size: contain;}
.indexReasons section dl:nth-of-type(2) dt span{ letter-spacing: 0;}
.indexReasons section dl dd{ background: #FFF; padding: 0.8em; border-radius: 0 0 14px 14px;}
}
@media (max-width: 480px){
#sp-cta ul li a { font-size: 1.5rem;}
#sp-cta ul li a:nth-child(1) { font-size: 1.3rem;}
}
@media (max-width: 520px) {
.mark-box-single { flex-wrap: wrap;}
}
@media (max-width: 640px) {
.contents.compIndex.clr03 ul.column li em { bottom: 40%; font-size: 1.8rem;}
.contents.compIndex.clr03 ul.column li em:before { width: 180px; height: 100px;}
.contents.compIndex.clr03 ul.column li a { font-size: 1.4rem;}

}
@media (max-width: 1023px){
body#foreign_staff #postTitle.foreign_staff:after{ background-size: 110%;}
}
@media (max-width: 768px){
body#foreign_staff #postTitle.foreign_staff{ position: relative; padding: 45.0rem 0 2.4rem;}
}
@media (max-width: 640px){
body#foreign_staff #postTitle.foreign_staff{ position: relative; padding: 30.0rem 0 2.4rem;}
}
@media (max-width: 480px){
body#foreign_staff #postTitle.foreign_staff:after{ background-size: 130%;}
body#foreign_staff #postTitle.foreign_staff{ position: relative; padding: 35.0rem 0 2.4rem;}
}
@media (max-width: 400px){
body#foreign_staff #postTitle.foreign_staff:after{ background-size: 140%;}
body#foreign_staff #postTitle.foreign_staff:before{ height: 45%;}
body#foreign_staff #postTitle.foreign_staff{ position: relative; padding: 25.0rem 0 2.4rem;}
body#foreign_staff #postTitle.foreign_staff section h2 img{ width: 80%;}
}
@media (max-width: 640px){
body#agency_system .contents.faq .column .inner dl.question dd{font-size: 2.0rem;}
body#agency_system #postTitle.foreign_staff{padding: 1.3rem 0;}
}
@media (max-width: 556px){
body#agency_system .contents.faq .column .inner dl.question dd{font-size: 1.5rem;}
}
@media (max-width: 480px){
body#agency_system .contents.faq .column .inner dl.question dd{font-size: 1.4rem;}
}
@media (max-width: 400px){
body#agency_system .contents.faq .column .inner dl.question dd{top: 55% !important; font-size: 1.2rem;}
}