@charset "UTF-8";
/* ============================================== */
/*                    共通設定                    */
/* ============================================== */
:root{
    /* 採用 ================================= */
    /* 色 */
    --gray: #808080;
    /* 色 職種ごと */
    --c_sales: #00b169;
    --c_system: #006bb9;
    --c_cstmClear: #d78b28;/* 通関 */
    --c_office: #d3394b;
    --c_border: #c8deed;
    /* 色 募集経路ごと */
    --c_new: #00388e;
    --c_career: #009596;
    /* フォント */
    --ff_zenOldMincho: "Zen Old Mincho", serif;
    --ff_plusJakarta: "Plus Jakarta Sans", sans-serif;
}
body:has(.page_recruit){
  color: var(--txtColor_sub03);
}
.page_recruit .inner{max-width: 1330px;}

/* -----------------------------------------------------------
template
----------------------------------------------------------- */

/* ============================================== */
/*                    ヘッダー                    */
/* ============================================== */
.rct-header .logo{width: 460px;}
.rct-header .logo a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: .85em;
}
.rct-header .logo a img{width: 280px;}
.rct-header .logo a span{
    display: inline-block;
    font-family: var(--ff_plusJakarta);
    color: var(--mainBlue);
    font-size: 38px;
    line-height: 1;
    margin: 0 0 0.15em;
}
.rct-header .header_r ul{
    font-size: 20px;
    font-weight: 500;
    column-gap: 2.2em;
    align-items: center;
}
.rct-header .header_r ul li[id]::after{
    display: inline-block;
    margin: 0 0 0 0.4em;
    content: '';
    width: 19px;
    height: 12px;
    background: var(--mainBlue);
    -webkit-mask: url(../img/common/ico/rct-arw_menu.svg) no-repeat center / contain;
            mask: url(../img/common/ico/rct-arw_menu.svg) no-repeat center / contain;
    transition: 0.3s;
}
.rct-header .header_r ul li[id].menu_active::after{transform: scaleY(-1);}
/* ボタン */
.btn_entry {
    position: relative;
    z-index: 0;
    border: none;
}
.btn_entry::before{
    position: absolute;
    z-index: 1;
    inset: 0 auto auto 0;
    margin: auto;
    content: '';
    width: 18px;
    height: auto;
    aspect-ratio: 1;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background: #fff;
}
.btn_entry a{
    position: relative;
    z-index: 0;
    display: flex;
    row-gap: 6px;
    justify-content: center;
    align-items: center;
    background: var(--mainBlue);
    color: #fff;
    transition: 0.3s;
}
.btn_entry a::before{
    position: absolute;
    z-index: 0;
    inset: -100% calc(-100% + 5em) -100% -100%;
    margin: auto;
    content: '';
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background: var(--mainRed);
}
.btn_entry a:hover{opacity: 0.7;}
.btn_entry a span{
    display: block;
    line-height: 1;
    padding-left: 0.5em;
}
.btn_entry a span:nth-of-type(1){
    font-family: var(--ff_plusJakarta);
    font-weight: 400;
}
.btn_entry a span:nth-of-type(2){
    font-size: 18px;
    font-weight: 500;
}

/*  */
.rct-header .header_r ul li.btn_entry a{
    flex-direction: column;
    width: 205px;
    height: 80px;
    transition: 0.3s;
}
.rct-header .header_r ul li.btn_entry a:hover{opacity: .5;}
/* ============================================== */
/*              ハンバーガーメニュー              */
/* ============================================== */
.rct-header .ham{border: none;}
/* ============================================== */
/*                  メガメニュー                   */
/* ============================================== */
/* メニュー */
.rct-header + .menu_wrapper .menu_cont{
  right: 390px;
  width: 350px;
  background: none;
  padding: 0;
}
.rct-header + .menu_wrapper .menu_cont.is_open{transform: translateY(10px);}
.rct-header + .menu_wrapper .nav_rct{
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  background: #fff;
  filter: drop-shadow(0px 0px 5px #ccc);
  transform: translateZ(0);
}
.rct-header + .menu_wrapper .nav_rct .inner{padding: 0;}
.rct-header + .menu_wrapper .nav_rct .inner > ul > li p{
  margin: 0;
  padding: 0;
}
.rct-header + .menu_wrapper .nav_rct a:hover{opacity: 0.5;}
.rct-header + .menu_wrapper .nav_rct .inner > ul > li li:not(:has(p)) a,
.rct-header + .menu_wrapper .nav_rct .inner >  ul > li li > p:not(.ac) a{
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
  min-height: 55px;
  padding: 0 var(--innerPadding);
}
.rct-header + .menu_wrapper .nav_rct .inner > ul > li li:not(:has(p)) a{
  padding: 0 var(--innerPadding) 0 calc(var(--innerPadding) + 1.2em);
  border-top: 1px solid #ccc;
}
.rct-header + .menu_wrapper .nav_rct .inner > ul > li li:has(p) + li a{border-top: none;}
.rct-header + .menu_wrapper .nav_rct .inner > ul > li li:not(:has(p)) a::before,
.rct-header + .menu_wrapper .nav_rct .inner > ul > li li > p:not(.ac) a::before{
  position: absolute;
  z-index: 0;
  inset: -100% 2% -100% auto;
  margin: auto;
  content: '';
  width: 40px;
  aspect-ratio: 1;
  background: var(--mainBlue);
  -webkit-mask: url(../img/page/recruit/arr_new.svg) no-repeat center / 20px 18px;
          mask: url(../img/page/recruit/arr_new.svg) no-repeat center / 20px 18px;
  transform: rotate(0deg);
}

/* menu_bg */
.rct-header + .menu_wrapper + .menu_bg{
    position: fixed;
    z-index: 0;
    inset: -100%;
    margin: auto;
    width: 100vw;
    height: 100vw;
    background: rgba(0, 0, 0, .6);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    display: none;
}
.rct-header:has(.menu_active) + .menu_wrapper + .menu_bg{
    opacity: 1;
    visibility: visible;
}

/* ============================================== */
/*     ナビゲーション（ヘッダー、フッター共通）      */
/* ============================================== */
.nav_rct{
  --innerPadding: 6%;
  background: rgba(255, 255, 255, .9);
}
.nav_rct .inner > ul li,
.nav_rct .inner > ul > li > p,
.nav_rct .inner > ul > li li > p,
.nav_rct .inner > ul > li li:not(:has(p)) a{background: none;}
.nav_rct .inner > ul > li > p,
.nav_rct .inner > ul > li li > p{
    border-bottom: 1px solid;
    border-color: var(--c_border);
}
.nav_rct .inner > ul > li li:has(p) + li a{border-top: none;}
.nav_rct .inner > ul li p a{
  font-weight: 700;
  font-size: 16px;
  color: var(--mainBlue);
}
.nav_rct .inner > ul > li li:not(:has(p)) a{
    font-size: 15px;
    color: var(--txtColor);
}
.nav_rct .inner > ul > li li:not(:has(p)) a::before,
.nav_rct .inner > ul > li li > p:not(.ac) a::before{
  right: 2%;
  width: 40px;
  background: var(--mainBlue);
  -webkit-mask: url(../img/page/recruit/arr_new.svg) no-repeat center / 20px 18px;
          mask: url(../img/page/recruit/arr_new.svg) no-repeat center / 20px 18px;
  transform: rotate(0deg);
}
/* ボタン */
.nav_rct .btn_entry{
  margin: 25px auto;
  min-width: 220px;
  min-height: 48px;
}
.nav_rct .btn_entry::before{display: none;}
.nav_rct .btn_entry a{
  min-width: 220px;
  min-height: 48px;
  clip-path: polygon(8px 0 , 100% 0,100% 100%, 0 100%,0 8px);
}
.nav_rct .btn_entry a::before{
  width: 13px;
  inset: -100% calc(-100% + 9.8em) -100% -100%;
}
.nav_rct .btn_entry a span:nth-of-type(1){font-size: 18px;}
.nav_rct .btn_entry a span:nth-of-type(2){font-size: 15px;}
/* -----------------------------------------------------------
common_parts
----------------------------------------------------------- */
/* 枠文字 */
.txt_ol{
  color: transparent;             /* 塗りつぶしなし */
  -webkit-text-stroke: 1px white;  /* 白い縁取り */
}
/* ttl_box */
.page_recruit .ttl_box > *:nth-child(1){
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: flex-start;
    column-gap: .2em;
    align-items: center;
    font-family: var(--ff_plusJakarta);
    font-weight: 500;
    padding-left: 0;
}
.page_recruit .ttl_box > *:nth-child(1)::before{
    position: static;
    content: '';
    display: inline-block;
    width: .45em;
    height: auto;
    aspect-ratio: 13 / 16;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background: var(--mainRed);
}
.page_recruit .ttl_box > *:nth-child(2){
    font-family: var(--ff_zenOldMincho);
    font-weight: 500;
}
.page_recruit .ttl_box > h2{padding-left: 0;}
.page_recruit .ttl_box > h2::before{display: none;}
/* キービジュアル */
.kv_wrapper:has(.kv_rct)::before{
    width: 100%;
    background: #0063ae;
    opacity: 0.6;
}
.kv_wrapper:not(:has(.kv_ttl))::before{display: none;}
.kv_sub.kv_rct{
  --kvHeight: 560px;
  padding-top: 0;
}
.kv_sub.kv_rct .en{font-family: var(--ff_plusJakarta);}
.kv_rct h1,
.kv_rct .kv_ttl{
  font-weight: 500;
  font-size: 50px;
}
.rct_portal .kv_rct h1,
.rct_portal .kv_rct .kv_ttl{
  font-family: var(--ff_zenOldMincho);
  font-size: 64px;
}

.kv_sub.kv_rct .flex {
  justify-content: center;
  text-align: center;
}
.kv_sub.kv_rct .flex .en {position: relative;}
.kv_sub.kv_rct .flex .en::before {
    content: '';
    display: inline-block;
    width: .45em;
    height: auto;
    aspect-ratio: 13 / 16;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background: var(--mainRed);
    margin: 0 0.3em .075em 0;
}
/* CTAボタン */


/* ボタン */

/* -----------------------------------------------------------
subpage
----------------------------------------------------------- */
/* 共通
============================================ */
/* editor_contents */
.page_recruit .editor_contents.edit{
  color: var(--txtColor_sub03);
  padding-bottom: calc(var(--sectionPadding) * 1.5);
}
.page_recruit .editor_contents.edit h2{
  font-size: 40px;
  padding-left: 0;
}
.page_recruit .editor_contents.edit h2::before{
  position: absolute;
  z-index: 0;
  inset: 0.5em auto auto -0.65em;
  margin: auto;
  content: '';
  width: .45em;
  height: auto;
  aspect-ratio: 13 / 16;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: var(--mainRed);
}
.page_recruit .editor_contents.edit h3{
  position: relative;
  z-index: 0;
  font-size: 30px;
  color: var(--mainBlue);
  border-bottom: 2px solid currentColor;
  padding: 0 0 0.3em;
}
.page_recruit .editor_contents.edit h3::before{
  position: absolute;
  z-index: 0;
  inset: auto auto -2px 0;
  margin: auto;
  content: '';
  width: 75px;
  height: 2px;
  background: var(--mainRed);
}
.page_recruit .editor_contents.edit h4{
  position: relative;
  z-index: 0;
  font-weight: 500;
  font-size: 24px;
  padding: 0 0 0 1.1em;
}
.page_recruit .editor_contents.edit h4::before{
  position: absolute;
  z-index: 0;
  inset: .4em auto auto 0;
  content: '';
  width: .625em;
  height: auto;
  aspect-ratio: 1;
  background: var(--mainBlue);
}
/* rct_sublink */
.page_recruit .rct_sublink{
  margin: 0 auto 1.25em;
  clip-path: polygon(45px 0 , 100% 0,100% 100%, 0 100%,0 45px);
  overflow: hidden;
}
.page_recruit .rct_sublink a{
  position: relative;
  z-index: 0;
  display: flex;
  min-height: 380px;
  text-decoration: none;
  transform: translateZ(0);
}
.page_recruit .rct_sublink a > div{width: 50%;}
.page_recruit .rct_sublink a > div:nth-of-type(1){
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  backdrop-filter: blur(5px);
  padding: 60px;
}
.page_recruit .rct_sublink a > div:nth-of-type(1)::before{
  position: absolute;
  z-index: -1;
  inset: -100%;
  margin: auto;
  content: '';
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.25;
}
.page_recruit .rct_sublink.message a > div:nth-of-type(1)::before{background: #fff; display: none;}
.page_recruit .rct_sublink.feature a > div:nth-of-type(1)::before{background: #004f8e;}
.page_recruit .rct_sublink.kyoiku a > div:nth-of-type(1)::before{background: #a98961; opacity: 0.4;}
.page_recruit .rct_sublink.women a > div:nth-of-type(1)::before{background: #000;}
.page_recruit .rct_sublink a > picture{
  position: absolute;
  z-index: -2;
  inset: -100%;
  margin: auto;
  width: 100%;
  height: 100%;
}
.page_recruit .rct_sublink a > picture img{
  height: 100%;
  object-fit: cover;
}
.page_recruit .rct_sublink a > div:nth-of-type(1) *{color: #fff;}
.page_recruit .rct_sublink a > div:nth-of-type(1) h2,
.page_recruit .rct_sublink a > div:nth-of-type(1) .ttl{
  font-family: var(--ff_zenOldMincho);
  font-size: 32px;
  margin-top: 0;
  padding: 0;
  border: none;
  text-decoration: none;
}
.page_recruit .rct_sublink a > div:nth-of-type(1) h2::before,
.page_recruit .rct_sublink a > div:nth-of-type(1) .ttl::before{display: none;}
.page_recruit .rct_sublink a > div:nth-of-type(1) p:not(.btn){font-weight: 500;}
.page_recruit .rct_sublink a > div:nth-of-type(1) .btn,
.page_recruit .btn.btn_common{
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--ff_plusJakarta);
  font-size: 20px;
  min-width: 230px;
  min-height: 50px;
  margin-bottom: 0;
}
.page_recruit .rct_sublink a > div:nth-of-type(1) .btn::before,
.page_recruit .btn.btn_common::before{
  position: absolute;
  z-index: 0;
  inset: -100% .5em -100% auto;
  margin: auto;
  content: '';
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  background: #fff;
  -webkit-mask: url("../img/page/recruit/arr_new.svg") no-repeat center / contain;
          mask: url("../img/page/recruit/arr_new.svg") no-repeat center / contain;
}
/* 採用ver */
.page_recruit .rct_sublink.entry a > div:nth-of-type(1){
  backdrop-filter: none;
  padding: 90px;
}
.page_recruit .rct_sublink.entry a > div:nth-of-type(1)::before{opacity: 0.8;}
.page_recruit .rct_sublink.entry_new a > div:nth-of-type(1)::before{background: var(--c_new);}
.page_recruit .rct_sublink.entry_career a > div:nth-of-type(1)::before{background: var(--c_career);}
.page_recruit .rct_sublink.entry a > div:nth-of-type(1) h2{
  position: relative;
  z-index: 0;
  font-family: var(--ff_notoSans);
}
.page_recruit .rct_sublink.entry a > div:nth-of-type(1) h2::before{
  position: absolute;
  z-index: 0;
  inset: 0.5em auto auto -0.65em;
  margin: auto;
  content: '';
  display: block;
  width: .45em;
  height: auto;
  aspect-ratio: 13 / 16;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: var(--mainRed);
}
/* 採用メッセージ
============================================ */
.page_recruit.page_message .editor_contents{--sectionPadding: 120px;}
.page_recruit.page_message .editor_contents p{
  font-family: var(--ff_zenOldMincho);
  font-weight: 700;
  font-size: 20px;
}
/* -----------------------------------------------------------
インタビュー
----------------------------------------------------------- */
/* 職種ごとのテーマカラー宣言 */
.rct_interview.job_sales{--jobColor: var(--c_sales);}
.rct_interview.job_system{--jobColor: var(--c_system);}
.rct_interview.job_cstmclear{--jobColor: var(--c_cstmClear);}
.rct_interview.job_office{--jobColor: var(--c_office);}
.rct_interview{--jobColor: #ccc;} /* fallback *?

/* single, archive共通 */

/* single
==================================*/
/* 共通設定 */
.single_interview {}
.single_interview section{padding: var(--sectionPadding) 0;}
.single_interview section:not(.sec_lead) .ttl_box p{
  font-size: 30px;
  font-weight: 500;
}

.single_interview hr.c_job{
    margin: 0;
    border-color: var(--jobColor);
}
.single_interview h2{
    color: var(--txtColor);
}

/* sec_lead */
.single_interview .sec_lead{
    --offset: -140px;
    position: relative;
    z-index: 1;
    top: var(--offset);
    margin-bottom: var(--offset);
    padding-top: calc(var(--sectionPadding) / 2);
}
.single_interview .sec_lead .inner{
    position: relative;
    z-index: 2;
}
.single_interview .sec_lead::before,
.single_interview .sec_lead::after{
    position: absolute;
    content: '';
}
.single_interview .sec_lead::before{
    z-index: 1;
    inset: 0 auto auto 0;
    width: 50vw;
    height: 100%;
    background: 
        url(../img/page/recruit/bg_cross.png) no-repeat top left / min(35vw,600px) auto,
        #fff
    ;
}
.single_interview .sec_lead::after{
    z-index: 0;
    inset: auto -100% 0;
    margin: auto;
    width: 100vw;
    height: calc(100% + var(--offset));
    background: #fff;
}
.single_interview .sec_lead .ttl_box{
    margin-bottom: var(--sectionPadding);
    max-width: 50%;
}
.single_interview .sec_lead .ttl_box h2{
    position: relative;
    z-index: 0;
    color: var(--mainBlue);
    font-family: var(--ff_zenOldMincho);
    font-size: 56px;
}
.single_interview .sec_lead .ttl_box h2::before{
    position: absolute;
    z-index: 1;
    width: .45em;
    inset: 0.45em auto auto -0.75em;
}
.single_interview .sec_lead .ttl_box p{
    color: var(--mainBlue);
    font-family: var(--ff_notoSans);
    font-weight: 600;
    font-size: 20px;
}
.single_interview .sec_lead .ttl_box + div {
  /* justify-content: space-between; */
  justify-content: flex-start;
  align-items: flex-start;
}
.single_interview .sec_lead .ttl_box + div > div {
  min-width: 300px;
  padding: 0 70px 0 0;
}
.single_interview .sec_lead .ttl_box + div > div > div {
  justify-content: flex-start;
  align-items: center;
}
.single_interview .sec_lead .ttl_box + div > div > div:nth-of-type(1) {margin: 0 0 20px;}
.single_interview .sec_lead .ttl_box + div > div .job {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding: 0.25em;
  min-width: 85px;
  margin: 0 1em 0 0;
  background: var(--jobColor);
}
.single_interview .sec_lead .ttl_box + div > div .name {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}
.single_interview .sec_lead .ttl_box + div > div > div:nth-of-type(2) p {font-size: 20px;}
.single_interview .sec_lead .ttl_box + div > div > div:nth-of-type(2) .department {margin: 0 1.5em 0 0;}
.single_interview .sec_lead .ttl_box + div > p {
  width: calc(100% - 400px);
  max-width: 840px;
  font-size: 18px;
  line-height: 2;
  padding: 0 0 0 50px;
  border-left: solid 1px #CCCCCC;
}

.single_interview .interview-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.single_interview .interview-columns > *:nth-child(1) {width: 50%;}
.single_interview .interview-columns > *:nth-child(2) {width: 45%;}

/* sec_work */
.single_interview .sec_work {
    position: relative;
    z-index: 1;
}
.single_interview .sec_work::before {
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
    inset: 0 0 auto auto;
    width: 50vw;
    height: 100%;
    background: url(../img/page/recruit/bg_cross.png) no-repeat top left / min(35vw,600px) auto;
    transform: scaleX(-1);
}
.single_interview .sec_work h2 {margin: 0 0 0.5em;}
.single_interview .sec_work .ttl_box p {color: var(--jobColor);}
.single_interview .sec_work .ttl_box + p {line-height: 2;}

/* sec_episode */
.single_interview .sec_episode{
  color: #FFFFFF;
  padding: 0;
  background: var(--jobColor);
}
.single_interview .sec_episode .inner{
  position: relative;
  z-index: 1;
  padding-bottom: calc(var(--sectionPadding) * 2 / 3);
}
.single_interview .sec_episode .inner::before,
.single_interview .sec_episode .inner::after {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  width: 50vw;
  height: 100px;
  background: var(--jobColor);
}
.single_interview .sec_episode .inner::before {inset: auto 50% 100% auto;}
.single_interview .sec_episode .inner::after {inset: 100% auto auto 50%;}
.single_interview .sec_episode h2 {
  color: #FFF;
  margin: 0 0 0.5em
}
.single_interview .sec_episode .ttl_box + p {line-height: 2;}
.single_interview .sec_episode .interview-columns > *:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.single_interview .sec_episode .interview-columns > *:nth-child(2) figure {width: 48%;}

/* sec_vision */
.single_interview .sec_vision{
  position: relative;
  z-index: 0;
  padding-top: calc(var(--sectionPadding) * 15 / 9);
  padding-bottom: calc(var(--sectionPadding) * 15 / 9);
}
.single_interview .sec_vision::before,
.single_interview .sec_vision::after{
      position: absolute;
    z-index: -1;
    display: block;
    content: "";
    width: 50vw;
    height: 100%;
    background: url(../img/page/recruit/bg_cross.png) no-repeat top left / min(35vw,600px) auto;
}
.single_interview .sec_vision::before{inset: 0 auto auto 0;}
.single_interview .sec_vision::after{
    inset: auto 0 0 auto;
    transform: scale(-1);
}
.single_interview .sec_vision h2 {margin: 0 0 0.5em;}
.single_interview .sec_vision .ttl_box p {color: var(--jobColor);}
.single_interview .sec_vision .inner > p {
  line-height: 2;
  margin: 0 auto 50px;
}

/* sec_childcare */
.single_interview .sec_childcare{border-top: solid 1px var(--jobColor);}
.single_interview .sec_childcare .ttl_box h2 {
  font-family: var(--ff_zenOldMincho);
  font-weight: 500;
  margin: 0 0 0.5em;
}
.single_interview .sec_childcare .ttl_box:nth-of-type(2) h2::before {display: none;}
.single_interview .sec_childcare .ttl_box p {color: var(--jobColor);}
.single_interview .sec_childcare .inner > p {
  line-height: 2;
  margin: 0 auto 50px;
}
.single_interview .sec_childcare .inner > *:nth-last-child(1){margin-bottom: 0;}

/* sec_message */
.single_interview .sec_message{
  position: relative;
  z-index: 1;
  border-top: solid 1px var(--jobColor);
  border-bottom: solid 1px var(--jobColor);
}
.single_interview .sec_message::after{
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  inset: 0;
  background: var(--jobColor);
  opacity: 0.05;
}
.single_interview .sec_message .ttl_box h2 {margin: 0 0 0.5em;}
.single_interview .sec_message .ttl_box p{color: var(--jobColor);}
.single_interview .sec_message .ttl_box + p {line-height: 2;}

/* 一覧に戻る */
.single_interview hr:has(+ .btn){
  border: none;
  margin: 0;
}


/* archive
==================================*/
.page_recruit .editor_contents.edit,
.archive_interview {
  position: relative;
  z-index: 1;
}
.archive_interview {padding: 60px 0 0;}
.page_recruit .editor_contents.edit::before,
.page_recruit .editor_contents.edit::after,
.page_recruit.rct_portal .editor_contents.edit::before,
.page_recruit.rct_portal .editor_contents.edit::after,
.archive_interview::before,
.archive_interview::after{
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
    width: 50vw;
    height: 100%;
    background: url(../img/page/recruit/bg_cross.png) no-repeat top left / min(35vw,600px) auto,#FFF;
}
.page_recruit .editor_contents.edit::before,
.archive_interview::before{inset: -50px auto auto 0;}
.page_recruit .editor_contents.edit::after,
.archive_interview::after{
    inset: 0 0 auto auto;
    transform: scaleX(-1);
}
.archive_interview .search_interview {margin: 0 auto 70px;}
.archive_interview .search_interview h2 {
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 20px;
  padding: 0;
}
.archive_interview .search_interview h2::before {display: none;}
.search_interview dl {margin: 0 0 20px;}
.search_interview dl dt {
  position: relative;
  width: 210px;
  color: var(--mainBlue);
  padding: 0 0 0 1em;
}
.search_interview dl dt::before {
    position: absolute;
    z-index: 1;
    inset: 0.5em auto auto 0;
    content: '';
    display: inline-block;
    width: .65em;
    height: auto;
    aspect-ratio: 13 / 16;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background: var(--mainRed);
}
.search_interview dl dt::after {
    position: absolute;
    z-index: 1;
    inset: 0 20px 0 auto;
    content: '';
    display: inline-block;
    width: 120px;
    height: 1px;
    background: var(--mainBlue);
  margin: auto;
}
.search_interview dl dd {justify-content: flex-start!important;}
.search_interview dl dd input[type="checkbox"] {display: none;}
.search_interview dl dd span {
  display: inline-block;
  width: auto;
  padding: 0.15em 1.5em;
  background: #E6E6E6;
  border-radius: 99px;
  margin: 0 0.5em 0 0;
}
.search_interview dl dd input[type="checkbox"]:checked + span {
  background: var(--mainBlue);
  color: #FFFFFF;
}
.search_interview button {
  width: 160px;
  height: 40px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0.5em 0 0;
  clip-path:polygon(10px 0 , 100% 0,100% 100%, 0 100%,0 10px);
  background: var(--mainBlue);
  text-align: center;
  transition: 0.3s;
}
.search_interview button:hover{opacity: 0.5;}
.search_interview button[type="button"] {
  background: #D4DDED;
  color: var(--mainBlue);
}
.search_interview button::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url("../img/page/recruit/ico_search.svg") no-repeat center / contain;
  vertical-align: middle;
  margin: 0 0.5em 0.2em 0;
}
.search_interview button[type="button"]::before {background: url("../img/page/recruit/ico_reset.svg") no-repeat center / contain;}
.search_interview .flex {align-items: center;}
.search_interview .flex p{
  margin: 0 0 0 1.2em;
  color: var(--gray);
}
.archive_interview .interview_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto 100px;
}
.archive_interview .interview_list li {width: 20.5%;}
.archive_interview .interview_list::before,
.archive_interview .interview_list::after {
  display: block;
  content: "";
  width: 20.5%;
  height: 0;
}
.archive_interview .interview_list::before {order: 1;}
.archive_interview .interview_list li {margin: 0 0 70px;}
.archive_interview .interview_list li figure {
  position: relative;
  margin: 0 0 10px;
  aspect-ratio: 252 / 326;
  background: #eee;
}
.archive_interview .interview_list li figure img{
  height: 100%;
  object-fit: cover;
}
.archive_interview .interview_list li figure  > p {
  position: absolute;
  z-index: 1;
  display: inline-block;
  width: auto;
  min-width: 60px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1;
  padding: 0.5em;
  text-align: center;
  background: var(--jobColor);
  inset: 15px auto auto -8px;
}
.archive_interview .interview_list li figure  > div {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
}
.archive_interview .interview_list li figure  > div::before {
  content: "";
  position: absolute;
  inset: 0; 
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px); 
  mix-blend-mode: multiply;  
  z-index: 0; 
  padding: 0.5em;
}

.archive_interview .interview_list li figure  > div p {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 1.5;
  font-family: var(--ff_zenOldMincho);
  font-weight: 700;
}
.archive_interview .interview_list li a > div > p {font-size: 14px;}
.archive_interview .interview_list li a > div > .name {
  font-size: 18px;
  font-weight: 700;
}

.recruit_entry {
  position: relative;
  z-index: 1;
  background: var(--mainBlue);
  margin: 0 0 180px;
  padding: 100px 0;
  color: #FFFFFF;
}
.recruit_entry::before,
.recruit_entry::after{
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
    width: 50vw;
    height: 100%;
}
.recruit_entry::before{
    background: url(../img/page/recruit/entry_before.png) no-repeat top left / contain;
  inset: 0 auto auto 0;
}
.recruit_entry::after{
    background: url(../img/page/recruit/entry_after.png) no-repeat bottom right / contain;
    inset: 0 0 auto auto;
}
.recruit_entry .inner .flex {justify-content: space-between;}
.recruit_entry .inner .flex > div:nth-of-type(1) {
  width: 330px;
  padding: 0 30px 0 50px;
}
.recruit_entry .inner .flex > div:nth-of-type(1) p {
  position: relative;
    font-family: var(--ff_plusJakarta);
    font-weight: 600;
    font-size: 75px;
    line-height: 1.4;
}
.recruit_entry .inner .flex > div:nth-of-type(1) p::before {
  position: absolute;
  inset: 0.4em auto auto -50px;
content: '';
    display: inline-block;
    width: .45em;
    height: auto;
    aspect-ratio: 13 / 16;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background: var(--mainRed);
}
.recruit_entry .inner .flex > div:nth-of-type(1) h2 {
  color: #FFFFFF;
  font-size: 24px;
  font-family: var(--ff_zenOldMincho);
  font-weight: 700;
  padding: 0;
}
.recruit_entry .inner .flex > div:nth-of-type(1) h2::before {display: none;}

.recruit_entry .inner .flex > div:nth-of-type(2) {
  /* width: 770px; */
  width: min(calc(100%  - 330px),770px);
  padding: 0 0 0 50px;
  border-left: 1px solid #fff;
}
.recruit_entry .inner .flex > div:nth-of-type(2) p {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 40px;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li {
  width: 340px;
  height: 90px;
  text-align: center;
  line-height: 90px;
  margin: 0 30px 0 0;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li a {
  position: relative;
  z-index: 0;
  display: block;
  height: 100%;
  font-size: 26px;
  font-weight: 700;
  color: var(--mainBlue);
  background: #FFFFFF;
  clip-path:polygon(30px 0 , 100% 0,100% 100%, 0 100%,0 30px);
  overflow: hidden;
  border: 1px solid #fff;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li:nth-child(2) a {color: var(--c_career);}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li a:hover{
  opacity: 1;
  color: #fff;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li a::before{
  position: absolute;
  z-index: 0;
  inset: -100%;
  margin: auto;
  content: '';
  width: 101%;
  height: 101%;
  clip-path: polygon(32px 0% , 0px 0%,0% 100%, 0 100%,0% 32px);
  opacity: 0;
  transition: 
    clip-path 0.3s,
    opacity 0s .3s
  ;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li:nth-child(1) a::before{background: var(--c_new);}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li:nth-child(2) a::before{background: var(--c_career);}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li a:hover::before{
  clip-path: polygon(32px 0 , 100% 0,100% 100%, 0 100%,0 32px);
  opacity: 1;
  transition:
    clip-path 0.3s,
    opacity 0s
  ;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li a::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 1em;
  height: 1em;
  margin: 0 0 0.25em 0.5em;
  -webkit-mask: url("../img/page/recruit/arr_new.svg") no-repeat center / contain;
          mask: url("../img/page/recruit/arr_new.svg") no-repeat center / contain;
          background: var(--c_new);
  transition: 0.3s;
}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li:nth-child(2) a::after {background: var(--c_career);}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li a:hover::after {background: #fff;}
.recruit_entry .inner .flex > div:nth-of-type(2) ul li a span{
  position: relative;
  z-index: 1;
}


/* -----------------------------------------------------------
page_recruit
----------------------------------------------------------- */

.fw500 {font-weight: 500;}

.bg_dl {
  position: relative;
  z-index: 1;
  padding: 1em 1.5em;
}
.bg_dl::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  inset: 0;
  background: #F0F9FE;
  clip-path: polygon(20px 0,100% 0,100% 100%,0 100% ,0 20px);
}
.bg_dl dt {
  color: var(--mainBlue);
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 0.5em;
}
.editor_contents.edit .prop_list {margin: 0;}
.editor_contents.edit .prop_list li::before {display: none;}
.editor_contents.edit .prop_list li span {
  position: absolute;
  z-index: 0;
  width: 1.15em;
  height: 1.15em;
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  background: #13A460;
  border-radius: 50%;
  inset: 0.35em auto auto 0;
}
.editor_contents.edit .prop_list li.no1 span{background: #c82c43;}


.page_recruit table {table-layout: fixed;min-width: 640px;}
.page_recruit table tr:first-of-type{border-width: 1px !important;}
.page_recruit table th {
  width: 300px;
  padding: 0.5em 1em;
  background: #F0F9FE;
}
.page_recruit table td {
  padding: 0.5em;
  border-left: solid 1px #CCCCCC;
  word-break: auto-phrase;
}

.page_women_propulsion dl.table {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: solid 1px #B0C1DC;
  padding: 0.5em 0 0;
}
.page_women_propulsion dl.table > dt {
  width: 70px;
  color: var(--mainBlue);
  font-weight: 500;
  padding: 1em 0 0;
}
.page_women_propulsion dl.table > dd {width: calc(100% - 100px);}
.page_women_propulsion dl.table > dd dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top: dashed 1px #E6E6E6;
  padding: 1em 0;
}
.page_women_propulsion dl.table > dd dl:nth-child(1) {border: none;}
.page_women_propulsion dl.table > dd dl dt {
  width: 70px;
  color: var(--mainBlue);
  font-weight: 500;
}
.page_women_propulsion dl.table > dd dl dd {width: calc(100% - 100px);}

.page_women_propulsion table caption {text-align: right;}
.page_women_propulsion table tr {border-bottom: solid 1px #000A1E;}
.page_women_propulsion table tr:nth-of-type(1) {border-top: solid 1px #000A1E;}

.page_women_propulsion .editor_contents.edit table td ul {margin: 0;}
.page_women_propulsion .editor_contents.edit table td ul + ul,
.page_women_propulsion .editor_contents.edit table td ul + p {margin: 1em 0 0;}

.page_training_benefits .editor_contents.edit .benefit > li {
  padding: 1.5em 0;
  border-bottom: solid 1px #E6E6E6;
}
.page_training_benefits .benefit > li::before {display: none;}
.page_training_benefits .editor_contents.edit .benefit > li li{
  font-size: 1.125em;
  font-weight: 500;
}
.page_training_benefits .editor_contents.edit .benefit > li li::before{
  font-size: 1.2em;
  color: #6688bb;
  top: -.15em;
}
.page_training_benefits .editor_contents.edit .benefit > li .flex{column-gap: 30px;}
.page_training_benefits .editor_contents.edit .benefit > li .flex > picture{
  display: block;
  width: 100%;
  max-width: 108px;
  aspect-ratio: 1;
}
.page_training_benefits .benefit li h4 {margin: 0;}
.page_training_benefits .benefit li h4 + .bg_dl {margin: 1em 0 0;}

/* -----------------------------------------------------------
page_entry
----------------------------------------------------------- */
/* 下層共通 */
.page_entry .editor_contents.edit::before,
.page_entry .editor_contents.edit::after{background: #fff;}
.page_entry.page_sub .kv_wrapper:has(.kv_rct)::before{display: none;}
/* entry_bg */
.page_entry .entry_bg{
  position: relative;
  z-index: 0;
  padding-block: var(--sectionPadding);
  border-top: 1px solid var(--c_new);
}
.page_entry .entry_bg::before,
.page_entry .entry_bg::after{
  position: absolute;
  z-index: -1;
  content: '';
  width: 50vw;
  height: auto;
  aspect-ratio: 840 / 670;
  background: url(../img/page/recruit/bg_cross_new.jpg) no-repeat top left / contain, #FFF;
}
.page_entry .entry_bg::before{inset: 0 auto auto 0;}
.page_entry .entry_bg::after{
  inset: auto 0 0 auto;
  transform: scale(-1);
}
.page_entry .editor_contents > .entry_bg:last-of-type{padding-bottom: 0;}
.page_entry .editor_contents > .entry_bg:last-of-type::after{display: none;}
.page_entry .entry_bg .inner > div > *:nth-child(1){margin-top: 0 !important;}
.page_entry .entry_bg .inner > div > *:nth-last-child(1){margin-bottom: 0 !important;}
/* anc list */
.page_entry .anc_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: var(--sectionPadding);
  gap: .5em 3.5em;
}
.page_entry .anc_list li{padding: 0 !important;}
.page_entry .anc_list li a{
  color: #333;
  font-weight: 700;
  font-size: 32px;
  text-decoration: none;
}
.page_entry .anc_list li a::after{
  display: inline-block;
  content: '';
  width: 18px;
  height: auto;
  aspect-ratio: 18 / 17;
  border-right: 2px solid var(--c_career);
  border-bottom: 2px solid var(--c_career);
  transform: rotate(45deg);
  margin: 0 0 0.25em .5em;
  transition: 0.3s;
}
.page_entry .anc_list li::before{display: none;}
.page_entry .anc_list li a:hover{color: var(--c_career);}
.page_entry .anc_list li a:hover::after{margin-bottom: 0.15em;}
/* 下層 - 新卒 */
.page_entry figure.recruit_achievement table{table-layout: initial;}
.page_entry figure.recruit_achievement table tr th:not(:first-of-type),
.page_entry figure.recruit_achievement table tr td:not(:first-of-type){text-align: center;}
.page_entry figure.recruit_achievement table tr th:not(:first-of-type){
  width: 150px;
  border-left: solid 1px #CCCCCC;
}
.page_entry figure.recruit_achievement table tr td:first-of-type{border: none;}
/* 下層 - キャリア */
.page_entry.page_career .entry_bg{border-color: var(--c_career);}
.page_entry.page_career .entry_bg::before,
.page_entry.page_career .entry_bg::after{background-image: url(../img/page/recruit/bg_cross_career.jpg);}
.page_entry.page_career .editor_contents.edit h2,
.page_entry.page_career .editor_contents.edit h3{color: var(--c_career);}
.page_entry.page_career .editor_contents.edit h4::before{background: var(--c_career);}
.page_entry.page_career table th{background: #ebf6f3;}
.page_entry .contact_info{
  font-size: 18px;
  font-weight: 500;
}

/* 扉 */


/* -----------------------------------------------------------
home
----------------------------------------------------------- */
/* KV
========================*/
/* スライダー */
.page_recruit.page_front .recruit_kv{
  position: relative;
  z-index: 1;
  aspect-ratio: 1680 / 860;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_recruit.page_front .recruit_kv .bg_slider{
  position: absolute;
  z-index: -1;
  inset: -100%;
  margin: auto;
  width: 100%;
  height: 100%;
  padding: 0;
}
.page_recruit.page_front .recruit_kv .bg_slider .slick-list,
.page_recruit.page_front .recruit_kv .bg_slider .slick-track,
.page_recruit.page_front .recruit_kv .bg_slider li{
  width: 100%;
  height: 100%;
}
.page_recruit.page_front .recruit_kv .bg_slider li img{
  height: 100%;
  object-fit: cover;
}
.page_recruit.page_front .recruit_kv .bg_slider .slick-slide.add-animation > img {
  transform: scale(1.1);
  animation: scaleAnime 10s 0s forwards;
}
@keyframes scaleAnime {
  to {
    transform: scale(1);
  }
}
.page_recruit.page_front .recruit_kv h2{
  width: 35.14vw;
  transform: translateX(-1vw);
}
/* second view
========================*/
.page_recruit.page_front .second_view{
  position: relative;
  z-index: 0;
  display: flex;
}
.page_recruit.page_front .second_view .inner{display: flex;}
.page_recruit.page_front .second_view .inner > div{
  padding-block: calc(var(--sectionPadding) * 1.55) calc(var(--sectionPadding) * 3);
}
.page_recruit.page_front .second_view > picture{
  position: absolute;
  z-index: -2;
  inset: -100%;
  margin: auto;
  display: block;
  width: 101%;
  height: 101%;
}
.page_recruit.page_front .second_view > picture img{
  height: 100%;
  object-fit: cover;
}
.page_recruit.page_front .second_view::before{
  position: absolute;
  z-index: -1;
  inset: 0 auto auto 0;
  content: '';
  width: 50vw;
  height: 100%;
  display: block;
  backdrop-filter: blur(5px);
}
.page_recruit.page_front .second_view::after{
  position: absolute;
  z-index: -1;
  inset: 0 -1.3% auto auto;
  content: '';
  width: 34.2%;
  height: auto;
  aspect-ratio: 1;
  background: url(../img/page/recruit/home/deco_second.png) no-repeat center / contain;
}

.page_recruit.page_front .second_view *{
  color: #fff;
  border-color: #fff;
}
.page_recruit.page_front .second_view h2{
  font-family: var(--ff_zenOldMincho);
  font-size: 48px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0;
  margin: 0 0 0.5em;
}
.page_recruit.page_front .second_view h2::before{display: none;}
.page_recruit.page_front .second_view p:not(.btn){
  font-size: 18px;
  line-height: 2.1;
  margin: 0 0 2em;
}
.page_recruit.page_front .second_view .btn a{
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 235px;
  min-height: 50px;
  font-family: var(--ff_plusJakarta);
  font-size: 20px;
}
/* セクション間あしらい
========================*/
.page_recruit.page_front .editor_contents.edit::before{top: -140px;}
.page_recruit.page_front .editor_contents.edit.archive_interview::before{
  top: -90px;
  width: calc((100vw - 18px) / 2);
}
/* ttl
========================*/
.page_recruit.page_front .home_heading p:nth-of-type(1){
  position: relative;
  z-index: 0;
  font-family: var(--ff_plusJakarta);
  font-size: 36px;
  color: var(--mainBlue);
  margin: 0;
}
.page_recruit.page_front .home_heading p:nth-of-type(1)::before{
  position: absolute;
  z-index: 0;
  inset: 0.65em auto auto -0.65em;
  margin: auto;
  content: '';
  width: .45em;
  height: auto;
  aspect-ratio: 13 / 16;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: var(--mainRed);
}
.page_recruit.page_front .home_heading h2{
  font-family: var(--ff_zenOldMincho);
  font-size: 64px;
  font-weight: 500;
  margin: 0;
}
.page_recruit.page_front .home_heading h2 .txt_ol{-webkit-text-stroke: 1px var(--mainBlue);}
.page_recruit.page_front .home_heading h2::before{display: none;}
.page_recruit.page_front .home_heading p:nth-of-type(2){
  color: var(--mainBlue);
  font-weight: 500;
  font-size: 26px;
}
/* editor_contents
========================*/
.page_recruit.page_front .editor_contents.edit{padding-top: calc(var(--sectionPadding) * 0.6);}
.page_recruit.page_front .rct_sublink a{min-height: 450px;}
/* interview
========================*/
.page_recruit.page_front .archive_interview::after{
  inset: auto 0 0 auto;
  transform: scale(-1);
}
.page_recruit.page_front .inner.slider_inner{padding-inline: 0;max-width: 100%;}
.page_recruit.page_front .archive_interview .interview_list{
  display: block;
  max-width: 1400px;
  margin-inline: auto;
}
.page_recruit.page_front .archive_interview .interview_list .slick-list{
  overflow: visible !important;
}
.page_recruit.page_front .archive_interview .interview_list li{
  /* max-width: 340px; */
  margin: 0;
  padding: 0;
}
.page_recruit.page_front .archive_interview .interview_list .slick-track{display: flex;}
.page_recruit.page_front .archive_interview .interview_list li{margin: 0 30px;}
.page_recruit.page_front .archive_interview .interview_list li::before{display: none;}
.page_recruit.page_front .archive_interview .interview_list li figure > div{flex-direction: column;}
.page_recruit.page_front .archive_interview .interview_list li figure > div .flex{justify-content: center;}
.page_recruit.page_front .archive_interview .interview_list li figure > div .flex *{
  font-family: var(--ff_notoSans);
  font-size: 14px;
}
/* slick-arrow */
.page_recruit.page_front .archive_interview .slick-arrow{
  z-index: 10;
  width: 45px;
  height: auto;
  aspect-ratio: 1;
  font-family: var(--ff_notoSans);
  line-height: 1;
  color: var(--mainBlue);
  border: 1px solid var(--mainBlue);
  border-radius: 50%;
  background: #fff;
  opacity: 1;
  transition: 0.3s;
}
.page_recruit.page_front .archive_interview .slick-arrow:hover{background: var(--mainBlue);}
.page_recruit.page_front .archive_interview .slick-prev{left: 27px;}
.page_recruit.page_front .archive_interview .slick-next{right: 27px;}
.page_recruit.page_front .archive_interview .slick-arrow::before{
  position: absolute;
  z-index: 0;
  inset: -100%;
  margin: auto;
  content: '';
  width: 15px;
  height: auto;
  aspect-ratio: 15 / 9;
  background: var(--mainBlue);
  -webkit-mask: url("../img/common/ico/rct-arw_menu.svg") no-repeat center / contain;
          mask: url("../img/common/ico/rct-arw_menu.svg") no-repeat center / contain;
  transition: 0.3s;
}
.page_recruit.page_front .archive_interview .slick-prev::before{transform: rotate(90deg);}
.page_recruit.page_front .archive_interview .slick-next::before{transform: rotate(-90deg);}
.page_recruit.page_front .archive_interview .slick-arrow:hover::before{background: #fff;}
.page_recruit.page_front .btn.readmore {
  margin: 0 auto;
  border: none;

}
.page_recruit.page_front .btn.readmore a{
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 235px;
  min-height: 50px;
  font-family: var(--ff_plusJakarta);
  font-size: 20px;
  font-weight: 700;
  border: 1px solid var(--mainBlue);
  text-decoration: none;
}
.page_recruit.page_front .btn.readmore a span{
  position: relative;
  z-index: 1;
}
.page_recruit.page_front .btn.readmore a::before,
.page_recruit.page_front .btn.readmore a::after{
  position: absolute;
  content: '';
  transition: 0.3s;
}
.page_recruit.page_front .btn.readmore a::before{
  z-index: 0;
  inset: -100%;
  margin: auto;
  width: 101%;
  height: 101%;
  background: var(--mainBlue);
  clip-path: inset(0 100% 0 0);
}
.page_recruit.page_front .btn.readmore a::after{
  z-index: 1;
  inset: -100% 1em -100% auto;
  margin: auto;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  background: var(--mainBlue);
  -webkit-mask: url("../img/page/recruit/arr_new.svg") no-repeat center / contain;
          mask: url("../img/page/recruit/arr_new.svg") no-repeat center / contain;
}
.page_recruit.page_front .btn.readmore a:hover{color: #fff;}
.page_recruit.page_front .btn.readmore a:hover::before{clip-path: inset(0);}
.page_recruit.page_front .btn.readmore a:hover::after{background: #fff;}