@charset "UTF-8";
.guideline-nav { padding-block: 120px; }
@media screen and (max-width: 750px) { .guideline-nav { padding-block: 60px; } }
.guideline-nav ul { display: flex; flex-wrap: wrap; gap: 15px 0.9285714286%; }
@media screen and (max-width: 960px) { .guideline-nav ul { gap: 15px 0; justify-content: space-between; } }
.guideline-nav ul li { width: 18.5714285714%; }
@media screen and (max-width: 960px) { .guideline-nav ul li { width: 48.5%; height: 4.5em; } }
.guideline-nav ul li a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 20px 30px; height: 100%; background: #F5F4EE url("../img/common/ico_arrow_b.svg") no-repeat right 15px center; background-size: 13px auto; font-size: 1.8rem; font-weight: 700; border-radius: 50px; }
@media screen and (max-width: 750px) { .guideline-nav ul li a { padding-inline: 2rem; background-position: right 0.8rem center; background-size: 1rem auto; font-size: 1.4rem; } }
.guideline-nav ul li a:hover { background-color: #DA3925; background-image: url("../img/common/ico_arrow_w_b.svg"); color: #fff; }

@media screen and (max-width: 960px) { .guideline-program { padding-bottom: 60px; } }
.guideline-program .program-con { display: flex; justify-content: space-between; flex-direction: row-reverse; gap: 40px 6.6666666667%; }
@media screen and (max-width: 960px) { .guideline-program .program-con { flex-direction: column; } }
.guideline-program .program-con figure { width: 38.3333333333%; text-align: center; }
@media screen and (max-width: 960px) { .guideline-program .program-con figure { width: 100%; } }
.guideline-program .program-con .program-box { flex: 1; }
.guideline-program .program-con .program-box .c-heading { font-size: 3.4rem; }
@media screen and (max-width: 750px) { .guideline-program .program-con .program-box .c-heading { font-size: 2.6rem; } }
.guideline-program .program-con .program-box .program-txt { margin-bottom: 60px; }
.guideline-program .program-con .program-box .program-link .c-btn { max-width: 500px; margin-inline: auto; padding-right: 5px; text-align: left; }
@media screen and (max-width: 750px) { .guideline-program .program-con .program-box .program-link .c-btn { max-width: 95%; } }

.guideline-about { position: relative; }
.guideline-about .about-fig { position: absolute; }
.guideline-about .about-fig._fig01 { top: 0; left: 0; width: 25.9375%; margin-top: -2.0833333333%; margin-left: 13.5416666667%; }
@media screen and (max-width: 750px) { .guideline-about .about-fig._fig01 { width: 39.7333333333%; margin-top: -4%; margin-left: 4%; } }
.guideline-about .about-fig._fig02 { bottom: 0; right: 0; width: 27.8645833333%; margin-bottom: -2.0833333333%; margin-right: 13.5416666667%; }
@media screen and (max-width: 750px) { .guideline-about .about-fig._fig02 { width: 44.6666666667%; margin-bottom: -6.6666666667%; margin-right: 4%; } }
.guideline-about .about-bg { padding-top: 8.28125%; background: url("../img/common/bg_wave_t.png") no-repeat left top; background-size: 100% auto; }
.guideline-about .about-bg-m { padding: 100px 0 8.3333333333%; background-color: #F6F4ED; }
@media screen and (max-width: 750px) { .guideline-about .about-bg-m { padding: 60px 0; } }
.guideline-about .about-bg-b { padding-bottom: 8.28125%; background: url("../img/common/bg_wave_b02.png") no-repeat left bottom; background-size: 100% auto; }
@media screen and (max-width: 960px) { .guideline-about .about-box .c-table { margin-bottom: 60px; } }
.guideline-about .about-box._box01 { margin-bottom: 120px; }
.guideline-about .about-box._box02 table { margin-bottom: 40px; }
.guideline-about .about-box._box02 table td .about-pdf { width: 100%; max-width: 500px; margin-top: 25px; }
@media screen and (max-width: 750px) { .guideline-about .about-box._box02 table td .about-pdf { max-width: 100%; } }
.guideline-about .about-box._box02 table td .about-pdf a { text-align: left; }
@media screen and (max-width: 750px) { .guideline-about .about-box._box02 table td .about-pdf a { margin-inline: auto; } }
.guideline-about .about-box._box02 .about-txt { margin-bottom: 60px; }
.guideline-about .about-box._box02 .about-link { display: flex; align-items: center; justify-content: center; gap: 20px 1.4285714286%; }
@media screen and (max-width: 750px) { .guideline-about .about-box._box02 .about-link { flex-direction: column; } }
.guideline-about .about-box._box02 .about-link li { width: 31.4285714286%; }
@media screen and (max-width: 1100px) { .guideline-about .about-box._box02 .about-link li { width: 100%; } }
@media screen and (max-width: 750px) { .guideline-about .about-box._box02 .about-link li .c-btn { margin-inline: auto; } }

.guideline-flow { padding: 100px 0 160px; }
@media screen and (max-width: 750px) { .guideline-flow { padding-block: 60px; } }
.guideline-flow .flow-main .flow-arrow { width: 30px; margin: 40px auto; }
@media screen and (max-width: 750px) { .guideline-flow .flow-main .flow-arrow { margin-block: 20px; } }
.guideline-flow .flow-main .flow-box { display: flex; align-items: center; padding: 40px 40px 60px; background-color: #F5F4EE; border-radius: 24px; gap: 40px; }
@media screen and (max-width: 750px) { .guideline-flow .flow-main .flow-box { flex-direction: column; padding: 30px; } }
.guideline-flow .flow-main .flow-box._box03 { align-items: flex-start; }
.guideline-flow .flow-main .flow-box figure { width: 100%; max-width: 180px; }
@media screen and (max-width: 750px) { .guideline-flow .flow-main .flow-box figure { margin: 0 auto; } }
.guideline-flow .flow-main .flow-box figure figcaption { margin-top: 10px; font-size: 2.6rem; font-weight: 700; text-align: center; line-height: 1; }
.guideline-flow .flow-main .flow-box .flow-item { flex: 1; }
.guideline-flow .flow-main .flow-box .flow-item .flow-item-b { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #BBB; }
.guideline-flow .flow-main .flow-box .flow-item .flow-item-b:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.guideline-flow .flow-main .flow-box .flow-item .flow-link { display: flex; gap: 20px 2.2222222222%; }
@media screen and (max-width: 960px) { .guideline-flow .flow-main .flow-box .flow-item .flow-link { flex-direction: column; } }
.guideline-flow .flow-main .flow-box .flow-item .flow-link li { width: 53.3333333333%; }
@media screen and (max-width: 960px) { .guideline-flow .flow-main .flow-box .flow-item .flow-link li { width: 100%; }
  .guideline-flow .flow-main .flow-box .flow-item .flow-link li a { width: 100%; } }
.guideline-flow .flow-main .flow-box .flow-item .flow-link ._flowbtn { padding-right: 5px; text-align: left; font-size: 1.6rem; }
.guideline-flow .flow-main .flow-box .flow-item .flow-list li { margin-bottom: 0.5em; padding-left: 1.5em; text-indent: -1.5em; }
.guideline-flow .flow-main .flow-box .flow-item .flow-list li::before { content: '●'; margin-right: 0.5em; color: #503A93; }
.guideline-flow .flow-main .flow-box .flow-item .flow-list li:last-child { margin-bottom: 0; }

.guideline-faq { padding: 100px 0 160px; background-color: #F6F4ED; }
@media screen and (max-width: 750px) { .guideline-faq { padding-block: 60px; } }
.guideline-faq .faq-main { margin-bottom: 60px; }
.guideline-faq .faq-main .faq-box { margin-bottom: 40px; padding-inline: 50px; background-color: #fff; border-radius: 24px; }
@media screen and (max-width: 750px) { .guideline-faq .faq-main .faq-box { padding-inline: 20px; } }
.guideline-faq .faq-main .faq-box:last-child { margin-bottom: 0; }
.guideline-faq .faq-main .faq-box dl { display: flex; align-items: flex-start; }
.guideline-faq .faq-main .faq-box dl dt { width: 1.5em; font-size: 3.6rem; font-weight: 700; line-height: 0.7; }
@media screen and (max-width: 750px) { .guideline-faq .faq-main .faq-box dl dt { font-size: 2.6rem; } }
.guideline-faq .faq-main .faq-box dl dd { flex: 1; }
.guideline-faq .faq-main .faq-box-q { padding: 30px 50px 30px 0; background: url("../img/common/ico_toggle_o.svg") no-repeat right center; background-size: 40px auto; cursor: pointer; }
@media screen and (max-width: 750px) { .guideline-faq .faq-main .faq-box-q { padding-right: 40px; background-size: 30px auto; } }
.guideline-faq .faq-main .faq-box-q.active { background-image: url("../img/common/ico_toggle_c.svg"); }
.guideline-faq .faq-main .faq-box-q dl dt { color: #503A93; }
.guideline-faq .faq-main .faq-box-a { display: none; padding: 30px 0 80px; border-top: 1px solid #BBB; }
.guideline-faq .faq-contact { width: 100%; max-width: 1000px; margin: 0 auto; padding: 40px; border: 6px solid #CFCFCC; background-color: #fff; }
@media screen and (max-width: 750px) { .guideline-faq .faq-contact { padding: 30px; } }
.guideline-faq .faq-contact dl dt { margin-bottom: 10px; font-size: 1.8rem; font-weight: 700; }

.guideline-pdf { padding: 100px 0 170px; }
@media screen and (max-width: 750px) { .guideline-pdf { padding-block: 60px; } }
.guideline-pdf ul li { margin-bottom: 1.5em; }
.guideline-pdf ul li:last-child { margin-bottom: 0; }

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