@charset "UTF-8";
#interview .main { padding: 60px 0 180px; }
#interview .mainimg-sec { background-color: #e8f1fb; }
#interview .mainimg-sec .inner { background: url("../img/interview/idx/main_bg001.png") no-repeat right top; }
@media screen and (max-width: 980px) { #interview .mainimg-sec .inner { background-size: 100% auto; } }
@media screen and (max-width: 750px) { #interview .mainimg-sec .inner { background-size: 90% auto; } }
#interview .mainimg-sec .mainimg-ttl { padding: 65px 0 50px; }
@media screen and (max-width: 980px) { #interview .mainimg-sec .mainimg-ttl { padding: 40px 0; } }
@media screen and (max-width: 750px) { #interview .mainimg-sec .mainimg-ttl { padding: 20px 0; } }
#interview .mainimg-sec .mainimg-ttl .mainimg-heading { margin-bottom: 10px; font-size: 2.5rem; font-weight: 700; color: #646464; letter-spacing: 2px; }
@media screen and (max-width: 750px) { #interview .mainimg-sec .mainimg-ttl .mainimg-heading { font-size: 1.875rem; } }
#interview .mainimg-sec .mainimg-ttl .mainimg-subheading { font-size: 1.625rem; font-weight: 700; color: #1f3998; letter-spacing: 2px; }
#interview .back-btn { max-width: 255px; }
#interview .back-btn a { display: block; padding: 10px 20px; text-decoration: none; background: #1f3998 url("../img/common/back_i002.png") no-repeat left 20px center; font-size: 1.25rem; text-align: center; color: #fff; font-weight: 400; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }
#interview .back-btn a:hover { opacity: 0.7; }

/*　トップ　*/
.interview-top { margin-bottom: 190px; padding-top: 70px; }
.interview-top .interview-top-heading { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e3e8ed; font-size: 1.625rem; font-weight: 500; text-align: center; }
.interview-top .interview-top-list { display: flex; flex-wrap: wrap; }
.interview-top .interview-top-list li { width: 31.5%; margin-right: 2.5%; margin-bottom: 85px; background-color: #f1f3f6; }
@media screen and (max-width: 750px) { .interview-top .interview-top-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
.interview-top .interview-top-list li:nth-child(3n) { margin-right: 0; }
.interview-top .interview-top-list li a { text-decoration: none; }
.interview-top .interview-top-list li a:hover figure { opacity: 0.7; }
.interview-top .interview-top-list li dl { padding: 35px 25px; }
.interview-top .interview-top-list li dl dt { margin-bottom: 20px; font-size: 1.125rem; font-weight: 300; }
.interview-top .interview-top-list li dl dd { font-weight: 300; }
.interview-top .pager { display: flex; justify-content: center; align-items: center; }
.interview-top .pager ol { display: flex; justify-content: center; margin: 0 40px; }
.interview-top .pager ol li { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 10px; background-color: #1f3998; color: #fff; font-weight: 300; }
.interview-top .pager ol li:last-child { margin-right: 0; }
.interview-top .pager ol li a { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; height: 100%; background-color: #d6dee5; color: #000; }
.interview-top .pager ol li a:hover { background-color: #1f3998; }

/* detail */
.interview-heading { width: 100%; max-width: 130px; margin: 0 auto 50px; padding: 5px; border: 1px solid #1f3998; color: #1f3998; text-align: center; line-height: 1; }

.interview_detail { font-weight: 300; }
.interview_detail .detail-box { margin-bottom: 40px; padding-bottom: 80px; border-bottom: 1px solid #e3e8ed; }
.interview_detail .detail-heading { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #000; font-size: 2rem; text-align: center; font-weight: 500; }
@media screen and (max-width: 750px) { .interview_detail .detail-heading { font-size: 1.375rem; } }
.interview_detail .detail-subheading { margin-bottom: 50px; padding: 25px; background-color: #eff5fc; font-size: 1.625rem; text-align: center; font-weight: 500; }
@media screen and (max-width: 750px) { .interview_detail .detail-subheading { font-size: 1.25rem; } }
.interview_detail .detail-txtheading { margin-bottom: 45px; padding-bottom: 50px; border-bottom: 1px solid #1f3998; font-size: 1.375rem; font-weight: 500; }
.interview_detail .detail-q-name { display: flex; align-items: center; margin-bottom: 45px; padding-bottom: 50px; border-bottom: 1px solid #1f3998; }
@media screen and (max-width: 750px) { .interview_detail .detail-q-name { display: block; } }
.interview_detail .detail-q-name p { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 120px; height: 68px; margin-right: 25px; padding: 5px 10px; font-size: 1.125rem; font-weight: 700; color: #fff; line-height: 1; text-align: center; }
@media screen and (max-width: 750px) { .interview_detail .detail-q-name p { position: relative; max-width: 100%; height: auto; margin-right: 0; margin-bottom: 20px; padding: 10px; font-size: 1rem; background-size: 100% auto; }
  .interview_detail .detail-q-name p::before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; } }
.interview_detail .detail-q-name p.detail-q-name-01 { background: #1f3998 url("../img/interview/name_bg001.png") no-repeat left center; }
@media screen and (max-width: 750px) { .interview_detail .detail-q-name p.detail-q-name-01 { background-image: none; background-color: #1f3998; }
  .interview_detail .detail-q-name p.detail-q-name-01::before { border: 15px solid transparent; border-top: 15px solid #1f3998; } }
.interview_detail .detail-q-name p.detail-q-name-02 { background: #007569 url("../img/interview/name_bg002.png") no-repeat left center; }
@media screen and (max-width: 750px) { .interview_detail .detail-q-name p.detail-q-name-02 { background-image: none; background-color: #007569; }
  .interview_detail .detail-q-name p.detail-q-name-02::before { border: 15px solid transparent; border-top: 15px solid #007569; } }
.interview_detail .detail-q-name .detail-txtheading { flex: 1; margin: 0; padding: 0; border: none; }
.interview_detail .detail-main-fig { margin-bottom: 50px; }
.interview_detail .detail-main-staff { margin-bottom: 145px; }
@media screen and (max-width: 750px) { .interview_detail .detail-main-staff { margin-bottom: 80px; } }
.interview_detail .detail-main-staff ul:first-child { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e3e8ed; }
.interview_detail .detail-main-staff ul li { display: flex; justify-content: space-between; margin-bottom: 65px; }
@media screen and (max-width: 750px) { .interview_detail .detail-main-staff ul li { display: block; } }
.interview_detail .detail-main-staff ul li:last-child { margin-bottom: 0; }
.interview_detail .detail-main-staff ul li figure { width: 130px; height: 130px; margin-right: 20px; }
@media screen and (max-width: 750px) { .interview_detail .detail-main-staff ul li figure { width: 100%; margin-right: 0; margin-bottom: 20px; text-align: center; } }
.interview_detail .detail-main-staff ul li figure img { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; }
.interview_detail .detail-main-staff ul li .detail-main-staff-box { width: 83.5%; }
@media screen and (max-width: 750px) { .interview_detail .detail-main-staff ul li .detail-main-staff-box { width: 100%; } }
.interview_detail .detail-main-staff ul li .detail-main-staff-box .detail-main-staff-name { font-size: 1.375rem; font-weight: 500; }
.interview_detail .detail-main-staff ul li .detail-main-staff-box .detail-main-staff-txt { font-weight: 300; }
.interview_detail .detail-main-staff ul li .detail-main-staff-box .detail-main-staff-lead { margin-top: 20px; font-size: 1.125rem; font-weight: 300; }
.interview_detail .detail-lead { margin-bottom: 60px; font-size: 1.125rem; line-height: 1.8; }
.interview_detail .detail-fig-2 { display: flex; margin-bottom: 30px; }
.interview_detail .detail-fig-2 li { width: 48%; margin-right: 4%; }
.interview_detail .detail-fig-2 li:nth-child(2n) { margin-right: 0; }
.interview_detail .detail-fig-3 { display: flex; margin-bottom: 30px; }
.interview_detail .detail-fig-3 li { width: 30.8%; margin-right: 3.8%; }
.interview_detail .detail-fig-3 li:nth-child(3n) { margin-right: 0; }
.interview_detail .detail-fig-4 { display: flex; margin-bottom: 30px; }
.interview_detail .detail-fig-4 li { width: 23.2%; margin-right: 2.4%; }
.interview_detail .detail-fig-4 li:nth-child(4n) { margin-right: 0; }
.interview_detail .detail-txt-box { display: flex; justify-content: space-between; margin-bottom: 70px; }
@media screen and (max-width: 750px) { .interview_detail .detail-txt-box { display: block; } }
.interview_detail .detail-txt-box.detail-txt-box-r { flex-direction: row-reverse; }
.interview_detail .detail-txt-box figure { width: 48%; }
@media screen and (max-width: 750px) { .interview_detail .detail-txt-box figure { width: 100%; margin-bottom: 20px; } }
.interview_detail .detail-txt-box p { width: 48%; font-size: 1.125rem; line-height: 1.8; }
@media screen and (max-width: 750px) { .interview_detail .detail-txt-box p { width: 100%; } }
.interview_detail .detail-link li { margin-bottom: 15px; padding-left: 20px; background: url("../img/common/arrow_b_i001.png") no-repeat left center; font-size: 1.125rem; }
.interview_detail .detail-link li:last-child { margin-bottom: 0; }
.interview_detail .detail-link li a { padding-right: 30px; color: #0000ff; }
.interview_detail .detail-link li .pdf { background: url("../img/common/pdf_i001.png") no-repeat right center; }
.interview_detail .detail-link li .target { background: url("../img/common/link_i002.png") no-repeat right center; }

/*# sourceMappingURL=interview.css.map */