.recruit .pt_1{padding-top:1.5em;}
.recruit .mb2{margin-bottom:2em !important;}
.wrap img,.recruit_head img,.recruit img{   
width: 100% !important;
 height: auto !important;
 aspect-ratio: attr(width) / attr(height) !important;
}
@media screen and (min-width: 561px) {
/* 共通 */
.recruit span,.recruit p{font-size:1.3rem;}
.recruit_head .sp,.recruit .sp {
    display: none !important;
}
.recruit_head{width:100%; text-align:center;}
.recruit{/*width:100%;margin:0 auto;*/margin-bottom:-500px; z-index:500;background:#ffffff;position:relative;top:-500px;}
.recruit .wrap{position:relative; margin:0 auto; padding:0 0; width:1200px;}
.recruit .title,.recruit .title2,.recruit .title3{margin:4em 0 0 0; padding:0 0; text-align:center;font-family: 'Alata', sans-serif;font-size:3rem;color:#002f5a;letter-spacing: .12em;}
.recruit .title2,.recruit .title3{position:relative; top:1.5em; color:#ffffff !important;}
.recruit .title3{position:relative; top:3em; color:#ffffff !important;}
.recruit .sub_title{text-align:center;padding-top:6em;color:#ffffff;}
.recruit .top0{top:0 !important;}
.recruit .title::before,.title2::before{
   position: absolute;
   top: 50px;
   left:49%;
   display: block;
   width: 25px;
   height: 25px;
   margin: auto;
   content: '';
   transform: rotate(135deg);
   border-top: 1px solid #002f5a;
   border-right: 1px solid #002f5a;
   z-index:500;
}
.recruit .title2::before{
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
}
 .recruit .innerlink{position: relative;top: -5em;display: block;}
.recruit p{line-height:2em !important;}
   
/* パララックス */
.parallax_content{
  position:relative;
    min-height: 100%;
    height: 800px;/*--スクロールをさせるため 高さ指定--*/
    /* background-size: 100%; */
    background-size: auto 300px;
    background-attachment: fixed; /*--背景画像の固定--*/
    background-repeat: no-repeat; /*--背景画像の繰り返し--*/
    background-position: center 118px; /*--背景画像の位置--*/
  z-index: 1;
    padding: 0 0 0 0;
    margin:0 auto 0 auto;
}

.head_img_bg{
  background-image: url("/img/custom_page/free/c-recruit/header.jpg?20250219a");
}
/* メッセージ */
.recruit .message{width:100%; position:relative; margin:0 auto;}
.recruit .message .message_img1{position:relative; width:525px;height:88px;top:60px;margin:0 auto;}
.recruit .message .txt_img_box{position:relative; max-width:990px;height:525px;top:50px;left:0;width:50%;}
.recruit .message .txt_img_box .message_img2{position:absolute;width:500px; height:390px; top:0; right:19%; z-index:2;}
.recruit .message .txt_img_box .message_img3{position:absolute;width:250px; height:250px; bottom:-2%; right:11%;z-index:2;}
.recruit .message .txt_img_box .txt_img_bg{position:absolute;max-width:990px;width:100%; height:290px; bottom:35px; left:0;background:#f2f4f7;z-index:1;}
.recruit .message .txt_box{position:absolute; width:35%;height:500px;top:150px;right:18%;z-index:3;}
.recruit .message .txt_box p{margin:2em 0;}

/* ページ内リンク */
.page_link_box{width:100%; margin:50px auto 0 auto;}
.page_link_box .page_link{position:relative;width:70%; text-align:center; margin:20px auto;}
.page_link_box .page_link a {
  text-decoration:none;
  display:inline-block;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  padding:1em 0;
  width:100%;
  border:1px solid #002f5a;
  z-index: 1;
  transition: 1.2s;
  color:#002f5a;
}
.page_link_box .page_link a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #002f5a;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .4s;
  color:#002f5a;
}
.page_link_box .page_link a:hover {
  color: #ffffff;
}
.page_link_box .page_link a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.wrap ul .page_link::before{
  position: absolute;
  top: 1.5em;
  left:1em;
  display: block;
  width: 15px;
  height: 15px;
  margin: auto;
  content: '';
  transform: rotate(50deg);
  border-top: 2px solid #002f5a;
  border-right: 2px solid #002f5a;
  z-index:500;
  transition: 1.2s;
  color:#002f5a;
}
.wrap ul .page_link:hover::before{
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  left:20px;
}

/* 背景塗りつぶしタイトルベルト */
.recruit .bg_belt{position:relative;top:0px; width:100%; height:300px; background:#002f5a;}
.recruit .bg_belt2{position:relative;top:0px; width:100%; height:520px; background:#002f5a;}

/* 職場紹介 */
.recruit .company{
  position:relative;top:-100px; width:900px; height:320px;background:#ffffff;margin:0 auto;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.recruit .company2{
  position:relative;top:-50px; width:900px; height:320px;background:#ffffff;margin:0 auto;
  -webkit-filter:drop-shadow(-5px -5px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(-5px -5px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(-5px -5px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(-5px -5px 5px rgba(0, 0, 0, 0.2));
}

.recruit .company .bokashi{
  position:absolute;
  left:0;
  width: 570px;
  height: 100%;
  background: linear-gradient(to right, transparent 0%, transparent 60%, #fff 90%), url(/img/custom_page/free/c-recruit/COMPANY01.jpg?20250215a);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.recruit .company2 .bokashi{
  position:absolute;
  right:0;
  width: 570px;
  height: 100%;
  background: linear-gradient(to left, transparent 0%, transparent 60%, #fff 90%), url(/img/custom_page/free/c-recruit/COMPANY02.jpg?20250215a);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.recruit .company .bokashi2{
  position:absolute;
  left:0;
  width: 570px;
  height: 100%;
  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%), url(/img/custom_page/free/c-recruit/COMPANY03.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.recruit .company .point{font-family: 'Alata', sans-serif;font-size:6rem; font-weight:bold;position:absolute;top:0; right:10px;color:#f2f4f7;z-index:1;}
.recruit .company2 .point{font-family: 'Alata', sans-serif;font-size:6rem; font-weight:bold;position:absolute;top:0; left:10px;color:#f2f4f7;z-index:1;}

.recruit .company .txt_box,.recruit .company .txt_box2{position:absolute; width:41%;height:250px;top:45px;right:50px;z-index:3;}
.recruit .company .txt_box p:first-child,.recruit .company2 .txt_box p:first-child,.recruit .company .txt_box2 p:first-child{color:#002f5a;font-weight:bold;
}
.recruit .company .txt_box p:first-child::after{position: absolute;top:1em; right:0;content:"";background:#666666;width:37%;height:2px;color:#002f5a;}
.recruit .company2 .txt_box p:first-child::after{position: absolute;top:1em; right:0;content:"";background:#666666;width:52%;height:2px;color:#002f5a;}
.recruit .company .txt_box2 p:first-child::after{position: absolute;top:1em; right:0;content:"";background:#666666;width:44%;height:2px;color:#002f5a;}

.recruit .company2 .txt_box{position:absolute; width:41%;height:250px;top:45px;left:50px;z-index:3;}
.recruit .company .txt_box p:nth-child(2),.recruit .company2 .txt_box p:nth-child(2),.recruit .company .txt_box2 p:nth-child(2){padding-top:.5em;}
.recruit .company .txt_box p:nth-child(3),.recruit .company .txt_box p:nth-child(4){padding:1.1em 0 0 0;}
.recruit .company p,.recruit .company2 p{font-size:1.3rem;}


/* 求人詳細 */
.recruit .job_bordedr{width:100%; height:10px;background:#002f5a;}
.recruit .job_title{text-align:center;padding:1.5em 0;color:#002f5a;font-weight:bold;font-size:2rem;}
.recruit .job_list{display:flex;justify-content:left;width:100%;background:#f2f4f7;padding:3em 0;margin-bottom:5px;}
.recruit .job_list .left{display:block; width:20%;text-align:left;padding-left:2em;font-weight:bold;}
.recruit .job_list .right{display:block; width:77%;text-align:left;}

/* フッターリンク */
.recruit .contact{
  width:900px;
  margin:80px auto 0 auto;
  display:flex;
  /* justify-content:space-between; */
  justify-content: center;
}
.recruit .contact img:hover{opacity:0.7;}

   
}
@media screen and (max-width: 560px) {
/* SP共通 */
.recruit span,.recruit p{font-size:12px;}
.recruit_head .pc,.recruit .pc {
  display: none !important;
}

body{
text-size-adjust: 100% !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}	
.recruit_head{position:relative;width:100%; text-align:center;}
.recruit{width:100%;margin:0 auto;margin-bottom:-540px; z-index:500;background:#ffffff;position:relative;top:-485px;}
.recruit .wrap{position:relative; margin:0 auto; padding:0 0; width:90%;}
.recruit .title,.recruit .title2,.recruit .title3{margin:4em 0 0 0; padding:0 0; text-align:center;font-family: 'Alata', sans-serif;font-size:25px !important;color:#002f5a;letter-spacing: .12em;}
.recruit .title2,.recruit .title3{position:relative; top:1.5em; color:#ffffff !important;}
.recruit .title3{position:relative; top:2em; color:#ffffff !important;}
.recruit .sub_title{text-align:center;padding-top:8em;color:#ffffff;}
.recruit .top-3{top:-3em;}
.recruit .title::before,.title2::before{
   position: absolute;
   top: 50px;
   left:49%;
   display: block;
   width: 25px;
   height: 25px;
   margin: auto;
   content: '';
   transform: rotate(135deg);
   border-top: 1px solid #002f5a;
   border-right: 1px solid #002f5a;
   z-index:500;
}
.recruit .title2::before{
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
}
 .recruit .innerlink{position: relative;top: -7em;display: block;}
.recruit p{line-height:2em !important;font-size:12px !important; font-weight:normal !important;max-height: 100% !important;}
   
/* SPパララックス */
.parallax_content{
  position:relative;
    height: 235vw;/*--スクロールをさせるため 高さ指定--*/


}
.parallax_content:before {
  position:relative;
  width:100%;
   height: auto;


  background-image: url("/img/custom_page/free/c-recruit/header_sp.jpg");
  background-repeat: no-repeat;
  content: "";
  position: fixed;
  top:150px;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 100% auto !important;
    background-position: center top;
  z-index: -1;
    padding: 0 0 0 0;
    margin:0 auto 0 auto;
}

footer,.pagetop-btn{background:#ffffff;}

/* SPメッセージ */
.recruit .message{width:100%; position:relative; margin:0 auto;}
.recruit .message .message_img1{position:relative; width:75%;top:20px;left:1em;}
.recruit .message .txt_img_box{position:relative; top:10px;left:0;width:100%;}
.recruit .message .txt_img_box .message_img2{position:relative;width:70%; top:0; left:0; z-index:2;}
.recruit .message .txt_img_box .message_img3{position:absolute;width:30%; bottom:-3em; right:10%;z-index:2;}
.recruit .message .txt_img_box .txt_img_bg{position:absolute;width:95%; height:150px; bottom:35px; left:0;background:#f2f4f7;z-index:1;}
.recruit .message .txt_box{width:75%;position:relative;top:4em;left:1.5em;}
.recruit .message .txt_box p{margin:2em 0;}


/* SPページ内リンク */
.page_link_box{width:100%; margin:50px auto 0 auto;}
.page_link_box .page_link{position:relative;width:100%; text-align:center; margin:.5em auto;}
.page_link_box .page_link a {
  display:inline-block;
  color: #333;
  font-size:12px;
  font-weight: bold;
  background: transparent;
  padding:1em 0;
  width:100%;
  border:1px solid #002f5a;
  z-index: 1;
  transition: 1.2s;
  color:#002f5a;
}
.page_link_box .page_link a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #333;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
  color:#002f5a;
}
.wrap ul .page_link::before{
  position: absolute;
  top: 1em;
  left:1em;
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  content: '';
  transform: rotate(50deg);
  border-top: 2px solid #002f5a;
  border-right: 2px solid #002f5a;
  z-index:500;
  transition: 1.2s;
  color:#002f5a;
}

/* SP背景塗りつぶしタイトルベルト */
.recruit .bg_belt{position:relative;top:-3.5em; width:100%; height:30vw; background:#002f5a;margin-bottom:-3em;}
.recruit .bg_belt2{position:relative;top:-2.5em; width:100%; height:121vw; background:#002f5a;}

/* SP職場紹介 */
.recruit .company,.recruit .company2{
  position:relative;top:0; width:100%x; background:#ffffff;margin:0 auto;
  /*-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));*/
  background: rgba(255,255,255,0);
}


.recruit .company .bokashi{
  position:relative;
  height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 61.4285%;
  left:0;
  width: 100%;
  background: url(/img/custom_page/free/c-recruit/COMPANY01sp.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.recruit .company2 .bokashi{
  position:relative;
  height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 61.4285%;
  right:0;
  width: 100%;
  background: url(/img/custom_page/free/c-recruit/COMPANY02sp.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.recruit .company .bokashi2{
  position:relative;
  height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 61.4285%;
  left:0;
  width: 100%;
  background: url(/img/custom_page/free/c-recruit/COMPANY03sp.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.recruit .company .point,.recruit .company2 .point{font-family: 'Alata', sans-serif;font-size:60px; font-weight:bold;width:100%;text-align:center;color:#f2f4f7;z-index:1;}
/*.recruit .company2 .point{font-family: 'Alata', sans-serif;font-size:6rem; font-weight:bold;width:100%;text-align:center;color:#f2f4f7;z-index:1;}*/

.recruit .company .txt_box,
.recruit .company .txt_box2,
.recruit .company2 .txt_box{position:relative; width:100%;}
.recruit .company .txt_box p:first-child,
.recruit .company2 .txt_box p:first-child,
.recruit .company .txt_box2 p:first-child{font-size:13px !important; color:#002f5a;font-weight:bold !important;padding:.5em 0 0 0 !important;}
.recruit .company .txt_box p:nth-child(3),.recruit .company .txt_box p:nth-child(4){padding:1.1em 0 0 0;}

.recruit .company .txt_box p:first-child::after,.recruit .company2 .txt_box p:first-child::after,.recruit .company .txt_box2 p:first-child::after{position: absolute;top:1.5em; right:0;content:"";background:#002f5a;width:45%;height:2px;display:inline-block;}
.recruit .company2 .txt_box p:first-child::after{width:53% !important;}
.recruit .company .txt_box p:first-child::after{width:66% !important;}
.recruit .company .txt_box2{margin-bottom:-4em !important;}
.recruit .company .txt_box2{background: rgba(255,255,255,0);}
.recruit .company2 .txt_box p,.recruit .company2 .txt_box p{line-height:2em !important;font-size:12px !important; font-weight:normal !important;}



/* SP求人詳細 */
.recruit .job_bordedr{width:100%; height:10px;background:#002f5a;border: none;}
.recruit .job_title{text-align:center;padding:1em 0;color:#002f5a;font-weight:bold;font-size:15px;}
.recruit .job_list{display:flex;justify-content:left;width:100%;background:#f2f4f7;padding:2em 0;margin-bottom:5px;}
.recruit .job_list .left{display:block; width:30%;text-align:left;padding-left:2em;font-weight:bold;}
.recruit .job_list .right{display:block; width:67%;text-align:left;}

/* SPフッターリンク */
.recruit .contact{width:100%; margin:1em auto 0 auto;display:flex;flex-wrap: wrap;}
.recruit .contact a{width:90%; margin:0 auto;}
.recruit .contact a:first-child{margin-bottom:1em;}
.recruit .contact img:hover{opacity:0.7;}

  .pane-footer {
    margin-top: 14vw;
  }
}