@charset "UTF-8";
.interview-ttl { position: relative; }
.interview-ttl .inner { height: 100%; }
.interview-ttl .topicpath { z-index: 999; position: absolute; top: 0; left: 0; width: 100%; background: none !important; }
.interview-ttl .topicpath ol li { color: #fff; }
.interview-ttl .topicpath ol li a { color: #fff; }
.interview-ttl .interview-ttl-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.interview-ttl .interview-ttl-main .interview-ttl-con { position: relative; width: 100%; height: 100%; }
.interview-ttl .interview-ttl-main .pagettl-fukidashi { position: absolute; bottom: 0; left: 0; display: flex; align-items: flex-start; justify-content: center; width: 314px; height: 180px; margin-bottom: 25px; padding-top: 40px; background: url("../img/interview/interview_ttl.png") no-repeat left top; background-size: contain; }
@media screen and (max-width: 980px) { .interview-ttl .interview-ttl-main .pagettl-fukidashi { width: 214px; height: 120px; padding-top: 20px; } }
@media screen and (max-width: 750px) { .interview-ttl .interview-ttl-main .pagettl-fukidashi { width: 230px; height: 130px; padding-top: 30px; } }
.interview-ttl .interview-ttl-main .pagettl-fukidashi .pagettl-h { color: #fff; text-align: center; font-weight: 400; }
@media screen and (max-width: 750px) { .interview-ttl .interview-ttl-main .pagettl-fukidashi .pagettl-h { font-size: 1.2rem; } }
.interview-ttl .interview-ttl-main .pagettl-fukidashi .pagettl-h span { font-size: 2.3rem; font-weight: 700; }
@media screen and (max-width: 750px) { .interview-ttl .interview-ttl-main .pagettl-fukidashi .pagettl-h span { font-size: 1.8rem; } }

.main { padding: 60px 0 135px; }
@media screen and (max-width: 750px) { .main { padding: 8% 0; } }

.interview-lead { display: flex; align-items: flex-end; justify-content: center; margin-bottom: 70px; text-align: center; }
@media screen and (max-width: 750px) { .interview-lead { margin-bottom: 11.7647058824%; font-size: 1.4rem; } }
.interview-lead::before { content: ''; display: inline-block; background: url("../img/interview/txt_l.svg") no-repeat left bottom; width: 22px; height: 22px; margin-right: 1em; }
.interview-lead::after { content: ''; display: inline-block; background: url("../img/interview/txt_r.svg") no-repeat left bottom; width: 22px; height: 22px; margin-left: 1em; }

.interview-list .interview-box { margin-bottom: 35px; border: 1px solid #c0c5ce; border-radius: 1em; }
@media screen and (max-width: 750px) { .interview-list .interview-box { margin-bottom: 4.4117647059%; } }
.interview-list .interview-box.active { margin-bottom: 90px; }
@media screen and (max-width: 750px) { .interview-list .interview-box.active { margin-bottom: 8.8235294118%; } }
.interview-list .interview-box:last-child { margin-bottom: 0; }
.interview-list .interview-box .interview-box-ttl { display: flex; align-items: flex-end; justify-content: space-between; padding: 25px 30px 25px 40px; cursor: pointer; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl { display: block; padding: 5.8823529412% 2.9411764706% 2.9411764706%; } }
.interview-list .interview-box .interview-box-ttl.active .interview-box-ttl-check::before { content: 'インタビューを閉じる'; }
.interview-list .interview-box .interview-box-ttl.active .interview-box-ttl-check .ico::before { content: url("../img/common/ico_toggle_c.svg"); }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main { display: flex; align-items: center; width: 80.1075268817%; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-main { display: block; width: 100%; } }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main figure { width: 16.1073825503%; margin-right: 5.3691275168%; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-main figure { width: 30.7692307692%; margin: 0 auto 4.6153846154%; } }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box { flex: 1; }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-ttl { margin-bottom: 20px; font-size: 2.1rem; font-weight: 700; color: #0d3078; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-ttl { margin-bottom: 10px; font-size: 1.6rem; text-align: center; } }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-txt { margin-bottom: 5px; font-size: 1.7rem; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-txt { font-size: 1.2rem; text-align: center; } }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-dl { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-dl dl { display: flex; align-items: center; }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-dl dl dt { width: 8em; padding-right: 1em; border-right: 1px solid #c0c5ce; font-size: 1.7rem; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-dl dl dt { font-size: 1.2rem; } }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-dl dl dd { flex: 1; padding: 0 1em; font-size: 3.0rem; color: #9999ae; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-main .interview-box-ttl-main-box .interview-box-ttl-main-dl dl dd { font-size: 2.0rem; } }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-check { display: flex; align-items: center; justify-content: flex-end; font-size: 1.4rem; font-weight: 700; color: #0d3078; text-align: right; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-ttl .interview-box-ttl-check { justify-content: center; text-align: center; } }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-check::before { content: 'インタビューを見る'; }
.interview-list .interview-box .interview-box-ttl .interview-box-ttl-check .ico { width: 1.5em; margin-left: 0.5em; }
.interview-list .interview-box .interview-box-con { position: relative; display: none; }
.interview-list .interview-box .interview-box-con .interview-box-con-fig { position: relative; }
.interview-list .interview-box .interview-box-con .interview-box-con-fig figcaption { position: absolute; bottom: 0; left: 0; margin-bottom: 40px; margin-left: 40px; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-fig figcaption { margin-bottom: 4.4117647059%; margin-left: 4.4117647059%; } }
.interview-list .interview-box .interview-box-con .interview-box-con-fig figcaption span { padding: 0.5em 1em; background-color: #fff; font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-fig figcaption span { font-size: 1.6rem; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in { padding: 40px 100px 70px; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in { padding: 14.7058823529% 4.4117647059% 20.5882352941%; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-item { margin-bottom: 60px; }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-item .interview-box-con-item-ttl { display: flex; align-items: center; margin-bottom: 20px; font-size: 2.0rem; font-weight: 400; color: #0d3078; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-item .interview-box-con-item-ttl { display: block; font-size: 1.8rem; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-item .interview-box-con-item-ttl span { margin-right: 0.5em; font-size: 6.0rem; font-weight: 300; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-item .interview-box-con-item-ttl span { display: block; font-size: 4.0rem; line-height: 1; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-item .interview-box-con-item-txt small { font-size: 1.4rem; }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-figlist { display: flex; margin-bottom: 80px; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-figlist { display: block; margin-bottom: 19.0476190476%; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-figlist li { width: 47.5%; margin-right: 5%; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-figlist li { width: 100%; margin-right: 0; margin-bottom: 4.7619047619%; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-figlist li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-figlist li:last-child { margin-bottom: 0; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time { position: relative; margin-bottom: 60px; padding: 60px 70px; background-color: #f4f8fc; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time { margin-bottom: 9.5238095238%; padding: 14.2857142857% 6.3492063492% 11.1111111111%; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-ttl { position: absolute; top: 0; left: 0; margin-top: -0.8em; }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-ttl span { padding: 0.5em 1em; background-color: #bcdefa; font-size: 1.8rem; font-weight: 400; }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list { position: relative; }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list::before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #0d3078; }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl { position: relative; display: flex; align-items: center; margin-bottom: 10px; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl { display: block; margin-bottom: 20px; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl::after { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; background-color: #0d3078; border-radius: 50%; margin-top: 10px; margin-left: -6px; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl::after { margin-top: 6px; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl:first-child::before { content: ''; position: absolute; top: 0; left: 0; width: 1em; height: 1em; margin-left: -6px; margin-top: -6px; background-color: #f4f8fc; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl:first-child::before { margin-top: -4px; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl:last-child { margin-bottom: 0; }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl:last-child::before { content: ''; position: absolute; bottom: 0; left: 0; width: 1em; height: 1em; margin-left: -6px; margin-bottom: -6px; background-color: #f4f8fc; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl:last-child::before { height: 4.1em; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl dt { position: relative; width: 10em; padding-left: 2em; color: #0d3078; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl dt { margin-bottom: 10px; margin-left: 1.5em; padding-left: 0; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl dd { position: relative; flex: 1; padding: 5px 20px; background-color: #fff; font-size: 1.4rem; border-radius: 0.5em; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl dd { padding: 10px 20px; margin-left: 1.5em; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl dd::after { content: ''; position: absolute; top: 50%; left: 0; width: 0; height: 0; margin-top: -6px; margin-left: -6px; border-style: solid; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; border-left: 0; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-time .interview-box-con-time-list dl dd::after { display: none; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-fig02 { margin-bottom: 30px; }
@media screen and (max-width: 750px) { .interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-fig02 { margin-bottom: 6.3492063492%; } }
.interview-list .interview-box .interview-box-con .interview-box-con-in .interview-box-con-notes { text-align: right; }
.interview-list .interview-box .interview-box-con .interview-close { cursor: pointer; position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 170px; margin-left: -85px; padding: 10px; background-color: #0d3078; font-size: 1.8rem; font-weight: 700; text-align: center; color: #fff; border-radius: 2em; transform: translateY(50%); }
.interview-list .interview-box .interview-box-con .interview-close .ico { margin-left: 1em; }

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