/* Hack */
body.kasou{ overflow: visible !important;}

.MainVisual::after {
    background-color: rgba(71,51,24,.1);background-color: none;
}


@media print,(min-width:768px){
    .Recruit {padding-top: 0px;}
    #Recruit .TopTitle__main{font-size: 16vw;}
    #Recruit .TopTitle__main{  margin-top: -6vw;}
}
#Recruit .TopTitle__main{font-size: 14.8vw;}
#Recruit .TopTitle__main{  margin-top: -5.5vw;}

.TopdRecruit__link{ padding-top: 4.5%}

.RecruitImage__link{ display: block;line-height: 0; box-sizing: border-box; transition: all .6s; position: relative; }
/* .RecruitImage__link::before{ position: absolute; content: ""; display: block; top:0 ; left: 0; width: 100%; height: 100%;box-sizing: border-box; transition: all .6s; background-color: #f4e100;z-index: 1; opacity: 0;} */
@media print, (min-width: 768px){
    .RecruitImage__link:hover { transform: translateY(-6px);}
    .TopdRecruit__link{ padding-top: 3%}

}

@media print, (min-width: 768px) {
.Contact::after {
    z-index: -2;
    background: url(../img/contact_bg_movex.jpg)no-repeat right 60%/cover;
  }

}

/* Add -------------------------------------------------------- */
html { overflow: auto;}
body.body-index{}
body:not(.body-index) .index-show{ display: none;}
body.body-index .index-hide{ display: none;}


@media screen and (min-width: 768px) {
    .tellink { pointer-events: none;}
}
.disp-ib{display: inline-block;}
.pore{ position: relative;}
.poab{ position: absolute;}
.hide{ display: none;}
.hide-text { position:absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.ovf_hd { overflow: hidden;}
@media screen and (min-width: 1201px) {
    .show1200 { display: none;}
    .hide1200 { display: block;}
}
@media screen and (max-width: 1200px) {
    .show1200 { display: block;}
    .hide1200 { display: none;}
}  
@media screen and (min-width: 1031px) {
    .hide1030 { display: block;}
}
@media screen and (max-width: 1030px) {
    .hide1030 { display: none;}
}
@media screen and (min-width: 1001px) {
    .show1000 { display: none;}
    .hide1000 { display: block;}
}
@media screen and (max-width: 1000px) {
    .show1000 { display: block;}
    .hide1000 { display: none;}
}  
@media screen and (min-width: 951px) {
    .show950 { display: none !important;}
}
@media screen and (max-width: 950px) {
    .show950 { display: block;}
}
@media screen and (min-width: 861px) {
    .hide860 { display: block !important;}
}
@media screen and (max-width: 860px) {
    .hide860 { display: none;}
}  
@media screen and (min-width: 901px) {
    .show-900 { display: none; }
    .hide-900 { display: block; }
}
@media screen and (max-width: 900px) {
    .show-900 { display: block; }
    .hide-900 { display: none; }
}
@media screen and (min-width: 768px) {
    .show-767 { display: none; }
    .hide-767 { display: block; }
}
@media screen and (max-width: 767px) {
    .show-767 { display: block; }
    .hide-767 { display: none; }
}
@media screen and (min-width: 751px) {
    .show-750 { display: none; }
    .hide-750 { display: block; }
}
@media screen and (max-width: 750px) {
    .show-750 { display: block; }
    .hide-750 { display: none; }
}
@media screen and (min-width: 601px) {
    .show-600 {display: none;  }
    .hide-600 { display: block;  }
}
@media screen and (max-width: 600px) {
    .show-600 { display: block; }
    .hide-600 { display: none; }
}


/* font */
.lh1{ line-height: 1;}
.lh11{ line-height: 1.1;}
.lh12{ line-height: 1.2;}
.lh13{ line-height: 1.3;}
.lh14{ line-height: 1.4;}
.lh15{ line-height: 1.5;}
.lh16{ line-height: 1.6;}
.lh17{ line-height: 1.7;}
.lh18{ line-height: 1.8;}
.bold{ font-weight: bold;}

.fn-Montserrat{ font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif;}
.fn-Yellowtail{ font-family: 'Yellowtail', cursive;}
.txjus {text-align: justify; text-justify: inter-ideograph;}

/* color */
.c_w { color: #fff;}
.c_y { color: #f4e100;}
.bg_000{ background-color: #000;}


/* layout */
.wrap{ padding: 0 75px; margin: 0 auto; box-sizing: border-box;}
@media screen and (max-width: 1200px) {
    .wrap{ padding: 0 7%;}
}
.Inner1500{ max-width: 1500px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1400{ max-width: 1400px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1300{ max-width: 1300px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1200{ max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1100{ max-width: 1100px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1000{ max-width: 1000px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner900{ max-width: 900px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner800{ max-width: 800px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner780{ max-width: 780px; width: 100%; margin: 0 auto; box-sizing: border-box;}

.txc{text-align: center;}
.pr00{ padding-right: 0 !important;}
.mb00{ margin-bottom: 0 !important;;}
.pb00{ padding-bottom: 0 !important;}

/* add 2022/12/12~ */
.flex { display: flex; flex-wrap: wrap;}
.flex-jcc { display: flex; flex-wrap: wrap; justify-content: center;}
.flex-jcs { display: flex; flex-wrap: wrap; justify-content: space-between;}
.flex-aic { align-items: center;}
.linkunderline{ text-decoration: underline;}


/* plugin */


/* js-cursor */
/* */
.js-cursor__main{pointer-events:none;position:fixed;top:0;left:0;width:10px;height:10px;background:#000;border-radius:50%;z-index:10001;opacity:0;transition:opacity .2s} 
.is-moved .js-cursor__main{opacity:1}
.is-outside .js-cursor__main{opacity:0}
.js-cursor__option{pointer-events:none;position:fixed;top:0;left:0;width:30px;height:30px;border-radius:50%;background:#c4b7ab;z-index:10000;opacity:0;transition: opacity .2s }
.is-moved .js-cursor__option{opacity:0}
.is-outside .js-cursor__option{opacity:0}
.is-hover .js-cursor__option{background:#f4e100; opacity:0.75}


/*AOS*/
.aosShift dt:nth-of-type(1) {transition-delay:  .1s !important;}
.aosShift dt:nth-of-type(2) {transition-delay:  .2s !important;}
.aosShift dt:nth-of-type(3) {transition-delay:  .3s !important;}
.aosShift dt:nth-of-type(4) {transition-delay:  .4s !important;}
.aosShift dt:nth-of-type(5) {transition-delay:  .5s !important;}
.aosShift dt:nth-of-type(6) {transition-delay:  .6s !important;}
.aosShift dt:nth-of-type(7) {transition-delay:  .7s !important;}
.aosShift dt:nth-of-type(8) {transition-delay:  .8s !important;}
.aosShift dt:nth-of-type(9) {transition-delay:  .9s !important;}
.aosShift dt:nth-of-type(10){transition-delay: 1.0s !important;}
.aosShift dt:nth-of-type(11){transition-delay: 1.1s !important;}
.aosShift dt:nth-of-type(12){transition-delay: 1.2s !important;}
.aosShift dt:nth-of-type(13){transition-delay: 1.3s !important;}
.aosShift dt:nth-of-type(14){transition-delay: 1.4s !important;}
.aosShift dt:nth-of-type(15){transition-delay: 1.5s !important;}


[data-aos=fade-up]{transform:translate(0,20px)}
[data-aos=fade-left]{transform: translate3d(20px,0,0);}
[data-aos=fade-right]{transform: translate3d(-20px,0,0);}
[data-aos=zoom-out]{transform:scale(1.05)}


[data-aos="slidein-left-obj"]{position:relative; overflow:hidden; transform: translate3d(-10px,0,0);}
[data-aos="slidein-left-obj"].aos-animate{ transform: translate3d(0px,0,0); }

[data-aos="slidein-left-obj"]:after,
[data-aos="slidein-left-obj"]:before{content:'';position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%}
[data-aos="slidein-left-obj"]:before{z-index:3;background:#f1f2ec}
[data-aos="slidein-left-obj"]:after{z-index:2;background-color:#f4e100}
[data-aos="slidein-left-obj"].aos-animate:after{animation-name:slidein-left-objplay;animation-duration:1.2s;animation-delay:0;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.8,0,.5,1)}
[data-aos="slidein-left-obj"].aos-animate:before{animation-name:slidein-left-maskOut;animation-duration:0.6s;animation-delay:0;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.8,0,.5,1)}

@keyframes slidein-left-objplay {
0%{transform:translateX(-101%);opacity:1}
50%{transform:translateX(0);opacity:1}
100%{transform:translateX(120%);opacity:1}
}
@keyframes slidein-left-maskOut {
0%{transform:translateX(0)}
50%{transform:translateX(0)}
100%{transform:translateX(120%)}
}

/* bennettfeely.com/clippy */
[data-aos="paintttl-left"]{ position:relative; overflow:hidden; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
[data-aos="paintttl-left"].aos-animate{ clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);}

#recruit__Method_Slide .slick-slide:not(.slick-active) dt span{transition-duration: .3s; transition-delay: .2s;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
#recruit__Method_Slide .slick-slide.slick-active{ clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);}


[data-aos="paintttl-down"]{ position:relative; overflow:hidden; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
[data-aos="paintttl-down"].aos-animate{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

[data-aos="paintttl-dig"]{ position:relative; overflow:hidden; clip-path: polygon(0 0, 0 100%, 100% 100%, 0% 100%);}
[data-aos="paintttl-dig"].aos-animate{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

/* qiita nazomikan/items/85cb6f6f0b6dd3d3454a */
.aos-chrome-hack{box-shadow: 0 0 0 rgba(0,0,0,0);}


.bg_a09e95 [data-aos="slidein-left-obj"]:before{z-index:3;background:#a09e95}

[data-aos="slidein-left-obj"] .bg_img::after { animation-duration:4s; animation-duration:60s; animation-delay:0.1s; animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.19,1,.22,1); }
[data-aos="slidein-left-obj"].aos-animate .bg_img::after { animation-name:slidein-img; }
@keyframes slidein-img {
    0%{transform: scale(1.3);}
    100%{transform: scale(1);}
}

@media screen and (max-width: 750px) { 
    [data-aos="slidein-left-obj"] .bg_img::after {  animation-duration:6s;  }
}


.scslide{
    visibility : hidden;
  }
  .scslide.slick-initialized{
    visibility:visible; 
  }




/* kasou */
.kasou .Menu>span, 
.kasou .Menu>span::before, 
.kasou .Menu>span::after { background-color: #3f3f31;}
.-open .kasou .Menu>span::before, 
.-open .kasou .Menu>span::after { background-color: #fff;}
.-open .kasou .Menu>span { background-color: transparent !important;}

.kasou_dousen { }
.kasou_dousen .ModuleInner { box-sizing: border-box; max-width: calc(1120px + 30px * 2);}
.kasou_dousen_txt { font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; font-size: 1rem;}
.kasou_dousen_txt span { color: #a09e95; transition: all .3s;}
.kasou_dousen_txt a:hover span { color: #f4e100;}

.kasou_kv {}
.kasou_h1ttl{max-width: calc(1120px + 30px * 2); margin: 0 auto;padding-right: 30px; padding-left: 30px; box-sizing: border-box;}
.kasou_kv .TopTitle { }



.sticky_box {}
.sticky_box .ModuleInner { box-sizing: border-box; max-width: calc(1120px + 30px * 2);}
.sticky_left { width: 28%;}
.sticky_right { width: 72%;}
.sticky_left .sticky_content { position: sticky; top: 10%;}
.sticky_left ul li { line-height: 1.7; margin-bottom: 10px;}
.sticky_left ul li a { font-size: 1.188em; font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; font-weight: 400; color: #3f382a; transition: all .3s;}
.sticky_left ul li a:hover span { color: #f4e100;}

@media screen and (min-width: 1400px) {
    .kasou_dousen { padding-top: 160px;}
    .kasou_kv { padding-top: 110px;}

    .sticky_box { padding: 95px 0 140px;}
}
@media screen and (min-width: 861px) and (max-width: 1000px) {
    .sticky_left ul li a { font-size: calc((25 / 1400) * 100vw) !important;}
}
@media screen and (max-width: 860px) {
    .sticky_left { width: 100%;}
    .sticky_right { width: 100%; padding-top: calc((140 / 1400) * 100vw);}
    .sticky_left ul { display: flex; flex-wrap: wrap;}
    .kasou_contact .sticky_left ul li,
    .kasou .sticky_left ul li { margin-right: 2.5em;}
    

}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .kasou_dousen { padding-top: calc((160 / 1400) * 100vw);}
    .kasou_kv { padding-top: calc((110 / 1400) * 100vw);}

    .sticky_box { padding: calc((95 / 1400) * 100vw) 0 calc((140 / 1400) * 100vw);}
}
@media screen and (max-width: 767px) {
    .kasou_dousen { padding-top: calc((80 / 360) * 100vw);}
    .kasou_dousen_txt { font-size: calc((13 / 360) * 100vw);}
    .kasou_kv { padding-top: calc((55 / 360) * 100vw);}
    .kasou_h1ttl{padding: 0 8.3333333333vw;}
    .kasou_kv_img { height: calc((200 / 360) * 100vw);}
    .kasou_kv_img img { object-fit: cover; height: calc((200 / 360) * 100vw);}

    .sticky_box { padding: calc((23 / 360) * 100vw) 0 calc((70 / 360) * 100vw);}
    .sticky_left {}
    .sticky_right { width: 100%; padding-top: calc((35 / 360) * 100vw);}
    .kasou .sticky_left ul li { margin-right: 0; width: 50%;}
    .kasou .sticky_left ul li a { font-size: calc((13 / 360) * 100vw);}

    .kasou_contact .sticky_left ul li { margin-bottom: 10px !important; margin-right: 1.2em !important; width: auto;}
    .kasou_contact .sticky_left ul li a { font-size: calc((12 / 360) * 100vw) !important;}

    .kasou_field .sticky_left ul li { margin-bottom: 10px !important; margin-right: 1.5em !important; width: auto;}
}


.sticky_right .TopTitle__main { font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; font-weight: 700; color: #3f3f31;}
.sticky_right .TopTitle__main:nth-child(n + 2) { padding-top: 14vw; /*margin-top: 200px;*/}
.sticky_lead { margin-bottom: 1.5em; font-size: 1.25rem; /*font-size: 4.1666666667vw;*/ font-weight: 700; line-height: 1.6666666667; letter-spacing: .2em; word-break: keep-all;}
.sticky_right .ModuleText { letter-spacing: 0.05em; color: #3f382a;}
.sticky_right .ModuleText span { display: block; font-weight: 700; margin-top: 60px;}

@media screen and (min-width: 768px) {
    .sticky_right .TopTitle__main { font-size: 1.75rem;}
}
@media screen and (min-width: 1400px) {
    .sticky_lead { margin-top: 65px;}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .sticky_lead { margin-top: calc((65 / 1400) * 100vw);}
}
@media screen and (max-width: 767px) {
    .sticky_lead { margin-top: calc((32 / 360) * 100vw); font-size: calc((17 / 360) * 100vw);}
    .sticky_right .ModuleText span { margin-top: calc((30 / 360) * 100vw);}
}


/* kasou_about */
.philosophy_img {}

.miyamoto_img {}
.miyamoto_left {}
.miyamoto_right {}
.miyamoto_box p { font-size: 0.8125rem; line-height: 1.9;}
.miyamoto_left p { line-height: 2;}
.katagaki,
.member_name { font-weight: 700; color: #3f382a;}
.katagaki { letter-spacing: 0.07em;}
.member_name_sub { font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; color: #3f382a; letter-spacing: 0.06em; font-weight: 400;}

.miyamoto_left .katagaki { font-size: 0.9375rem;}
.miyamoto_left .member_name { font-size: 1.625rem; line-height: 1.5;}
.miyamoto_left .member_name_sub { font-size: 0.875rem;}
.miyamoto_left .shozoku { line-height: 1.5; margin-top: 5px;}

.member_list_box { color: #3f382a;}
.member_list_box dt { position: relative; cursor: pointer;}
.member_list_box dt::before,
.member_list_box dt::after { content: ""; position: absolute; top: 50%;right: 0; transform: translateY(-50%); width: 30px; height: 1px; background-color: #3f382a;}
.member_list_box dt::after { transform: rotate(90deg); transition: all .4s;}
.member_list_box dt.active::after { transform: rotate(0deg);}
.member_list_box dt .flex { align-items: center;}
.member_list_dt_l {}
.member_list_box ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.member_list_box ul li {}
.member_list_box ul li dl { border-bottom: 0.7px solid #3f382a;}
.member_list_box ul li:nth-child(-n + 2) dl { border-top: 0.7px solid #3f382a;}
.member_list_box ul li .katagaki { font-size: 0.8125rem;}
.member_list_box ul li .member_name { font-size: 1.4375rem; line-height: 1.5;}
.member_list_box ul li .member_name_sub { font-size: 0.875rem;}
.member_list_box ul li dd { display: none; margin-top: 20px; font-size: 0.8125rem;}

.about_company { color: #3f382a; display: flex; flex-wrap: wrap;}
.about_company dt,
.about_company dd { border-top: 1px solid #a09e95; line-height: 1.9;}
.about_company dt:last-of-type,
.about_company dd:last-of-type { border-bottom: 1px solid #a09e95;}
.about_company dt {}
.about_company dd {}

.infiniteslide_box { position: relative; width: 100%; }
.infiniteslide_wrap { position: absolute; left: 0; top: 0; }
@media screen and (min-width: 1150px) {
    .infiniteslide_wrap { width: calc( 100% + calc(calc(100vw - 1150px) / 2));}
}
@media screen and (max-width: 1149px) {
    .infiniteslide_wrap { width: calc(100% + 2vw); margin-right: -8.3333333333vw;}
}
@media screen and (max-width: 767px) {
    .infiniteslide_box{ overflow: hidden;width: 100vw;margin-left: -8.3333333333vw;margin-right: -8.3333333333vw;}
    .infiniteslide_wrap { width: 100vw; margin-right: 0;}
}


.infiniteslide li { padding: 0 5px;}
.infiniteslide.about_slide {}
.infiniteslide.about_slide li {}

.map { height: 0; overflow: hidden; padding-bottom: 47.2%; position: relative;}
.map iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%;}

@media screen and (min-width: 1400px) {
    .philosophy_img { margin-top: 45px;}

    .miyamoto_img { margin: 60px 0 45px;}
    .miyamoto_left { width: 340px;}
    .miyamoto_right { width: calc(100% - 340px);}

    .miyamoto_left .member_name_sub { margin-bottom: 50px;}

    .member_list_dt_l { width: 105px; margin-right: 30px;}
    .member_list_box { margin-top: 55px;}
    .member_list_box ul li { width: calc(50% - 25px);}
    .member_list_box ul li dl { padding: 20px 0;}

    .about_company { margin-top: 65px;}
    .about_company dt,
    .about_company dd { padding: 25px 0;}
    .about_company dt { width: 160px;}
    .about_company dd { width: calc(100% - 160px);}

    .infiniteslide_box { margin-top: 50px; height: 375px;}
    .infiniteslide.about_slide li { width: 580px;}

    .map { margin-top: 80px;}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .philosophy_img { margin-top: calc((50 / 1400) * 100vw);}

    .miyamoto_img { margin: calc((60 / 1400) * 100vw) 0 calc((45 / 1400) * 100vw);}

    .miyamoto_left .member_name_sub { margin-bottom: calc((50 / 1400) * 100vw);}

    .member_list_box { margin-top: calc((55 / 1400) * 100vw);}
    .member_list_box ul li dl { padding: calc((20 / 1400) * 100vw) 0;}

    .about_company { margin-top: calc((65 / 1400) * 100vw);}
    .about_company dt,
    .about_company dd { padding: calc((25 / 1400) * 100vw) 0;}
    .about_company dt { width: calc((160 / 1400) * 100vw);}
    .about_company dd { width: calc(100% - ((160 / 1400) * 100vw));}

    .infiniteslide_box { margin-top: calc((50 / 1400) * 100vw); height: calc((375 / 1400) * 100vw);}
    .infiniteslide.about_slide li { width: calc((580 / 1400) * 100vw);}

    .map { margin-top: calc((80 / 1400) * 100vw);}
}
@media screen and (min-width: 861px) and (max-width: 1399px) {
    .miyamoto_left { width: calc((340 / 1400) * 100vw);}
    .miyamoto_right { width: calc(100% - ((340 / 1400) * 100vw));}

    .member_list_dt_l { width: calc((105 / 1400) * 100vw); margin-right: calc((30 / 1400) * 100vw);}
    .member_list_box ul li { width: calc(50% - ((25 / 1400) * 100vw));}
}
@media screen and (max-width: 860px) {
    .miyamoto_left { width: 100%;}
    .miyamoto_right { width: 100%; margin-top: calc((65 / 1400) * 100vw);}

    .member_list_dt_l { width: calc((165 / 1400) * 100vw); margin-right: calc((50 / 1400) * 100vw);}
    .member_list_box ul li { width: 100%;}
    .member_list_box ul li:nth-child(-n + 2) dl { border-top: none;}
    .member_list_box ul li:first-child { border-top: 0.7px solid #3f382a;}
}
@media screen and (max-width: 767px) {
    .philosophy_img { margin-top: calc((25 / 360) * 100vw);}

    .miyamoto_img { margin: calc((30 / 360) * 100vw) 0 calc((22 / 360) * 100vw);}
    .miyamoto_right { margin-top: calc((27 / 360) * 100vw);}
    .miyamoto_box p { font-size: calc((11 / 360) * 100vw);}
    
    .miyamoto_left .katagaki { font-size: calc((12 / 360) * 100vw);}
    .miyamoto_left .member_name { font-size: calc((23 / 360) * 100vw);}
    .miyamoto_left .member_name_sub { margin-bottom: calc((10 / 360) * 100vw); font-size: calc((11 / 360) * 100vw);}

    .member_list_box { margin-top: calc((27 / 360) * 100vw);}
    .member_list_dt_l { width: calc((72 / 360) * 100vw); margin-right: calc((15 / 360) * 100vw);}
    .member_list_box ul li dl { padding: calc((10 / 360) * 100vw) 0;}
    .member_list_box dt::before, .member_list_box dt::after { width: calc((15 / 360) * 100vw);}
    .member_list_box ul li .katagaki { font-size: calc((10 / 360) * 100vw);}
    .member_list_box ul li .member_name { font-size: calc((20 / 360) * 100vw);}
    .member_list_box ul li .member_name_sub { font-size: calc((11 / 360) * 100vw);}
    .member_list_box ul li dd { font-size: calc((11 / 360) * 100vw);}

    .about_company { margin-top: calc((32 / 360) * 100vw);}
    .about_company dt,
    .about_company dd { padding: calc((12 / 360) * 100vw) 0;}
    .about_company dt { width: calc((80 / 360) * 100vw);}
    .about_company dd { width: calc(100% - ((80 / 360) * 100vw));}

    .infiniteslide_box { margin-top: calc((25 / 360) * 100vw); height: calc((187 / 360) * 100vw);}
    .infiniteslide_wrap { width: 100%; overflow: unset !important;}
    .infiniteslide.about_slide li { width: calc((290 / 360) * 100vw);}

    .map { margin-top: calc((40 / 360) * 100vw);}
}


/* header */



/* footer */
.Contact_btn { margin: 30px 0 40px;}
.Contact_btn a { position: relative; border: 1px solid #f1f2ed; border-radius: 8px; padding: 20px 20px 20px 75px; transition: all .3s;}
.Contact_btn a::before { content: ""; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 35px; height: 14px; background-image: url(../img/common/ico_arrow_r_white_01.svg); background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s;}
.Contact_btn a:hover { color: #f4e100; border: 1px solid #f4e100;}
.Contact_btn a:hover::before { background-image: url(../img/common/ico_arrow_r_yellow_01.svg);}
.ContactTel a { transition: all .3s;}
.ContactTel a:hover { color: #f4e100;}
.ContactTel__link::before { transition: all .3s;}
.ContactTel__link:hover::before { background-image: url(../img/common/ico_phone_yellow_01.svg);}


.FooterLogo__address p.elm01{ font-size: 1.15em;}

.FooterPPolicy { width: 100%; text-align: right;}
.FooterPPolicy a { font-size: 0.8125rem; font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; color: #afa9a0;}

@media print,(min-width:768px){
    .active.Contact:hover::before, 
    .active.Contact:hover::after { opacity: 1;}
}
@media print,(max-width:767px) {
    .Contact_btn { margin: calc((15 / 360) * 100vw) 0 calc((20 / 360) * 100vw);}
    .Contact_btn a { padding: calc((10 / 360) * 100vw) calc((10 / 360) * 100vw) calc((10 / 360) * 100vw) calc((37 / 360) * 100vw);}
    .Contact_btn a::before { left: calc((10 / 360) * 100vw); width: calc((17 / 360) * 100vw); height: calc((7 / 360) * 100vw);}
    .FooterPPolicy { text-align: center; margin-top: 5vw;}
    .FooterPPolicy a { font-size: calc((10 / 360) * 100vw);}
}


/* kasou_field */
.kasou_field { background-color: #a09e95; color: #f1f2ed;}

.kasou_field .kasou_dousen_txt,
.kasou_field .kasou_dousen_txt span { color: #fff;}

.kasou_field .TopTitle__main-ico::before { background: url(../img/common/logo_white_01.svg) no-repeat left top/contain;}
.kasou_field [data-aos="slidein-left-obj"]:before { background: #a09e95;}
.kasou_field .field_case [data-aos="slidein-left-obj"]:before { background: #f1f2ec;}

.kasou_field .sticky_box {}
.kasou_field .sticky_left ul li a { color: #fff;}
.kasou_field .sticky_left ul li a:hover { color: #f4e100;}
.kasou_field .sticky_right .TopTitle__main { color: #f1f2ed;}

.kasou_field_list_box { display: flex; flex-wrap: wrap; justify-content: space-between;}
.kasou_field_list_box li {}
.kasou_field_list_box li:hover { transform: translateY(-6px);}
.kasou_field_list_box li,
.kasou_field_list_box li a,
.field_list_txt::after { transition: all .6s;}
.kasou_field_list_box li a:hover { color: #f4e100;}
.field_list_txt { position: relative; font-weight: 700;}
.field_list_txt::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 40px; height: 18px; background-image: url(../img/common/ico_arrow_r_white_01.svg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.kasou_field_list_box li a:hover .field_list_txt::after { background-image: url(../img/common/ico_arrow_r_yellow_01.svg);}

.kasou_field .infiniteslide_box { margin: 0;}
.kasou_field .infiniteslide_wrap { width: 100%;}

.field_flow {}
.field_flow .ModuleInner { max-width: calc(1260px + 30px * 2);}
.field_flow .TopTitle { text-align: center;}
.field_flow .TopTitle__main { font-size: 1.75rem; font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; font-weight: 700;}
.field_flow .ModuleInner > .flex { align-items: center; justify-content: space-between;}
.field_left {}
.field_right { width: 44.5%; box-sizing: unset;}
.flow_img { max-width: 570px;}
.flow_num_box { position: relative;}
.flow_num_box::before { position: absolute; top: 0; text-align: center; font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; z-index: 1;}
.flow_num_box:nth-of-type(1):before { content: "1";}
.flow_num_box:nth-of-type(2):before { content: "2";}
.flow_num_box:nth-of-type(3):before { content: "3";}
.flow_num_box:nth-of-type(4):before { content: "4";}
.flow_num_box:nth-of-type(5):before { content: "5"; color: #a09e95;}
.flow_num_box::after { content: ""; position: absolute; border: 1px solid #f1f2ed; border-radius: 100%; background-color: #a09e95;}
.flow_num_box:nth-of-type(5)::after { background-color: #f1f2ed;}
.flow_num_box:not(:last-of-type) { border-left: 1px solid #f1f2ed;}
.flow_num_ttl { font-size: 1.25rem; font-weight: 700;}
.flow_num_txt { letter-spacing: 0.12em; line-height: 1.9; text-align: justify;}

.flow_btn { display: inline-block;}
.flow_btn:first-of-type {}
.flow_btn a { transition: all .3s; font-size: 1.25rem; font-weight: 700; display: flex; width: 210px; padding: 5px 17px; border-radius: 6px; background-color: #f1f2ed; color: #a09e95;}
.flow_btn a span { width: 27px; display: flex; margin-right: 10px;}
.flow_btn a:hover { background-color: #f4e100; color: #f1f2ed;}

.field_faq {}
.field_faq .ModuleInner { max-width: calc(1260px + 30px);}
.field_faq .ModuleInner > .flex { justify-content: flex-end;}
.field_faq_box { max-width: 800px; width: 100%;}
.field_faq .TopTitle__main { font-size: 1.75rem; font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; font-weight: 700;}

.field_faq dl dt,
.field_faq dl dd { background-color: #f1f2ed; color: #a09e95; border-radius: 9px;}
.question_left { font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; font-size: 1.25rem;}
.answer-left { font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif; font-size: 1.25rem; margin-right: 55px;}
.question_left p { width: 38px; height: 38px; line-height: 38px; text-align: center;}
.answer-left p { color: #a09e95; background-color: #f1f2ed; border-radius: 100%; width: 38px; height: 38px; line-height: 38px; text-align: center;}
.question_right {}
.field_faq dl dt { position: relative; cursor: pointer; margin-bottom: 10px;}
.field_faq dl dd { display: none; background-color: unset; color: #f1f2ed; align-items: flex-start; margin-bottom: 10px;}
.field_faq dl dt .flex_box { display: flex; align-items: center;}
.field_faq dl dd .flex_box { display: flex;}

.field_faq dl dt::before,
.field_faq dl dt::after { content: ""; position: absolute; top: 50%; right: 27px; width: 15px; height: 2px; background-color: #a09e95;}
.field_faq dl dt::before { transform: rotate(-90deg); transition: all .5s;}
.field_faq dl dt.active::before { transform: rotate(0deg);}

.field_case { background-color: #f1f2ed; color: #3f3f31;}
.field_case .ModuleInner {}
.field_case .TopTitle { text-align: center;}
.kasou_field .field_case .TopTitle__main-ico::before { background: url(../img/common/logo_black_01.svg) no-repeat left top/contain;}
.field_case_btn { text-align: center;}
.field_case_btn a { position: relative; z-index: 1; overflow: hidden; color: #f1f2ed; font-size: 1.25rem; font-weight: 700; display: block; width: 100%;}
.field_case_btn a::after { content: ""; position: absolute; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/field/field_case.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s cubic-bezier(.25,.64,.58,.92);}

.field_case_btn.field_case_btn--to_field  a::after { background-image: url(../img/field/field_kv.jpg); }
.field_case_btn.field_case_btn--to_field  a::before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.25;} 


.field_case_btn a:hover::after { transform: scale(1.1);}

@media screen and (min-width: 1400px) {
    .kasou_field .sticky_box { padding-bottom: 130px;}

    .kasou_field_list_box li { width: calc(50% - 20px); margin-bottom: 45px;}
    .field_list_txt { margin-top: 20px;}

    .field_flow .ModuleInner { padding-left: 0;}
    .field_flow { padding-top: 140px;}
    .field_left { width: calc(100% - (44.5% + 85px));}
    .field_right { padding-left: 85px;}
    .flow_num_box { padding-left: 70px;}
    .flow_num_box:not(:last-of-type) { padding-bottom: 90px;}
    .flow_num_box::before { left: -45px; width: 90px; height: 90px; font-size: 32px;}
    .flow_num_box::after { top: -7px; left: -45px; width: 90px; height: 90px;}

    .flow_btn { margin-top: 25px;}
    .flow_btn:first-of-type { margin-right: 15px;}

    .field_faq { padding: 130px 0 120px;}

    .field_faq dl dt,
    .field_faq dl dd { padding: 20px 50px;}

    .question_left { margin-right: 55px;}

    .field_case { padding: 120px 0 175px;}
    .field_case_btn a { padding: 125px 10px;}

}
@media screen and (min-width: 861px) and (max-width: 1399px) {
    .field_left { width: calc(100% - (44.5% + ((85 / 1400) * 100vw)));}
    .field_right { padding-left: calc((85 / 1400) * 100vw);}

    .field_flow .ModuleInner { padding-left: 0; margin-left: 0;}
}
@media screen and (max-width: 860px) {
    .field_flow .ModuleInner > .flex { flex-flow: column-reverse;}
    .field_left { width: 100%;}
    .field_right { display: flex; flex-flow: column; align-items: center; width: 100%; padding-left: calc((85 / 1400) * 100vw);}
    .flow_img { max-width: calc((570 / 1400) * 100vw); margin-top: calc((130 / 1400) * 100vw); margin-left: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .kasou_field .sticky_box { padding-bottom: calc((130 / 1400) * 100vw);}

    .kasou_field_list_box li { width: calc(50% - ((20 / 1400) * 100vw)); margin-bottom: calc((45 / 1400) * 100vw);}
    .field_list_txt { margin-top: calc((20 / 1400) * 100vw);}

    .field_flow { padding-top: calc((140 / 1400) * 100vw);}
    
    .flow_num_box { padding-left: calc((70 / 1400) * 100vw);}
    .flow_num_box:not(:last-of-type) { padding-bottom: calc((90 / 1400) * 100vw);}
    .flow_num_box::before { left: calc((-45 / 1400) * 100vw); width: calc((90 / 1400) * 100vw); height: calc((90 / 1400) * 100vw); font-size: calc((32 / 1400) * 100vw);}
    .flow_num_box::after { top: calc((-7 / 1400) * 100vw); left: calc((-45 / 1400) * 100vw); width: calc((90 / 1400) * 100vw); height: calc((90 / 1400) * 100vw);}

    .flow_btn { margin-top: calc((25 / 1400) * 100vw);}
    .flow_btn:first-of-type { margin-right: calc((15 / 1400) * 100vw);}

    .field_faq { padding: calc((130 / 1400) * 100vw) 0 calc((120 / 1400) * 100vw);}

    .field_faq dl dt,
    .field_faq dl dd { padding: calc((20 / 1400) * 100vw) calc((50 / 1400) * 100vw);}
    .question_left { margin-right: calc((55 / 1400) * 100vw);}

    .field_case { padding: calc((120 / 1400) * 100vw) 0 calc((175 / 1400) * 100vw);}
    .field_case_btn a { padding: calc((125 / 1400) * 100vw) calc((10 / 1400) * 100vw);}
}
@media screen and (max-width: 767px) {
    .kasou_field .sticky_box { padding-bottom: calc((65 / 360) * 100vw);}

    .kasou_field_list_box li { width: calc(50% - ((10 / 360) * 100vw)); margin-bottom: calc((22 / 360) * 100vw);}
    .field_list_txt { margin-top: calc((10 / 360) * 100vw); font-size: calc((10 / 360) * 100vw); line-height: 1.7;}
    .field_list_txt::after { width: calc((20 / 360) * 100vw); height: calc((9 / 360) * 100vw);}

    .field_flow { padding-top: calc((70 / 360) * 100vw);}
    .field_flow .ModuleInner { padding-left: 8.3333333333vw; margin-left: auto;}
    .field_right { padding-left: 0;}
    .flow_num_box { padding-left: calc((35 / 360) * 100vw);}
    .flow_num_box:not(:last-of-type) { padding-bottom: calc((45 / 360) * 100vw);}
    .flow_num_box::before { left: calc((-22 / 360) * 100vw); width: calc((45 / 360) * 100vw); height: calc((45 / 360) * 100vw); font-size: calc((16 / 360) * 100vw);}
    .flow_num_box::after { top: calc((-7 / 360) * 100vw); left: calc((-22 / 360) * 100vw); width: calc((45 / 360) * 100vw); height: calc((45 / 360) * 100vw);}
    .flow_num_ttl { font-size: calc((17 / 360) * 100vw);}

    .flow_btn { margin-top: calc((22 / 360) * 100vw);}
    .flow_btn:first-of-type { margin-right: calc((7 / 360) * 100vw);}

    .flow_btn a { font-size: calc((14 / 360) * 100vw); width: calc((125 / 360) * 100vw); padding: calc((5 / 360) * 100vw) calc((8 / 360) * 100vw);}
    .flow_btn a span { width: calc((13 / 360) * 100vw); margin-right: calc((5 / 360) * 100vw);}

    .flow_img { max-width: calc((285 / 360) * 100vw); margin-top: calc((65 / 360) * 100vw); margin-left: 0;}

    .field_faq { padding: calc((65 / 360) * 100vw) 0 calc((60 / 360) * 100vw);}

    .field_faq dl dt,
    .field_faq dl dd { padding: calc((10 / 360) * 100vw) calc((25 / 360) * 100vw);}
    .field_faq dl dd { padding-right: 0;}
    .question_left { margin-right: calc((15 / 360) * 100vw); font-size: calc((16 / 360) * 100vw);}
    .question_left p { width: calc((19 / 360) * 100vw); height: calc((19 / 360) * 100vw); line-height: calc((19 / 360) * 100vw);}
    .answer-left { font-size: calc((16 / 360) * 100vw); margin-right: calc((15 / 360) * 100vw); margin-left: calc((-4 / 360) * 100vw);}
    .answer-left p { width: calc((25 / 360) * 100vw); height: calc((25 / 360) * 100vw); line-height: calc((25 / 360) * 100vw);}

    .field_faq dl dt::before, 
    .field_faq dl dt::after { right: calc((16 / 360) * 100vw); width: calc((10 / 360) * 100vw);}

    .field_case { padding: calc((60 / 360) * 100vw) 0 calc((87 / 360) * 100vw);}
    .field_case_btn a { padding: calc((62 / 360) * 100vw) calc((5 / 360) * 100vw); font-size: calc((17 / 360) * 100vw);}
}


/* kasou_case */
.kasou_field.kasou_case .sticky_box {}
.sticky_left p { font-family: "Montserrat","Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif;}
.kasou_case .sticky_left ul li a { color: #f1f2ed; font-weight: 700; letter-spacing: 0.05em; font-size: 1.063rem;}

.kasou_case_list_box > li:not(:first-of-type) {}
.kasou_case_list_box li h2 { font-size: 1.375rem; font-weight: 700;}
.kasou_case_list_box li .slider_item > .flex { justify-content: space-between; align-items: center;}
.kasou_case_list_box li .slider_item .slider_img { position: relative;}
.kasou_case_list_box li .slider_item .slider_arrow {}
.kasou_case_list_box li .slider_item .slider_arrow span { display: block; margin: 0 auto;}
.kasou_case_list_box li .slider_item .slider_img .top_left_txt { position: absolute; top: 0; left: 0; font-size: 0.875rem; font-weight: 700; padding: 0 7px; letter-spacing: 0.1em;}
.kasou_case_list_box li .slider_item .slider_img .top_left_txt.bl { color: #f1f2ed; background-color: #3f382a;}
.kasou_case_list_box li .slider_item .slider_img .top_left_txt.yl { color: #3f3f31; background-color: #f4e100;}

.kasou_case_list_box li dl { display: flex; flex-flow: wrap;}
.kasou_case_list_box li dl dt,
.kasou_case_list_box li dl dd { border-top: 1px solid #f1f2ed; font-size: 0.8125rem;}
.kasou_case_list_box li dl dt:nth-last-of-type(1),
.kasou_case_list_box li dl dd:last-of-type { border-bottom: 1px solid #f1f2ed;}
.kasou_case_list_box li dl dt { box-sizing: border-box; padding-right: 5px; font-weight: 700;}
.kasou_case_list_box li dl dd {}

.kasou_case_list_box li p { line-height: 1.9; letter-spacing: 0.07em;}

.slider_inner .slick-dots { bottom: -30px; right: auto; left: 0; width: auto;}
.slider_inner .slick-dots li:first-of-type { margin-left: 0;}
.slider_inner .slick-dots li:first-of-type button { padding-left: 0;}
.slider_inner ul.slick-dots li button::before { color: rgba(241, 242, 237, 0.9);}
.slider_inner ul.slick-dots li.slick-active button::before { color: #f1f2ed;}
.slick-dots li button::before {}

@media screen and (min-width: 1400px) {
    .kasou_field.kasou_case .sticky_box { padding-bottom: 205px;}
    .sticky_left p { margin-bottom: 20px;}

    .kasou_case_list_box > li:not(:first-of-type) { padding-top: 100px;}
    .kasou_case_list_box li h2 { margin-bottom: 20px;}
    .kasou_case_list_box li .slider_item .slider_img { width: calc(50% - 28px);}
    .kasou_case_list_box li .slider_item .slider_arrow { width: 55px;}
    .kasou_case_list_box li .slider_item .slider_arrow span { width: 24px;}

    .kasou_case_list_box li dl { margin: 60px 0 40px;}
    .kasou_case_list_box li dl dt,
    .kasou_case_list_box li dl dd { padding: 15px 0;}
    .kasou_case_list_box li dl dt {width: 110px;}
    .kasou_case_list_box li dl dd { width: calc(100% - 110px);}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .kasou_field.kasou_case .sticky_box { padding-bottom: calc((205 / 1400) * 100vw);}
    .sticky_left p { margin-bottom: calc((20 / 1400) * 100vw);}

    .kasou_case_list_box > li:not(:first-of-type) { padding-top: calc((100 / 1400) * 100vw);}
    .kasou_case_list_box li h2 { margin-bottom: calc((20 / 1400) * 100vw);}
    .kasou_case_list_box li .slider_item .slider_img { width: calc(50% - ((28 / 1400) * 100vw));}
    .kasou_case_list_box li .slider_item .slider_arrow { width: calc((55 / 1400) * 100vw);}
    .kasou_case_list_box li .slider_item .slider_arrow span { width: calc((24 / 1400) * 100vw);}

    .kasou_case_list_box li dl { margin: calc((85 / 1400) * 100vw) 0 calc((40 / 1400) * 100vw);}
    .kasou_case_list_box li dl dt,
    .kasou_case_list_box li dl dd { padding: calc((15 / 1400) * 100vw) 0;}
    .kasou_case_list_box li dl dt { /*width: calc((110 / 1400) * 100vw);*/ width: 110px;}
    .kasou_case_list_box li dl dd { /*width: calc(100% - ((110 / 1400) * 100vw));*/ width: calc(100% - 110px);}
}
@media screen and (max-width: 767px) {
    .kasou_field.kasou_case .sticky_box { padding-bottom: calc((102 / 360) * 100vw);}
    .sticky_left p { margin-bottom: calc((10 / 360) * 100vw);}
    .kasou_case .sticky_left ul li a { font-size: calc((14 / 360) * 100vw);}

    .kasou_case_list_box > li:not(:first-of-type) { padding-top: calc((50 / 360) * 100vw);}
    .kasou_case_list_box li h2 { margin-bottom: calc((10 / 360) * 100vw); font-size: calc((20 / 360) * 100vw);}
    .kasou_case_list_box li .slider_item .slider_arrow { width: 100%; height: calc((35 / 360) * 100vw); display: flex; align-items: center;}
    .kasou_case_list_box li .slider_item .slider_arrow span { width: calc((12 / 360) * 100vw);}
    .kasou_case_list_box li .slider_item .slider_arrow span img { transform: rotate(90deg);}
    .slider_inner .slick-dots { bottom: calc((-25 / 360) * 100vw);}
    .slick-dots li { margin: 0 2px;}

    .kasou_case_list_box li dl { margin: calc((42 / 360) * 100vw) 0 calc((20 / 360) * 100vw);}
    .kasou_case_list_box li dl dt,
    .kasou_case_list_box li dl dd { padding: calc((7 / 360) * 100vw) 0; font-size: calc((11 / 360) * 100vw); width: 100%;}
    .kasou_case_list_box li dl dd { border-top: unset; padding-top: 0 !important;}
    .kasou_case_list_box li dl dt { padding-bottom: 0;}
    .kasou_case_list_box li dl dt:nth-last-of-type(1) { border-bottom: unset;}
}


/* kasou_contact */
.kasou_contact .sticky_left ul li a { font-weight: 700; letter-spacing: 0.05em; font-size: 1.125rem; font-family: inherit;}
.kasou_contact .sticky_left ul li { margin-bottom: 20px;}
.kasou_contact .sticky_right .TopTitle {}
.kasou_contact .sticky_right .TopTitle__main { font-size: 1.6875rem; font-family: "Yu Gothic Medium",YuGothic,"Yu Gothic",sans-serif;}
.kasou_contact .sticky_lead { margin-top: 0; font-weight: 500; font-size: 0.9375rem; line-height: 1.9;}

.line_flex { display: flex; justify-content: space-between;}
.line_box { width: calc(50% - 10px);}
.line_box.kojin { background-color: #c4b7ab; color: #3f382a;}
.line_box.houjin { background-color: #3f382a; color: #c4b7ab;}
.line_box p { font-size: 1.125rem; font-weight: 700; text-align: center;}
.qr_img { margin: 0 auto;}
.line_btn {}
.line_btn a { font-size: 0.875rem; font-weight: 700; padding: 2px 2px; border-radius: 6px; display: flex; align-items: center; justify-content: center; width: 130px; margin: 0 auto; transition: all .3s;}
.line_box.kojin .line_btn a { color: #c4b7ab; background-color: #3f382a;}
.line_box.houjin .line_btn a { color: #3f382a; background-color: #c4b7ab;}
.line_btn a span { display: flex; width: 19px; height: 18px; margin-right: 5px;}
.line_btn a:hover { background-color: #f4e100 !important;}

@media screen and (min-width: 1400px) {
    .kasou_contact .sticky_right .TopTitle { margin-bottom: 35px;}
    .kasou_contact .sticky_lead { margin-bottom: 40px;}

    .line_box { padding: 40px 0 45px;}
    .qr_img { width: 192px;}
    .line_btn { margin-top: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .kasou_contact .sticky_right .TopTitle { margin-bottom: calc((35 / 1400) * 100vw);}
    .kasou_contact .sticky_lead { margin-bottom: calc((40 / 1400) * 100vw);}

    .line_box { padding: calc((40 / 1400) * 100vw) 0 calc((45 / 1400) * 100vw);}
    .qr_img { width: calc((192 / 1400) * 100vw);}
    .line_btn { margin-top: calc((30 / 1400) * 100vw);}
}
@media screen and (max-width: 860px) {
    .qr_img { width: calc((312 / 1400) * 100vw);}
}
@media screen and (max-width: 767px) {
    .kasou_contact .sticky_right .TopTitle { margin-bottom: calc((17 / 360) * 100vw);}
    .kasou_contact .sticky_right .TopTitle__main { font-size: 6.1111111111vw;}
    .kasou_contact .sticky_lead { margin-bottom: calc((20 / 360) * 100vw); font-size: calc((12 / 360) * 100vw);}

    .line_flex { flex-wrap: wrap;}
    .line_box { width: 100%; padding: calc((20 / 360) * 100vw) 0 calc((22 / 360) * 100vw);}
    .line_box.kojin { margin-bottom: 20px;}
    .line_box p { font-size: calc((15 / 360) * 100vw); margin-bottom: calc((5 / 360) * 100vw);}
    .qr_img { width: calc((136 / 360) * 100vw);}
    .line_btn { margin-top: calc((15 / 360) * 100vw);}
    .line_btn a { font-size: calc((14 / 360) * 100vw); padding: calc((2 / 360) * 100vw) calc((2 / 360) * 100vw); width: calc((130 / 360) * 100vw);}
    .line_btn a span { display: flex; width: calc((19 / 360) * 100vw); height: calc((19 / 360) * 100vw); margin-right: calc((5 / 360) * 100vw);}
}


/* contact_mail */
.contact_mail {}

input, textarea { width: 100%; background-color: #fff; font-size: 1.0625rem; font-weight: 500;}
.input-area {}
::placeholder { color: #d9d7d4; letter-spacing: 0.14em;}

.contact-table .table-list { border-top: 1px solid #d9d7d4;}
.contact-table .table-list:last-of-type { border-bottom: 1px solid #d9d7d4;}
.contact-table .table-list label { font-size: 1.0625rem; font-weight: 700;}
.textareaWrap textarea { }
.address_wrap .table-list { display: flex; flex-wrap: wrap;}
.address_wrap .table-list dt { width: 100%;}
.address_wrap .table-list dd:first-of-type {}
.address_wrap .table-list dd:last-of-type {}

.file_wrap p { line-height: 1.8;}
.file_wrap dd input { background-color: unset; font-size: 0.8125rem; color: #9f9b94;}
.namae_flex { display: flex; justify-content: space-between; border-top: 1px solid #d9d7d4;}
.namae,
.hurigana { width: 48%;}
.namae .table-list,
.hurigana .table-list { border-top: unset;}

.PPlink { line-height: 1.9;}
.PPlink a { transition: all .3s;}
.PPlink a:hover { color: #f4e100;}
.error_box2{ color: #d00; margin: 0 0 1em;}
.error_box { display: none; width: 100%; text-align: center; box-sizing: border-box; border: 1px solid #d00; color: #d00; line-height: 2;}
.contact_area .btn span {  padding-right: 0; display: inline-block; text-align: center; align-items: center; position: relative;}
.btn_submit,
.contact_area .btn span #submit { width: 380px; padding: 15px; background-color: #3f382a; color: #f1f2ed; font-size: 1.125rem; transition: all .3s;}
.btn_submit:hover,
.contact_area .btn span #submit:hover { background-color: #f4e100;}

.textareaWrap textarea { height: 320px; padding: 35px 40px; box-sizing: border-box; line-height: 1.9;}

@media screen and (min-width: 1400px) {
    .contact_mail { padding: 175px 0 0;}

    .input-area { padding: 10px 20px;}

    .contact-table .table-list { padding: 30px 0;}
    .address_wrap .table-list dd:first-of-type { width: 200px; margin-right: 30px;}
    .address_wrap .table-list dd:last-of-type { width: calc(100% - 230px);}

    .file_wrap p { margin-bottom: 30px;}

    .PPlink { margin: 35px 0;}
    .error_box { padding: 25px 20px; margin-bottom: 70px;}
}
@media screen and (min-width: 861px) and (max-width: 1399px) {
    .address_wrap .table-list dd:first-of-type { width: calc((200 / 1400) * 100vw);}
    .address_wrap .table-list dd:last-of-type { width: calc(100% - ((230 / 1400) * 100vw));}
}
@media screen and (max-width: 860px) {
    .textareaWrap textarea { }
    .address_wrap .table-list dd:first-of-type { width: calc((210 / 1400) * 100vw);}
    .address_wrap .table-list dd:last-of-type { width: calc(100% - ((240 / 1400) * 100vw));}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .contact_mail { padding: calc((175 / 1400) * 100vw) 0 0;}

    .input-area { padding: calc((10 / 1400) * 100vw) calc((20 / 1400) * 100vw);}

    .contact-table .table-list { padding: calc((30 / 1400) * 100vw) 0;}
    .textareaWrap textarea { padding: calc((35 / 1400) * 100vw) calc((40 / 1400) * 100vw);}
    .address_wrap .table-list dd:first-of-type { margin-right: calc((30 / 1400) * 100vw);}
    .address_wrap .table-list dd:last-of-type {}

    .file_wrap p { margin-bottom: calc((30 / 1400) * 100vw);}

    .PPlink { margin: calc((35 / 1400) * 100vw) 0;}
    .error_box { padding: calc((25 / 1400) * 100vw) calc((20 / 1400) * 100vw); margin-bottom: calc((70 / 1400) * 100vw);}
    .btn_submit,
    .contact_area .btn span #submit { width: calc((380 / 1400) * 100vw); padding: calc((15 / 1400) * 100vw);}
}
@media screen and (max-width: 767px) {
    .contact_mail { padding: calc((87 / 360) * 100vw) 0 0;}

    input, textarea { font-size: calc((12 / 360) * 100vw);}
    .input-area { padding: calc((5 / 360) * 100vw) calc((10 / 360) * 100vw);}

    .contact-table .table-list { padding: calc((15 / 360) * 100vw) 0;}
    .contact-table .table-list label { font-size: calc((14 / 360) * 100vw);}
    .textareaWrap textarea { padding: calc((17 / 360) * 100vw) calc((20 / 360) * 100vw);}
    .address_wrap .table-list dd:first-of-type { margin-right: calc((15 / 360) * 100vw); margin-bottom: calc((5 / 360) * 100vw); width: calc((85 / 360) * 100vw);}
    .address_wrap .table-list dd:last-of-type { width: 100%;}

    .file_wrap p { margin-bottom: calc((15 / 360) * 100vw);}
    .file_wrap dd input { font-size:17px; }

    .PPlink { margin: calc((17 / 360) * 100vw) 0;}
    .error_box { padding: calc((12 / 360) * 100vw) calc((10 / 360) * 100vw); margin-bottom: calc((35 / 360) * 100vw);}
    .btn_submit,
    .contact_area .btn span #submit { width: calc((190 / 360) * 100vw); padding: calc((7 / 360) * 100vw); font-size: calc((15 / 360) * 100vw);}
}



.contact_kakunin {  line-height: 1.66; width: 100%; max-width: 1000px ; margin: 0 auto; padding: 75px 8.3vw 100px;}
.contact_kakunin .formTable { padding: 0px 0; margin-bottom: 40px; margin-top: 30px; width: 100%;  border-top: 1px solid #d9d7d4; }
.contact_kakunin th{ padding: 30px 0px ; width: 200px; border-bottom: 1px solid #d9d7d4; }
.contact_kakunin td{ padding: 30px 0px ; width: calc(100% - 200px); border-bottom: 1px solid #d9d7d4;}
.contact_kakunin input{ width: 49%; text-align: center;  }
.confirm_Inner{ display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%; }
    .confirm_Inner .btn_cancel{}
    .confirm_Inner .btn_submit{}


@media screen and (max-width: 500px) {
.contact_kakunin { padding-bottom: 75px; }
.contact_kakunin .formTable {padding: 0px 0; }
.contact_kakunin th{ padding: 20px 0px 0 ; letter-spacing: normal; width: 100%; display: block; border-bottom: none;  }
.contact_kakunin td{ padding: 5px 0px 20px ; width: 100%; display: block; }
.contact_kakunin input{  }
.confirm_Inner{ display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%; }

}

#submit:disabled{ pointer-events: none;opacity: 0.3;}
#submit:disabled:hover{  background-color: #3f382a !important;}



.thankswrap{}
.thanks-ttl{ margin-bottom: 1em;}





/* privacy policy */
.privacypolicy {}
.privacypolicy .ModuleInner { max-width: calc(1120px + 30px * 2);}
.privacypolicy dl dt { font-size: 1.0625rem; font-weight: 700;}
.privacypolicy dl dd {}

@media screen and (min-width: 1400px) {
    .privacypolicy { padding: 95px 0 140px;}
    .privacypolicy dl dd { margin-bottom: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
    .privacypolicy { padding: calc((95 / 1400) * 100vw) 0 calc((140 / 1400) * 100vw);}
    .privacypolicy dl dd { margin-bottom: calc((30 /1400) * 100vw);}
}
@media screen and (max-width: 767px) {
    .privacypolicy { padding: calc((47 / 360) * 100vw) 0 calc((70 / 360) * 100vw);}
    .privacypolicy dl dt { font-size: calc((14 / 360) * 100vw);}
    .privacypolicy dl dd { margin-bottom: calc((15 /360) * 100vw);}
}


/* ---------------------------------------- */
/* RECRUIT */
/* ---------------------------------------- */

body.page-recruit{}
body:not(.page-recruit) .recruit-show { display: none; }
body.page-recruit .recruit-hide { display: none; }
body.page-recruit .HeaderLogo span{ padding-left: 1.6em; transform: translateY(-5px);}
body.page-recruit{background: #F4E100 ;}

.recruit__wrap{ position: relative; z-index: 3;}
.recruit__bgttlbox{ width: 300vw; z-index: 1; position: absolute;}
.recruit__bgttl{ width: 100%; }
.recruit__h2ttl{ font-size:120px; font-size: clamp(calc(60px * 0.6),calc((120 / 1400) * 100vw),120px);
margin-bottom: 40px;}

@media screen and (max-width: 767px) {
    .recruit__h2ttl{font-size: clamp(14vw,calc((50 / 375) * 100vw),50px);
     margin-bottom: 20px;}
}

/* main */
.recruit__kv{ }
.recruit__kvttl{padding: 12% 7% 0;}
.recruit__kv .recruit__bgttl{ width: 100%; animation: recruitbgttl 15s linear infinite; transform: translateX(0%);}
.recruit__kv .recruit__bgttl span{ width: 50%; box-sizing: border-box; padding:0 0.4% ;}
@keyframes recruitbgttl {
    100% { transform: translateX(-50%);}
}


@media screen and (max-width: 767px) {
    .recruit__kv{ min-height: 100vh ;}
    body.page-recruit .HeaderLogo span{ font-size: min(3vw,15px);}
    .recruit__kvttl{ padding: 22% 7% 2vh; box-sizing: border-box; width: 80%; }
    .recruit__kvimg{ margin: 0 -40vh;}
    .recruit__bgttlbox{ width: 700vw; top: 1%;}
}



.recruit__Message{ padding: calc((120 / 1400) * 100vw) 0 0; }
.recruit__Message .recruit__bgttlbox{ width: 120vw; transform: translate(-10vw, -20vw); bottom: 0;}
.recruit__Message .recruit__h2ttl{}
.recruit__MessageInner { width: 100%; }
.recruit__MessageInner.flex-jcs{ }
.recruit__Message .flex-l{ box-sizing: border-box; width: calc(100% - 324px); order: 1; padding-left: 50px; }
.recruit__Message .flex-r{ box-sizing: border-box; width: 324px; order: 2;  margin-top: 60px;}
.recruit__Message-txt{ font-size: 1.2em; line-height: 2.1;}


@media screen and (max-width: 1300px) {
    .recruit__Message .flex-l{ width: 100%;  padding-left: 0px; }
    .recruit__Message .flex-r{ width: calc(324px * 0.8); margin-left: calc(324px * -0.8); }
}
@media screen and (max-width: 1150px) {
    .recruit__Message-txt{ font-size: 1.1em;}
    .recruit__Message .flex-r{ width: calc(324px * 0.7); margin-top: 0px; }
}
@media screen and (max-width: 800px) {
    .recruit__Message .flex-r{ width: calc(324px * 0.6); }
}
@media screen and (max-width: 767px) {
    .recruit__Message .recruit__bgttlbox{transform: translate(-10vw, 0%); bottom: auto;}
    .recruit__Message .flex-l{ margin-top: 12vw;}
    .recruit__Message .flex-r{ width: 30vw; margin-left:-30vw; }
}



.recruit__gallerywrap { display: flex; overflow: hidden; padding: calc((150 / 1400) * 100vw) 0 calc((50 / 1400) * 100vw);}
.recruit__galleryslide { display: flex; animation: loop-slide 20s infinite linear 1s both;}
.recruit__galleryslide li{ width: 25vw;  padding: 0 8px; box-sizing: border-box;  }
.recruit__galleryslide li img{border-radius: 16px;}
.recruit__galleryslide li:nth-child(odd){ transform: translateY(calc((50 / 1400) * -100vw)); }
.recruit__galleryslide li:nth-child(even){ width: 33.5vw; }
@keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%); }
}

@media screen and (max-width: 767px) {
    .recruit__galleryslide li{ width: 50vw; }
    .recruit__galleryslide li:nth-child(even){ width: 67vw; }
}


.recruit__Method:before{ content: '';position: absolute; top: 5%; bottom: 0;left: 0;right: 0;
    background-color: #333333;transform: skewY(-3deg);z-index: -2;}
.recruit__Method{ /*clip-path: polygon(0 7vw, 100% 0, 100% calc(100% - 7vw), 0% 100%); 
    background-color: #333333;*/ box-sizing: border-box; }
.recruit__Method .recruit__bgttlbox{ width: 120vw; transform: translate(-10vw, -50%); top: 50%; }
.recruit__MethodInner{ }
.recruit__MethodInner .recruit__h2ttl{ top: 15%; /*left: calc(64% - 75px);*/ left: calc(50% + calc(1200px * 0.14)); position: absolute;}
#recruit__Method_Slide .flex-l { width: 50%; box-sizing: border-box;}
#recruit__Method_Slide .flex-l > span{ background-color: #f4e100; display: inline-block; border-radius: 10px;}
#recruit__Method_Slide .flex-l > span img{ border-radius: 10px; transition: all .4s;}
#recruit__Method_Slide .slick-active .flex-l > span img {transform: rotate(10deg); }

#recruit__Method_Slide .flex-jcs{ padding: 10% 75px 10%;  max-width: 1350px; margin: 0 auto; box-sizing: border-box;}
#recruit__Method_Slide .slide-arrow {position: absolute; width: 50px;  bottom:26%; z-index: 98;transition: all .4s;
   /* left: calc(64% - 5px); */ left: calc(calc(50% + calc(1200px * 0.14)) + 70px );
  }
#recruit__Method_Slide .slide-arrow:not(.slick-disabled):hover  { opacity: 0.6;}
.slick-numwrap{  line-height: 50px; bottom:26%;
    /*left: calc(64% + 65px);*/  left: calc(calc(50% + calc(1200px * 0.14)) + 145px ); }
#recruit__Method_Slide .prev-arrow {  z-index: 99; /*left: calc(64% - 75px); */left: calc(50% + calc(1200px * 0.14));}
#recruit__Method_Slide .next-arrow {}
#recruit__Method_Slide .slick-disabled{ opacity: 0.3;}


#recruit__Method_Slide .flex-r { width: 36%; box-sizing: border-box; 
    padding-top:clamp(calc(120px * 0.5),calc((240 / 1400) * 100vw),240px); padding-bottom: 0%; }
#recruit__Method_Slide .flex-r dt{ margin-bottom: 5%; margin-right: -1.5em;}
#recruit__Method_Slide .flex-r dd{ line-height: 1.77; margin-right: -1em;}


@media screen and (max-width: 1900px) {
    .recruit__MethodInner .recruit__h2ttl{ top: 14%; }
}
@media screen and (max-width: 1800px) {
    .recruit__MethodInner .recruit__h2ttl{ top: 12%; }
}
@media screen and (max-width: 1500px) {
    .recruit__MethodInner .recruit__h2ttl{ top: 10%; }
}
@media screen and (max-width: 1350px) {
    #recruit__Method_Slide .flex-jcs{ padding: 14% 7% 10%; }
    #recruit__Method_Slide .flex-l { width: 44%; }
    #recruit__Method_Slide .flex-r { width: 46%;  padding-bottom: 12%;}
    .recruit__MethodInner .recruit__h2ttl{ top: 12%; left:54%;}
    #recruit__Method_Slide .slide-arrow { left: calc(54% + 65px); bottom: 18%; }
    #recruit__Method_Slide .prev-arrow { left: calc(54% - 5px); }

    .slick-numwrap{ left: calc(54% + 135px); bottom: 18%;   }
    #recruit__Method_Slide .flex-r dt{margin-right: -0.5em;}
    #recruit__Method_Slide .flex-r dd{ margin-right: 0em;}

}
@media screen and (max-width: 1200px) {
    #recruit__Method_Slide .slide-arrow { bottom: 16%;  }
    .slick-numwrap{  bottom: 16%; }
}
@media screen and (max-width: 1000px) {
    #recruit__Method_Slide .slide-arrow { bottom: 12%;  }
    .slick-numwrap{ bottom: 12%;  }
}
@media screen and (max-width: 767px) {
    .recruit__Method{ padding-top: 7vw;}
    .recruit__MethodInner .recruit__h2ttl{ position: static; padding: 12% 0 0;text-align: center;}
    #recruit__Method_Slide .flex-jcs{ padding: 6% 7% calc(10% + 40px); min-height: 50vh; }
    #recruit__Method_Slide .flex-l { width: 100%; padding: 0 12%; }
    #recruit__Method_Slide .flex-r { width: 100%;  padding-top:4%; }
    #recruit__Method_Slide .flex-r dt{ margin-right: 0; margin-bottom: 2%;box-sizing: border-box; padding-right: 10%; }
    #recruit__Method_Slide .flex-r dd{ margin-right: 0;}
    #recruit__Method_Slide .slide-arrow { width: 40px;  bottom:8%; left: calc(7% + 60px ); }
     .slick-numwrap{ line-height:40px; bottom:calc(8% - 8px); left: calc(7% + 125px ); }
     #recruit__Method_Slide .prev-arrow { left: 7%; }

}





.recruit__CareerPath:before{ content: '';position: absolute; top: 8%; bottom: auto;left: 0;right: 0; height: 60%;
    background-color: #fff;transform: skewY(-3deg);z-index: -1;}
.recruit__CareerPath:after{ content: '';position: absolute; top: auto; bottom: 6.5%;left: 0;right: 0;height: 60%;
    background-color: #fff;transform: skewY(4deg);z-index: -1;}
.recruit__CareerPath{ margin-top: -9.2%; padding: 10% 0 15%; text-align: center; box-sizing: border-box; 
   /*background-color: #fff; clip-path: polygon(0 8vw, 100% 0, 100% 100%, 0 90%);*/ }
.recruit__CareerPath .wrap.pr00{ padding-left: 100px;}
.recruit__CareerPath .recruit__bgttlbox{ width: 150vw; transform: translate(-10vw, 20%); }
.recruit__CareerPath_h3{ padding-top: 5px; font-size: 2.1em; }
.recruit__CareerPath_txt{font-size:1.13em;}
.recruit__CareerPathInner{ margin-bottom: 6%;}

.recruit__CareerPathScroll-wrapper{ }
.recruit__CareerPathScroll-list{ width: 1900px; margin: 0 auto;}
.recruit__CareerPathScroll-list .icn-fox{ left: -70px; top: -60px;}
.recruit__CareerPathScroll-list .icn-fox02{ width:15vw; max-width:100px; right: 10%; top: -60px;}

@media screen and (min-width: 2001px) {
    .recruit__CareerPathScroll-wrapper {}
}
@media screen and (max-width: 1900px) {
    .recruit__CareerPath:before{ top: 5%;}
    .recruit__CareerPath:after{ bottom: 6.5%;}
}
@media screen and (max-width: 1400px) {
    .recruit__CareerPath{ /*clip-path: polygon(0 8vw, 100% 0, 100% 100%, 0 calc(100% - 9vw));*/ }
    .recruit__CareerPath:before{ top: 2%;}
    .recruit__CareerPath:after{ bottom: 2%;}
}
@media screen and (max-width: 1000px) {
    .recruit__CareerPathScroll-list .icn-fox{ width:26vw; max-width:180px; top: -3%;}
    .recruit__CareerPathScroll-list .icn-fox02{  top: -13%;}
    .recruit__CareerPathScroll-list{ width: calc(1900px * 0.9);}
}
@media screen and (max-width: 767px) {
    .recruit__CareerPath:before{ top:0.5%;}
    .recruit__CareerPath:after{ bottom: 1%;}
    .recruit__CareerPath{ padding-bottom: 20%; }
    .recruit__CareerPath .wrap.pr00{ padding-left: 4%;}
    .recruit__CareerPath .recruit__bgttlbox{transform: translate(-10vw, 50vw); }
    .recruit__CareerPathScroll-list .icn-fox{ width:26vw; max-width:180px; top: -1%; left: -1.5%; }
    .recruit__CareerPathScroll-list .icn-fox02{ width:16vw; right: 46vw; top: -2vw;}
    .recruit__CareerPathScroll-list{ width: 390vw;}
    
}
@media screen and (max-width: 600px) {
    .recruit__CareerPathScroll-list .icn-fox02{ top: -5vw;}
    
}
@media screen and (max-width: 420px) {
    .recruit__CareerPathScroll-list .icn-fox02{ top: -4vw;}
    
}


.recruit__CEOMessage{ padding: 0% 0 2%; }
.recruit__CEOMessage .recruit__bgttlbox{ width: 120vw; transform: translate(-10vw, 50%); }
.recruit__CEOMessageInner { width: 100%; }
.recruit__CEOMessageInner .recruit__h2ttl{ z-index: 9; }
.recruit__CEOMessageInner.flex-jcs{ }
.recruit__CEOMessage .flex-l{ box-sizing: border-box; width: 80%; margin-right: -281px; margin-top:-2em ;}
.recruit__CEOMessage .flex-l p{ display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: -40px 40px 0px 0px rgba(255, 255, 255, 1.0);}
.recruit__CEOMessage .flex-l p img{ border-radius: 10px;}
.recruit__CEOMessage .flex-r{ width: 281px; padding-top: 2%; margin-right: 4%; }
.recruit__CEOMessage_txt{ justify-content: flex-end; padding-top:clamp(calc(100px * 0.5),calc((100 / 1400) * 100vw),100px);}
.recruit__CEOMessage_txt dl{ width: 100%; max-width: 800px;}
.recruit__CEOMessage_txt dt{width: 100%; font-size: 1.13em; order: 2 ;}
.recruit__CEOMessage_txt dd{width: 100%;  order: 1 ; margin-bottom: 3em; }


@media screen and (max-width: 1300px) {
    .recruit__CEOMessage .flex-l{ width: 80%; margin-right: 0px;  }
    .recruit__CEOMessage .flex-r{ width: calc(281px * 0.9); margin-left: calc(-281px * 0.9); }
}
@media screen and (max-width: 1150px) {
    .recruit__CEOMessage .flex-r{width: calc(281px * 0.8); margin-left: calc(-281px * 0.8); }
}
@media screen and (max-width: 1000px) {
    .recruit__CEOMessage .flex-r{ width: calc(281px * 0.7); margin-left: calc(-281px * 0.7); margin-right: 0%; }
}
@media screen and (max-width: 850px) {
    .recruit__CEOMessage .flex-r{ width: calc(281px * 0.6); margin-left: calc(-281px * 0.6); padding-top: 1%; margin-right: 0%; }
}
@media screen and (max-width: 767px) {
    .recruit__CEOMessage{ padding: 4% 0 4%; }
    .recruit__CEOMessage .recruit__bgttlbox{ transform: translate(-10vw, 120vw); }
    .recruit__CEOMessage .flex-l{ width: 92%;  }
    .recruit__CEOMessage .flex-l{margin-top:0.5em ;}

    .recruit__CEOMessage .flex-r{ width:32vw; margin-left: -32vw; padding-top:6%;}
    .recruit__CEOMessage .flex-l p { overflow: hidden;}
    .recruit__CEOMessage .flex-l p span { margin: 0 0 0 -22%; display: block;}
    .recruit__CEOMessage .flex-l p{  box-shadow: -3vw 3vw 0px 0px rgba(255, 255, 255, 1.0);}
    .recruit__CEOMessage_txt{padding-top:8%;}
}




.recruit__Interview{ padding: 12% 0 10%;clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0% 100%); background-color: #333333; box-sizing: border-box; }
.recruit__Interview .recruit__bgttlbox{ width: 120vw; transform: translate(-10vw, -50%); top: 50%; }
.recruit__Interview .wrap.pr00{ padding-left: 100px;}

.recruit__InterviewInner{ text-align: center; margin-bottom: 30px;}
.recruit__Interview_txt{padding-top: 1em; font-size:1.13em;}
.Interview__list_name{ font-size: 2em; line-height: 1.7;}

.recruit__Interview .swiper-container{ padding-bottom: 140px;}
.recruit__Interview .swiper-slide{ padding: 0 30px 0 0; box-sizing: border-box; }
/* swiper */
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after ,
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {content: '';}
.swiper-button-next,
.swiper-button-prev{position:absolute;top:auto; bottom: 0px;z-index:10;cursor:pointer;transition: all .3s;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{background:url(../img/recruit/icn-c-prev-y.png) center center no-repeat;background-size:100% auto;width:55px;height:55px ;display:block; top:auto;left:10%; box-sizing: border-box ;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{background:url(../img/recruit/icn-c-next-y.png) center center no-repeat;background-size:100% auto;width:55px;height:55px;display:block;top:auto; left:calc(10% + 85px); box-sizing: border-box ; z-index:11;}
.swiper-button-next:hover,
.swiper-button-prev:hover { opacity: 0.6;}

@media screen and (max-width: 767px) {
    .recruit__Interview .wrap.pr00{ padding-left: 16%;}
    .recruit__Interview .swiper-container{ padding-bottom: 20vw;}
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next{ width:40px;height:40px;}
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev{width:40px;height:40px; left:calc(10% + 60px);}
}


/* modaal */
/* HACK */
.modaal-container{ color: #333; max-width: 1000px;background: #f4e100; box-shadow: none;box-sizing: border-box;}
.modaal-content-container{padding: 60px 60px 80px;}
.modaal-close{ position: absolute; top: 0px; right: 0px;}
.modaal-close:focus,
.modaal-close {
  background: #fff !important; border-radius: 0; opacity: 1 ;
}
.modaal-close::after, .modaal-close::before {
    width: 4px;
    height: 22px;
    border-radius: 0px;
    background: #333333 !important;

  }

/* HACK */
.recruit__modaalInner .flex-img{ width: 50%;}
.recruit__modaalInner .flex-txt{ width: 45%;}
.recruit__modaalInner .flex-txt dt{font-size: 2em; }
.recruit__modaalInner .flex-txt dd.elm01{font-size: 1.06em;padding-top: 0.2em; }
.recruit__modaalInner .flex-txt dd.elm02{ font-size: 0.92em;padding-top: 2em; }

@media screen and (max-width: 960px) {
    .recruit__modaalInner .flex-img{ width: 40%;}
    .recruit__modaalInner .flex-txt{ width: 55%;}
}

@media screen and (max-width: 767px) {
    .recruit__modaalInner .flex-img{ width: 100%;}
    .recruit__modaalInner .flex-txt{ width: 100%;}
    .modaal-content-container{padding: 4% 8% 12%;}
    .modaal-inner-wrapper { padding: 2% ; }
}






.recruit__JoinUs { padding:10% 0 10%; margin-top: -5%;}
.recruit__JoinUs .recruit__bgttlbox{ width: 120vw; transform: translate(-10vw, -10%); }
.recruit__JoinUs .recruit__h2ttl{ margin-left: -55px;}
.recruit__JoinUs_txt{ width: 100%; max-width: 318px;}
.recruit__JoinUs_txt p{ margin: 10px 0 20px;}
.recruit__JoinUs::before{ position: absolute;content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;
    background: url(../img/recruit/joinus_img.png) no-repeat left 80% top 38%; background-size: min(70%, 1060px) auto; }
.recruit__JoinUs_links{ width: 76%; max-width: 294px;}

@media screen and (max-width: 1900px) {
.recruit__JoinUs::before{ background-position: right 10% top 40%;  }
}
@media screen and (max-width: 1600px) {
    .recruit__JoinUs::before{ background-position: right 0% top 40%;   }
}
@media screen and (max-width: 1150px) {
    .recruit__JoinUs .recruit__h2ttl{ margin-left: -35px;}
    .recruit__JoinUs::before{  background-position: right 0% top 60%;   background-size: min(66%, 1060px) auto;  }
}
@media screen and (max-width: 850px) {
    .recruit__JoinUs::before{  background-position: right -3% top 60%; background-size: 62% auto;  }
}
@media screen and (max-width: 767px) {
    .recruit__JoinUs .recruit__bgttlbox{ width: 120vw; transform: translate(-10vw, 10vw);}
    .recruit__JoinUs .recruit__h2ttl{ margin-left: -2.5%;}
    .recruit__JoinUs_txt{max-width:none; padding-top: 54vw;padding-left: 0%; padding-right: 7%; box-sizing: border-box; }
    .recruit__JoinUs::before{  background-position: center top 14vw; background-size: 102% auto;  }
    .recruit__JoinUs_txt p{ margin: 10px 0 5px;}
    .recruit__JoinUs_links{ margin: auto;}
    
}
    
    

.recruit__JoinUs_fixed{ position: fixed;right: 50px; bottom: 50px; z-index: 9;}
@media screen and (max-width: 1400px) {
    .recruit__JoinUs_fixed{ right: 30px; bottom: 30px; }
}    
@media screen and (max-width: 1100px) {
    .recruit__JoinUs_fixed{ right: 15px; bottom: 15px; }
}   
@media screen and (max-width: 767px) {
    .recruit__JoinUs_fixed{ right: 0px; bottom: 0px; }
    .recruit__JoinUs_fixed .show-767 a{display: block; text-align: center; width: 100vw; background-color: #06c755;}
}   
/*  */


/* ---------------------------------------- */
/* banner */
/* ---------------------------------------- */
@media screen and (min-width: 768px) {
.training_bannerWrap{ position: fixed; right:115px ; top: 0; z-index: 101;}
}   
@media screen and (max-width: 767px) {
.training_bannerWrap{ position: fixed; left:0 ; bottom: 0; z-index: 101; max-width: 240px; width: 54%;}
}