@charset "UTF-8";

#main{overflow-x:hidden;}
#main .contents{padding:80px 0 0;}
#main .contents .background{margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%);}

#main .recruit_maincopy .sub_title{font-size:24px;line-height:1.6;font-weight:700;color:var(--main-color);text-align:left;/*margin:0 0 50px;*/} 

#main .recruit_maincopy > .inner{display:flex;}
#main .recruit_maincopy .recruit_maincopy_txt{flex:1;width:100%;margin:0 40px 0 0;}
#main .recruit_maincopy .recruit_maincopy_txt p.tex{font-size:20px;line-height:1.6;text-align:left;}
#main .recruit_maincopy .recruit_maincopy_pic{width:560px;}
#main .recruit_maincopy .recruit_maincopy_pic #slider{opacity:0;pointer-events:none;}
#main .recruit_maincopy .recruit_maincopy_pic #slider.slick-initialized{opacity:1;}
#main .recruit_maincopy .recruit_maincopy_pic img{height:auto;width:100%;}

#main .recruit{padding:80px 0 60px;}
#main .recruit .sub_title{font-size:24px;line-height:1.6;font-weight:700;color:var(--main-color);text-align:left;}
#main .recruit .tex{font-size:20px;line-height:1.6;text-align:left;}

#main .recruit_contact_button{padding:0 0 80px;}
#main .recruit_contact_button a{font-size:30px;line-height:81px;color:#FFF;text-decoration:none;letter-spacing:0.1em;display:block;background-color:var(--main-color);width:490px;height:85px;margin: 0 auto;border:2px solid var(--main-color);border-radius:10px;transition:color .3s, background-color .3s;}
@media screen and (min-width: 768px) {
  #main .recruit_contact_button a:hover{color:var(--main-color);background:none;}
}
#main .recruit_contact_button a.en{font-family:"Montserrat", sans-serif;font-weight:700;}
#main .recruit_contact_button p.tex{font-size:30px;line-height:1.6;margin:25px 0 0;}
#main .recruit_contact_button p.tex2{font-size:28px;color:var(--gray-color);margin:0 0 40px;}

#main .recruit_outline {background-color:#fff;margin:0 0 60px;padding:50px 70px;border-radius:10px;}
#main .recruit_outline .outline_title{font-size:32px;line-height:1.6;color:var(--main-color);text-align:left;padding:0 10px 20px;border-bottom: 1px solid #949494;}
#main .recruit_outline ul{text-align:left;}
#main .recruit_outline ul li.wide1{padding:25px 10px;border-bottom:1px solid #949494;}
#main .recruit_outline ul li.wide1 .outline_s_title{font-size:24px;margin:0 0 20px;}
#main .recruit_outline ul li.wide1 ol li{font-size:20px;line-height:1.6;margin:0 0 5px 1em;list-style:disc;}
#main .recruit_outline ul li.wide1 p{font-size:20px;line-height:1.6;}
#main .recruit_outline ul li.wide1 ul{display:flex;flex-wrap:wrap;border:none;}
#main .recruit_outline ul li.wide2{display:flex;width:50%;margin:0 0 10px;padding:20px 0;border-bottom:1px solid #b7b7b7;}
#main .recruit_outline ul li.wide2 span{font-size:18px;line-height:1.6;}
#main .recruit_outline ul li.wide2 span.ttl{width:8em;display:inline-block;}
#main .recruit_outline ul li.wide2 span.ttl + span{flex:1;width:100%;padding:0 10px 0 0;}
#main .recruit_outline ul li:last-child{border:none;margin-bottom:0;}
#main .recruit_outline .sub_title{margin:0;text-align:center;}

.footer_banner{display:none;}

@media (max-width: 1280px) {
  #main .contents{padding:6.25vw 0 0;}
  #main .recruit_maincopy .sub_title{font-size:1.875vw;/*margin:0 0 3.90vw;*/} 
  #main .recruit_maincopy .recruit_maincopy_txt{margin:0 3.125vw 0 0;}
  #main .recruit_maincopy .recruit_maincopy_txt p.tex{font-size:1.562vw;}
  #main .recruit_maincopy .recruit_maincopy_pic{width:43.75vw;}

  #main .recruit{padding:6.25vw 0 4.68vw;}
  #main .recruit .sub_title{font-size:1.875vw;}
  #main .recruit .tex{font-size:1.562vw;}

  #main .recruit_contact_button{padding:0 0 6.25vw;}
  #main .recruit_contact_button a{font-size:2.343vw;line-height:6.328vw;width:38.281vw;height:6.64vw;border-width:0.156vw;}
  #main .recruit_contact_button p.tex{font-size:2.343vw;margin:1.953vw 0 0;}
  #main .recruit_contact_button p.tex2{font-size:2.18vw;margin:0 0 3.125vw;}

  #main .recruit_outline {margin:0 0 4.687vw;padding:3.906vw 5.468vw;}
  #main .recruit_outline .outline_title{font-size:2.5vw;padding:0 0.781vw 1.562vw;}
  #main .recruit_outline ul li.wide1{padding:1.953vw 0.781vw;}
  #main .recruit_outline ul li.wide1 .outline_s_title{font-size:24px;margin:0 0 1.562vw;}
  #main .recruit_outline ul li.wide1 ol li{font-size:1.562vw;margin:0 0 0.39vw 1em;}
  #main .recruit_outline ul li.wide1 p{font-size:1.562vw;}
  #main .recruit_outline ul li.wide2{margin:0 0 0.781vw;padding:1.562vw 0;}
  #main .recruit_outline ul li.wide2 span{font-size:1.406vw;}
  #main .recruit_outline ul li.wide2 span.ttl + span{padding:0 0.781vw 0 0;}
}

@media screen and (max-width: 767px) {
  #main .contents{padding:0 40px;}
  #main .recruit_maincopy .sub_title{font-size:14px;/*margin-bottom:20px;*/}

  #main .recruit_maincopy > .inner{display:block;}
  #main .recruit_maincopy .recruit_maincopy_txt{width:auto;margin: 0 0 20px;}
  #main .recruit_maincopy .recruit_maincopy_txt p.tex{font-size:12px;}
  #main .recruit_maincopy .recruit_maincopy_pic{width:100%;}

  #main .recruit{padding:25px 0 20px;}
  #main .recruit .sub_title{font-size:14px;}
  #main .recruit .tex{font-size:12px;font-weight:400;}

  #main .recruit_contact_button{padding:0 0 20px;}
  #main .recruit_contact_button a{font-size:12px;line-height:35px;height:35px;width:200px;border-width:0;border-radius:5px;margin:0 auto 10px;}
  #main .recruit_contact_button p.tex{font-size:12px;margin:10px 0 0;}
  #main .recruit_contact_button p.tex2{font-size:12px;text-align: left;margin:0 0 15px;}

  #main .recruit_outline{padding:20px 20px 10px;margin: 0 0 20px;}
  #main .recruit_outline .outline_title{font-size:14px;padding:0 0 10px;}
  #main .recruit_outline ul li.wide1 {padding:15px 0;}
  #main .recruit_outline ul li.wide1 .outline_s_title{font-size:14px;margin-bottom:15px;}
  #main .recruit_outline ul li.wide1 ol li{font-size:12px;margin:0 0 0 1em;}
  #main .recruit_outline ul li.wide1 p{font-size:12px;}
  #main .recruit_outline ul li.wide1 ul{display:block;margin:15px 0 0;}
  #main .recruit_outline ul li.wide2{width:100%;margin:0;padding:5px 0;}
  #main .recruit_outline ul li.wide2 span{font-size:12px;}
  #main .recruit_outline .sub_title{margin:0 0 10px;}
}