@charset "UTF-8";
.font-en { font-family: 'Josefin Sans', sans-serif; font-style: italic; }

.font-num { font-family: 'Ropa Sans', sans-serif; font-style: italic; }

.font-mon { font-family: 'Montserrat', sans-serif; }

._idx .mainttl-sec { padding: 50px 0; }
@media screen and (max-width: 750px) { ._idx .mainttl-sec { padding: 5.3333333333% 0; } }
._idx .mainttl-sec .mainttl-ttl .ico { width: 4.1rem; }
@media screen and (max-width: 750px) { ._idx .mainttl-sec .mainttl-ttl .ico { width: 3.2rem; } }
._idx .top-sec { position: relative; z-index: 1; padding: 55px 0 50px; }
@media screen and (max-width: 750px) { ._idx .top-sec { padding: 40px 0 0; } }
._idx .top-sec .top-in { position: relative; }
._idx .top-sec .top-heading { margin-bottom: 85px; }
@media screen and (max-width: 750px) { ._idx .top-sec .top-heading { margin-bottom: 40px; } }
._idx .top-sec .top-lead { width: 54%; }
@media screen and (max-width: 750px) { ._idx .top-sec .top-lead { width: 100%; margin-bottom: 2em; } }
._idx .top-sec .top-lead p { line-height: 2; }
@media screen and (max-width: 750px) { ._idx .top-sec .top-lead p { font-size: 1.6rem; } }
._idx .top-sec .top-lead p:last-child { margin-top: 20px; padding-left: 1em; text-indent: -1em; font-size: 1.4rem; }
@media screen and (max-width: 750px) { ._idx .top-sec .top-lead p:last-child { font-size: 1.2rem; } }
._idx .top-sec .top-nav { display: none; }
@media screen and (max-width: 750px) { ._idx .top-sec .top-nav { display: block; width: 92.4637681159%; margin: 0 auto 1em; }
  ._idx .top-sec .top-nav li { margin-bottom: 5px; background-color: #a9ebf3; }
  ._idx .top-sec .top-nav li a { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1em 1.5em; color: #283750; font-size: 1.3rem; text-decoration: none; }
  ._idx .top-sec .top-nav li a::after { content: '▼'; display: inline; } }
._idx .top-sec .top-fig { position: absolute; bottom: 0; right: 0; width: 42.6%; margin-right: -30px; margin-bottom: -85px; }
@media screen and (max-width: 1260px) { ._idx .top-sec .top-fig { margin-right: 0; } }
@media screen and (max-width: 750px) { ._idx .top-sec .top-fig { position: static; width: 61.7391304348%; margin: 20px auto 0; transform: translateY(1em); } }
._idx .about-sec { position: relative; padding: 75px 0 90px; background-color: #a9ebf3; }
@media screen and (max-width: 750px) { ._idx .about-sec { padding: 40px 0; } }
._idx .about-sec::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 116px; height: 46px; margin-left: -58px; bottom: -46px; background: url("../img/support/support_i005.png") no-repeat; }
._idx .about-sec .about-con { display: flex; }
@media screen and (max-width: 750px) { ._idx .about-sec .about-con { display: block; } }
._idx .about-sec .about-box { width: 32%; margin-right: 2%; padding: 20px; background-color: #fff; border-radius: 10px; }
@media screen and (max-width: 750px) { ._idx .about-sec .about-box { width: 100%; margin-right: 0; margin-bottom: 40px; } }
._idx .about-sec .about-box:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { ._idx .about-sec .about-box:last-child { margin-bottom: 0; } }
._idx .about-sec .about-box-in { margin-bottom: 30px; }
._idx .about-sec .about-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; text-align: center; }
._idx .about-sec .about-heading { margin-bottom: 20px; font-size: 2.0rem; font-weight: 700; text-align: center; color: #283750; }
@media screen and (max-width: 750px) { ._idx .about-sec .about-heading { font-size: 1.7rem; } }
._idx .about-sec .about-list li { margin-bottom: 1em; padding-left: 35px; background: url("../img/support/support_i004.png") no-repeat left top; font-size: 1.5rem; color: #283750; }
@media screen and (max-width: 750px) { ._idx .about-sec .about-list li { font-size: 1.6rem; } }
._idx .about-sec .about-list li:last-child { margin-bottom: 0; }
._idx .about-sec .about-txt { margin-top: 1em; font-size: 1.5rem; color: #283750; }
@media screen and (max-width: 750px) { ._idx .about-sec .about-txt { font-size: 1.6rem; } }
._idx .about-sec .about-btn a { display: block; text-decoration: none; width: 100%; padding: 20px; background: #283750 url("../img/common/ico_arrow_w.svg") no-repeat right 15px center; background-size: 7px auto; color: #fff; text-align: center; border-radius: 2em; }
._idx .flow-sec .flow-top { padding: 105px 0 15px; }
._idx .flow-sec .flow-top .flow-heading { font-size: 2.6rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-top .flow-heading { font-size: 2.0rem; } }
._idx .flow-sec .flow-step._odd { background-color: #f3f7ff; }
._idx .flow-sec .flow-step .flow-step-con { display: flex; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-con { position: relative; display: block; padding-top: 2em; }
  ._idx .flow-sec .flow-step .flow-step-con::before { content: ''; position: absolute; top: 0; left: 26px; width: 2px; height: 100%; margin-left: -1px; background-color: #c5d8e5; } }
._idx .flow-sec .flow-step .flow-step-num { width: 100%; max-width: 165px; padding: 50px 20px 50px 0; font-size: 10.3rem; font-weight: 700; line-height: 1; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-num { display: flex; justify-content: center; width: 1.6em; max-width: 100%; margin: 0 auto; padding-top: 0; padding-bottom: 0; font-size: 5rem; } }
._idx .flow-sec .flow-step .flow-step-num span { display: inline-block; background: url("../img/common/bg_heading_y.png") repeat-x left bottom 15px; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-num span { padding-bottom: 10px; } }
._idx .flow-sec .flow-step .flow-step-box { flex: 1; display: flex; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box { padding-top: 1em; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-icon { position: relative; width: 52px; padding-top: 50px; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-icon { padding-top: 0; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-icon img { position: relative; }
._idx .flow-sec .flow-step .flow-step-box .flow-step-icon::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #c5d8e5; }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item { flex: 1; padding-top: 60px; padding-bottom: 50px; padding-left: 35px; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item { padding-top: 10px; padding-left: 1em; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-heading { margin-bottom: 30px; font-size: 2.2rem; color: #283750; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-heading { font-size: 1.7rem; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-lead { line-height: 2; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-lead { font-size: 1.5rem; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-lead span { color: #e20000; }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-lead li { padding-left: 0.5em; text-indent: -0.5em; }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item dl { display: flex; align-items: center; margin-bottom: 5px; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item dl { align-items: flex-start; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item dl:last-child { margin-bottom: 0; }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item dl dt { width: 5em; background-color: #a9ebf3; font-size: 1.5rem; text-align: center; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item dl dt { font-size: 1.4rem; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item dl dd { flex: 1; padding-left: 15px; font-size: 1.5rem; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item dl dd { font-size: 1.4rem; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-btn a { display: block; text-decoration: none; max-width: 380px; padding: 20px; background-color: #cbf3f8; color: #1877f2; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-btn a { position: relative; padding: 10px; font-size: 1.4rem; } }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-btn a span { display: inline-flex; align-items: center; }
._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-btn a span::before { content: ''; display: inline-block; width: 7px; height: 15px; margin-right: 0.5em; background: url("../img/common/ico_arrow_bl.svg") no-repeat left center; background-size: contain; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step .flow-step-box .flow-step-box-item .flow-step-btn a span::before { position: absolute; top: 50%; left: 2em; margin-top: -7px; } }
._idx .flow-sec .flow-step._step01 { padding-top: 50px; }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step._step01 { padding-top: 0; } }
@media screen and (max-width: 750px) { ._idx .flow-sec .flow-step._step01 .flow-step-con::before { display: none; } }
._idx .flow-sec .flow-step._step01 .flow-step-num { padding-top: 0; }
._idx .flow-sec .flow-step._step01 .flow-step-box .flow-step-icon { padding-top: 0; }
._idx .flow-sec .flow-step._step01 .flow-step-box .flow-step-box-item { padding-top: 10px; }
._idx .contact-sec { padding: 100px 0 120px; }
@media screen and (max-width: 750px) { ._idx .contact-sec { padding: 40px 0; } }
._idx .contact-sec .contact-con { width: 100%; max-width: 800px; margin: 0 auto; background-color: #cbf3f8; }
._idx .contact-sec .contact-con a { text-decoration: none; display: block; }
._idx .contact-sec .contact-con .contact-heading { padding: 20px; background-color: #283750; font-size: 2.2rem; font-weight: 400; color: #fff; text-align: center; }
@media screen and (max-width: 750px) { ._idx .contact-sec .contact-con .contact-heading { font-size: 1.8rem; } }
._idx .contact-sec .contact-con .contact-box { display: flex; align-items: center; justify-content: center; padding: 35px; }
@media screen and (max-width: 750px) { ._idx .contact-sec .contact-con .contact-box { display: block; } }
._idx .contact-sec .contact-con .contact-box dl { margin-right: 40px; padding-right: 40px; border-right: 1px solid #fff; text-align: center; }
@media screen and (max-width: 750px) { ._idx .contact-sec .contact-con .contact-box dl { margin-right: 0; margin-bottom: 20px; padding-right: 0; border-right: none; } }
._idx .contact-sec .contact-con .contact-box dl dt { margin-bottom: 10px; font-size: 3.9rem; }
@media screen and (max-width: 750px) { ._idx .contact-sec .contact-con .contact-box dl dt { font-size: 3.0rem; } }
._idx .contact-sec .contact-con .contact-box dl dt .ico { width: 0.7em; margin-right: 10px; }
._idx .contact-sec .contact-con .contact-box dl dd { font-size: 1.5rem; }
._idx .contact-sec .contact-con .contact-box p { width: 100%; max-width: 140px; padding: 15px; border: 1px solid #000; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { ._idx .contact-sec .contact-con .contact-box p { margin: 0 auto; } }
._idx .contact-sec .contact-con .contact-box p .ico { margin-right: 0.5em; }

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