@charset "UTF-8";

.stripe{
  background-image: repeating-linear-gradient(90deg, rgb(238, 238, 238), rgb(238, 238, 238) 1px, #ffff 1.1px, #ffff 16.6666%);
}
.before_point {
  position: relative;
  padding-left: .8em !important;
  color: currentColor;
}
.before_point::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  line-height: 1;
  width: .4em;
  height: .4em;
  background-color: currentColor;
  border-radius: 50%;
}
.vt_profile_ttl.before_point::before {
  background-color: var(--c-blue);
}

@media (min-width: 960px) {
  .c_inner,.c_inner_pc {
    padding: 0 4rem;
  }
}/*  */


/* 全ページ ナビゲーション 予約ボタン
================================= */
.recruit_link{
  position: fixed;
  display: block;
  bottom: 1em;
  right: 0;
  text-align: center;
  z-index: 9999;
  cursor: pointer;

  opacity: 0;
  animation-name: fadeInRecruit;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  overflow: hidden;
}
@keyframes fadeInRecruit{
  from { opacity: 0; transform: translateX(50%) ;}
  70%  { opacity: 1;}
  to   { opacity: 1; transform: translateX(0) ;}
}

.recruit_link_inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 13em;
  height: 6em;
  border: 1px solid var(--c-black3);
  border-right: none;
  position: relative;
  background-color: #000;
  color: #fff;
  transition: opacity .5s;
}
.recruit_link_inner:hover{
  opacity: .7;
}
.recruit_link_inner span{
  display: block;
}
.recruit_link_inner .en{
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .03em;
}
.recruit_link_inner .ja{
  font-size: .9em;
}
.recruit_link_inner .ja{
  margin-bottom: .12em;
}

.recruit_link::before {
  content: '';
  position: absolute;
  z-index: 1;
  display: inline-block;
  top: -10em;
  left: 0;
  width: 1em;
  height: 100%;
  background-color: rgba(255,255,255,0.7);
  animation: shiny-btn1 5s ease-in-out infinite;
}

@keyframes shiny-btn1 {
  0% { transform: scale(0) rotate(30deg); opacity: 0; }
  85% { transform: scale(0) rotate(30deg); opacity: 0.5; }
  86% { transform: scale(4) rotate(30deg); opacity: 1; }
  100% { transform: scale(50) rotate(30deg); opacity: 0; }
}
  

@media (min-width: 769px){
  .recruit_link {
    font-size: 1.2em;
  }
}


/* RECRUIT TOP KEY VISUAL ============================= */
.recruit_top_kv{
  position: relative;

  width: 100%;
  background-color: #efefef;
}
.recruit_top_kv_ttl{
  position: absolute;
  top: 16.5em ;
  left: 2em;
  font-size: 1em;
  line-height: 1.2;
}
.recruit_top_kv_ttl .en{
  display: block;
  font-size: 6em;
}
.recruit_top_kv_ttl .ja{
  display: block;
  font-size: 1.3em;
  letter-spacing: -.005em;
}

@media (min-width: 769px){

  .stripe{
    background-image: repeating-linear-gradient(90deg, rgb(245, 245, 245), rgb(245, 245, 245) 1px, #ffff 1.1px, #ffff 8.3333%);
  }
  .recruit_top_kv_ttl {
    font-size: 1.05vw;
    top: 17.5vw;
    left: 6vw;
  }

}/*  */


/* RECRUIT INTRO ============================= */
.recruit_top_ttl {
  font-size: 2.7em;
  letter-spacing: .03em;
  padding: .4em 0;
}
.recruit_top_intro_img{
  margin: 1em auto;
  max-width: 38em;
}
.recruit_cat_intro_img{
  margin: 1em auto;
  max-width: 18em;
}

.recruit_top_desc {
  font-size: 1.25em;
  line-height: 1.9;
  padding: .75em 0;
}
.recruit_top_desc p{
  padding: .3em 0;
}

.recruit_page .splide-srv-wrap {
  padding: 2em 0 0em;
}

@media (min-width: 769px){
  
  .rec_kv_ttl_wrap {
    padding: 3em 0;
  }
  .recruit_top_ttl {
    font-size: 3.2em;
  }
  .recruit_top_intro_img {
    margin: 3em auto;
  }
  /* .recruit_top_desc {
    font-size: 1.35em;
  } */
}/*  */


/* LOGO SLIDER ============================= */
.rec_kv_logo_slider{
  padding: 1em 0;
}
#splide-srv-left,
#splide-srv-right2{
  padding: 1em 0;
}
.rec_kv_logo_slider .splide__slide a{
  width: 90%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rec_kv_logo_slider .splide__slide a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* RECRUIT SECTION ============================= */
.rec_sec_ttl{
  font-size: 1em;
  padding: 1em 0;
}
.rec_sec_ttl .en{
  display: block;
  font-size: 4.8em;
  font-weight: 500;
  line-height: 1.1;
}
.rec_sec_ttl .ja{
  display: block;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.6;
  margin-top: .3em;
  /* color: var(--c-black3); */
}

.rec_sec_ttl._s .en{
  font-size: 3.6em;
}
.rec_sec_ttl._s .ja{
  font-size: 1.2em;
}

.rec_sec_sub {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.6;
  padding: .5em 0;
}
.rec_sec_desc {
  font-size: 1.15em;
  line-height: 1.8;
  padding: .75em 0;
}
.rec_sec_desc p {
  padding: .3em 0;
}

@media (min-width: 769px){
  .rec_sec_ttl .en{
    font-size: 6.2em;
  }
  .rec_sec_ttl .ja{
    font-size: 1.4em;
  }

  .rec_sec_ttl {
    /* font-size: 1.2em; */
    margin-bottom: .5em;
  }
  .rec_sec_sub {
    font-size: 2.2em;
    padding: 0;
  }
  .rec_sec_desc {
    font-size: 1.2em;
    padding: 0;
  }
  /* .rec_sec_desc p {
    padding: 0 2.5em;
  } */

  .rec_pc_flex{
    display: flex;
    justify-content: space-between;
    padding-top: 2em;
  }
  .rec_pc_flex.reverse{
    flex-direction: row-reverse;
  }
  .rec_pc_flex.aic{
    align-items: center;
  }
  .rec_pc_flex.jcc {
    justify-content: center;
    gap: 2em;
  }
  .rec_pc_flex.ai_fe{
    align-items: flex-end;
  }
  .rec_pc_flex_left {
    width: 47%;
  }
  .rec_pc_flex_right {
    width: 47%;
  }
  .rec_pc_flex.jcc .rec_pc_flex_left,
  .rec_pc_flex.jcc .rec_pc_flex_right{
    width: fit-content;
  }
  .rec_pc_flex._reverse{
    flex-direction: row-reverse;
  }

}/*  */


/* POSIITOIN LIST ==================== */
.posi_list{
  padding: 1em 0;
}
.posi_list_box:first-child{
  border-top: 1px solid var(--c-baige);
}
.posi_list_box{
  border-bottom: 1px solid var(--c-baige);
  padding: 2em .5em;
}

.posi_list_box_img {
  width: 4.8em;
  height: fit-content;
}
.posi_list_box_img img {
  width: 100%;
  height: 100%;
  max-height: 4.2em;
  object-fit: contain;
}
.posi_list_box_img.pc{
  display: none;
}
.posi_list_box_ttl_wrap{
  /* position: relative; */
  display: flex;
  align-items: center;
  gap: 1.2em;
  margin-bottom: .1em;
}
.posi_list_box_ttl{
  padding: .9em 0;
}
.posi_list_box_ttl > span{
  display: block;
}
.posi_list_box_ttl .en {
  font-size: 1.08em;
  font-weight: 500;
  margin-bottom: .2em;
  color: var(--c-baige2);
}
.posi_list_box_ttl .ja{
  font-size: 1.8em;
  letter-spacing: 0.05em;
  line-height: 1.35;
}
.posi_list_box_desc{
  position: relative;
  font-size: 1.05em;
  padding: .75em 0;
  line-height: 1.7;
}

.posi_list_box_btn_wrap{
  font-size: 1.1em;
  display: flex;
  justify-content: center;
  gap: 2em;
  padding: 1.5em 0;
  position: relative;
  z-index: 1;
  background-color: #000;
  color: #fff;
  border-radius: .2em;
  overflow: hidden;
}
.posi_list_box_btn_wrap .arrow_circle{
  background-color: transparent;
}
.posi_list_box_btn_wrap a:hover .arrow_circle {
  background-color: #fff;
}
.posi_list_box_btn_wrap a:hover .arrow_circle::after {
  filter: none;
}

.arrow_circle_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
.arrow_circle_wrap .txt{
  font-size: 1.1em;
  font-weight: bold;
}
.arrow_circle {
  position: relative;
  display: inline-block;
  background-color: currentColor;
  border: 1px solid currentColor;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  margin-left: .4em;
  overflow: hidden;
  transition: transform .25s ease-out, opacity .25s ease-out ,background-color .25s;
}
.arrow_circle::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 42%;
  height: 42%;
  background-image: url(/imgs/icon_arrow_right.svg);
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(0);
  opacity: 1;
  transition: transform .25s ease-out, opacity .25s ease-out;
  filter: var(--filter-w);
}
a:hover .arrow_circle{
  transform: translateX(.3em);
  background-color: transparent;
}
a:hover .arrow_circle::after{
  filter: none;
}

.posi_list_box .arrow_circle{
  display: block;
  font-size: 1.2em;
  margin-left: auto;
}

@media (min-width: 769px){
  .posi_list {
    padding: 3em 0;
  }
  .posi_list_box {
    padding: 2.8em 3em;
  }
  .hover_bg{
    position: relative;
    transition: color .3s;
    z-index: 1;
  }
  .hover_bg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: var(--c-black);
    transition: .2s width ease-in  ;
  }
  .hover_bg:hover::before{
    width: 100%;
  }
  .hover_bg:hover{
    color: #fff;
  }
  .hover_bg:hover .posi_list_box_img{
    filter: var(--filter-w);
  }
  .hover_bg:hover .arrow_circle::after{
    filter: none;
  }
  .hover_bg:hover a:hover .arrow_circle::after{
    filter: var(--filter-w);
  }

  .posi_list_box_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .posi_list_box_img{
    position: absolute;
    left: .3em;
    top: 0;
    bottom: 0;
    width: 7em;
    margin: auto;
  }
  .posi_list_box_detail{
    position: relative;
    width: 100%;
    padding-left: 11em;
    padding-right: 11em;
  }
  .posi_list_box_ttl_wrap {
    margin-bottom: .5em;
  }
  .posi_list_box .arrow_circle{
    font-size: 1.6em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .posi_list_box_ttl .ja {
    font-size: 2.1em;
  }
  .posi_list_box_btn_wrap {
    /* width: 16%; */
    width: 30%;
    margin-left: auto;
    /* flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 1.2em;
    margin-top: .5em; */
  }

  .posi_list_box_ttl {
    padding: 0;
  }
  .posi_list_box_desc{
    padding-bottom: 0;
    margin-bottom: 0;
  }

}/*  */

/* POSIITOIN LIST + BRAND */
.brands_div_wrap{
  padding: 1.5em 0;
}
.brands_div_wrap .posi_list{
  padding: .5em 0;
}
.brands_div_wrap .posi_list_box_img {
  width: 11em;
  height: fit-content;
}
.brands_div_wrap .posi_list_box_ttl_wrap {
  gap: 1em;
  margin: 1em 0;
}
.brands_div_wrap .posi_list_box_ttl {
  display: flex;
  flex-direction: column-reverse;
  font-size: 1em;
  padding: 0;
}
.brands_div_wrap .posi_list_box_ttl .ja {
  font-size: 1.15em;
  letter-spacing: 0;
}
.brands_div_wrap .posi_list_box_ttl .en {
  font-size: 1em;
  font-weight: 600;
  margin: .3em 0 0;
}

@media (min-width: 769px) {
  .brands_div_wrap {
    padding: 2em 0;
  }
  .brands_div_wrap .posi_list_box_detail {
      position: relative;
      width: 100%;
      padding-left: 18em;
      padding-right: 11em;
  }
  .brands_div_wrap .posi_list_box_img {
    width: 13em;
  }
  .brands_div_wrap .posi_list_box_ttl_wrap {
    gap: 1.5em;
    margin: 0 0 .1em;
  }
  .brands_div_wrap .posi_list_box_ttl {
    font-size: 1em;
    padding: 0;
  }
  .brands_div_wrap .posi_list_box_ttl .ja {
    font-size: 1.6em;
  }
  .brands_div_wrap .posi_list_box_ttl .en {
    font-size: 1.1em;
  }

}/*  */


/* MYNAVI =============== */
.rec_mynavi_block{
  padding: 2em 1em;
  border: 1px solid #77c2df;
  margin: 2em auto;
  max-width: 36em;
}
.rec_mynavi_inner{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2em;
}
.rec_mynavi_logo{
  width: 5em;
  margin-right: .4em;
}
.rec_mynavi_txt .en{
  font-size: 1.7em;
  font-weight: 500;
}
.rec_mynavi_txt .ja{
  font-size: 1.25em;
}

/* INTERVIEW ================ */
.sec_intvw {
  /* background-color: #e8e8e8; */
  overflow: hidden;
}
.int-ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding-top: 2em;
}
.int-ul .slick-slide{
  width: 100%;
  padding: 0 .6em;
  margin-bottom: 0.5em;
}
.int-li-img {
  object-fit: cover;
}
.interview-txt {
  width: 100%;
  padding: 1.4em;
  background-color: #faf8f5;
}
.int-li-count {
  font-size: 0.9em;
  letter-spacing: .1em;
  color: var(--c-baige2);
}
.interview-txt h3{
  font-size: 1em;
  letter-spacing: 1px;
  min-height: 7.2em;
  color: var(--c-black);
}
.int-li-name {
  display: block;
  font-size: 1.2em;
  padding: 0.8em 0 ;
}
.int-li-item {
  display: block;
  font-size: 1.1em;
  font-weight: 300;
  letter-spacing: .02em;
  line-height: 1.5em;
  /* color: var(--c-baige2); */
}


/* SLICK - slick_interview*/
.slick_interview{
  padding: 1em 0;
  opacity: 0;
  transition: opacity .5s;
}
.slick_interview.slick-initialized{
  opacity: 1;
}

.slick_interview.slick-dotted.slick-slider{
  margin-bottom: 4em;
}
.slick_interview .slick-dots{
  bottom: -2.5em;
}
.slick_interview .slick-dots li {
  width: 2px;
  height: 1.8em;
}
.slick_interview .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0 1em;
}
.slick_interview .slick-dots li button:before{
  content: "";
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 75%;
  background-color: var(--c-black);
  transition: height .5s , opacity .5s;
}
.slick_interview .slick-dots li.slick-active button:before{
  opacity: .9;
  height: 100%;
}
.slick_interview .slick-prev, 
.slick_interview .slick-next {
  top: calc(100% + 1.45rem);
  z-index: 10;
}
.slick_interview .slick-prev {
  left: -12rem;
  right: 0;
  margin: auto;
}
.slick_interview .slick-prev::before {
  content: '<';
}
.slick_interview .slick-prev::before ,
.slick_interview .slick-next::before {
  font-size: 1.6rem;
  color: var(--c-black);
}
.slick_interview .slick-next {
  left: 0;
  right: -12rem;
  margin: auto;
}
.slick_interview .slick-next::before {
  content: '>';
}



/* =========================================== 
RECRUIT CATEGORY PAGE 
=========================================== */
.rec_job_intro_sec .recruit_top_ttl{
  margin-bottom: .5em;
}
.rec_head_ttl_wrap {
  position: relative;
  /* padding: 0 1em; */
}
.rec_head_img {
  width: 6.5em;
  height: fit-content;
  margin-bottom: 2em;
}
.rec_head_ttl {
  font-size: 1em;
  /* width: calc(100% - 8em); */
  padding: .9em 0;
}
.rec_head_ttl > span {
  display: block;
}
.rec_head_ttl .com {
  display: block;
  font-size: 1.2em;
  letter-spacing: 0.02em;
  margin-bottom: .8em;
  color: var(--c-baige2);
}
.rec_head_ttl .en {
  font-size: 4.8em;
  /* letter-spacing: 0.05em; */
  line-height: 1.05;
}
.rec_head_ttl .en2 {
  font-family: var(--font-en);
  font-size: 2.8em;
  letter-spacing: 0.05em;
  line-height: 1.05;
  margin: .5em 0;
}
.rec_head_ttl .ja {
  font-size: 1.6em;
  font-weight: 600;
  margin-top: .5em;
}

@media (min-width: 769px){
  .rec_head_ttl_wrap {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: 2.8em;
    font-size: 1.1em;
    padding: 0;
  }
  .rec_head_ttl .en {
    font-size: 5.2em;
  }
  .rec_head_img {
    width: 8.5em;
    margin-bottom: 0;
  }

}/*  */

/* rec_cat_intro_sec ===================*/
.rec_cat_intro_wrap .rec_div_list_num {
  color: var(--c-black2);
}
@media (min-width: 769px){

  .rec_cat_intro_sec .c_inner{
    position: relative;
  }

  .rec_cat_intro_sec .recruit_top_ttl {
    margin-bottom: .5em;
  }
  .rec_cat_intro_wrap .rec_div_list_num,
  .rec_cat_intro_wrap .recruit_cat_intro_img{
    position: absolute;
    left: 4em;
  }
  .rec_cat_intro_wrap .rec_div_list_num{
    top: 1.5em;
  }
  .rec_cat_intro_wrap .recruit_cat_intro_img{
    bottom: .3em;
  }
  .rec_cat_intro_wrap {
    width: 70%;
    margin-left: auto;
  }

}/*  */


/* Personality =============== */
.rec_person_list{
  padding: 2em 0;
}
.rec_person_list_box{
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--c-baige);
  padding: 2.2em .5em;
  gap: 1.5em;
}
.rec_person_list_box:first-child {
  border-top: 1px solid var(--c-baige);
}
.rec_person_list_num,
.rec_person_list_txt .en{
  display: block;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: .2em;
  color: var(--c-baige2);
  margin-bottom: .6em;
}
.rec_person_list_num {
  width: .6em;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0;
}
.rec_person_list_ttl{
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.45;
}

.rec_person_img_box{
  padding: 2em 0;
}
.rec_person_img:first-child{
  width: 85%;
  margin-left: -2em;
  /* margin-bottom: 3em; */
}
.rec_person_img:nth-child(2) {
  width: 76%;
  margin-left: auto;
  margin-right: -2em;
  margin-top: 2em;
}
.rec_person_img img {
  max-height: 32em;
  object-fit: contain;
}

@media (min-width: 769px){
  .rec_person_list_box{
    padding: 2.2em 42% 2.2em 2em;
    gap: 2.5em;
  }
  .rec_person_list_wrap{
    position: relative;
  }
  .rec_person_img_box{
    position: absolute;
    top: -2em;
    right: 0;
    width: 40%;
  }
  /* .rec_person_img:first-child {
    margin-left: 0;
  } */
  .rec_person_img:nth-child(2) {
    margin-right: -4em;
  }

}/*  */


/* Divisions & Related =============== */
.rec_div_sec{
  overflow: hidden;
}
.rec_div_list{
  padding: 2em 0;
}
.rec_div_list_box{
  position: relative;
  padding: 3.5em 0;
}
.rec_div_list_box .c_inner{
  position: relative;
}
.rec_div_list_box::before,
.rec_div_list_box::after{
  content: "";
  position: absolute;
  bottom:  0;
  left:0;
  display: block;
  width: calc(100%);
  height: 1px;
  background-color: var(--c-baige2);
}
.rec_div_list_box:first-child:before{
  top: 0;
}

.rec_div_list_ttl{
  font-size: 2.2em;
  padding: .3em 0;
  line-height: 1.4;
}
.rec_div_list_txt {
  position: absolute;
  right: 0;
  top: -3.5rem;
  font-size: 4.5em;
  line-height: .95;
  color: #f9f6f0;
  opacity: .5;
  text-align: right;
  z-index: -1;
  mix-blend-mode: multiply;
}
.rec_div_list_txt._2l {
  font-size: 3.2em;
}
.rec_div_list_num {
  position: relative;
  display: block;
  font-size: 1.2em;
  font-weight: 500;
  padding-left: 1em;
  margin: .3em 0 .6em;
  color: var(--c-black3);
}
.rec_div_list_num::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  line-height: 1;
  width: .5em;
  height: .5em;
  background-color: currentColor;
  border-radius: 50%;
}

.noadance .rec_div_list_txt{
  color: #fceeee;
}
.voat .rec_div_list_txt{
  color: #d3e4ed;
}
.noadance .rec_div_list_num {
  color: #db3516;
}
.voat .rec_div_list_num {
  color: #2c8abc;
}
.rec_div_list_desc {
  font-size: 1.15em;
  font-weight: 600;
  line-height: 1.8;
  padding: 1em 0 1.8em;
}


/* PICK UP BRANDS ====================== */
.rec_brand_ttl{
  font-size: 1.1em;
  font-weight: 400;
  letter-spacing: .02em;
  padding: .5em 0;
  color: var(--c-black2);
}
.rec_brand_list {
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2em; */
  padding: .8em 0 1em;
  margin-bottom: 2em;
  border-bottom: 1px solid var(--c-baige);
  border-top: 1px solid var(--c-baige);
}
.rec_brand_list_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5%;
  padding: .6em 0;
  /* border-bottom: 1px solid var(--c-baige); */
}
/* .rec_brand_list_box:first-child{
  border-top: 1px solid var(--c-baige);
} */
.rec_brand_logo {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5em;
  /* max-width: 11em; */
}
.rec_brand_logo img {
  display: block;
  max-height: 3.5em;
  max-width: 11em;
  width: auto;
  margin: 0 auto;
}
.rec_brand_detail {
  width: 48%;
  padding-top: .3em;
  color: var(--c-black2);
}



.rec_brand_list_ttl{
  font-size: .9em;
  font-weight: 400;
  /* text-align: center; */
  color: var(--c-black3);
}
.rec_brand_list_ttl .ttl{
  display: block;
  /* font-size: 1.1em; */
}
.rec_brand_list_ttl .detail{
  font-size: 1em;
}
.rec_brand_detail p {
  font-size: .9em;
  line-height: 1.5;
}
/* .rec_div_list .posi_list_box_btn_wrap{
  justify-content: center;
  font-size: 1.15em;
  gap: 3em;
  padding: 1.2em 0;
} */

@media (min-width: 769px){
  .rec_div_list_box {
    padding:  4em 0;
  }
  .rec_div_list_ttl_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 5em;
    padding: 0 0 .5em;
  }
  .rec_div_list_ttl{
    font-size: 3em;
  }
  .rec_div_list_desc{
    padding: 1em 0 1.3em;
  }
  .rec_div_list_txt {
    font-size: 7.5em;
  }
  .rec_div_list_txt._2l {
    font-size: 6.2em;
  }
  .rec_brand_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 3em;
    /* padding: 0 1em .5em; */
  }
  .rec_brand_list::before ,
  .rec_brand_list::after {
    content: "";
    width: 30%;
  }
  .rec_brand_list::before{
    /* content:""; */
    /* display: block; */
    /* width:23%; */
    order:1;
  }
  .rec_brand_list_box{
    width: 30%;
    gap: 4%;
  }
  /* .rec_brand_list_box:nth-child(-n+3){
    border-top: 1px solid var(--c-baige);
  } */
  .rec_brand_list_ttl {
    font-size: .85em;
    white-space: nowrap;
  }
  /* .rec_div_list .posi_list_box_btn_wrap{
    width: 100%;
    flex-direction: row;
  } */
  .rec_div_list_box::before, .rec_div_list_box::after {
    left: -8.5rem;
    width: calc(100% + 17rem);
  }
}/*  */




/* =========================================== 
RECRUIT JOB PAGE 
=========================================== */

/* RECRUIT LOOP SLIDER ====================== */
.splide_rec_wrap{
  padding: 2em 0;
}
#splide_rec{
  opacity: 0;
  transition: opacity .5s 1s;
}
#splide_rec.is-initialized{
  opacity: 1;
}
.splide_rec_img_box{
  display: block;
  width: 100%;
  aspect-ratio: 1.434/1;
  margin: 0 .5px;
}
.splide_rec_img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 769px){
  .splide_rec_wrap {
    padding: 2em 0 ;
  }
}/*  */

@media (min-width: 960px){
  .splide_rec_wrap {
    padding: 3em 0;
    margin-bottom: 1em;
  }
}/*  */


/* RECRUIT DUTIES ====================== */
.rec_duties_list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2em .5em;
  padding: 2.5em .5em;
  border-top: 1px solid var(--c-baige);
  border-bottom: 1px solid var(--c-baige);
  margin-top: 1.5em;
}
.rec_duties_list._three{
  grid-template-columns: repeat(1, 1fr);
}


.rec_duties_list_icon {
  display: block;
  width: 5em;
  margin: 1em auto;
}
.rec_duties_list_ttl{
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  margin-bottom: .8em;
}
.rec_duties_list_desc{
  font-size: 0.92em;
  padding: 0 .5em;
}
@media (min-width: 769px){
  .rec_duties_list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding: 2.5em .5em;
    margin-top: 3em;
  }
  .rec_duties_list._three {
    display: flex;
    justify-content: center;
  }
  .rec_duties_list._five{
    grid-template-columns: repeat(5, 1fr);
  }
  .rec_duties_list._four{
    grid-template-columns: repeat(4, 1fr);
    padding: 2.5em 6em;
  }
  .rec_duties_list._three .rec_duties_list_box {
    width: 20%;
  }

  .rec_duties_list_icon {
    display: block;
    width: 5.2em;
    margin: 1em auto 1.2em;
  }
}/*  */



/* RECRUIT APPEAL ====================== */
.appeal_img_box{
  width: calc(100% + var(--inn-w));
  margin: 2em 0 2em var(--inn-w-minus);
}
@media (min-width: 769px){
  .appeal_img_box{
    margin: 0 0 0 var(--inn-w-minus);
  }
}/*  */



/* BENEFITS
========================================= */
.benefits-li {
  display: flex;
  width: 100%;
  min-height: 10em;
  padding: 1.5em .3em 1.5em 1.5em;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 0.1em var(--c-baige);
}
.benefits-li:first-child {
  border-top: solid 0.1em var(--c-baige);
}
.benefits-img {
  width: 18%;
  max-height: 5em;
}
.benefits-text {
  width: 74%;
}
.rec_bene_list_ttl {
  font-size: 1.4em;
  letter-spacing: .05em;
  padding-bottom: .2em;
}
.rec_bene_list_desc {
  font-size: 1em;
  letter-spacing: .05em;
}

@media screen and (min-width: 769px){
  .rec_bene_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 3em; 
    margin-top: 2em;
  }
  .benefits-li:nth-child(2) {
    border-top: solid 0.1em var(--c-baige);
  }
}/* */


/* Job Offers
========================================= */
.sec_job_offer{
  background-color: #faf8f5;

  display: none;
}

.job_offer_list_wrap {
  width: calc(100% + 1.6em );
  margin-left: -.8em;
}
.job_offer_list {
  margin: 1em 0 2em;
}
.job_offer_list_box {
  padding: .8em;
}
.job_offer_list_box a{
  display: block;
  padding: 1.5em 1.8em;
  background-color: #fff;
  box-shadow: 0 0 .8em rgba(227, 227, 227, 0.4);

}
.job_offer_label{
  display: block;
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: .5em;
  color: var(--c-baige2);
}
.job_offer_list_ttl{
  font-size: 1.45em;
  font-weight: 600;
  padding: .3em 0;
}
.job_offer_dl{
  padding: .5em 0;
}
.job_offer_dl_box{
  display: flex;
  padding: .6em 0;
  border-bottom: 1px solid var(--c-baige);
  margin-bottom: .2em;
}
.job_offer_dl_box dt{
  min-width: 4.5em;
  color: var(--c-grey);
}
.job_offer_dl_box dd{
  font-size: 1.1em;
}
.job_offer_btn_wrap{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: .4em;
}

/* SLICK =================== */
.job.slick-next, .job.slick-prev {
  top: calc(100% + 1.8rem);
  width: 2.4rem;
  opacity: .8;
}
.job.slick-next{
  right: .2em;
}
.job.slick-prev{
  left: inherit;
  right: 2.7rem;
}
.job.slick-next:before , .job.slick-prev:before {
  content: none;
}
.job.slick-next img, .job.slick-prev img{
  width: 40%;
}
.job.slick-next img{
  transform: rotateZ(180deg);
}
.job_offer_list .slick_num.en {
  position: absolute;
  top: calc(100% + .5em);
  left: .5em;
  margin: auto;
  font-size: 1.4em;
  z-index: 10;
  color: var(--c-black3);
}
/* .job_offer_list .slick_num span{
  font-weight: 700;
} */

@media screen and (min-width: 769px){
  .job_offer_list_box {
    padding: .8em;
  }
  .job_offer_list_box a{
    box-shadow: 0 0 .8em rgba(227, 227, 227, 0.4);
    transition: box-shadow .5s;
  }
  .job_offer_list_box a:hover {
    box-shadow: 0 0 .8em rgba(150, 150, 150, 0.4);
  }

  /* .job_offer_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em 2em;
  } */
  .job_offer_dl_box {
    font-size: .9em;
  }
}/* 768 */



/* RECRUIT INFO ======================= */
.rec_info_wrap {
  background-position: center bottom;
  background-color: #efeae1;
  /* background-image: url(/imgs/recruit/bg_recruit_kv_sp.jpg); */
  background-size: contain;
  padding: 3em .8em;
}
.rec_info_sec{
  width: fit-content;
  background-color: #fff;
  margin: auto;
  box-shadow: 0 0 .5em rgba(160, 140, 100, 0.5);
}
.dl_wrap {
  padding: 2em 0;
}
.rec_info_sec dl {
  font-size: 1.1em;
  padding: 1.6em 0;
  border-top: solid 1px var(--c-baige);
}
.rec_info_sec dt {
  /* font-size: 1.2em; */
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-bottom: .7em;
  color: var(--c-black);
}
.rec_info_sec dd {
  width: 96%;
  /* font-size: 1.2em; */
  line-height: 1.7;
  margin-left: auto;
}
.rec_info_sec dd p{
  padding: .3em 0;
}
.rec_info_sec dl a{
  color: var(--c-black3);
  text-decoration: underline;
}

@media screen and (min-width: 769px){
  .rec_info_wrap {
    /* background-image: url(/imgs/recruit/bg_recruit_kv_pc.jpg); */
    padding: 4em 0;
  }
  .rec_info_sec{
    min-width: 62em;
  }
  /* .dl_wrap {
    font-size: 1.1em;
  } */
  .rec_info_sec dl {
    display: flex;
    justify-content: space-between;
  }
  .rec_info_sec dt {
    width: 22%;
    margin-bottom: 0;
  }
  .rec_info_sec dd {
    width: 75%;
  }
}/* 768 */


.r-flow{
  position: relative;
}
.r-flow li{
    display:block;
    padding:1em 0;
    line-height: 28px;
    /* margin-bottom:2em; */
    border-top:none;
    /* font-size: 1.2em; */
}
.r-flow li:after{
    position: absolute;
    margin-top: 2.3em;
    /* bottom: -2em; */
    left: 2em;
    font-family: fontAwesome;
    content: '〉';
    color: var(--color-black2);
    transform: rotate(90deg);
}
.r-flow li:last-child:after{content:none;}
.r-flow li span.num{
    line-height: 18px;
    width: 18px;
    display: inline-block;
    margin-right: 0.6em;
    color: #fff;
    background: var(--color-black);
    text-align: center;
    border-radius: 12px;
}
.r-flow li:first-child {
  padding-top: 0;
}
.tyui {
  line-height: 1.6;
  color: #ee0000;
}


/* RECRUIT BTUTTON BLOCK ========================*/
.recruit_btn_wrap{
  position: relative;
  z-index: 1;

  display: block;
  padding: 2em 0 2.4em;
  margin-bottom: 1.5em;
  /* border-top: solid 1px var(--c-baige);
  border-bottom: solid 1px var(--c-baige); */
  cursor: pointer;
  background-color: var(--c-black);
  border-radius: .2em;
  overflow: hidden;
}
.recruit_btn{
  position: relative;
  transition: color .3s;
  color: #fff;
}
.recruit_btn > span{
  display: block;
  text-align: center;
}
.recruit_btn .en{
  position: relative;
  width: fit-content;
  font-size: 3.6em;
  font-weight: 500;
  line-height: 1.2;
  padding: 0 1em 0 .3em;
  margin: auto;
}
.recruit_btn .ja{
  font-size: 1.1em;
  font-weight: 600;
}
.recruit_btn_wrap .arrow_circle{
  position: absolute;
  right: -.2em;
  top: .1em;
  bottom: 0;
  margin: auto;
  display: block;
  font-size: 1.6rem;
  background-color: transparent;
}

.recruit_btn_wrap::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  transition: .3s width;
}
/* .recruit_btn_wrap:hover::before{
  width: 100%;
} */
.recruit_btn_wrap:hover .recruit_btn{
  color: #fff;
}
.recruit_btn_wrap:hover .arrow_circle {
  background-color: #fff;
}
.recruit_btn_wrap:hover .arrow_circle::after {
  filter: none;
}

@media screen and (min-width: 769px){

}/* 768 */


/* RECRUIT footer
============================================================= */
.rec_footer{
  background-color: #faf8f5;
  color: var(--c-black);
  padding: 4em 0;
}
.rec_footer .rec_sec_ttl .ja {
  margin-top: .6em;
}
.foot_list{
  padding: .5em 0 1.5em;
}
.foot_list_box,
.foot_list_box[open] .foot_list_label{
  border-bottom: 1px solid var(--c-grey); 
}
.foot_list_label{
  position: relative;
  display: block;
  font-size: 1.4em;
  line-height: 1.3;
  padding: 1em 0;
  font-weight: 600;
  list-style: none;
}
.foot_list_label::-webkit-details-marker {
  display:none;
}
.plus_mark,
.plus_mark::before{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: .9em;
  height: 1.5px;
  background-color: var(--c-black3);
}
.plus_mark::before{
  content: "";
  transform: rotateZ(-90deg);
  transition: transform .5s;
}

.foot_list_box[open] .plus_mark::before{
  transform: rotateZ(0);
}
.foot_link_list{
  font-size: 1.1em;
  font-weight: 500;
  padding: 1em 0 1em 1em;
}
.foot_link_list li a {
  display: block;
  padding: .25em 0;
}
.column2 .foot_link_list{
  display: flex;
  flex-wrap: wrap;
}
.column2 li{
  width: 50%;
  padding-right: 1em;
}

@media (min-width:769px){
  .rec_footer .rec_sec_ttl{
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .foot_list {
    display: flex;
    gap: 3%;
    flex-wrap: wrap;
    padding: 2em 0 0;
  }
  .foot_list_box{
    font-size: .9em;
    padding: 1em 0;
  }
  .foot_list_box, .foot_list_box[open] .foot_list_label {
    border: none;
  }
  .foot_list_box:first-child{
    width: 100%;
  }
  .foot_list_box:nth-child(n+2){
    width: fit-content;
  }
  /* .foot_list_box summary{
    pointer-events: none;
  } */
  .foot_list_box .plus_mark{
    display: none;
  }
  .foot_link_list{
    display: block;
    font-size: .95em;
    flex-wrap: wrap;
    padding: .5em 0;
  }
  .foot_link_list li {
    width: fit-content;
    /* min-width: 13em; */
  }
  .foot_link_list li a {
    width: fit-content;
    /* padding-right: 1.5em; */
    opacity: .9;
  }
  .foot_list_label{
    padding: .5em 0 0;
  }

  /* .foot_copyright{
    text-align: right;
  } */
}/*  */



/*--- RECRUIT FORM ------------------------------------*/
.rec_form_page {
  background-color: #f6f6f6;
}

.rec_form_sec{
  padding: 1em .5em 5em;
}
.rec_stop_txt {
  font-size: 1.3em;
  padding: 3em 0;
  color: var(--c-black3);
}

.recruit-box {
  display: none;
}
#entryform.recruit-box {
  height: initial;
}
.form-gp {
  padding: 6em 0;
  background-color: #fff;
  box-shadow: 0 0 2em rgba(227, 227, 227, 0.4);
}
.form-gp-ttl{
  font-size: 2.5em;
  font-weight: 400;
  padding: .2em 0;
}
.form-ttl-sub {
  margin-left: 0;
  font-size: 1.3em;
  letter-spacing: 0.02em;
  padding: 0 0 1em;
}
.form-wrapper {
  padding: 0;
  font-size: 1.4em;
  width: 100%;
  box-sizing: border-box;
}
.form_box{
  padding: .7em 0;
}
.form-heading {
  font-size: .9em;
  padding: 0;
  font-weight: 600;
  border-left: none;
  border-right: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
  color: var(--c-black);
}
.required {
  font-size: 80%;
  font-weight: normal;
  padding: .4em.5em;
  margin-left: .75em;
  border-radius: 2px;
  background: none;
  color: #d12f23;
}
.form-body {
  padding: .5em 0;
}
.form-notice {
  padding-top: 1em;
  font-size: 80%;
}
.form-notice li {
  padding-left: 1em;
  position: relative;
}
.form-notice li:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '※';
  color: #d12f23;
}
.form-body select::-ms-expand {
  display: none;
}
.form-body select {
  border: 1px solid#ccc;
  padding: .75em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: 8;
  background: none;
}
.form-body .select {
  position: relative;
}
.form-body .select:after {
  position: absolute;
  top: 50%;
  right: 5.75%;
  transform: translate(-0%, -50%);
  font-family: fontAwesome;
  content: '\f107';
  z-index: 4;
  color: #333;
  display: block;
}
.form-body input, 
.form-body textarea {
  font-size: 1em;
  border: none;
  border-radius: 0;
  padding: 1em .75em;
  width: 100%;
  position: relative;
  z-index: 8;
  background: none;
  box-sizing: border-box;
  border: solid 1px var(--c-baige);
  background-color: #fff;
}
.cal {
  position: relative;
  margin-bottom: 1em;
}
.cal:after {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translate(-0%, -50%);
  font-family: fontAwesome;
  content: '\f073';
  z-index: 4;
  color: #333;
  display: block;
}

.submit_btn {
  display: block;
  width: 100%;
  font-size: 1.1em;
  font-weight: 600;
  padding: 1.1em 1.4em;
  margin: 2em auto;
  background-color: var(--c-black);
  color: var(--c-white);
  cursor: pointer;
  border: none;
}
.submit_btn.disabled {
  background-color: var(--c-grey3);
}

.formerror-box {
  padding: 0 1.75em 4em;
}
.formerror-box h2 {
  text-align: center;
  margin: 0 0.75em;
}
.formerror-box p {
  text-align: center;
  margin-bottom: 2em;
}
.error-list {
  padding-top: 2em;
}
.error-list li {
  text-align: center;
}
.form-operate {
  padding: 05%;
}
.form-operate input[type="submit"] {
  color: #0B536E;
  border: 1px solid
}
.form-operate li {
  text-align: center;
  color: #000;
  border: 1px solid;
  padding: 1em;
}
.form-operatea {
  color: #0B536E;
  border: 1px solid;
  padding: 1em 1.4em;
  margin: 2em auto 0;
  display: block;
  text-align: center;
}
.primary-btn {
  border: 1px solid #000;
  background: #000;
  color: #fff;
  margin-top: 2em;
}
.lead {
  font-size: 3.5vw;
  text-align: center;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.form-check {
  text-align: center;
}
.form-check .form-heading {
  justify-content: center;
}
.complete-box {
  padding: .2em 1.75em 5em;
}
.complete-box h2 {
  text-align: center;
  margin: 0 0.75em;
}
.complete-box p {
  margin-bottom: 2em;
}
.complete-box h3 {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
.corp-formh2 {
  text-align: center;
}
.corp-form.tel-box {
  padding: 0 1.75em 2em;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  border: 1px solid#ccc;
}
.corp-form.tel-boxp .tel {
  font-size: 6vw;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: .4em;
}
.corp-form.tel-boxp .tel span {
  font-size: 60%;
  display: block;
  font-weight: normal;
  letter-spacing: 1px;
}
.corp-form.tel-boxp .time {
  font-weight: bold;
  font-size: 3.5vw;
}
.corp-form.tel-boxp .time span {
  display: block;
  font-weight: normal;
}

.label-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
}
.label-wrapper label {
  padding: .15em 0;
  margin-right: 1em;
}
.label-wrapper._job label {
  font-size: .9em;
  width: 100%;
}
.label-wrapper input {
  width: fit-content;
  margin: 0 .4em 0 .1em;
  vertical-align: .1em;
}

.radio_btn_list{
  display: flex;
  flex-wrap: wrap;
  gap: .3em;
}
.radio_btn_list_box._disable ,
.radio_btn_list_box.js_disable {
  pointer-events: none;
  color: var(--c-grey);
}
.radio_btn_list_box._disable .radio_btn_label::before ,
.radio_btn_list_box.js_disable .radio_btn_label::before {
  border: none;
}

.radio_btn_list_box{
  width: 100%;
}
.radio_btn_list_box input{
  display: none;
}
.radio_btn_label{
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -.02em;
  padding: 1.1em 0 1.1em 3em;
  border: none;
  border-radius: .1em;
  background-color: #f5f5f5;
}
.radio_btn_label::before {
  content: '';
  position: absolute;
  margin: auto;
  display: block;
  width: 1.55em;
  height: 1.55em;
  top: 0;
  bottom: 0;
  left: .7em;
  border-radius: 50%;
  opacity: 1;
  border: 1px solid var(--c-black2);
  transform: none;
}
.radio_btn_label::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: .22em;
  left: 1em;
  margin: auto;
  display: block;
  width: 1.1em;
  height: 1.1em;
  background-color: var(--c-black);
  clip-path: polygon(100% 75%, 0 75%, 0 25%, 15% 25%, 15% 60%, 100% 60%);
  transform: rotateZ(-45deg);
  opacity: 0;
}

.radio_btn_list_box input[type="radio"]:checked  + label {
  font-weight: 600;
  color: #fff;
  background-color: #000;
}
.radio_btn_list_box input[type="radio"]:checked + label:before {
  background-color: #fff;
  border-color: currentcolor;
}
.radio_btn_list_box input[type="radio"]:checked + label:after {
  opacity: 1;
}

.hidden_sec{
  /* display: none; */
  padding: 0 !important;
  overflow: hidden;
  max-height: 0;
  opacity: 0;  
}
.hidden_sec.visible{
  /* display: block; */

  max-height: 600px;
  opacity: 1;
  padding: 1em 0 !important;

  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
}


@media (min-width: 769px) {

  .form-gp {
    padding: 6em 4em;
  }
  .form-wrapper {
    font-size: 1.5em;
  }
  .form_box {
    padding: 1em 0;
  }
  .form-gp-ttl {
    font-size: 3.5em;
    font-weight: 400;
    padding: .2em 0;
  }

  .label-wrapper._job label {
    font-size: .9em;
    width: 30%;
  }
  .label-wrapper._job label:nth-child(even) {
    width: 50%;
  }

  .radio_btn_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5em .5em;
  }
  .radio_btn_label {
    padding: 1.3em 0 1.3em 3em;
  }

}/* 769 end */



/* REC FEAT BLOCK
========================================= */
.sec_bloc.rec_feat_sec {
  background-color: #f2f1f0;
}
.rec_feat_ttl_wrap{
  display: flex;
  align-items: flex-end;
  padding: 1.5em 0;
}
.rec_feat_ttl_img{
  width: 11em;
}
.rec_feat_ttl_wrap .sec_ttl{
  padding: 0;
  margin-left: -.6em;
}

.rec_feat_list_box{
  position: relative;
  padding-top: 1.5em;
  margin: 0 0 3.5em;
}
.rec_feat_list_img{
  width: 100%;
  height: fit-content;
  aspect-ratio: 3 / 2;
  /* border-radius: .8em; */
  overflow: hidden;
  margin: 2em 0 2em;
  margin-left: -2em;
  /* background-color: #ccc; */
}
.access_page .rec_feat_list_img{
  margin: 3em 0 2em;
}
.rec_feat_list_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rec_feat_list_num{
  position: absolute;
  top: -1em;
  right: 0;
  mix-blend-mode: multiply;
}
.rec_feat_list_num .txt{
  font-size: 2.2em;
  font-weight: 500;
}
.rec_feat_list_num .num{
  font-size: 8em;
  /* font-weight: 600; */
  line-height: 1;
  vertical-align: -.01em;
  color: var(--c-baige);
}
/* .rec_feat_list_num .num2{
  writing-mode: vertical-lr;
  font-size: 1.4em;
  line-height: 1;
  vertical-align: 1.6em;
} */
.rec_feat_list_ttl{
  font-size: 2.2em;
  font-weight: 600;
  line-height: 1.6;
  padding: .3em 0;
  /* white-space: nowrap; */
}
.rec_feat_list_desc{
  font-size: 1.1em;
  line-height: 1.8;
  padding: .8em 0;
}
.rec_feat_list_desc p{
  padding: .3em 0;
}
.rec_feat_list_box:nth-child(even) .rec_feat_list_img {
  margin-left: 2em;
}
/* .rec_feat_list_box:nth-child(2) .rec_feat_list_num {
  left: 0;
  right: 0;
  margin: autos;
} */
.rec_feat_list_box:nth-child(2) .rec_feat_list_num ,
.rec_feat_list_box:nth-child(3) .rec_feat_list_num {
  left: 0;
}
.rec_feat_foot_block{
  padding: .3em 0;
  border-bottom: 1px solid var(--c-grey);
}
.rec_feat_foot_txt{
  display: flex;
  align-items: center;
  justify-content: end;
  gap: .5em;
  padding: 1em 0;
}
.rec_feat_foot_txt .en{
  font-size: 1.7em;
}

@media (min-width: 769px) {
  /* .sec_top_feat{
    padding-top: 0;
  } */
  /* .sec_top_feat .c_inner{
    width: 95%;
  } */
  .rec_feat_ttl_wrap{
    font-size: 1.2em;
  }
  .rec_feat_list_box{
    display: flex;
    justify-content: space-between;
    /* align-items: flex-end; */
    padding: 3em 0;
    margin-top: 0;
  }
  .rec_feat_list_box:nth-child(even) {
    flex-direction: row-reverse;
  }
  .rec_feat_list_box:last-child{
    margin-bottom: 0;
  }

  .rec_feat_list_img{
    width: 50%;
    margin: 0 !important;
  }
  .rec_feat_list_detail{
    width: 45%;
  }
  .rec_feat_list_num{
    position: static;
    font-size: .8em;
    margin-bottom: 1.2em;
  }
  .rec_feat_list_ttl {
    font-size: 2.3em;
  }
  .rec_feat_list_desc{
    padding-bottom: 0;
  }

  .access_page .rec_feat_list_box{
    padding: 0;
    align-items: flex-end;
    margin-top: -5em;
  }
  .access_page .rec_feat_list_img {
    width: 40%;
  }
  .access_page .rec_feat_list_detail {
    width: 58%;
}
}/* 769 */


/* Sweet Box - ABOUT WORKS
========================================= */
.rec_ttl{
  font-size: 1rem;
  padding: 1.5rem 0;
}
.rec_ttl .en {
  display: block;
  font-size: 4.2em;
  font-weight: 400;
  line-height: 1.1;
  margin-left: -.08em;
}
.rec_ttl .ja {
  display: block;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 0.5em;
  opacity: .8;
}

.youtube_box {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.youtube_box iframe {
  width: 100%;
  height: 100%;
}
.w100sp{
  width: calc( 100% + 4em );
  margin-left: -2em;
}

@media (min-width:769px){
  .w100sp{
    width: 100%;
    margin-left: inherit;
  }
  .rec_crepe_pc_flex{
    display: flex;
    justify-content: space-between;
  }
  .rec_crepe_pc_flex .rec_ttl{
    padding: .5rem 0;
}
  .rec_crepe_pc_flex_left{
    width: 25%;
  }
  .rec_crepe_pc_flex_right{
    width: 65%;
  }
}/*  */

/* WORK LIST ================= */
.rec_works_sec {
  background-color: #f5f3ee;
}
.work_list_block{
  padding: 2em 0;
}
.rec_sub_ttl {
  font-size: 1.9em;
  font-weight: 500;
  padding: .4em 0;
  white-space: nowrap;
}
.rec_works_intro{
  font-size: 1.3em;
  line-height: 1.8;
  padding: 1em 0;
}
.rec_works_intro p {
  padding: .3em 0;
}

.rec_works_list{
  padding: 2em 0;
}
.rec_works_list_box{
  padding: 2em 0;
  border-top: 1px solid var(--c-grey3);
}
.rec_works_detail{
  display: flex;
  justify-content: space-between;
  padding: .8em 0 1.6em;
}
.rec_works_img{
  width: 100%;
  margin: .8em 0 .8em auto;
  aspect-ratio: 3/2;
}
.rec_works_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rec_works_num{
  display: block;
  width: fit-content;
  font-size: 2.2em;
}
.rec_works_num .txt{
  display: block;
  font-size: 0.45em;
  line-height: 1;
}
.rec_works_txt_wrap{
  width: 85%;
}
.rec_works_ttl{
  font-size: 3.2em;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-bottom: .4em;
}
.rec_works_desc{
  font-size: 1.1em;
  line-height: 1.8;
  padding: .3rem 0;
}
.works_master_box{
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: var(--c-baige2);
  margin-top: 1.5em;
}
.works_master_head{
  position: relative;
  top : -.8rem;
  display: block;
  width: 100%;
  white-space: nowrap;
  font-size: 1.2em;
  color: var(--c-baige2);
  overflow: hidden;
}
.works_master_head .txt{
  position: relative;
  display: block;
  width: fit-content;
  color: var(--c-baige2);
  padding: 0 .5em 0 .9em;
}
.works_master_head .txt::before,
.works_master_head .txt::after{
  content: "";
  position: absolute;
  top: .8rem;
  display: inline-block;
  height: 1px;
  background-color: currentColor;
  vertical-align: top;
}
.works_master_head .txt::before{
  width: .5em;
  left: 0;
}
.works_master_head .txt::after{
  width: 200%;
  left: 100%;
}
.works_master_txt{
  font-size: 1.08em;
  line-height: 1.7;
  padding: 0 1em .9em;
  margin-top: -.3em;
}

@media (min-width:769px){
  .work_video_block {
    margin: 3em 0 0;
  }
  .rec_works_list_box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3em 0;
  }
  .rec_works_detail{
    width: 53%;
  }
  .rec_works_desc{
    padding-bottom: 1em;
  }
  .rec_works_img{
    width: 42%;
    aspect-ratio: 5 / 4;
  }
  .rec_works_num {
    font-size: 2.1em;
  }
  .rec_works_txt_wrap {
    width: 82%;
  }
}/*  */


/* Sweet Box - work_step_block 
================================================*/
.work_step_block{
  margin: 2em 0;
}
.rec_works_list_box:last-child{
  border-bottom: 1px solid var(--c-grey3);
}

.fix_posi {
  position: relative;
  margin: 1.2em 0 1em;
}
.fix_posi::before {
  position: absolute;
  top: -1em;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: .8em;
  height: .8em;
  border-bottom: 1px solid;
  border-left: 1px solid;
  transform: rotateZ(-45deg);
}
@media (min-width:769px){
  .work_step_block {
    margin: 4em 0 2em;
  }
  .work_step_block .rec_works_list {
    padding: 1em 0;
  }
  .work_step_block .rec_works_intro {
    padding: 0 0 2em;
  }
}/*  */


/* BOXING - ABOUT WORKS
========================================= */
[data-brand="noaboxing"] .rec_info_wrap{
  background-color: #000;
}
.boxing_bg {
  background-color: #000;
  /* color: var(--c-white); */
  /* margin-bottom: 2em; */
}
/* .boxing_bg .rec_sec_ttl .ja {
  color: var(--c-baige);
} */

.bg_grey{
  background-color: #e2e3e6;
}
.bg_baige{
  background-color: #faf8f5;
}
.rec_desc {
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.7;
  padding: .5em 0;
}
.rec_work_list{
  padding: 2em 0;
}
.work_yt_box {
  margin-top: 2.5em ;
  margin-bottom: 2.5em ;
}
.rec_work_list_box{
  padding: 2em 0;
}
.rec_work_list_num{
  position: relative;
  display: block;
  font-size: 1.5em;
  font-weight: 500;
  color: var(--c-baige2);
  margin-bottom: .4em;
}
/* .rec_work_list_num::after{
  content: "";
  position:absolute;
  top: .2em;
  bottom: 0;
  right: 0;
  margin: auto;
  display: block;
  width: calc(100% - 4em);
  height: 1px;
  background-color: currentColor;
} */
.rec_work_list_inner{
  border-top: 1px solid var(--c-baige2);
  padding-left: 1.5em;
}
.rec_work_list_ttl{
  font-size: 1em;
  padding: 1.6em 0 1.4em;
}
.rec_work_list_ttl span{
  display: block;
  font-size: 1em;
}
.rec_work_list_ttl .en{
  font-size: 3.8em;
}
.rec_work_list_img{
  margin: 1em 0;
}
@media (min-width:769px){
  .rec_desc {
    font-size: 1.6em;
    padding: .7em 0;
  }
  .rec_work_list {
    padding: 4em 0 2em;
  }
  .work_pc_flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 2em 0 1em;
  }
  .work_yt_box {
    width: 64%;
    margin: 1em 0 0;
  }
  .work_pc_flex .rec_sec_desc{
    width: 30%;
    padding-top: 0;
  }

  .rec_work_list_box{
    display: flex;
    justify-content: space-between;

  }
  .rec_work_list_ttl {
    padding: 2.3em 0 ;
  }
  .rec_work_list_num{
    width: 15%;
    font-size: 1.8em;
    margin-top: -.75em;
  }
  .rec_work_list_inner{
    width: 85%;
  }
  .rec_work_list_pc_flex{
    display: flex;
    justify-content: space-between;
  }
  .rec_work_list_detail_box{
    width: 50%;
  }
  .rec_work_list_detail_box .rec_desc{
    padding-top: 0;
  }
  .rec_work_list_img{
    width: 47%;
    margin: 0;
  }
}/*  */


/* les_key_block ==================== */
.les_key_block{
  padding: 1.5em 1.8em 1.3em;
  border: 1px solid var(--c-baige2);
  margin-top: 4em;
}

.les_key_block_ttl{
  font-size: 1em;
  margin: 1.2em 0 2em;
}
.les_key_block_ttl span{
  display: block;
}
.les_key_block_ttl .en{
  font-size: 1.1em;
  margin-bottom: 0.5em;
  color: var(--c-baige2);
}
.les_key_block_ttl .ja{
  font-size: 1.8em;
  letter-spacing: 0.02em;
}

.les_key_list_box{
  display: flex;
  justify-content: space-between;
  padding: .8em 0;
}
.les_key_img_wrap{
  width: 25%;
}
.les_key_detail_wrap{
  width: 70%;
}
.les_key_list_ttl{
  font-size: 1em;
  line-height: 1;
  color: var(--c-baige2);
  margin-bottom: 0.2em;
}
.les_key_list_ttl .en{
  font-size: 2.2em;
  font-weight: 600;
}
.les_key_list_ttl .ja{
  display: block;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1;
  margin-top: 0.3em;
  margin-left: 0.2em;
}
.les_key_list_desc {
  padding: .7em 0;
  margin-bottom: .3em;
}

@media (min-width:769px){
  .les_key_block {
    padding: 1.2em 1.5em 1.3em;
  }
  .les_key_block_ttl{
    text-align: center;
  }
  .les_key_list {
    display: flex;
    justify-content: space-between;
  }
  .les_key_list_box {
    width: 32%;
  }
  .les_key_img_wrap {
    width: 24%;
  }
  .les_key_detail_wrap {
    width: 73%;
  }
}/*  */


/* HOW TO DEBUT ============================ */
.rec_debut_sec {
  padding: 4em 0;
  background-color: #f6f6f6;
}
.debut_step_pc_flex{
  padding: 3em 0 0;
}
.debut_step_list{
  padding: .5em 0 0;
}
.debut_step_list_box{
  position: relative;
  padding: 1.5em 1em 2em ;
}
.debut_step_list_box:first-child{
  border-top: 1px solid var(--c-baige2)  ;
}
.debut_step_list_box:not(:last-child){
  border-bottom: 1px solid var(--c-baige2)  ;
  margin-bottom: 1.2em;
}
.debut_step_list_box:not(:last-child)::after{
  position: absolute;
  top: calc(100% - 1.45em);
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 3em;
  height: 3em;
  border-bottom: 1px solid var(--c-baige2);
  border-right: 1px solid var(--c-baige2);
  transform: rotateZ(45deg) ;
}

.debut_step_list_num{
  position: relative;
  display: block;
  font-size: 1.5em;
  font-weight: 600;
  color: var(--c-baige2);
  margin-bottom: .4em;
}
.debut_step_list_ttl{
  font-size: 1em;
  padding: .5em 0;

  display: flex;
  align-items: center;
  gap: 1.4em;
}
.debut_step_list_ttl span{
  display: block;
  font-size: 1em;
}
.debut_step_list_ttl .step_wrap {
  font-family: var(--font-en);
  font-size: 1.2em;
  margin-bottom: .2em;
  color: var(--c-baige2);
}
.step_wrap .num{
  font-size: 1.65em;
  line-height: 1;
}
.debut_step_list_ttl .en{
  font-size: 3.6em;
}
.debut_step_list_img{
  margin: 1em 0;
}
.debut_step_txt {
  font-size: 1.05em;
  font-weight: 400;
  line-height: 1.7;
  padding: .5em 0;
}
.debut_step_txt p {
  padding: .3em 0;
}

@media (min-width:769px){
  .rec_debut_sec {
    padding: 5em 0;
  }
  .boxing_contents_wrap .rec_sec_sub ,
  .rec_debut_sec .rec_sec_sub {
    padding: .5em 0;
  }
  .debut_step_pc_flex{
    display: flex;
    justify-content: space-between;
  }
  .debut_step_list_num {
    width: 15%;
    font-size: 1.8em;
    margin-top: -.75em;
  }
  .debut_step_wrap {
    width: 85%;
  }
  .debut_step_pc_flex {
    padding: 5em 0 1.5em;
  }
  .debut_step_list_ttl {
    font-size: 1.1em;
  }
  .debut_step_list_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5em 0 1.5em 1.5em;
  }
  .debut_step_list_detail_box{
    width: 48%;
    margin-bottom: .5em;
  }
  .debut_step_list_img{
    width: 44%;
  }
}/*  */


/* AFTER DEBUT ==================== */
.after_debut_block{
  padding: 1.5em 1.8em 1.3em;
  border: 1px solid var(--c-baige2);
  margin-top: 2em;
}
.after_debut_block .debut_step_list_ttl{
  color: var(--c-baige2);
}
.after_debut_block .rec_desc{
  font-size: 1.4em;
}
.after_debut_img {
  width: 10em;
  margin: 1.7em auto;
}

@media (min-width:769px){
  .after_debut_block {
    padding: 1.5em 3em 2em;
  }
  .after_debut_block .rec_desc {
    font-size: 1.6em;
    padding: .7em 0;
  }
  .after_debut_img {
    width: 18%;
    margin: auto auto auto 2em;
  }
  .after_debut_block .debut_step_txt{
    width: 74%;
  }
  .after_debut_pc_flex{
    display: flex;
    justify-content: space-between;
  }
}/*  */


.rec_interview_pc_flex {
  padding: 1em 0;
}
.rec_interview_pc_flex  .youtube_box {
  width: 100%;
  aspect-ratio: 16/9;
  margin: 1em 0 4em;
}
@media (min-width: 769px) {
  .rec_interview_pc_flex {
    display: flex;
    justify-content: space-between;
    padding: 4em 0 2em;
  }
  .rec_interview_pc_flex  .youtube_box {
    width: 64%;
    margin: 0 0 4em;
  }
}/*  */



/* TAB BLOCK ===================== */
.rec_tab_block{
  padding: 1.5em 0 0;
}
.cource_block{
  padding: 3em 0 0;
}
.info_tab_input {
  display: none;
}
.cource_tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0; 
  justify-content: space-between;
  padding: 0;
}
.info_tab_label{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.02em;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  padding: 1.1em 0 1em;
  cursor: pointer;
  color: var(--c-grey);
}
.info_tab_label::before{
  bottom: 0;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: .1em;
  /* background-color: currentColor;
  opacity: 0; */
  background-color: var(--c-grey);
}
.info_tab_contents_wrap{
  background-color: #fff;
  padding: 2em 0;
}
.info_tab_contents{
  display: none;
}

#tab_b:checked ~ .cource_tab [for="tab_b"],
#tab_a:checked ~ .cource_tab [for="tab_a"],
#tab_c:checked ~ .cource_tab [for="tab_c"]{
  background-color: var(--c-baige2);
  color: var(--c-white);
}
#tab_b:checked ~ .cource_tab [for="tab_b"].info_tab_label::before,
#tab_a:checked ~ .cource_tab [for="tab_a"].info_tab_label::before,
#tab_c:checked ~ .cource_tab [for="tab_c"].info_tab_label::before{
  background-color: var(--c-baige2);
  opacity: 1;
}
#tab_b:checked ~ .tab_contents_wrap #tab_b_contents,
#tab_a:checked ~ .tab_contents_wrap #tab_a_contents,
#tab_c:checked ~ .tab_contents_wrap #tab_c_contents{
  display: block;
}
.tab_contents_wrap{
  padding: 3em 0 0;
}
.info_tab_ttl {
  font-size: 1.4em;
  margin: .3em 0;
}

/* jobfair carrer form */
.bosyu_yoko_wrap{
  border-top: solid 1px var(--c-baige);
  border-bottom: solid 1px var(--c-baige);
  text-align: center;
  padding: 3em 0;
  margin-bottom: 3em;
}
.bosyu_yoko_wrap_inner{
  max-width: 40em;
  margin: auto;
}
.bosyu_yoko_desc {
  width: fit-content;
  font-size: 1.05em;
  text-align: left;
  margin: 1em auto ;
}


@media (min-width:769px){
  /* .tab_contents_wrap {
    padding: 4em 0 0;
  } */
  .cource_tab {
    /* max-width: 40em; */
    margin: 1em auto;
  }
  .info_tab_ttl {
    font-size: 1.7em;
  }
}/*  */


/*---------- VOAT WORKS----------*/
.voat_rec_sec_ttl {
  font-size: 3.5em;
  font-weight: 600;
  padding-bottom: 1em;
}
.voat_rec_sec_ttl span {
  display: block;
  font-size: .4em;
  font-weight: 700;
  color: #2993CA;
  margin-top: .2em;
}

.voat_rec_works_ttl_box {
  text-align: center;
  padding: 1em 0;
  border-bottom: #2993CA 1px solid;
}
.voat_rec_works_ttl {
  color: #2993CA;
  font-size: 1.5em;
}
.voat_rec_works_ttl_icon {
  width: 2em;
}
.voat_rec_works_ph {
  padding: 2em 0;
}
.voat_rec_works_txt {
  font-size: 1.4em;
  padding: 0 0 .5em 1.5em;
  position: relative;
  border-bottom: #2993CA 1px dotted;
}
.voat_rec_works_txt::before {
  content: "";
  border-right: 0 solid transparent;
  border-bottom: 1em solid #2993CA;
  border-left: 1em solid transparent;
  position: absolute;
  left: 0em;
  top: .25em;
}
.voat_rec_works_subtxt {
  padding: .75em 0 2em;
  font-size: 1em;
  line-height: 1.6;
  /* font-weight: 100; */
}
.voat_rec_works_subtxt span {
  display: block;
}

@media screen and (min-width: 769px) {

  /*----------WORKS----------*/
  .voat_rec_sec_staff h2 {
    padding: 0 0 .5em;
  }
  .voat_rec_sec_ttl {
    font-size: 5em;
  }
  .voat_rec_sec_ttl span{
    font-size: .35em;
  }
  .voat_rec_works_bloc {
    display: flex;
    justify-content: space-between;
    padding: 3em 0 0;
  }
  .voat_rec_works_box {
    width: 46%;
  }
  .voat_rec_works_txt {
    font-size: 1.6em;
  }
  .voat_rec_works_subtxt {
    font-size: 1.2em;
    line-height: 1.75;
    min-height: 11em;
  }
  .voat_rec_works_ttl {
    font-size: 2.2em;
  }
  .voat_rec_works_ttl_icon {
    width: 1.5em;
  }

}/*  */



/* ================================== 
VOAT INSTRUCTOR
================================== */

/* VOICE TRAINNER PROFILE ==================== */
.vt_profile_ttl{
  font-size: 1.6em;
  margin-bottom: .5em;
}
.vt_profile_ttl.before_point::before {
  background-color: var(--c-blue);
}
.vt_profile_desc{
  font-size: 1.2em;
  line-height: 1.9;
  padding: 1em 0;
}
.vt_profile_desc p{
  padding: .2em 0;
}

.vt_profile_pc_flex {
  margin-bottom: 1.5em;
}
.vt_profile_list li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .8em;
  background-color: #f6f6f6;
  margin: 1em 0;
}
.vt_profile_list_num{
  display: block;
  width: 5.6rem;
  font-size: 2em;
  line-height: 2.8;
  font-weight: 300;
  text-align: center;
  aspect-ratio: 1/1;
  background-color: var(--c-blue);
  color: #fff;
  border-radius: .2em;
}
.vt_profile_list_txt{
  width: calc(100% - 6.5rem);
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.6;
}

.vt_profile_link_block{
  padding: 3em 2em;
  background-color: #f6f6f6;
  text-align: center;
  border-radius: .5em;
}
.vt_border{
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--c-grey3);
  margin: 2.5em 0;
}
.vt_profile_link_ttl {
  font-size: 1.3em;
  margin-bottom: 1em;
}
.vt_profile_link_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 1.2em 0;

  background-color: var(--c-blue);
  color: #fff;
}
.vt_profile_link_btn .txt{
  position: relative;
  display: block;
  padding-left: 1.3em;
  transition: transform .5s;
}
.vt_profile_link_btn .txt::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: .9em;
  height: .9em;
  background-image: url(/imgs/icon_arrow_right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  filter: var(--filter-w);
}
.vt_profile_link_btn:hover .txt{
  transform: translateX(.5em);
}
.vt_profile_img {
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 2em 0;
}

@media (min-width: 769px) {

  .vt_profile_pc_flex{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5em;
  }
  .flex_left_box{
    width: 46%;
  }
  .flex_right_box{
    width: 48%;
  }
  .vt_profile_list:first-child{
    margin-bottom: 0;
  }
  /* .vt_profile_list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
  }
  .vt_profile_list li {
    width: 32%;
  } */
  .vt_profile_img {
    aspect-ratio: 4/3;
  }
  .vt_profile_list_txt {
    width: calc(100% - 7rem);
    font-size: 1.3em;
  }
  .vt_profile_pc_flex + .sec_desc{
    font-size: 1.6em;
  }

  .vt_profile_link_block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3em 3em;
  }
  .vt_profile_link_box{
    width: 45%;
  }
  .vt_border{
    width: 1px;
    height: 10em;
    margin: 0;
  }
}/*  */


/* les_key_block ==================== */
.vt_les_key_block {
  padding: 1.5em 1.8em 1.3em;
  margin-top: 2em;
  /* border: 1px solid var(--c-blue); */
  border: 1px solid var(--color-grey2);
  background-color: #fff;
}
.vt_les_key_block_ttl{
  font-size: 1em;
  margin: 1.2em 0 2em;
}
.vt_les_key_block_ttl span{
  display: block;
}
.vt_les_key_block_ttl .en{
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0.5em;
  color: var(--c-blue);
}
.vt_les_key_block_ttl .ja{
  font-size: 1.7em;
  letter-spacing: 0.02em;
}
.vt_les_key_list_box{
  padding: 1.8em 0 1em;
  border-bottom: 1px solid var(--c-grey3);
}
.vt_les_key_list_box:first-child{
  border-top: 1px solid var(--c-grey3);
}
.vt_les_key_list_box_inner{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: .2em 0;
}
.vt_les_key_img_wrap{
  width: 25%;
}
.vt_les_key_detail_wrap{
  width: 70%;
}
.vt_les_key_list_ttl{
  font-size: 1em;
  color: var(--c-blue);
  margin-bottom: 0.2em;
}
.vt_les_key_list_ttl .en{
  display: block;
  font-size: 1.9em;
  font-weight: 500;
  line-height: 1;
}
.vt_les_key_list_ttl .ja{
  display: inline-block;
  font-size: 1.1em;
  font-weight: 500;
  margin-top: 0.2em;
  color: var(--c-navy);
}
.vt_les_key_list_desc {
  padding: .7em 0;
  margin-bottom: .3em;
  line-height: 1.6;
}
.vt_les_foot_desc {
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.7;
  padding: 1.5em 0 1em;
}
@media (min-width:769px){
  .vt_les_key_block {
    padding: 1.2em 2.5em 1.3em;
  }
  .vt_les_key_block_ttl{
    font-size: 1.1em;
    text-align: center;
  }
  .vt_les_key_list {
    display: flex;
    justify-content: space-between;
  }
  .vt_les_key_list_box {
    position: relative;
    width: 30%;
    border: none;
    padding: 1.2em 0 0;
  }
  .vt_les_key_list_box:first-child {
    border: none;
  }
  .vt_les_key_list_box:not(:last-child)::before{
    content: "";
    position: absolute;
    top: .5em;
    right: -8%;
    display: block;
    width: 1px;
    height: 92%;
    background-color: var(--c-grey3);
  }
  
  .vt_les_key_img_wrap {
    width: 24%;
  }
  .vt_les_key_detail_wrap {
    width: 73%;
  }
  .vt_les_foot_desc {
    font-size: 1.25em;
  }
}/*  */


/* HOW TO DEBUT ============================ */
.rec_debut_sec {
  padding: 4em 0;
  background-color: #f6f6f6;
}
.vt_debut_step_pc_flex{
  padding: 2em 0 0;
}

.vt_debut_step_img{
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0 0 3em;
}
.vt_debut_step_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vt_debut_step_list{
  padding: .5em 0 0;
}
.vt_debut_step_list_box{
  position: relative;
  padding: 2em 1em ;
}
.vt_debut_step_list_box:first-child{
  border-top: 1px solid var(--c-grey3)  ;
}
.vt_debut_step_list_box:not(:last-child){
  border-bottom: 1px solid var(--c-grey3)  ;
  margin-bottom: 1.2em;
}
.vt_debut_step_list_box:not(:last-child)::after{
  position: absolute;
  top: calc(100% - 1.45em);
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 3em;
  height: 3em;
  border-bottom: 1px solid var(--c-grey3);
  border-right: 1px solid var(--c-grey3);
  transform: rotateZ(45deg) ;
}

.vt_debut_step_list_num{
  position: relative;
  display: block;
  font-size: 1.5em;
  font-weight: 500;
  color: var(--c-gold);
  margin-bottom: .4em;
}
.vt_debut_step_list_ttl{
  font-size: 1em;
  padding: .7em 0;
}
.vt_debut_step_list_ttl .step_wrap {
  font-family: var(--font-en);
  font-size: 1.2em;
  margin-bottom: .2em;
  color: var(--c-blue);
}
.step_wrap {
  font-family: var(--font-en);
  font-size: 1.2em;
  color: var(--c-blue);
  margin-left: -1rem;
}
.step_wrap .txt {
  vertical-align: .18em;
}
.step_wrap .num{
  font-size: 1.65em;
  line-height: 1;
}
.vt_debut_step_list_ttl .en{
  display: block;
  font-size: 2.2em;
  font-weight: 400;
  margin: .1em 0;
  color: var(--c-blue);
}
.vt_debut_step_list_ttl .ja{
  display: block;
  font-size: 1.2em;
}
.vt_debut_step_list_img{
  margin: 1em 0;
}
.vt_debut_step_txt {
  font-size: 1.05em;
  font-weight: 400;
  line-height: 1.7;
  padding: .5em 0;
}
.vt_debut_step_txt p {
  padding: .3em 0;
}

@media (min-width:769px){
  .rec_debut_sec {
    padding: 5em 0;
  }
  .vt_debut_step_pc_flex{
    display: flex;
    justify-content: space-between;
  }
  /* .vt_debut_step_img{
    height: 100vh;
    aspect-ratio: initial;
    max-height: 59em;
  } */
  .vt_debut_step_list_num {
    /* width: 15%; */
    font-size: 1.8em;
    /* margin-top: -.75em; */
  }
  .vt_debut_step_img_wrap{
    position: sticky;
    top: 8em;
    width: 47%;
    height: fit-content;
  }
  .vt_debut_step_wrap {
    width: 48%;
  }
  .vt_debut_step_pc_flex {
    padding: 5em 0 1.5em;
  }
  .vt_debut_step_list_ttl {
    font-size: 1.1em;
  }
  .vt_debut_step_list_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.8em 1.5em;
  }
  .vt_debut_step_list_detail_box{
    width: 100%;
    margin-bottom: .5em;
  }
  .vt_debut_step_list_img{
    width: 44%;
  }
  .vt_debut_step_txt {
    font-size: 1.1em;
  }
}/*  */


/* LOAD ANIMATION====================== */
.loader.loaded {
  display: flex;
  transition: opacity .25s linear;
  opacity: .8;
}

.loader {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  display: none;
  flex: 0 1 auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%;
  height: 150px;
  align-items: center;
  justify-content: center; 
}

/**
  * Lines
  */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div {
  background-color: #999;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
}
/* /LOAD ANIMATION ====================== */