@charset "utf-8";

/*|||||||| インタビュートップ ||||||||*/
#interview header{box-shadow: 1px 3px 5px #ccc;}

#interview_main{background: linear-gradient(to top, #0086d9 0%,#0086d9 50%,transparent 50%,transparent 100%);padding-bottom: 80px;}


#interview_main .interview_item{margin-top: 30px; justify-content: space-evenly;}

#interview #flow{text-align: center;padding: 80px 0 0;}

#etc_btn{display: flex;justify-content: space-between;margin-top: 90px;}
#etc_btn a{width: 46%;border: 10px solid #000;background: #000;color: #fff;}
#etc_btn a img{transition: 0.5s all;}
#etc_btn a p{margin-top: 10px;font-size: 26px;text-align: left;font-weight: 500;margin-left: 3px;}
#etc_btn a span{overflow: hidden;display: block;}
#etc_btn a:hover img{transform: scale(1.07,1.07)}
#etc_btn a:nth-of-type(2){animation-delay: 0.2s;}

@media only screen and (max-width: 1200px) {
#interview #flow{text-align: center;padding: 80px 20px 0;}
}

@media only screen and (max-width: 768px) {
#interview header{box-shadow: none;}

#interview_main{background: linear-gradient(to top, #0086d9 0%,#0086d9 70%,transparent 70%,transparent 100%);padding-bottom: 80px;}

#interview_main .interview_item{margin-top: 20px;}

#interview #flow{text-align: center;padding: 40px 20px 0;}

#etc_btn{flex-wrap: wrap;margin-top: 40px;}
#etc_btn a{width: 100%;border: 7px solid #000;}
#etc_btn a p{margin-top: 5px;font-size: 18px;margin-left: 3px;}
#etc_btn a:nth-of-type(n+2){margin-top: 20px;}
#etc_btn a:nth-of-type(2){animation-delay: 0s;}
}



/*|||||||| インタビュー詳細 ||||||||*/
/* メイン */
#interview_re .breadcrumb{position: absolute;top:0;color:#fff;max-width:1200px;margin: 0 auto;left: 0;right: 0;z-index: 1;}
#interview_re .breadcrumb a{color:#fff;}
#interview_re .main_profile{position: absolute;bottom: 0;left: 0;padding: 5vw 7vw 1vw 7vw;background: #fff;}
#interview_re .main_profile .name{display:inline; font-size: 2.5vw;line-height: 1;font-weight: 500;margin-top: 1vw;}
#interview_re .main_profile .yomi{display:inline; margin-right: 20px; font-size: 1.3vw;color: #0086d9;}
#interview_re .main_profile .reki{font-size: 1.5vw;margin-top: 1vw;}
#interview_re .main_img{width: 100%;}

#interview_re .interview_lead{padding: 70px 0 120px;text-align: center;font-size: 25px;font-weight: bold;}

#interview_re.interview02 .breadcrumb,
#interview_re.interview02 .breadcrumb a,
#interview_re.interview03 .breadcrumb,
#interview_re.interview03 .breadcrumb a{color:#000;}


@media only screen and (max-width: 768px) {
#interview_re .main_profile .name{font-size: 6.5vw;}
#interview_re .main_profile .yomi{font-size: 2.55vw;margin-top: 0.5vw;margin-right: 10px;}
#interview_re .main_profile .reki{font-size: 3.5vw;}
#interview_re .main_img{width: 100%;}

#interview_re .interview_lead{padding: 40px 0 70px;font-size: 17px;}
}




/* CURRENT JOB */
#interview_re #current{background: linear-gradient(to left, #0086d9 0%,#0086d9 50%,transparent 50%,transparent 100%);}
#interview_re #current .current_item{text-align: center;padding: 150px 60px;}
#interview_re #current .current_copy *{color: #fff;}
#interview_re #current .current_copy{margin-top: 60px;}
#interview_re #current .current_copy li{width: 46%;}
#interview_re #current h3{font-size: 26px;text-align: left;font-weight: 500;}
#interview_re #current h3 + p{margin-top: 15px;text-align: left;line-height: 1.8;}

@media only screen and (max-width: 768px) {
#interview_re #current{background: #0086d9;}
#interview_re #current .current_item{text-align: center;padding: 80px 20px;}
#interview_re #current .current_copy{margin-top: 30px;flex-wrap: wrap;}
#interview_re #current .current_copy li{width: 100%;}
#interview_re #current .current_copy li:nth-of-type(n+2){margin-top: 25px;}
#interview_re #current h3{font-size: 18px;}
#interview_re #current h3 + p{margin-top: 7px;line-height: 1.6;}
}


/* PREVIOUS JOB */
#interview_re h3.yellow_line span{padding: 0 0.2em;display: inline-block;font-size: 30px;font-weight: 500;background:linear-gradient(to top, #fcff00 0%,#fcff00 40%,transparent 40%,transparent 100%);color: #000!important; }

#interview_re #privios .privios_item{padding: 120px 60px 200px;position: static;}
#interview_re #privios .privios_item dt{width: 55%;}
#interview_re #privios .privios_item h4{font-weight: 500;font-size: 22px;color:#0086d9;margin-top: 30px;}
#interview_re #privios .privios_item h4 + p{line-height: 1.8;padding: 15px 0 0 20px;}
#interview_re #privios .privios_item dd{position: absolute;left: 58%;bottom:120px;}

@media only screen and (max-width: 768px) {
#interview_re h3.yellow_line span{padding: 0 0.2em;font-size: 20px;}

#interview_re #privios .privios_item{padding: 80px 20px 80px;flex-wrap: wrap;}
#interview_re #privios .privios_item dt{width: 100%;}
#interview_re #privios .privios_item h4{font-size: 16px;margin-top: 15px;}
#interview_re #privios .privios_item h4 + p{line-height: 1.8;padding: 10px 0 0 0;}
#interview_re #privios .privios_item dd{position: static;width: 100%;margin-top: 30px;}
}

/* FUTURE JOB */
#interview_re #future{padding: 140px 60px 120px;}
#interview_re #future .future_item{justify-content: flex-end;width: 100%;position: static;}
#interview_re #future .future_item *{color:#fff;}
#interview_re #future .future_item dd{position: absolute;right: 58%;top:140px;}
#interview_re #future .future_item dt{width: 55%;padding-right: 60px;}
#interview_re #future .future_item h4{font-weight: 500;font-size: 22px;margin-top: 30px;}
#interview_re #future .future_item h4 + p{line-height: 1.8;padding: 15px 0 0 20px;}
#interview_re #future .last_m{padding: 150px 60px 0;}
#interview_re #future .message{margin-top: 30px;}
#interview_re #future .message dd{background: #fff;padding: 25px;width: calc(100% - 210px);animation-delay: 0.2s;animation-name: fadeInLeft_s;}
#interview_re #future .message dd::before{content: "";position: absolute; top: 25%;left: -45px;border-style: solid;border-width: 15px 45px 15px 0;border-color: transparent #ffffff transparent transparent;}
#interview_re #future .message dd h4{font-size: 26px;font-weight: 500;}
#interview_re #future .message dd h4 span{color:#0086d9;}
#interview_re #future .message dd h5{font-size: 22px;color:#0086d9;font-weight: 500;margin-top: 15px;}
#interview_re #future .message dd h5 + p{margin-top: 5px;line-height: 1.8;}

@media only screen and (max-width: 768px) {
#interview_re #future{padding: 80px 0 60px;}
#interview_re #future .future_item{justify-content: flex-end;width: 100%;position: static;flex-wrap: wrap;}
#interview_re #future .future_item dd{position: static;}
#interview_re #future .future_item dt{width: 100%;padding-right: 0;margin-top: 20px;}
#interview_re #future .future_item h4{font-size: 18px;margin-top: 15px;}
#interview_re #future .future_item h4 + p{line-height: 1.6;padding: 10px 0 0 0;}
#interview_re #future .last_m{padding: 50px 20px 0;}
#interview_re #future .message{margin-top: 10px;flex-wrap: wrap;}
#interview_re #future .message dt{width: 100%;text-align: center;}
#interview_re #future .message dd{background: #fff;padding: 15px;width: 100%;margin-top: 30px;animation-delay: 0s;animation-name: fadeInDown;}
#interview_re #future .message dd::before{ top: -25px;left: 48%;border-width: 0 10px 25px 10px;border-color: transparent transparent #ffffff transparent;}
#interview_re #future .message dd h4{font-size: 18px;}
#interview_re #future .message dd h5{font-size: 16px;margin-top: 7px;}
#interview_re #future .message dd h5 + p{margin-top: 5px;line-height: 1.6;}
}


/* ONE DAY SCHEDULE */
#interview_re #schedule{margin-top: 100px;}
#interview_re #schedule h2{color:#0086d9;font-size: 100px;text-align: center;font-weight: 600;family: 'Roboto', sans-serif;line-height: 0.8;}
#interview_re #schedule .schedule_item{padding:80px 60px;}
#interview_re #schedule .schedule_item *{color: #fff;}
#interview_re #schedule .schedule_item h3{font-weight: 500;font-size: 40px;text-align: center;}
#interview_re #schedule .schedule_list{padding: 50px 60px 0;flex-wrap: wrap;}
#interview_re #schedule .schedule_list dt{width: 70px;background: linear-gradient(to left,transparent 0%,transparent 46%, #fff 46%,#fff 54%,transparent 54%,transparent 100%);}
#interview_re #schedule .schedule_list dt:last-of-type{background:none;}
#interview_re #schedule .schedule_list dd{width: calc(100% - 90px);}
#interview_re #schedule .schedule_list dd h4{font-size: 26px;font-weight: 500;}
#interview_re #schedule .schedule_list dd h4 small{font-size: 24px;font-weight: 500;}
#interview_re #schedule .schedule_list dd p{margin: 7px 0 40px;line-height: 1.8;}
#interview_re #schedule .off{padding: 100px 60px 0;}
#interview_re #schedule .off_item{background: #fff;padding: 20px 25px 50px 350px;}
#interview_re #schedule .off_item h4{font-size: 26px;font-weight: 500;color: #000;}
#interview_re #schedule .off_item h4 span{color:#0086d9;}
#interview_re #schedule .off_item h4 + p{margin-top: 5px;line-height: 1.8;color: #000;}
#interview_re #schedule .off_item .off_img{position: absolute;bottom: 25px;left: 25px;border: 5px solid #000;}

@media only screen and (max-width: 768px) {
#interview_re #schedule{margin-top: 40px;}
#interview_re #schedule h2{font-size: 33px;line-height: 0.8;}
#interview_re #schedule .schedule_item{padding:30px 20px;}
#interview_re #schedule .schedule_item h3{font-size: 22px;}
#interview_re #schedule .schedule_list{padding: 25px 0 0;}
#interview_re #schedule .schedule_list dt{width: 40px;}
#interview_re #schedule .schedule_list dd{width: calc(100% - 50px);}
#interview_re #schedule .schedule_list dd h4{font-size: 20px;}
#interview_re #schedule .schedule_list dd h4 small{font-size: 18px;}
#interview_re #schedule .schedule_list dd p{margin: 7px 0 25px;line-height: 1.6;}
#interview_re #schedule .off{padding: 25vw 0 0;}
#interview_re #schedule .off_item{background: #fff;padding: 23vw 15px 20px ;}
#interview_re #schedule .off_item h4{font-size: 18px;}
#interview_re #schedule .off_item h4 + p{margin-top: 5px;line-height: 1.6;}
#interview_re #schedule .off_item .off_img{bottom: auto;top:-20vw;left: 0;right: 0;margin: 0 auto; width: 70%;}
}


/* OTHER JOB */
#interview_re #other .other_img{width: 100%;}
#interview_re #other .other_btn{padding: 150px 60px 0;display: flex;justify-content: space-around;}
#interview_re #other .other_btn a{width: 30.5%;background: #0086d9;overflow: hidden;}
#interview_re #other .other_btn a img{transition: 0.5s all;transform-origin: bottom right;}
#interview_re #other .other_btn a::before{content: "";display: block;width: calc(100% - 40px);height: calc(100% - 40px);border: 5px solid #fff;position: absolute;top:15px;left: 15px;z-index: 2;}
#interview_re #other .other_btn a .btn_copy{position: absolute;left: 12%;top:25%;z-index: 2;line-height: 1.4;}
#interview_re #other .other_btn a .reki{font-size: 18px;color: #fff;}
#interview_re #other .other_btn a .name{font-size: 14px;color: #fff;}
#interview_re #other .other_btn a .syozoku{font-size: 17px;color: #fcff00;}
#interview_re #other .other_btn a .readmore{position: absolute;font-weight: 500;family: 'Roboto', sans-serif;font-size: 22px;color: #fff;bottom: 10%;left: 12%;z-index: 2;}
#interview_re #other .other_btn a .readmore::after{content: "";width: 46px;height: 20px;display: inline-block;background: url("../../common/img/readmore_arr.png");margin-left: 0.5em;background-size: cover;}
#interview_re #other .other_btn a:nth-of-type(2){animation-delay: 0.2s;}
#interview_re #other .other_btn a:nth-of-type(3){animation-delay: 0.4s;}
#interview_re #other .other_btn a:hover img{transform: scale(1.07,1.07);transform-origin: bottom right;}

@media only screen and (max-width: 768px) {
#interview_re #other .other_btn{padding: 80px 20px 0;flex-wrap: wrap;}
#interview_re #other .other_btn a{width: 48%;}
#interview_re #other .other_btn a::before{width: calc(100% - 20px);height: calc(100% - 20px);border: 2px solid #fff;top:8px;left: 8px;}
#interview_re #other .other_btn a .btn_copy{left: 12%;top:25%;}
#interview_re #other .other_btn a .reki{font-size: 3vw;}
#interview_re #other .other_btn a .name{font-size: 2.4vw;}
#interview_re #other .other_btn a .syozoku{font-size: 2.4vw;}
#interview_re #other .other_btn a .readmore{font-size: 3vw;color: #fff;bottom: 10%;left: 12%;z-index: 2;}
#interview_re #other .other_btn a .readmore::after{content: "";width: 20px;height: 9px;display: inline-block;background: url("../../common/img/readmore_arr.png");margin-left: 0.5em;background-size: cover;}
#interview_re #other .other_btn a:nth-of-type(n+3){margin-top: 15px;}
#interview_re #other .other_btn a:nth-of-type(3){animation-delay: 0s;}
}

/*|||||||| 座談会 ||||||||*/
#interview_re.interview05 .breadcrumb{color:#000;}
#interview_re.interview05 .breadcrumb a{color:#000;}

/* メンバー紹介 */
#interview_re .member_lead{padding: 70px 0 0;text-align: center;font-size: 25px;font-weight: bold;}
#interview_re .member_lead + p{margin-top: 25px;text-align: center;line-height: 1.8;}

#interview_re .member{max-width: 930px;margin: 50px auto 100px;justify-content: space-evenly;}
#interview_re .member li{text-align: center;}
#interview_re .member li:nth-of-type(2){animation-delay: 0.2s;}
#interview_re .member li:nth-of-type(3){animation-delay: 0.4s;}
#interview_re .member li:nth-of-type(4){animation-delay: 0.6s;}
#interview_re .member img{border: 5px solid #0086d9;border-radius: 50%;}
#interview_re .member p.name{font-size: 20px;font-weight: 500;margin-top: 10px;}
#interview_re .member p.name + p{margin-top: 10px;text-align: left;}

@media only screen and (min-width: 769px) {
#interview_re .member li{width: 33%;}
}
@media only screen and (max-width: 768px) {
#interview_re .member_lead{padding: 40px 0 0;font-size: 17px;}
#interview_re .member_lead + p{margin-top: 15px;padding: 0 20px;}

#interview_re .member{margin: 30px auto 100px;padding: 0 20px;}
#interview_re .member li{width: 43%;display: flex;flex-direction: column;align-items: center;}
#interview_re .member li:nth-of-type(n+3){margin-top: 20px;}
#interview_re .member li:nth-of-type(3){animation-delay: 0s;}
#interview_re .member li:nth-of-type(4){animation-delay: 0.2s;}
#interview_re .member p.name{font-size: 17px;margin-top: 5px;}
#interview_re .member p.name + p{margin-top: 5px;text-align: left;}
}

/* 黄色帯 */
#interview_re.interview05 .yellow_m_l,
#interview_re.interview05 .yellow_m_r{top:-40px;}
#interview_re.interview05 .yellow_m_l h2,
#interview_re.interview05 .yellow_m_r h2{padding: 18px 60px 23px 60px;}
#interview_re.interview05 .yellow_m_l h2 span,
#interview_re.interview05 .yellow_m_r h2 span{font-size: 50px;letter-spacing: 0;font-family:'Noto Sans JP',sans-serif;font-weight: 500;}

@media only screen and (max-width: 768px) {
#interview_re.interview05 .yellow_m_l,
#interview_re.interview05 .yellow_m_r{top:-30px;}
#interview_re.interview05 .yellow_m_l h2{padding: 10px 15px 12px 0;}
#interview_re.interview05 .yellow_m_r h2{padding: 10px 0 12px 15px;}
#interview_re.interview05 .yellow_m_l h2 span,
#interview_re.interview05 .yellow_m_r h2 span{font-size: 6.7vw;letter-spacing: 0;}
}


/* 吹き出し */
#interview_re .zadankai_blue{background: linear-gradient(to left, #0086d9 0%,#0086d9 50%,transparent 50%,transparent 100%);}
#interview_re .z_contents{padding: 110px 60px 120px;}
#interview_re .z_contents dl{flex-wrap: wrap;}
#interview_re .z_contents dt img{border: 5px solid #0086d9;border-radius: 50%;}
#interview_re .z_contents dt:nth-of-type(n+2),
#interview_re .z_contents dd:nth-of-type(n+2){margin-top: 30px;}
#interview_re .z_contents dd{padding: 25px 35px;width: calc(100% - 210px);text-align: left;}
#interview_re .z_contents dd p{line-height: 1.8;}
#interview_re .fukidashi_wh dd{background: #fff;animation-name: fadeInLeft_s;}
#interview_re .fukidashi_wh dd::before{content: "";position: absolute; top: 50px;left: -45px;border-style: solid;border-width: 15px 45px 15px 0;border-color: transparent #ffffff transparent transparent;}
#interview_re .fukidashi_blue{margin-top: 30px;}
#interview_re .fukidashi_blue:first-of-type{margin-top: 0;}
#interview_re .fukidashi_blue dd{background: #0086d9;color:#fff;animation-name: fadeInRight_s;}
#interview_re .fukidashi_blue dd::before{content: "";position: absolute; top: 50px;right: -45px;border-style: solid;border-width: 15px 0 15px 45px;border-color: transparent transparent transparent #0086d9;}

@media only screen and (max-width: 768px) {
#interview_re .z_contents{padding: 50px 20px 60px;}
#interview_re .z_contents dt:nth-of-type(n+2),
#interview_re .z_contents dd:nth-of-type(n+2){margin-top: 25px;}
#interview_re .z_contents dt{width: 100%;text-align: center;}
#interview_re .z_contents dt img{width: 33%;}
#interview_re .z_contents dd{padding: 15px 15px;width: 100%;text-align: left;margin-top: 25px;line-height: 1.8;}
#interview_re .fukidashi_wh dd{animation-name:fadeInDown;}
#interview_re .fukidashi_wh dd::before{top: -25px;left: 47%;border-style: solid;border-width:0 10px 25px 10px;border-color: transparent transparent #ffffff transparent;}
#interview_re .fukidashi_blue{margin-top: 20px;}
#interview_re .fukidashi_blue dd::before{ top: -25px;left: 47%;right: auto;border-style: solid;border-width:0 10px 25px 10px;border-color: transparent transparent #0086d9 transparent;}
#interview_re .fukidashi_blue dd{order: 1;animation-name:fadeInDown;}
}

/* 他のメンバーへのボタン */
#interview_re #other .other_btn.iv0506{padding: 150px 100px 0;flex-wrap: wrap;}
#interview_re #other .other_btn.iv0506 a{width: 46%;}
#interview_re #other .other_btn.iv0506 a:nth-of-type(n+3){margin-top: 40px;}
#interview_re #other .other_btn.iv0506 img{float: right;}
#interview_re #other .other_btn.iv0506 a .btn_copy{left: 12%;top:15%;}
#interview_re #other .other_btn.iv0506 a .reki{font-size: 25px;color: #fff;}
#interview_re #other .other_btn.iv0506 a .name{font-size: 24px;color: #fff;}
#interview_re #other .other_btn.iv0506 a .syozoku{font-size: 25px;color: #fcff00;}
#interview_re #other .other_btn.iv0506 a:nth-of-type(3){animation-delay: 0s;}
#interview_re #other .other_btn.iv0506 a:nth-of-type(4){animation-delay: 0.2s;}

@media only screen and (max-width: 768px) {
#interview_re #other .other_btn.iv0506{padding: 80px 20px 0;flex-wrap: wrap;}
#interview_re #other .other_btn.iv0506 a{width: 48%;}
#interview_re #other .other_btn.iv0506 a::before{width: calc(100% - 20px);height: calc(100% - 20px);border: 2px solid #fff;top:8px;left: 8px;}
#interview_re #other .other_btn.iv0506 a .btn_copy{left: 12%;top:25%;}
#interview_re #other .other_btn.iv0506 a .reki{font-size: 3vw;}
#interview_re #other .other_btn.iv0506 a .name{font-size: 2.2vw;}
#interview_re #other .other_btn.iv0506 a .syozoku{font-size: 2vw;}
#interview_re #other .other_btn.iv0506 a .readmore{font-size: 3vw;color: #fff;bottom: 10%;left: 12%;z-index: 2;}
#interview_re #other .other_btn.iv0506 a .readmore::after{content: "";width: 20px;height: 9px;display: inline-block;background: url("../../common/img/readmore_arr.png");margin-left: 0.5em;background-size: cover;}
#interview_re #other .other_btn.iv0506 a:nth-of-type(n+3){margin-top: 15px;}
}

/*|||||||| 人事部インタビュー ||||||||*/
#interview_re.interview06 .breadcrumb{color:#000;}
#interview_re.interview06 .breadcrumb a{color:#000;}
#interview_re .jinji_lead{text-align: center;margin: 70px 0 60px;}

#interview_re #jinji_interview{margin-top: 90px;}
#interview_re #jinji_interview h2{color:#0086d9;font-size: 100px;text-align: center;font-weight: 600;family: 'Roboto', sans-serif;line-height: 0.8;}
#interview_re #jinji_interview .wrap1200{padding:80px 60px 120px;}

#interview_re .jinji_interview_item{flex-wrap: wrap;padding: 0 60px;}
#interview_re .jinji_interview_item li{width: 46%;}
#interview_re .jinji_interview_item li:nth-of-type(n+3){margin-top: 40px;}
#interview_re .jinji_interview_item h3 + p{color:#fff;margin-top: 20px;line-height: 1.8;}
#interview_re .jinji_interview_item li:last-of-type{width: 100%;margin-top: 40px;border-top:2px solid #fff;padding-top: 40px;}
#interview_re .jinji_interview_item h4{color:#fff;font-size: 22px;margin-top: 20px;}
#interview_re .jinji_interview_item h4 + p{color:#fff;margin-top: 5px;line-height: 1.8;}

@media only screen and (max-width: 768px) {
#interview_re .jinji_lead{margin: 40px 0 30px;padding: 0 20px;text-align: left;}

#interview_re #jinji_interview{margin-top: 50px;}
#interview_re #jinji_interview h2{font-size: 33px;}
#interview_re #jinji_interview .wrap1200{padding:40px 20px 80px;}

#interview_re .jinji_interview_item{flex-wrap: wrap;padding: 0 0;}
#interview_re .jinji_interview_item li{width: 100%;}
#interview_re .jinji_interview_item li:nth-of-type(n+2){margin-top: 20px;}
#interview_re .jinji_interview_item h3 + p{margin-top: 10px;}
#interview_re .jinji_interview_item li:last-of-type{width: 100%;margin-top: 30px;padding-top: 30px;}
#interview_re .jinji_interview_item h4{font-size: 16px;margin-top: 20px;}
#interview_re .jinji_interview_item h4 + p{margin-top: 5px;}
}

/* 251121 Add */
.fc_yellow {
	color: #fcff00;
}