@charset "UTF-8";
._idx .matching-order { display: flex; align-items: flex-start; justify-content: flex-end; margin-bottom: 60px; }
._idx .matching-order dt { width: 5em; font-weight: 700; color: #0054B4; }
._idx .matching-order dd { flex: 1; width: 100%; max-width: 110px; }
._idx .matching-list { margin-bottom: 80px; display: flex; flex-wrap: wrap; gap: 50px 2.380952381%; }
@media screen and (max-width: 750px) { ._idx .matching-list { flex-direction: column; } }
._idx .matching-list li { width: 31.746031746%; background-color: #fff; border-radius: 20px; overflow: hidden; }
@media screen and (max-width: 750px) { ._idx .matching-list li { width: 100%; } }
._idx .matching-list li a { display: block; text-decoration: none; }
._idx .matching-list li .matching-list-box { padding: 20px 30px; }
._idx .matching-list li .matching-list-box .matching-list-heading { text-decoration: underline; font-size: 1.8rem; font-weight: 600; }
._idx .matching-list li .matching-list-box p { margin-top: 10px; padding-top: 10px; border-top: 1px solid #D6D6D6; color: #0054B4; }

._detail .section { padding: 0; overflow: hidden; }
._detail .section-in { padding: 30px 40px 80px; }
@media screen and (max-width: 750px) { ._detail .section-in { padding: 40px 5.7142857143%; } }
._detail .matching-ttl { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #000; font-size: 4.0rem; font-weight: 900; }
@media screen and (max-width: 750px) { ._detail .matching-ttl { font-size: 2.4rem; } }
._detail .matching-name { margin-bottom: 20px; font-size: 3.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .matching-name { font-size: 2.0rem; } }
._detail .matching-mainimg figcaption { margin-top: 10px; font-size: 1.4rem; text-align: center; }
._detail .matching-tag { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 80px; }
._detail .matching-tag p { padding: 10px 1em; background-color: #0054B4; color: #fff; border-radius: 5px; line-height: 1; }
@media screen and (max-width: 750px) { ._detail .matching-tag p { font-size: 1.4rem; } }
._detail .matching-lead { width: 100%; max-width: 800px; margin-inline: auto; }
._detail .matching-lead .c-txt { line-height: 2; text-align: center; }
._detail .matching-txtfig { margin-bottom: 50px; }
._detail .matching-txtfig._pattern01, ._detail .matching-txtfig._pattern02 { display: flex; justify-content: space-between; gap: 30px 4.2372881356%; }
@media screen and (max-width: 750px) { ._detail .matching-txtfig._pattern01, ._detail .matching-txtfig._pattern02 { flex-direction: column; } }
._detail .matching-txtfig._pattern01 .txtfig-fig, ._detail .matching-txtfig._pattern02 .txtfig-fig { width: 38.1355932203%; }
@media screen and (max-width: 750px) { ._detail .matching-txtfig._pattern01 .txtfig-fig, ._detail .matching-txtfig._pattern02 .txtfig-fig { width: 100%; } }
._detail .matching-txtfig._pattern02 { flex-direction: row-reverse; }
@media screen and (max-width: 750px) { ._detail .matching-txtfig._pattern02 { flex-direction: column; } }
._detail .matching-txtfig._pattern04 { width: 100%; max-width: 800px; margin: 0 auto 50px; }
._detail .matching-txtfig._pattern04 .txtfig-fig { width: 100%; max-width: 700px; margin: 0 auto 30px; }
._detail .matching-txtfig .txtfig-txt { flex: 1; }
._detail .matching-txtfig .txtfig-txt .txtfig-fukidashi { position: relative; display: flex; align-items: flex-start; margin-bottom: 40px; padding: 20px; background-color: #E1ECF8; font-size: 2.2rem; font-weight: 700; border-radius: 10px; }
@media screen and (max-width: 750px) { ._detail .matching-txtfig .txtfig-txt .txtfig-fukidashi { font-size: 2.0rem; } }
._detail .matching-txtfig .txtfig-txt .txtfig-fukidashi::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; margin-bottom: -20px; margin-left: 30px; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 24px solid #E1ECF8; border-top: 0; transform: rotate(160deg); }
._detail .matching-txtfig .txtfig-txt .txtfig-fukidashi .ico { width: 2.7rem; margin-right: 10px; margin-top: 0.1em; }
._detail .matching-txtfig .txtfig-txt .txtfig-fukidashi p { flex: 1; }
._detail .matching-txtfig .txtfig-txt .txtfig-heading { font-size: 2.2rem; font-weight: 700; color: #0054B4; }
._detail .matching-txtfig .txtfig-txt .txtfig-name { margin-top: 20px; font-size: 1.8rem; font-weight: 700; }
._detail .matching-txtfig .txtfig-txt .txtfig-name::before { content: '●'; margin-right: 0.5em; color: #5AD2FF; }
._detail .matching-txtfig .txtfig-txt .txtfig-lead { margin-top: 10px; }
._detail .matching-schedule { width: 100%; max-width: 1100px; margin: 50px auto 0; border: 1px solid #C8C8C8; border-radius: 10px; overflow: hidden; }
._detail .matching-schedule .schedule-heading { display: flex; align-items: flex-start; column-gap: 10px; padding: 25px 30px; background-color: #F9F9F9; font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .matching-schedule .schedule-heading { font-size: 2.0rem; } }
._detail .matching-schedule .schedule-heading .ico { width: 2.7rem; margin-top: 0.2em; }
._detail .matching-schedule .schedule-heading span { flex: 1; }
._detail .matching-schedule .schedule-main { padding: 30px; }
@media screen and (max-width: 750px) { ._detail .matching-schedule .schedule-main { padding: 30px 20px; } }
._detail .matching-schedule .schedule-list li { position: relative; display: flex; align-items: flex-start; padding-bottom: 20px; }
@media screen and (max-width: 750px) { ._detail .matching-schedule .schedule-list li { flex-direction: column; row-gap: 10px; } }
._detail .matching-schedule .schedule-list li::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; margin-left: 14px; background-color: #0054B4; }
._detail .matching-schedule .schedule-list li:first-child::before { top: 10px; height: calc(100% - 10px); }
._detail .matching-schedule .schedule-list li:last-child { padding-bottom: 0; }
._detail .matching-schedule .schedule-list li:last-child::before { height: 10px; }
._detail .matching-schedule .schedule-list li p { position: relative; display: flex; align-items: center; column-gap: 10px; width: 8em; margin-top: 10px; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .matching-schedule .schedule-list li p { width: 100%; } }
._detail .matching-schedule .schedule-list li p::before { content: ''; display: block; width: 14px; height: 14px; border: 8px solid #0054B4; background-color: #fff; border-radius: 50%; }
._detail .matching-schedule .schedule-list li dl { flex: 1; display: flex; align-items: center; width: 86.5384615385%; padding: 10px 20px; border: 1px solid #C8C8C8; border-radius: 10px; }
@media screen and (max-width: 960px) { ._detail .matching-schedule .schedule-list li dl { display: block; width: 27em; } }
@media screen and (max-width: 750px) { ._detail .matching-schedule .schedule-list li dl { width: calc(100% - 35px); margin-left: 35px; padding-inline: 15px; } }
._detail .matching-schedule .schedule-list li dl dt { flex: 1; font-weight: 700; }
._detail .matching-schedule .schedule-list li dl dd { width: 40em; padding-left: 1em; border-left: 3px solid #0054B4; }
@media screen and (max-width: 960px) { ._detail .matching-schedule .schedule-list li dl dd { width: 100%; margin-top: 10px; padding-top: 10px; padding-left: 0; border-left: none; border-top: 3px solid #0054B4; font-size: 1.4rem; } }
._detail .matching-profile { max-width: 1100px; margin: 50px auto 0; border: 1px solid #0054B4; border-radius: 10px; overflow: hidden; }
._detail .matching-profile .profile-heading { padding: 20px 30px; background-color: #0054B4; color: #fff; font-size: 2.2rem; font-weight: 700; }
._detail .matching-profile .profile-main { display: flex; column-gap: 2.4038461538%; padding: 29px; }
@media screen and (max-width: 750px) { ._detail .matching-profile .profile-main { flex-direction: column; row-gap: 2rem; padding: 2rem; } }
._detail .matching-profile .profile-main figure { width: 24.0384615385%; }
@media screen and (max-width: 750px) { ._detail .matching-profile .profile-main figure { width: 100%; } }
._detail .matching-profile .profile-main .profile-con { flex: 1; }
._detail .matching-profile .profile-main .profile-con .profile-label { display: flex; align-items: center; }
@media screen and (max-width: 750px) { ._detail .matching-profile .profile-main .profile-con .profile-label { display: grid; grid-template-columns: 5em 1fr; } }
._detail .matching-profile .profile-main .profile-con .profile-label .matching-label { margin-right: 20px; padding: 5px; }
@media screen and (max-width: 750px) { ._detail .matching-profile .profile-main .profile-con .profile-label .matching-label { grid-column: 1 / 2; grid-row: 1 / 2; } }
._detail .matching-profile .profile-main .profile-con .profile-label .profile-name { font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .matching-profile .profile-main .profile-con .profile-label .profile-name { grid-column: 2 / 3; grid-row: 1 / 2; } }
._detail .matching-profile .profile-main .profile-con .profile-label .profile-name span { font-size: 2.2rem; }
._detail .matching-profile .profile-main .profile-con .profile-label .profile-kana { padding-top: 5px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { ._detail .matching-profile .profile-main .profile-con .profile-label .profile-kana { grid-column: 2 / 3; grid-row: 2 / 3; padding-top: 0; } }
._detail .matching-profile .profile-main .profile-con .profile-txt { margin-top: 15px; }
._detail .matching-btn { margin-top: 50px; }
._detail .matching-btn a { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; max-width: 500px; margin: 0 auto; padding: 35px 60px 35px 20px; background: #FFD91C url("../img/common/ico_arrow.svg") no-repeat right 60px center; background-size: 7px auto; font-size: 2.2rem; font-weight: 700; border-radius: 10px; }
@media screen and (max-width: 750px) { ._detail .matching-btn a { font-size: 1.4rem; } }
._detail .matching-btn a .ico { width: 2.3rem; margin-right: 10px; }

/*# sourceMappingURL=matching.css.map */
