.font-en { font-family: 'Roboto', sans-serif; }

.font-mp { font-family: 'M PLUS 1p', sans-serif; }

.font-min { font-family: 'Zen Kurenaido', sans-serif; }

.exam-txt { margin-top: 65px; text-align: center; }
@media screen and (max-width: 640px) { .exam-txt { margin-top: 40px; } }

.exam-con { padding: 35px; background: linear-gradient(to right, #204b8f, #112540); }
@media screen and (max-width: 640px) { .exam-con { padding: 15px; } }
.exam-con .exam-in { padding: 25px 65px 135px; background: url("../img/exam/exam_bg001.png") no-repeat center top; background-size: cover; }
.exam-con .exam-in.answer { padding-bottom: 45px; }
@media screen and (max-width: 960px) { .exam-con .exam-in { padding: 20px 40px 80px; } }
@media screen and (max-width: 640px) { .exam-con .exam-in { padding: 20px 20px 60px; } }
.exam-con .exam-topheading { width: 61.3861386139%; margin: 0 auto 70px; }
@media screen and (max-width: 640px) { .exam-con .exam-topheading { width: 100%; } }
.exam-con .exam-toptxt { width: 55.7425742574%; margin: 0 auto 75px; }
@media screen and (max-width: 640px) { .exam-con .exam-toptxt { width: 100%; } }
.exam-con .exam-topmenu { display: flex; justify-content: center; }
.exam-con .exam-topmenu li { width: 22.3762376238%; margin-right: 2.9702970297%; }
.exam-con .exam-topmenu li:last-child { margin-right: 0; }
.exam-con .detail-ttl { display: flex; align-items: center; justify-content: space-around; margin-bottom: 25px; }
.exam-con .detail-ttl .detail-ttl-icon { margin: 0 10px; }
.exam-con .detail-con { position: relative; padding: 60px 70px; background-color: #fff; border-radius: 10px; }
@media screen and (max-width: 960px) { .exam-con .detail-con { padding: 40px; } }
@media screen and (max-width: 640px) { .exam-con .detail-con { padding: 20px; } }
.exam-con .exam-icon { position: absolute; top: 0; left: 50%; }
.exam-con .exam-icon.exam-correc { width: 34.8837209302%; margin-top: 4.6511627907%; margin-left: -17.4418604651%; }
@media screen and (max-width: 960px) { .exam-con .exam-icon.exam-correc { width: 58.1395348837%; margin-top: 23.2558139535%; margin-left: -29.0697674419%; } }
@media screen and (max-width: 640px) { .exam-con .exam-icon.exam-correc { margin-top: 46.511627907%; } }
.exam-con .exam-icon.exam-missing { width: 26.7441860465%; margin-top: 9.3023255814%; margin-left: -13.3720930233%; }
@media screen and (max-width: 960px) { .exam-con .exam-icon.exam-missing { width: 58.1395348837%; margin-top: 23.2558139535%; margin-left: -29.0697674419%; } }
@media screen and (max-width: 640px) { .exam-con .exam-icon.exam-missing { margin-top: 46.511627907%; } }
.exam-con .detail-faq-ttl { margin-bottom: 75px; }
@media screen and (max-width: 640px) { .exam-con .detail-faq-ttl { margin-bottom: 40px; } }
.exam-con .detail-faq-ttl dl { display: flex; align-items: flex-start; justify-content: space-between; }
@media screen and (max-width: 960px) { .exam-con .detail-faq-ttl dl { display: block; } }
.exam-con .detail-faq-ttl dl dt { display: flex; align-items: center; justify-content: center; width: 115px; height: 115px; margin-right: 35px; border: 3px solid #ffa52f; background: linear-gradient(to bottom right, #fff7af, #ffd53f); border-radius: 10px; }
@media screen and (max-width: 960px) { .exam-con .detail-faq-ttl dl dt { margin: 0 auto 30px; } }
.exam-con .detail-faq-ttl dl dd { flex: 1; line-height: 2; }
@media screen and (max-width: 640px) { .exam-con .detail-faq-ttl dl dd { line-height: 1.8; } }
.exam-con .detail-faq-question ul li, .exam-con .detail-faq-answer ul li { margin-bottom: 20px; padding: 25px 20px; border: 1px solid #262626; border-radius: 10px; font-size: 1.375rem; text-align: center; cursor: pointer; line-height: 1; }
@media screen and (max-width: 640px) { .exam-con .detail-faq-question ul li, .exam-con .detail-faq-answer ul li { padding: 20px; } }
.exam-con .detail-faq-question ul li span, .exam-con .detail-faq-answer ul li span { margin-right: 1em; }
.exam-con .detail-faq-question ul li:last-child, .exam-con .detail-faq-answer ul li:last-child { margin-bottom: 0; }
.exam-con .detail-faq-question ul li:hover, .exam-con .detail-faq-answer ul li:hover { background-color: #fef4b8; }
.exam-con .detail-faq-question ul li a, .exam-con .detail-faq-answer ul li a { display: block; text-decoration: none; }
.exam-con .detail-faq-answer li { background-color: #fef4b8; cursor: default !important; }
.exam-con .detail-answer-box { display: flex; align-items: center; justify-content: space-between; margin-top: 50px; padding-top: 40px; border-top: 1px solid #ddd; }
@media screen and (max-width: 640px) { .exam-con .detail-answer-box { display: block; } }
.exam-con .detail-answer-box figure { width: 23.2558139535%; text-align: center; }
@media screen and (max-width: 640px) { .exam-con .detail-answer-box figure { margin: 0 auto 30px; } }
.exam-con .detail-answer-box dl { flex: 1; }
.exam-con .detail-answer-box dl dt { margin-bottom: 20px; font-size: 1.375rem; }
.exam-con .detail-answer-box dl dd { line-height: 1.8; }
.exam-con .exam-btn { width: 100%; max-width: 360px; margin: 40px 0 0 auto; }
.exam-con .exam-btn.exam-home-btn { margin: 50px auto 0; }
.exam-con .exam-btn.exam-home-btn a { background: radial-gradient(#437eca, #175b9d); }
.exam-con .exam-btn.exam-home-btn a::before { display: none; }
.exam-con .exam-btn a { position: relative; display: block; text-decoration: none; padding: 25px 20px; border: 2px solid #fff; font-size: 1.375rem; text-align: center; color: #fff; border-radius: 10px; line-height: 1; }
.exam-con .exam-btn a::before { content: ''; position: absolute; top: 50%; right: 0; width: 14px; height: 15px; margin-top: -7px; margin-right: 30px; background: url("../img/exam/arrow_i001.png") no-repeat right center; }
.exam-con .exam-btn a.exam-step { background: radial-gradient(#437eca, #175b9d); }
.exam-con .exam-btn a.exam-result { background: radial-gradient(#7a62b7, #5e2fd0); }
.exam-con .result-txt { margin-bottom: 110px; font-size: 1.375rem; }
@media screen and (max-width: 640px) { .exam-con .result-txt { margin-bottom: 60px; } }
.exam-con .result-laed { margin-bottom: 100px; font-size: 3.25rem; text-align: center; font-weight: 400; color: #ff0061; }
@media screen and (max-width: 640px) { .exam-con .result-laed { margin-bottom: 60px; } }
.exam-con .result-table { width: 100%; table-layout: fixed; line-height: 1; }
.exam-con .result-table tr th { padding: 25px 10px; border: 1px solid #ddd; background-color: #fef4b8; font-size: 1.875rem; text-align: center; }
@media screen and (max-width: 640px) { .exam-con .result-table tr th { font-size: 1.5rem; } }
.exam-con .result-table tr td { padding: 30px 10px; border: 1px solid #ddd; text-align: center; }

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