@charset "utf-8";

/*----------------------------------------------
	メディアクエリ 768px以下
---------------------------------------------*/
@media (max-width: 870px){



  /*----------------------------------------------
  パンくずリスト
---------------------------------------------*/
  .l_pankuzu {
    top: 55px;
    left: 10px;
    font-size: 12px;
  }
  
  
  /*----------------------------------------------
  .l_mask
---------------------------------------------*/
  .l_mask {
    -webkit-mask-image: url(../../../recruit/images/mask_mv_sp.svg);
    mask-image: url(../../../recruit/images/mask_mv_sp.svg);
  }
  .l_mv.l_mask {
    mask-size: auto 700px;
  }
  .l_zuto_area.l_mask {
    margin-top: -50px;
    mask-size: auto 680px;
  }
  .l_message_area.l_mask {
    mask-size: auto 1070px;
  }
  
  
  /*----------------------------------------------
  メインビジュアル
---------------------------------------------*/
  .is_mv_bg {
    height: 700px;
  }
  .is_mv_ttl {
    font-size: 18px;
    white-space: nowrap;
  }
  
  
  /*----------------------------------------------
  l_main
---------------------------------------------*/
  .l_main {
  }
  
  
  /*----------------------------------------------
	ず～っと×3
---------------------------------------------*/
  .l_zuto_area {
    padding: 110px 15px;
    background-size: 110px 42px;
    align-items: flex-start;
  }

  .c_zuto_tuzuku {
    font-size: 16px;
  }
  .is_zuto_img {
    width: 32vw;
    margin-bottom: 5px;
  }
  .c_zuto_tuzuku .is_tuzuku_txt {
    margin-left: 0;
    padding: 0 6px;
    border: 1px solid #FA0046;
    font-size: 6.5vw;
  }
  
  
  /*----------------------------------------------
  採用メッセージ
---------------------------------------------*/
  .l_message_area {
    height: 1080px;
    padding: 150px 0 0 0;
    background-image: url(../../../recruit/images/bg_recruiting_message_sp.webp);
  }
  .l_message_area .is_message_contents {
    grid-template-columns: 1fr;
  }
  .l_message_area .is_message_contents p {
    margin-top: 0;
    line-height: 2;
  }
  
  
  /*----------------------------------------------
	安心・安定の理由
---------------------------------------------*/
  .l_reason_area {
    margin-top: 0;
    padding: 70px 0 70px 0;
  }
  .c_reason {
    gap: 0;
    height: inherit;
    margin-top: 100px;
    margin-bottom: 50px;
    padding: 0 25px 50px;
    flex-direction: column-reverse;
  }
  .c_reason:nth-of-type(2n) {
    flex-direction: column;
  }
  .c_reason::before {
    right: -10%!important;
    bottom: -60px;
    height: 130px;
  }
  .c_reason:nth-of-type(2n)::before {
    left: inherit;
  }
  .c_reason .is_reason_contents {
    margin-top: -45px;
  }
  .c_reason .is_reason_img {
    translate: 0 -45px;
    max-width: inherit;
  }
  
  
  /*----------------------------------------------
  画像スライダー
---------------------------------------------*/
  .l_slide_area ul li {
    width: 230px;
    margin-left: 16px;
  }
  
  
  /*----------------------------------------------
  制度・福利厚生
---------------------------------------------*/
  .l_system_area {
    padding: 100px 0 150px;
    background: url(../../../recruit/images/bg_system02.webp);
    background-repeat: no-repeat;
    background-size: 100% 1210px;
    background-position: 0 600px;
  }
  .l_system_area::before {
    height: 150px;
    top: 500px;
  }
  .l_system_area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 150px;
    background: url(../../../recruit/images/bg_system.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    bottom: 0;
  }
  
  .l_system_area .is_system_contents {
    grid-template-columns: repeat(1, 1fr);
  }
  
  .c_system .is_system_txt {
    margin: 0 0px 5px;
  }
  
  
  /*----------------------------------------------
  .募集一覧
---------------------------------------------*/
  .l_jobs_area {
    background-image: url("../../../recruit/images/bg_jobs_sp.webp");
  }
  .l_jobs_area::before {
    left: 0;
    width: 100%;
    height: auto;
    background-size: 100%;
  }
  .l_jobs_area .is_jobs_contents ul {
    width: auto;
    grid-template-columns: repeat(2, 1fr);
  }
  
  
  /*----------------------------------------------
  .ず～っとスライダー
---------------------------------------------*/
  .l_zuto_slide {
    margin-top: -125px;
  }
  .l_zuto_slide img {
    width: 200px;
  }
  .l_zuto_slide span {
    margin: 0 50px 0 20px;
    padding: 3px 20px;
    border: 2px solid #FFF;
    font-size: 33px;
  }
  
  
  /*----------------------------------------------
  募集一覧ページ
---------------------------------------------*/
  .l_job_openings {
    margin-bottom: 120px;
  }
  .l_job_openings_contents {
    grid-template-columns: repeat(1,1fr);
    gap: 30px;
  }
  .c_job_openings_box {
    padding: 25px;
  }
  
  .l_area_list {
    flex-direction: column;
    align-items: center;
  }
  .is_jobs_contents {
    width: 100%;
  }
  .l_area_list .is_jobs_contents ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px
  }
  
  
  /*----------------------------------------------
	c_ttl_type02
---------------------------------------------*/
  .c_ttl_type02 {
    font-size: 16px;
  }
  
  .l_job_openings .c_ttl_type02 {
    margin-top: 120px;
    font-size: 30px;
  }
  .l_job_openings .c_ttl_type02 span.is_area {
    margin-left: 16px;
    font-size: 22px;
  }
  
  
  /*----------------------------------------------
	c_ttl_type03
---------------------------------------------*/
  .c_ttl_type03 {
    margin-bottom: 20px;
    font-size: 26px;
  }
  
  .l_job_openings .c_ttl_type03 {
    font-size: 22px;
    line-height: 1.5;
  }
  
  .l_area_list .c_ttl_type03 {
    margin-right: 0;
    margin-bottom: 35px;
    font-size: 20px;
  }
  
  
  /*----------------------------------------------
	c_ttl_type04
---------------------------------------------*/
  .c_ttl_type04 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  .c_ttl_type04 span {
    margin-bottom: 15px;
    font-size: 14px;
  }
  
  .l_system_area .c_ttl_type04 {
    margin-top: 2px;
    margin-left: 67px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  .l_system_area .c_ttl_type04::before {
    left: -67px;
  }
  
  
  /*----------------------------------------------
	c_ttl_type05
---------------------------------------------*/
  .c_ttl_type05 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  
  
  /*----------------------------------------------
	c_btn_type01
---------------------------------------------*/
  .c_btn_type01 {
    padding: 10px;
    font-size: 16px;
  }
  .c_btn_type01::after {
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #FA0046;
    border-right: 1px solid #FA0046;
  }
  
  
  /*----------------------------------------------
	c_btn_type02
---------------------------------------------*/
  .c_btn_type02 {
    padding: 7px 40px 7px 10px;
    font-size: 14px;
  }
  .c_btn_type02::after {
    width: 14px;
    height: 14px;
  }
  

}/* ./メディアクエリ 768px以下 */