﻿#career_mv{ background-position: center top; background-size: cover; width: 100%; height: calc(100vh - 170px); min-height: 480px; position: relative;}
#career_mv .career_mv_tit{ display: flex; flex-direction: column; color: #fff; position: absolute; left: 0; top: 170px; background: rgba(0,0,0,0.5); padding: 20px;}
#career_mv .career_mv_tit h1{ padding: 0 0 10px; border-bottom: 1px solid #fff; font-size: 1.8rem; text-align: center;}
#career_mv .career_mv_tit p{ padding: 10px 40px 0; font-size: 1.2rem; text-align: center;}
@media screen and (max-width: 768px){
#career_mv{ height: calc(100vh - 12.5vw); min-height: 100vw;}
#career_mv .career_mv_tit{ top: auto; bottom: 12.5vw; padding: 3.75vw;}
#career_mv .career_mv_tit h1{ padding: 0 0 2.5vw; font-size: 1.7rem;}
#career_mv .career_mv_tit p{ padding: 2.5vw 3.75vw 0; font-size: 1.2rem;}
}

.careers_interview_cont{ margin: 80px 0;}
.careers_interview_cont.mt0{ margin-top: 0;}
.careers_interview_cont h2{ font-size: 1.25rem; margin-bottom: 20px;}
.careers_interview_cont p{ font-size: 0.75rem; text-align: justify;}
@media screen and (max-width: 768px){
.careers_interview_cont{ margin: 15% 0;}
.careers_interview_cont h2{ font-size: 1.2rem; margin-bottom:5%;}
.careers_interview_cont p{ font-size: 0.8rem;}
}

.careers_interview_cont dl{ margin: 80px auto; display: flex; justify-content: space-between;}
.careers_interview_cont dl.even{ flex-direction: row-reverse;}
.careers_interview_cont dl dt{ width: 40%;}
.careers_interview_cont dl dd{ width: calc(60% - 40px);}
@media screen and (max-width: 768px){
.careers_interview_cont dl{ margin: 10% auto; display: block;}
.careers_interview_cont dl dt{ width: 100%; margin-bottom: 7.5%;}
.careers_interview_cont dl dd{ width: 100%;}
}

.careers_interview_cv{ background: #FAFAFA; padding: 60px 10px; text-align: center; margin: 0; position: relative;}
.careers_interview_cv:before{ content: ""; width: 100px; height: 100%; background: #FAFAFA; position: absolute; left: -90px; top: 0;}
.careers_interview_cv:after{ content: ""; width: 100px; height: 100%; background: #FAFAFA; position: absolute; right: -90px; top: 0;}
.careers_interview_cv h3{ display: flex; flex-direction: column; font-size: 1rem; margin-bottom: 40px;}
.careers_interview_cv h3 strong{ position: relative; margin-bottom: 0.5em; padding-bottom: 0.5em;}
.careers_interview_cv h3 strong:after{ content: ""; width: 2em; height: 1px; background: #333; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
.careers_interview_cv h4{ font-size: 1.6rem;}
@media screen and (max-width: 768px){
.careers_interview_cv{ padding: 10% 1.25vw;}
.careers_interview_cv:before{ width: 10vw; left: -8.75vw;}
.careers_interview_cv:after{ width: 10vw; right: -8.75vw;}
.careers_interview_cv h3{ font-size: 1rem; margin-bottom: 5%;}
.careers_interview_cv h4{ font-size: 1.2rem;}
}

.careers_interview_cv .btn_entry{ display: flex; align-items: center; justify-content: center; margin: 40px auto 0;}
.careers_interview_cv .btn_entry a{ display: flex; align-items: center; justify-content: center; border: 1px solid #A59F98; background: #A59F98; color: #fff; font-size: 1rem; line-height: 1em; padding: 0.75em 1.5em; border-radius: 4px; transition: 0.3s;}
.careers_interview_cv .btn_entry a i{ margin-left: 1em; font-size: 75%;}
.careers_interview_cv .btn_entry a:hover{ opacity: 0.7;}
@media screen and (max-width: 768px){
.careers_interview_cv .btn_entry{ margin: 7.5% auto 0;}
.careers_interview_cv .btn_entry a{ font-size: 1rem;}
}

.careers_interview_list h3{ font-size: 1.4rem; border-bottom: 1px solid #333; margin-bottom: 40px;}
.careers_interview_list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin: -20px 0 -20px -20px;}
.careers_interview_list ul li{ width: calc(33.33% - 40px); margin: 20px;}
.careers_interview_list ul li figure{ margin-bottom: 20px;}
.careers_interview_list ul li h4{ font-size: 1rem; line-height: 1em;}
.careers_interview_list ul li a{ display: block; transition: 0.3s;}
.careers_interview_list ul li a:hover{ opacity: 0.7;}
@media screen and (max-width: 768px){
.careers_interview_list h3{ font-size: 1.2rem; margin-bottom: 7.5%;}
.careers_interview_list ul{ width: calc(100% + 5vw); margin: -2.5vw 0 -2.5vw -2.5vw;}
.careers_interview_list ul li{ width: calc(50% - 5vw); margin: 2.5vw;}
.careers_interview_list ul li figure{ margin-bottom: 5%;}
.careers_interview_list ul li h4{ font-size: 0.9rem;}
}