@charset "UTF-8";

#member .sub_container .sub_container_wrap{
    max-width: 1400px;
}

.page-template-default #member .sub_container_wrap{
    max-width: 94%;
}



@media only screen and (min-width: 681px) {
.page-template-default #member .sub_container {
    padding-top: 40px;
}
}

.recruit-h1ttl{
    display: inline-block;
}

.interview_ttl_box.pc_only{
    display: inline-block;
    margin-bottom: 0.3em;
}

.sub_member_img{
    width: 81.7%;
    position: absolute;
    top: 64.3%;
    margin: 0 auto;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.sub_member_img::after{
    width: max-content;
    content: attr(data-job-title);
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    line-height: 0.7; 
    color: white;
font-size: 4.4vw;
font-family: "Roboto Condensed", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
letter-spacing: -.03em;
    text-align: center;
    display: inline-block;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.member_img01{
    object-fit: contain;
}

.member_img02{
    object-fit: contain;
}

.member_contents{
    width: 31%;
}

.member_contents:nth-child(2),
.member_contents:nth-child(5){
    margin-top: 160px;
}

.member_contents:hover{
    transform: scale(1.06);
}

.member_back{
    position: relative;
}

.member_back::after{
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    right: 13%;
    background: url(../../images/recruit/interview/right_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.member_back > img{
    object-fit: cover;
}

.member_pepole_img{
    position: absolute;
    width: 90%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-bottom: 3%;
}

.member_img_people{
    height: 520px;
    padding-bottom: 4px;
}

.member_img_people img{
    object-fit: contain;
}

.member_status{
    background-color: black;
    color: white;
    letter-spacing: 0.2rem;
    z-index: 2;
}

.member_status p{
    padding: 1px 10px;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    text-align: center;
}

.sub-interview_name > p{
    padding: 1px 10px;
    font-weight: 600;
    white-space: nowrap
}

.box-flex-member{
    align-items: center;
    position: absolute;
    top: 2%;
    left: 2%;
    padding-top: 0.4rem;
}

.box-flex-member p{
    padding-left: 10px;
    padding: 0px 14px;
    font-weight: 600;
    font-size: 0.7vw;
}

.box-flex-member .member_status p{
    font-weight: 300;
    text-align: center;
}

.member_name{
    text-align: right;
    padding-right: 5px;
}

.member_name_txt{
    position: absolute;
    top: 34%;
    right: 2%;
    font-weight: 700;
    font-size: 1.3vw;
}

.box-flex-wrap{
    flex-wrap: wrap;
    gap: 20px 2%;
    justify-content: space-between;
}

.box-flex-wrap__member{
    margin-top: 4%;
}

@media only screen and (min-width: 2000px) {
.member_name_txt{
    font-size: 26px;
}

.box-flex-member p{
    font-size: 13px;
}

.sub_member_img::after{
    font-size: 37px;
}
}

@media only screen and (min-width: 1490px) {
.member_job_name{
    position: absolute;
    bottom: 74%;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: white;
    font-size: 200%;
    font-family: "sicuniversallinelge", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}
}

/* 下層 */
@media only screen and (min-width: 1023px) {
#member.template-member .title-in {margin-left: 12%;}
}

@media only screen and (min-width: 769px) {
#member.template-member .sub_container .sub_container_wrap {padding: 0 2% !important;}
.interview_num1 .box_white {width:82.4%;}
.num1 {width:17.6%;margin-right: 4px;}
.interview_num1 .interview_box-bottom{margin-bottom: 5%;}
.interview_num2 .box_white {width:82.3%;}
.num2 {width:17.7%;margin-left: 4px;}
.interview_num2 .interview_box-bottom{margin-bottom: 4.6%;}

.num3 {width:37.6%;}
.num6 {width:37.6%;}

.interview_num5 .box_white {width:82.3%;}
.num5 {width:17.7%;margin-left: 4px;}
.interview_num5 .interview_box-bottom{margin-bottom: 4.6%;}

.num4 {width:17.7%;}
.num7 {width:17.7%;}
.num8 {width:17.7%;}
}

@media screen and (min-width:769px) and ( max-width:1024px) {
.num6 {margin-top: 1.5em;}
.page-template-template-member #member .triangle-right--num6 .interview_ttl_box {
    margin-top: 1rem !important;
}
}

@media only screen and (min-width: 1025px) {
.interview_num1 .box_white {width:87.4%;}
.num1 {width:12.6%;}
.interview_num1 .interview_box-bottom{margin-bottom: 3.6%;}
.interview_num2 .box_white {width:87.3%;}
.num2 {width:12.7%;}
.interview_num2 .interview_box-bottom{margin-bottom: 3.3%;}
.num3 {width: 26.8%;}
.num6 {width: 26.8%;}

.interview_num5 .box_white {width:87.3%;}
.num5 {width:12.7%;}
.interview_num5 .interview_box-bottom{margin-bottom: 3.3%;}

.num4 {width:12.7%;}
.num7 {width:12.7%;}
.num8 {width:12.7%;}
}

.page-template-template-member #member .box-flex{
    align-items: flex-end;
}

.page-template-template-member #member .interview_num4 .box-flex {
    align-items:center;
}
.page-template-template-member #member .interview_num3 .box-flex {
    align-self: flex-start; 
}
.page-template-template-member #member .triangle-right--num6.box-flex {
    align-items:flex-start;
}
.page-template-template-member #member .triangle-right--num6 .box-flex {
    align-items:center;
}
.page-template-template-member #member .triangle-right--num6 .interview_ttl_box {
    margin-top: 3rem;
}
.page-template-template-member #member .interview_num7.box-flex {
    align-items:center;
    margin-bottom: 8%;
}
.page-template-template-member #member .interview_num8.box-flex {
    align-items:center;
}

.triangle-right--num6 .interview_ttl_box,
.interview_num5 .interview_ttl_box,
.interview_num7 .interview_ttl_box {margin-bottom: 0.3em;}

#member .box-flex-end{
    align-items: flex-end;
    margin-top: -8%;
}

#member .interview_num3 .box-flex-end{
    margin-top: 0;
    align-items: center;
}
@media only screen and (min-width: 769px) {
#member .interview_num3 .box-flex-end{
    margin-top: -10%;
}
}

.interview_panda{
    width: 35%;
    margin-left: 5%;
}

.interview_panda_img{
    width: 100%;
    max-width: 600px;
}

.interview_people{
    position: relative;
    width: 57%;
    align-items: flex-end!important;
    margin-left: 3%;
}

.interview_people_wrap,
.interview_people_img{
    width: 40%;
    z-index: 2;
}

.interview_people_img{
    width: 80%;
}

.interview_people_img img{
    margin-bottom: -6px;
    line-height: 1;
}

.interview_people_wrap{
    width: 100%;
    position: relative;
    padding: 1.2rem 1rem;
}

.interview_people_wrap::after{
    content: "";
    position: absolute;
    width: 48vw;
    height: 100%;
    top: 0;
    left: 0%;
    background-color: #f9cf00;z-index: 0;
}
@media only screen and (min-width: 1500px) {
.interview_people_wrap::after{
    width: 740px;
}
}
@media only screen and (max-width: 500px) {
.interview_people_wrap::after{
    width: 65vw;
}
}

.interview_box{
    padding: 1rem 1.3rem;
}

.interview_num8 .interview_box{
    padding: 2rem;
}

.interview_box p{
    font-size: 16px;
    line-height: 1.65;
}
@media only screen and (min-width: 1500px) {
.interview_box p{font-size: 20px !important;}
}
@media only screen and (min-width: 1025px) {
.interview_box p{font-size: 1.4vw;}
}

.box_white{
    padding-right: 40px;
    background-color: white;
    border: 2px solid black;
}

.box_yellow{
    background-color: #f9cf00;
    align-items: stretch !important;
}



.interview_ttl_box{
    display: inline-block;
    padding: 0rem 0.6rem 0.3rem;
    background-color: black;
    color: white;
    font-size: 2.4vw;
    line-height: 1.3;
    margin-right: 20px;
}
@media screen and (min-width:769px) and ( max-width:1024px) {
.interview_ttl_box{
    font-size: 2.8vw;
}
}

.interview_num4 .interview_ttl_box{
    margin-bottom: 0.3em;
}
.triangle-right--num6 .interview_ttl_box{
    margin-right: 0;
}

@media only screen and (min-width: 2000px) {
    .interview_ttl_box{
        font-size: 40px;
    }
}
.box_yellow .interview_ttl_box{
    padding: 0.2rem 0.8rem 0.6rem;
}

.interview_ttl_box_height{
}

@-moz-document url-prefix() {
.interview_ttl_box{
    height: auto;
}
}

_::-webkit-full-page-media, _:future, :root .interview_ttl_box{
    height: auto;
}

.interview_ttl_box--white{
    background-color: white;
    color: black;
}

.interview_job_name{
    color: white;
    margin-bottom: -16px;
    margin-right: -1.5rem;
    /* font-size: 3.6rem; */
    font-size: 4vw;
    font-weight: 600;
    font-family: 'Open sans', sans-serif;
    letter-spacing: -4px;
    text-shadow: 1px 1px 0 black, -1px -1px 0 black, -1px 1px 0 black, 1px -1px 0 black, 0px 1px 0 black, 0 -1px 0 black, -1px 0 0 black, 1px 0 0 black;
}
@media only screen and (min-width: 1500px) {
.interview_job_name{
    font-size: 3.6rem;
}
}
.interview_name_wrap p{
    z-index: 2;
}

.interview_name_wrap::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 30%;
    top: 80%;
    background-color: #f9cf00;
}

.interview_name_txt{
    position: relative;
    z-index: 2;
    font-weight: 900;
    font-size: 22px;
    line-height: 1.3;
    margin-top: 0.2rem;
    margin-right: -2em;
}

.sub-interview_name p{
    z-index: 2;
}

.interview_number{
    object-fit: contain;
}

.interview_member_wrap > div{
    margin-top: 4%;
}

.interview_member_wrap > div.box-flex.interview_num2{
    margin-top: 3% !important;
}

.triangle-right--pc{
    position: relative;
}

.triangle-right--pc::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    background-image: url(../../images/recruit/member/member_interview.svg);
    background-repeat: no-repeat;
}

.triangle-right--num6 .triangle-right--pc::after{
    margin-top: -3%;
}

.triangle-right--pc--white::after{
    background-image: url(../../images/recruit/member/member_interview_white.svg);
}

.interview_member_wrap__img{
    width: 50%;min-width:0; position: relative; overflow:hidden;
}
.interview_member_wrap__img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index: 0;
    position: relative;
}
.interview_member_wrap__txt{
    width: 50%;
    margin: 0 10px 10px 0;
}

.num3{
    margin-right: 10px;
}

.num4{
    margin-right: 1.5rem;
}

.num7{
    margin-right: 1.5rem;
}

.num8{
    margin-left: 14px;
}

/* 1) 親をレイヤーの“箱”にする */
.interview_box--image {
  position: relative;
  isolation: isolate; /* 子の負z-indexが親の外へ逃げないようにする保険 */
  border: 2px solid #000;
  /* ↓ ここにあった background-image は削除（別レイヤーに移すため） */
}

/* 2) 背景写真は ::before に移す（白帯より前、テキストより後ろ） */
.interview_box--image::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0 right:0 bottom:0 left:0 と同義 */
  background: url(../../images/recruit/member/interview_back.jpg) center/cover no-repeat;
  z-index: 0;               /* 白帯(-1)より上、コンテンツ(1)より下 */
  pointer-events: none;     /* クリックをブロックしない */
}

.interview_box__background {
  position: absolute;
  top: 50%;
  left: 0;                   /* ← 基準を左端に */
  transform: translateY(-50%); /* 中央寄せは縦だけにする */
  width: 90vw;
  height: 120%;
  margin: 0 calc(50% - 50vw);
  background: #fff;
  border: 2px solid #000;
  border-left: none;
  z-index: -1;
}

/* 4) 中の実コンテンツを最前面に */
.interview_box--image > *:not(.interview_box__background) {
  position: relative;
  z-index: 1;
}

.txt_color--white{
    color: white;
}

.interview_num8 .txt_color--white{
    width: 96%;
}

.interview_member_information{
    align-items: end!important;
    justify-content: space-between;
    margin-top: -25px;
}

main{
    padding-top: 0!important;
}

.sub_container_wrap_ttl{
    width: 100%;
    max-width: 500px;
}


h1.h1ttl img{
    width: auto;
}

.sub_container_wrap__member{
    margin: 0 auto;
}

@media (min-width: 1240px){
.page-template-default #member .sub_container {
    padding-top: 20px;
}
.page-member .h1ttl img{
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    width: 43vw;
}
.sub_container_wrap_ttl{
    width: 43vw;
    max-width: 1000px;
}
}

.yellowbox_txt{
    width: 83%;
    margin: -1.2rem 0 0 auto
}

.interview_num1,
.interview_num2,
.interview_num5{
    justify-content: flex-end;
}

.member_name_txt {
font-size: 2vw;
letter-spacing: -.01em;
}

@media only screen and (max-width: 1600px) {
.sub_member_img::after{
}

.member_name_txt {
font-size: 2vw;
letter-spacing: -.01em;
}

.box-flex-member p{
    font-size: 1vw;
}

.interview_member_wrap > div{
    margin-top: 5%;
}


}
.interview_box__background{
    width: 94vw;
}


@media only screen and (max-width: 1500px) {
.triangle-right--num6 .triangle-right--pc::after{
    margin-top: -1%;
}
}

@media only screen and (max-width: 1350px) {
.triangle-right--num6 .triangle-right--pc::after{
    margin-top: -1%;
}
}

@media only screen and (max-width: 1300px) {
    .member_job_name{
        bottom: 78%;
    }
}

@media only screen and (max-width: 1250px) {
.member_explanation{
    position: relative;
    width: fit-content;
    padding: 20px 30px 20px 0;
    text-shadow: 0.5px 0.5px 0 #FFF, 
    -0.5px 0.5px 0 #FFF, 
    0.5px -0.5px 0 #FFF, 
    -0.5px -0.5px 0 #FFF;
}
}

@media only screen and (max-width: 1200px) {
    .member_job_name{
        bottom: 80%;
    }
}

@media only screen and (max-width: 1000px) {
        .member_job_name{
        bottom: 83%;
    }
}

@media only screen and (max-width: 959px) {
}

@media only screen and (max-width: 950px) {
    .member_contents {
        width: 49%;
    }

    .member_contents:nth-child(5){
    margin-top: 0px;
    }

    .member_contents:nth-child(2),
    .member_contents:nth-child(4),
    .member_contents:nth-child(6){
        margin-top: 120px;
    }
    .member_job_name{
        font-size: 4.6vw;
        bottom: 74%;
    }

    .interview_job_name{
        margin-bottom: -10px;
        font-size: 2.6rem;
        letter-spacing: -1px;
    }

    .interview_people_img{
        min-width: 250px;
    }

    .interview_people{
        width: 70%;
    }

    .interview_ttl_box{
        font-size: 1.8rem;
    }

    .sub_member_img::after{
        font-size: 7vw;
    }

    .member_name_txt {
        font-size: 3vw;
    }

    .box-flex-member p{
        font-size: 1.6vw;
    }
}

@media only screen and (max-width: 820px) {
.interview_ttl_box{
    font-size: 1.6rem;
}
}

@media only screen and (max-width: 768px) {
.interview_member_wrap {margin-right: -2.8%;
    margin-left: -2.8%;}


    .interview_ttl_box{
        padding: 0.6rem 0.8rem;
        font-size: 5vw;
    }

    .interview_ttl_box.pc_only{
        display: none;
    }

    .interview_member_information{
        margin-bottom: 30px;
    }

    .interview_member_wrap > div{
        margin-top: 6%;
    }
    .interview_member_wrap > div.box-flex.interview_num2{
        margin-top: 6% !important;
    }
    .box-flex{
        display: block;
    }

    #member .box-flex{
        display: flex;
    }

    .box-flex--sp{
        display: flex!important;
    }
    .interview_box--image.interview_num8 .sp_only {
    margin-top: -30px !important;}

    .interview_number{
        max-width: 130px;
    }

    .interview_number.num1,
    .interview_number.num2{
        margin-top: -60px;
    }

    .interview_num4 .interview_ttl_box{
        margin-top: -20px;
        position: relative;
        z-index: 1;
    }

    .interview_num5 .interview_ttl_box{
        margin-top: 18px;
    }

    .yellowbox_txt{
        width: 100%;
    }

    .interview_member_wrap__txt{
        width: 100%;
        margin: 0 auto;
    }

    .num3{
        margin-top: -75px;
        position: relative;
        z-index:1;
    }

    .num4,
    .num5{
        position: absolute;
        top: -20%;
    }

    .num5{
        right: 5%;
    }

    .num6{
        margin-top: -50px;
        z-index: 10;
        position: relative;
    }

    .num7{
        position: absolute;
        top: -40%;
    }

    .interview_box--sp{
        position: relative;
        margin-top: 100px!important;
    }

    .interview_box_wrap{
        padding-top: 70px;
    }

    #member .box_yellow {
        display: block!important;
        padding-top: 40px;
    }

    .interview_ttl_box{
        margin-bottom: 36px;
    }

    .interview_num3 .interview_ttl_box{
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .triangle-right--num6 .interview_ttl_box{
        margin-bottom: 20px;
    }

    .interview_member_wrap > .box-position{
        position: relative;
        margin-top: 20%;
    }

    .box-position .interview_ttl_box{
        margin-top: 30px;
        margin-left: 80px;
    }

    .box-position.interview_num7 .interview_ttl_box{
        margin-top: 40px;
    }

    .interview_member_wrap__img{
        width: 100%;
    }

    .num1{
        margin-left: 10px;
    }

    .num2,
    .num8{
        margin-right: 10px;
    }

    .num5{
        right: 12%;
    }

    .num6{
        right: 20px;
    }

    .interview_number.num3{
        margin-bottom: -46px;
    }

    #member .box-flex-start{
        margin-top: -50px;
    }

    #member .interview_box--image{
        margin-top: 20px;
    }
    
    .interview_box--image .sp_only{
        align-items: end;
    }

    .box_white,
    .box_yellow{
        padding-top: 40px;
        padding-right: 10px;
    }

    .triangle-right--pc::after{
        width: 30px;
        height: 30px;
        margin-top: 8px;
        margin-right: 8px;
    }

    .triangle-right--num6{
        position: relative;
    }

    .triangle-right--num6 .triangle-right--pc::after{
        display: none;
    }

    .triangle-right--num6::after{
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        margin-top: 8px;
        margin-right: 8px;
        background-image: url(../../images/recruit/member/member_interview.svg);
    }

    .triangle-right--num6 .interview_member_wrap__img{
        margin-top: 20px;
    }

    .sub_container_wrap .sub_container_wrap_ttl{
        width: 50%;
        text-align: right;
    }

    .h1ttlja{
        text-align: right;
    }

    .interview_job_name{
        -webkit-text-stroke-width: 1px;
    }

    .sub_member_img::after{
        font-size: 5vw;
    }

    .member_name_txt {
        font-size: 3.2vw;
    }

    .box-flex-member p{
        font-size: 1.6vw;
        padding: 0px 7px;
    }

    .box-flex-member{
        padding-top: 0.2rem;
    }

    .sub_container_wrap__member{
        width: 100%;
    }

    .sub_container_wrap__member h2.h1ttlja{
        text-align: left;
    }

    .interview_people{
        width: 80%;
    }

    .interview_panda{
        width: 30%;
        margin-left: 0;
    }

    .interview_num8 .txt_color--white{
        width: 100%;
    }

    .interview_box__background{
        width: 0;
    }

    .interview_box p{
        font-size: 16px;
    }

}
@media only screen and (max-width: 428px) {
    .interview_number.num3{
        margin-bottom: -30px;
    }
}

.member_explanation{
font-size: 16px;
line-height: 1.65;
padding-top: 1em;
}

@media only screen and (min-width: 1500px) {
.member_explanation{font-size: 20px !important;}
}
@media only screen and (min-width: 1025px) {
.member_explanation{font-size: 1.4vw;}
}



@media only screen and (max-width: 768px) {
    .member_contents {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .member_contents:nth-child(2),
    .member_contents:nth-child(4),
    .member_contents:nth-child(5),
    .member_contents:nth-child(6){
        margin: 0 auto;
        margin-top: 20px;
    }

    .member_img01 {
        width: 30%;
        position: absolute;
        top: 20%;
        right: 2%;
    }

    .member_img02 {
        width: 100%;
    }

    .member_job_name{
        font-size: 8.4vw;
        bottom: 74%;
    }

    /* 下層 */


    .interview_member_information{
        width: 100vw;
        margin: -10px calc(50% - 50vw) 0;
        margin-bottom: 30px;
        align-items: end;
        justify-content: center;
    }

    .interview_people{
        width: 70%;
    }

    .interview_people_img{
        width: 60%;
        margin-right: -40%;
    }

    .interview_job_name{
        font-size: 6vw;
        margin-bottom: -10px;
    }

    .box-flex{
        display: flex!important;
    }

    .box_yellow {
        display: block!important;
    }

    .num7 {
        top: -30%;
    }

    .sub_member_img::after {
        font-size: 12vw;
    }

    .member_name_txt {
        font-size: 5.5vw;
    }

    .box-flex-member p {
        font-size: 2.8vw;
    }
}

@media only screen and (max-width: 630px) {
    .interview_panda{
        width: 20%;
        min-width: 110px;
        margin-right: 0px;
    }

    .interview_people{
        width: 80%;
        margin-left: 1%;
    }

    .interview_people_img{
        width: 50%;
        min-width: 230px;
    }

    .interview_name_txt{
        font-size: 26px;
    }

    .interview_job_name{
        top: 40%;
    }

    .interview_box--sp {
        margin-top: 120px !important;
    }

    .interview_member_wrap > .box-position{
        margin-top: 28%;
    }

    .width_sp{
        width: 50%;
    }
}

@media only screen and (max-width: 500px) {
    .member_name_txt{
        font-size: 1.6rem;
    }

    .interview_number {
        /* max-width: 20vw; */
width: 80px;
    }

    .interview_ttl_box{
        font-size: 1.6rem;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .interview_member_wrap > div{
        margin-top: 30px;
    }
    .interview_member_information{
        margin-top: 0 !important;
    }
    .num4{
        top: -7%;
    }

    .num5{
        top: -17%;
    }

    .num7 {
        top: -90px;
    }

    .num8 {
        margin-left: 0px;
    }
    
    .interview_num4 .interview_box_wrap{
        padding-top: 50px;
    }

    .interview_num5 .interview_box_wrap{
        padding-top: 12px;
    }

    .interview_box--sp{
        margin-top: 70px!important;
    }

    .box-position .interview_ttl_box {
        margin-left: 22%;
    }

    .interview_panda{
        margin-right: 0px;
        width: 30%;
        margin-left: 0;
    }

    .interview_name_txt {
        font-size: 20px;
        margin-right: -0.3em;
    }

    .interview_job_name {
        margin-bottom: -10px;
        font-size: 2rem;
    }

    .interview_people_wrap{
        padding: 0.5rem;
        position: relative;
        z-index: 2; 
    }

    .interview_people_img{
        min-width: 180px;
        margin-right: 0%;
        margin-left: auto;
    }

    .sub-interview_name{
        display: grid!important;
    }

    .sub-interview_name > p{
        padding: 0;
    }

    .member_status{
        width: 63px;
    }

    .width_sp{
        width: 40%;
    }

    .sub_container_wrap .sub_container_wrap_ttl{
        width: 60%;
    }

    .interview_num4 .interview_ttl_box{
        margin-top: -10px;
        margin-bottom: 10px;
    }
    .box-position.interview_num7 .interview_ttl_box{
        margin-top: 0;
    }
}

@media only screen and (max-width: 500px) {
    .sub_container_wrap .sub_container_wrap_ttl{
        width: 70%;
    }

    .member_img01 {
        width: 34%;
        top: 28%;
        right: 0%;
    }
}

/* アニメーションの親要素には overflow: hidden を設定します */
.js-slide-in-container {
  overflow: hidden;
}

/* テキストの場合、折り返されないようにします */
.js-slide-in-container .js-slide-in-element {
  white-space: nowrap;
}

/* アニメーションさせる要素の初期状態 */
.js-slide-in-element {
  opacity: 0; /* アニメーション開始時は非表示 */
  display: inline-block; /* transformが効くようにします */
  /* transform の初期値は JavaScript で設定されるので、ここには不要です */
}


#member .common_background {
    background-image: url(../../images/recruit/common_background_recruit_nop.png) !important;
}
#member.template-member .common_background {
    background-image: url(../../images/recruit/common_background_recruit.png) !important;
}
@media only screen and (max-width: 450px) {
    .interview_people_img{
        min-width: 160px;
        margin-right: -35px;
        margin-left: auto;
    }
}
@media only screen and (max-width: 400px) {
    .interview_name_txt {
        font-size: 18px;
    }
    .interview_panda {
        margin-right: 0px;
        width: 25%;
        margin-left: 0;
    }
    .interview_people {
        width: 74%;
        margin-left: 1%;
    }
}

.member_top_img{
width: 100%;
margin: 0 auto;
margin-top: 20px;
display: flex;
justify-content: center;

}
.member_top_img-left {width: 42%;}
.member_top_img-left-inner {margin-left:20%;padding-bottom:5%}
.member_top_img-right {width: 58%;}
.member_top_img-right-inner {margin-left:4%;padding-top:9%}

@media only screen and (max-width: 1024px) {
.member_top_img-left-inner {margin-left:0;padding-bottom:5%}
.member_top_img-right-inner {margin-left:4%;padding-top:9%}
}
@media only screen and (max-width: 680px) {
.member_top_img{display: block;}
.member_top_img-left {width: 100%;}
.member_top_img-left-inner {width: 35%;position: absolute;top:105px;right:10px;}
.member_top_img-right {width: 100vw;margin: 0 calc(50% - 50vw);}
.member_top_img-right-inner {margin-left:0;padding-top:0}
}
@media only screen and (max-width: 500px) {
.member_top_img-left-inner {width: 35%;position: absolute;top:130px;right:-10px;}
}