@charset "UTF-8";

.recruit_page .mv_gnav_side {
  display: none;
}
.recruit_bg{
  background-color: var(--c-black); 
  color: var(--c-white); 
  margin-bottom: 5em;
}
.rec_entry_btn {
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: .03em;
  padding: .6em 1.2em;
  background: var(--c-black2);
  color: var(--c-gold-d);
  opacity: .95;
  cursor: pointer;
}

/* RECRUIT MV ============================= */
/* .dot_over {
  background-image: url(../img/recruit/line-bg2.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  background-repeat: repeat;
  opacity: 0.25;
} */
.dot_over::before{
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .25;
  /* background: var(--c-black2); */
  background-image: url(/assets_online/img/recruit/line-bg2.png);
  color: var(--c-gold-d);
}

.mv_recruit_ttl_box{
  position: absolute;
  top: 1em;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 5;
  display: block;
  width: 85%;
  height: fit-content;
  text-align: center;
}
.rec_mv_ttl{
  font-size: 8em;
  font-weight: 700;
  line-height: 1.1;
}
.rec_mv_copy {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .02em;
  margin: 1.3em 0 .8em;
}
.rec_mv_h1_wrap{
  padding: .8em 0;
}
.rec_mv_h1_wrap h1{
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--c-gold);
}
.rec_mv_h1_wrap p {
  display: block;
  width: fit-content;
  font-size: 1.1em;
  text-align: center;
  padding: .6em 1.2em;
  margin: 3em auto 0;
  border: 2px solid #d9d9d9;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
}
/* .mainabi_recruit_btn_wrap {
  padding: 10% 3.2em 1%;
} */

/* SCROLL ARROW  */
.scr_arr {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: fit-content;
  font-size: .9em;
  font-weight: 400;
  letter-spacing: .1em;
  padding-bottom: 1.3em;
  margin-bottom: 2.5em;
  color: var(--c-gold);
}
.scr_arr span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

  display: block;
  width: 1.4em;
  height: 1.4em;
  animation: sdb04 2.5s infinite;

  /* background-color: #fff; */
}
.scr_arr span::before,.scr_arr span::after{
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: currentColor;
}
.scr_arr span::before{
  left: 50%;
  transform: rotateZ(-30deg);
  transform-origin:  left bottom;
}
.scr_arr span::after{
  right: 50%;
  transform: rotateZ(30deg);
  transform-origin: right bottom;
}

@keyframes sdb04{
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0 , .3em);
  }
  20% {
    transform: translate(0 , -.1em);
  }
  25% {
    transform: translate(0, 0);
  }
}


/* INTRO ============================ */
.intro_txt {
  font-size: 1.3em;
  line-height: 2.1;
  padding: 2em 0;
  color: var(--c-white);
}
.intro_txt ._ttl {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.9;
  padding: 1em 0;
}
.intro_txt p {
  padding: .5em 0;
}


/* ABOUT ==================== */
.sec_bloc.rec_intro_sec {
  margin-bottom: 3em;
}
.rec_intro_ttl {
  font-size: 1em;
  font-weight: 600;
  padding: 1.2em 0;
  color: var(--c-gold);
}
.rec_intro_ttl .ja {
  display: block;
  font-size: 1.8em;
  letter-spacing: .02em;
  line-height: 1.7;
}
.rec_intro_txt_wrap{
  padding-left: 1em;
}
.rec_intro_desc {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 2.2;
  padding: 1em 0;
}
.rec_intro_desc p {
  padding: .3em 0;
}
.rec_intro_img_wrap {
  margin-top: 3em;
}
.rec_intro_img._01 {
  position: relative;
  width: 86%;
  margin-left: auto;
  margin-right: var(--inn-wm);
}
.rec_intro_img._03 {
  width: 50%;
  margin-left: 3%;
  margin-top: -1em;
}
@media (min-width: 769px) {
  .rec_intro_pc_flex {
    display: flex;
    justify-content: center;
  }
  .rec_intro_txt_wrap {
    width: 44%;
  }
  .rec_intro_img_wrap {
    width: 46%;
    margin: 1em 0 0 ;
  }
  .rec_intro_img._01 {
    width: 80%;
  }
  .rec_intro_img._03 {
    width: 60%;
    margin-left: 5%;
    margin-top: -2em;
  }
}/*  */


/* ABOUT WORK ============================ */
.rec_work_list{
  padding: 2em 0;
}
.work_yt_box.yt_box{
  width: calc(100% + 4em) ;
  margin: 2.5em 0 2.5em -2em ;
}

.rec_work_list_box{
  padding: 2em 0;
}
.rec_work_list_num{
  position: relative;
  display: block;
  font-size: 1.5em;
  color: var(--c-gold-d);
  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-gold-d);
  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_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.yt_box {
    width: 64%;
    margin: 1em 0 0;
  }
  .work_pc_flex .rec_txt{
    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: 45%;
  }
  .rec_work_list_detail_box .rec_desc{
    padding-top: 0;
  }
  .rec_work_list_img{
    width: 49%;
    margin: 0;
  }
}/*  */


/* les_key_block ==================== */
.les_key_block{
  padding: 1.5em 1.8em 1.3em;
  border: 1px solid var(--c-gold-d);
  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;
  font-weight: 400;
  margin-bottom: 0.5em;
  color: var(--c-gold-d);
}
.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-gold-d);
  margin-bottom: 0.2em;
}
.les_key_list_ttl .en{
  font-size: 2.2em;
  font-weight: 600;
}
.les_key_list_ttl .ja{
  display: inline-block;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1;
  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;
}
.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-gold-d)  ;
}
.debut_step_list_box:not(:last-child){
  border-bottom: 1px solid var(--c-gold-d)  ;
  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-gold-d);
  border-right: 1px solid var(--c-gold-d);
  transform: rotateZ(45deg) ;
}

.debut_step_list_num{
  position: relative;
  display: block;
  font-size: 1.5em;
  color: var(--c-gold-d);
  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-gold-d);
}
.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;
  }
  .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-gold-d);
  margin-top: 2em;
}
.after_debut_block .debut_step_list_ttl{
  color: var(--c-gold-d);
}
.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;
  }
}/*  */



/* CHARM ============================ */
/* .recruit_good_ttl {
  font-size: 1.7em;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: .5em;
}
.recruit_good_list li {
  position: relative;
  line-height: 1.5;
  padding: 2em 0 ;
  margin-bottom: 1em;
}
.recruit_good_list h3 {
  position: relative;
  font-size: 1.7em;
  line-height: 1.5;
  font-weight: 500;
  padding: 1.1em 0 1.1em 1.6em;
  color: var(--c-gold);
}
.recruit_good_list p {
  font-size: 1.05em;
  line-height: 1.9;
  padding: .5em 0 2em;
}
.recruit_good_list .good_number {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 5.5em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  line-height: .9;
  color: #ccc;
  opacity: .3;
}
@media (min-width:769px){
  .recruit_good_ttl {
    font-size: 1.9em;
  }
  .recruit_good_list{
    display: flex;
    justify-content: space-between;
  }
  .recruit_good_list li{
    width: 29%;
  }
} */



/* STAFF VOICE ============================ */
#rec_inter_list{
  opacity: 0;
  height: 0;
  transition: opacity .5s linear;
}
#rec_inter_list.slick-initialized{
  height: inherit;
  opacity: 1;
}
.rec_desc {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.7;
  padding: .5em 0;
}
.rec_txt{
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.7;
  padding: .5em 0;
}
.rec_txt p{
  padding: .3em 0;
}
.rec_interview_pc_flex{
  padding: 1em 0;
}
.rec_interview_yt_box{
  width: 100%;
}
.yt_box,
.rec_interview_yt_box{
  width: 100%;
  aspect-ratio: 16/9;
  margin: 1em 0 4em;
}
.yt_box iframe,
.rec_interview_yt_box iframe{
  width: 100%;
  height: 100%;
}
.interview{
  display: block;
  padding: 1em 0;
}
.interview_img{
  overflow: hidden;
}
.interview img{
  transition: transform .3s;
  transition-duration: 0.3s;	
}
.interview_gp img:hover{
  transform: scale(1.1);
  transition-duration: 0.5s;
  color: #fff!important;
}

.interview_gp {
  padding: 0 0 2rem;
}
.interview {
  width: 100%;
}
.interview:hover .inter_txt{
  background: #222;
  color: #ffa624!important;
}
.inter_txt,.suuji {
  font-family: 'Barlow Semi Condensed', sans-serif;
}
.inter_txt:hover{
	color: #ffa624!important;
}
.inter_txt {
  overflow: hidden;
  background-color: #222;
  background: linear-gradient(-15deg, rgb(70 70 70) 0%, rgb(35 35 35) 100%);
  width: 100%;
  font-size: 1em;
  padding: 1.2em 1em;
  color: #fff;
}
.inter_txt .en{
  font-size: .8em;
  line-height: 1.8;
}
.inter_txt_copy{
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: .15em;
}
.inter_txt_job{
  font-size: 1em;
  color: #ccc;
}

.interview_img{
  position: relative;
}
.interview_img::after{
  /* content: ""; */
  position: absolute;
  top: 1em;
  left: 1em;
  display: block;
  width: 5em;
  height: 4em;
  background-image: url("/assets_online/img/common/boxingnoa-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.interview_img._right::after{
  left: inherit;
  right: 1em;
}

.rec_interview_sec .slick_num.en {
  padding: 0 1.5em;
  text-align: right;
}
.rec_interview_sec .inst.slick-next, 
.rec_interview_sec .inst.slick-prev {
  top: 39%;
}

@media (min-width:769px){
  .rec_interview_pc_flex {
    display: flex;
    justify-content: space-between;
  }
  .rec_desc {
    font-size: 2em;
  }
  .rec_interview_yt_box {
    width: 64%;
    margin: 0 0 4em;
  }

  .interview_gp {
    width: 64%;
    margin-left: auto;
  }
  .interview {
    padding: .5em;
  }
  .rec_interview_sec .slick_num.en {
    padding: 1em 0;
  }
  .inter_txt {
    padding: 1.4em 1.5em;
  }
  /* .inter_txt_style{
    display: block;
  } */
}/*  */


/* RECRUIT INFO ======================= */
.rec_join_sec{
  position: relative;
  z-index: 1;
  padding: 3em 2em 2em;
}
.rec_join_inner{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 39em;
}
.rec_join_sec .sec_ttl {
  font-size: 1.15em;
  margin-bottom: 2em;
}
.rec_join_sec .sec_ttl .en{
  color: var(--c-gold-d);
}
.rec_join_sec .sec_ttl .ja {
  line-height: 1.6;
  margin-top: 1em;
  color: var(--c-white);
}
.rec_join_img_wrap{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.rec_join_img_wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.rec_join_img_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  background: linear-gradient(-100deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 1) 90%);
  mix-blend-mode: multiply;
  opacity: .7;
  z-index: 1;
  transition: opacity .5s;
}
/* .rec_join_list{
  padding: 1em 0;
} */
.rec_join_list_ttl {
  font-size: 1.3em;
  margin: 1.2em 0 .5em;
}
.rec_join_list li{
  position: relative;
  width: fit-content;
  min-width: 16em;
  font-size: 1.35em;
  font-weight: 500;
  padding: 1.1em 1em;
  margin: .7em 0;
  background-color: #fefefe;
  color: var(--c-black);
  border-radius: .2em;
}
.rec_join_list li::before{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 3.6em;
  content: "";
  display: block;
  width: 1px;
  height: 90%;
  background-color: var(--c-grey-l);
}
.rec_join_list li a {
  display: block;
}
.rec_join_list .arrow_circle{
  font-size: .8em;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
  background-color: transparent;
}
.rec_join_list .arrow_circle::after{
  filter: none;
}
.rec_join_list .arrow_circle::before{
  filter: var(--filter-gold);
}
.rec_join_list a:hover .arrow_circle, 
.rec_join_list .link_circle_arrow:hover .arrow_circle {
  background-color: transparent;
}
.mynavi{
  display: inline-block;
  width: 1.5em;
  margin: 0 .5em;
}


@media (min-width:769px){
  .rec_join_sec {
    padding: 3.8vw 2em 3.2svw;
  }
  .rec_join_sec .sec_ttl {
    margin-bottom: 1em;
  }
  .rec_join_inner{
    width: 72.5em;
    min-height: initial;
    margin: auto;
  }
  .rec_join_list {
    display: flex;
    gap: 2.75%;
    margin: 1em 0;
  }
  .rec_join_list li {
    width: 31.5%;
    min-width: initial;
    margin: 0;
    color: #333;
    transition: color .5s;
  }
  .rec_join_list li:hover {
    color: var(--c-gold-d);
  }
}/*  */


/* RECRUIT INFO ======================= */
.rec_info_sec{
  padding: 10em 0 5em;
}
.rec_info_wrap {
  background: #fbf9f6;
  padding: 3em 0 0;
}
.dl_wrap {
  padding: 1em 0 2em;
}
.dl_wrap dl:first-child {
  border-top: solid 1px var(--c-black3);
}
.dl_wrap dl {
  font-size: 1.05em;
  padding: 1.6em 0;
  border-bottom: solid 1px var(--c-black3);
}
.dl_wrap dt {
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-bottom: .5em;
}
.dl_wrap dd {
  width: 96%;
  line-height: 1.6;
  margin-left: auto;
}
.dl_wrap dd p{
  padding: .3em 0;
}
.spot{
  display: block;
  font-weight: 600;
  margin: 0.3em 0;
}

@media screen and (min-width: 769px){
  .dl_wrap {
    font-size: 1.1em;
  }
  .dl_wrap dl {
    display: flex;
    justify-content: space-between;
  }
  .dl_wrap dt {
    width: 20%;
    margin-bottom: 0;
  }
  .dl_wrap dd {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .dl_wrap dd p{
    padding: 0;
  }
  .dl_wrap dd p + p {
    padding-top: .6em;
  }
}/* 768 */



/* TAB BLOCK ===================== */
.cource_block{
  padding: 3em 0 0;
}
.info_tab_input {
  display: none;
}
.cource_tab {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.info_tab_label{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.333333%;
  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-txt);
}
.info_tab_label::before{
  bottom: 0;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: .1em;
  /* background-color: currentColor;
  opacity: 0; */
  background-color: #444;
}
.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"]{
  color: var(--c-gold);
}
#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-gold);
  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 2em;
}
.info_tab_ttl {
  font-size: 1.4em;
  margin: .3em 0;
}
@media (min-width:769px){
  .tab_contents_wrap {
    padding: 4em 0;
  }
  .cource_tab {
    margin: 1em 0;
  }
  .info_tab_ttl {
    font-size: 1.7em;
  }
}/*  */

/* FORM ============================ */
.recruit-form-wrap {
  background-color: #d5dbe2;
  color: #333;
  padding: 9em 0;
}

.recruit-form-wrap .form-table input,
.recruit-form-wrap .form-table textarea,
.recruit-form-wrap .form-table select {
  background: #fff;
}

.recruit_btn_block{
  padding: 4rem 0 3em;
}
.recruit_btn_wrap_ttl{
  font-size: 1.8rem;
	font-weight: 600;
  text-align: center;
  padding: 1rem 0;
}
.recruit_btn{
  display: block;
  font-size: 1.45em;
  font-weight: 600;
  background-color: var(--c-gold-d);
  color: #fff;
  text-align: center;
  border-radius: .1em;
  width: 100%;
  max-width: 28em;
  padding: 1.2em;
  margin: 1.2em 0 ;
	cursor: pointer;
}
.recruit_btn._line{
  /* background-color: #00B900; */
  background-color: #39b539;
}
.recruit_btn._line .txt{
  position: relative;
  padding-left: 3em;
  padding-right: 1em;
}
.recruit_btn._line .txt::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2.4em;
  background-image: url(/recruit/img/line-ico-w.svg);
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 3%;
  margin: auto;
}

@media (min-width: 769px){

  .recruit_btn_block {
    padding: 5rem 0 6em;
  }

  .recruit_btn_wrap{
    display: flex;
    justify-content: center;
  }
  .recruit_btn{
		font-size: 1.5rem;
    margin: 1em .5em;
    transition: opacity .3s;
		max-width: 18em;
  }
  .recruit_btn:hover{
    opacity: .6;
  }

}/* 768 */



/*_____________

JOB FAIR 
_______________*/
.rec_fair_sec{
  padding: 3em 0 6em;
}
.form-body {
	padding: 0em;
}
.jobfair_wrap{
  margin-top: 1em;
}
.jobfair {
  width: 100%;
  padding: .7em 0;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
}
.jobfair:hover{
	opacity: 0.5;
}
@media (min-width: 769px){
  /* .jobfair_wrap{
    margin-top: 2em;
  } */
  .jobfair{
    width: 100%;
    padding: 0.3em 0;
    max-width: 40rem;
  }
  
}/* min:769 */


/* job fair carrer table */
.session_infobox table {
  font-size: 1em;
  line-height: 1.5;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 100%;
  margin-bottom: 2em;
}
.session_infobox td ,.session_infobox th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: .75em;
  vertical-align: middle;
  background-color: #fff;
}
.session_infobox th {
  background: #f6f6f6;
  width: 26%;
  text-align: center;
}
.session_infobox td ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.session_infobox td li {
  width: 48%;
}
.session_infobox table a {
  color: #FC247C;
}
.session_infobox p {
  font: size 3.5em;
}
@media (min-width: 769px){
  .session_infobox table {
    font-size: 1.3em;
  }

}/* min:769 */

/* jobfair carrer form */
.bosyu_yoko_wrap{
  text-align: center;
  margin-bottom: .5em;
}
.bosyu_yoko_desc {
  width: fit-content;
  text-align: left;
  margin: 1em auto 0;
}
.bosyu-yoko > input {display: none; }
.bosyu-yoko > input:nth-child(1) + label {
  cursor: pointer;
  /* color: #f72872 !important; */
  font-size: 3.75vw;
  display: block;
}
.bosyu-yoko > input:nth-child(1) + label i {
  color: #f72872 !important;
  padding: .4em;
}

.bosyu_youkou_txt p {
  font-size: 1.2rem;
  padding: .2em 0;
}
.bosyu-yoko2 {
  display: none;
  position: fixed;
  z-index: 10002;
  width: 92%;
  height: 80%;
  border-radius: 4px;
  left: 50%;
  top: 50%;
  margin-top: 2rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 3.5em 1.5em 2em;
  overflow: auto;
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
  color: var(--c-black)
}
.bosyu-yoko > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .bosyu-yoko2 {
  display: block;

}
.bosyu-yoko > input:nth-child(1):checked ~ .bosyu-yoko2 > div > iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.bosyu-yoko > input:nth-child(1):checked ~ .bosyu-yoko2 > div > img {
  max-width: 100%;
}
.bosyu-yoko > input:nth-child(1) + label ~ label {
  display: none;
}
.bosyu-yoko > input:nth-child(1):checked ~ label[for="pop12"] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.70);
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001;
  text-indent: -999999px;
  overflow: hidden;
}
.bosyu-yoko > input:nth-child(1):checked ~ label[for="pop13"] {
  background: rgba(0, 0, 0, 0);
  display: inline-block;
  position: fixed;
  right: 5%;
  top: 5%;
  z-index: 10999;
  width: 1.7em;
  height: 1.7em;
  font-size: 2em;
  border-radius: 50%;
  text-align: center;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  color: #fff;
  font-weight: normal;
}
/* .gear-modal > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
  right: 10px;
  top: 12%;
} */
/* .bosyu-yoko > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .bosyu-yoko2, .bosyu-yoko > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .bosyu-yoko2 {
  display: none;
} */
 
.bosyu-yoko .modalTitle {
  padding-bottom: .5em;
  margin: .5em 0;
  font-size: 2.22em;
  font-weight: bold;
  letter-spacing: .05em;
}
#recForm,#recForm_part{
  display: none;
}

.testw{	
  display:flex; 
  flex-direction: column;
  width: 80%;	
  margin: 3% auto;
}	
.modalMain th{	
  border: solid 1px #bbb!important;	
  padding: 3%!important;	
  /* background: #e6e6e6; */	
  background: #f6f6f6!important;	
  /* width: 25%!important; */
}	
.userguide-kiyaku{	
  background-color: rgba(86,196,176,0.6)important;	
  color: #fff !important;	
  border: noneimportant;
}	
.modalMain td{ 
  border: solid 1px #bbb!important;	
  padding: 3%!important;	
}

@media (min-width: 769px){
  .bosyu_yoko_desc {
    font-size: 1.1em;
    max-width: 40rem;
  }
  .rec_fair_sec {
    padding: 3em 0 8em;
  }
  .bosyu-yoko2 {
    width: 70%;
    padding: 3.5em 5em;
  }
}/* min:769 */

@media (min-width: 769px) {
  .mainabi_recruit_btn_wrap {
    display: flex;
    justify-content: center;
    padding-top: 7rem;
  }
}/* min:769 */



/* =============================
RECRUIT interview 
============================= */
.inter_head {
  position: relative;
  width: 100%;
  margin-bottom: 6em;
  aspect-ratio: 4 / 5.5;
}
.inter_head_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inter_head_ttl_wrap {
  position: absolute;
  right: 0;
  bottom: -6em;
  width: fit-content;
  background-color: rgba(250,250,250,.95);
  font-weight: bold;
  padding: 1.5em 2em;
}
.inter_head_ttl {
  font-size: 1.3em;
}
.inter_head_ttl .en{
  display: block;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: .4em;
  color: var(--c-gold-d);
}
.inter_head_ttl .ttl_txt_job{
  display: block;
  font-size: 1.6em;
  line-height: 1.4;
  margin-bottom: .3em;
}
.inter_head_ttl .ttl_txt_style{
  display: block;
  font-size: .8em;
  font-weight: 400;
}

@media (min-width:769px){
  .inter_head {
    aspect-ratio: 16 / 10;
    margin-bottom: 4em;
    max-height: 56em;
  }
  .inter_head_ttl_wrap {
    font-size: 1.2em;
    padding: 1.5em 4em 1.5em 2em;
  }
}/*  */


.interview_wrap{
  padding: 3em 0;
}

.interview_list_box{
   padding: 2rem 0;
}
.interview_list_box + .interview_list_box.flex_box{
  padding-top: 0;
}
.interview_inner_box{
  padding: 0 0 1rem;
}

.interv_ttl{
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.6;
  padding: .5em 0;
}
.underline{
  position: relative;
  margin-bottom: .5em;
}
.underline::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.interv_txt{
  font-size: 1.1em;
  line-height: 1.9;
  padding: .5em 0;
}
.interv_img_box{
  padding: .5em 0;
}

@media (min-width:769px){

  .flex_box{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    padding: 4rem 0;
  }

  .interview_list_box {
    padding: 3rem 0;
  }
  .flex_wrap{
    width: 48%;
  }
  .interv_img_box{
    width: 46%;
  }
  .interview_inner_box {
    padding: 0 0 2rem;
  }

  .interv_ttl{
    font-size: 1.4em;
  }
  .inter_head_ttl .ttl_txt_job {
    font-size: 1.7em;
  }
  .interv_ttl.underline{
    font-size: 1.7em;
  }

}/*  */