.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; }

.mainttl-sec { padding: 50px 0; }
@media screen and (max-width: 750px) { .mainttl-sec { padding: 5.3333333333% 0; } }
.mainttl-sec .mainttl-ttl .ico { width: 3.5rem; }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-ttl .ico { width: 2.6rem; } }

._idx .contact-sec { padding: 40px 0 120px; }
@media screen and (max-width: 750px) { ._idx .contact-sec { padding: 40px 0; } }
._idx .contact-sec .contact-box { display: flex; justify-content: space-between; margin-bottom: 20px; padding: 15px 0; background-color: #cbf3f8; }
@media screen and (max-width: 750px) { ._idx .contact-sec .contact-box { display: block; } }
._idx .contact-sec .box-heading { margin-bottom: 10px; font-size: 2.0rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { ._idx .contact-sec .box-heading { font-size: 1.8rem; } }
._idx .contact-sec .box-heading .ico { margin-right: 10px; }
._idx .contact-sec .box-l { display: flex; align-items: center; justify-content: center; width: 50%; padding: 0 35px; border-right: 1px solid #fff; }
@media screen and (max-width: 750px) { ._idx .contact-sec .box-l { width: 100%; margin-bottom: 20px; padding: 0 20px 20px; border-right: none; border-bottom: 1px solid #fff; } }
._idx .contact-sec .box-r { display: flex; align-items: center; justify-content: center; width: 50%; padding: 0 35px; }
@media screen and (max-width: 750px) { ._idx .contact-sec .box-r { display: block; width: 100%; padding: 0 20px; } }
._idx .contact-sec ._box01 .box-l .box-tel { margin-bottom: 10px; font-size: 3.3rem; text-align: center; }
@media screen and (max-width: 750px) { ._idx .contact-sec ._box01 .box-l .box-tel { font-size: 2.8rem; } }
._idx .contact-sec ._box01 .box-l .box-info { font-size: 1.5rem; }
._idx .contact-sec ._box01 .box-r .box-txt { display: flex; font-size: 1.5rem; }
._idx .contact-sec ._box01 .box-r .box-txt dt { width: 6em; }
._idx .contact-sec ._box01 .box-r .box-txt dd { flex: 1; }
._idx .contact-sec ._box01 .box-r .box-lead { margin-top: 1em; font-size: 1.5rem; }
._idx .contact-sec ._box01 .box-r .box-lead dt { font-weight: 700; }
._idx .contact-sec ._box01 .box-r .box-lead dd { flex: 1; }
._idx .contact-sec ._box02 .box-l .box-txt { margin-bottom: 20px; font-size: 1.5rem; text-align: center; }
._idx .contact-sec ._box02 .box-l .box-btn a { display: block; text-decoration: none; padding: 20px; background: #283750 url("../img/common/ico_arrow_w.svg") no-repeat right 15px center; background-size: 6px auto; text-align: center; color: #fff; border-radius: 2em; }
@media screen and (max-width: 750px) { ._idx .contact-sec ._box02 .box-l .box-btn a { padding: 10px; } }
._idx .contact-sec ._box02 .box-r ul { font-size: 1.5rem; }
._idx .contact-sec ._box02 .box-r ul li { margin-bottom: 1em; padding-left: 1em; text-indent: -1em; }
._idx .contact-sec ._box02 .box-r ul li:last-child { margin-bottom: 0; }
._idx .contact-fc { margin-bottom: 130px; padding: 85px 0 120px; background-color: #edf4ff; }
@media screen and (max-width: 750px) { ._idx .contact-fc { margin-bottom: 80px; padding: 40px 0; } }
._idx .contact-fc .fc-heading { margin-bottom: 80px; font-size: 2.6rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { ._idx .contact-fc .fc-heading { margin-bottom: 40px; font-size: 2.0rem; } }
._idx .contact-fc .fc-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { ._idx .contact-fc .fc-list { display: block; } }
._idx .contact-fc .fc-list li { width: 32.2%; margin-right: 1.7%; margin-bottom: 1.8%; }
@media screen and (max-width: 750px) { ._idx .contact-fc .fc-list li { width: 100%; margin-right: 0; margin-bottom: 10px; } }
._idx .contact-fc .fc-list li:nth-child(3n) { margin-right: 0; }
@media screen and (max-width: 750px) { ._idx .contact-fc .fc-list li:last-child { margin-bottom: 0; } }
._idx .contact-fc .fc-list li a { display: flex; align-items: flex-end; text-decoration: none; width: 100%; height: 100%; padding: 20px 20px 55px; background: #fff url("../img/common/ico_link.svg") no-repeat right 20px bottom 15px; background-size: 18px auto; border-radius: 0.5em; }
._idx .contact-fc .fc-list li .fc-list-con { width: 100%; height: 100%; }
._idx .contact-fc .fc-list li .fc-logo { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
._idx .contact-fc .fc-list li dl { width: 100%; }
._idx .contact-fc .fc-list li dl dt { font-weight: 700; color: #283750; }
._idx .contact-fc .fc-list li dl dd { font-size: 1.3rem; color: #283750; }

._form .form-sec { margin-bottom: 120px; padding: 70px 0; background-color: #edf4ff; }
._form .form-sec .form-con { padding: 30px 100px 105px; background-color: #fff; }
@media screen and (max-width: 750px) { ._form .form-sec .form-con { padding: 30px 4.347826087%; } }
._form .form-sec .form-con dl { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #e6e9ee; font-size: 1.4rem; }
@media screen and (max-width: 750px) { ._form .form-sec .form-con dl { display: block; } }
._form .form-sec .form-con dl._top { align-items: flex-start; }
._form .form-sec .form-con dl dt { display: flex; align-items: flex-start; width: 20em; font-weight: 700; }
@media screen and (max-width: 750px) { ._form .form-sec .form-con dl dt { width: 100%; margin-bottom: 20px; } }
._form .form-sec .form-con dl dt div { flex: 1; }
._form .form-sec .form-con dl dt div span { width: auto; margin-right: 0; padding: 0; color: #323232; font-weight: 400; border-radius: 0; }
._form .form-sec .form-con dl dt span { width: 4em; margin-right: 1em; padding: 1px 1em; color: #fff; border-radius: 5px; }
._form .form-sec .form-con dl dt span.required { background-color: #f45369; }
._form .form-sec .form-con dl dt span.optional { background-color: #8fa0a4; }
._form .form-sec .form-con dl dd { flex: 1; }
._form .form-sec .form-con dl dd .txt-input { width: 100%; padding: 10px 20px; background-color: #f0f2fa; border: 1px solid #dcdcdc; font-size: 1.4rem; border-radius: 5px; }
._form .form-sec .form-con dl dd .txt-input-tel { width: 40%; margin-right: 1em; }
@media screen and (max-width: 750px) { ._form .form-sec .form-con dl dd .txt-input-tel { width: 100%; margin-right: 0; margin-bottom: 10px; } }
._form .form-sec .form-con dl dd .form-list p { margin-bottom: 0.5em; }
._form .form-sec .form-con dl dd .form-list p:last-child { margin-bottom: 0; }
._form .form-sec .form-con dl dd .privacy-box { display: flex; align-items: center; margin-top: 25px; }
@media screen and (max-width: 750px) { ._form .form-sec .form-con dl dd .privacy-box { display: block; } }
._form .form-sec .form-con dl dd .privacy-box .privacy-check { margin-right: 20px; }
@media screen and (max-width: 750px) { ._form .form-sec .form-con dl dd .privacy-box .privacy-check { margin-right: 0; margin-bottom: 20px; } }
._form .form-sec .form-con dl dd .privacy-box .privacy-check label { padding: 10px 15px; background-color: #f0f2fa; font-size: 1.6rem; }
._form .form-sec .form-con dl dd .privacy-box .privacy-link a { padding-left: 10px; background: url("../img/common/ico_arrow_bl.svg") no-repeat left center; background-size: 6px auto; color: #1877f2; }
._form .form-sec .form-con .form-lead { margin-top: 40px; font-size: 1.4rem; }
._form .form-sec .form-con .form-lead strong { font-weight: 700; }
._form .form-sec .form-con .contact-btn { width: 100%; max-width: 337px; margin: 85px auto 0; }
._form .form-sec .form-con .contact-btn li { margin-bottom: 20px; }
._form .form-sec .form-con .contact-btn li:last-child { margin-bottom: 0; }
._form .form-sec .form-con .contact-btn li input { width: 100%; padding: 15px 20px; border: 1px solid #283750; font-size: 1.6rem; text-align: center; border-radius: 2em; cursor: pointer; }
._form .form-sec .form-con .contact-btn li .btn-sent { background: #283750 url("../img/common/ico_arrow_w.svg") no-repeat right 15px center; background-size: 6px auto; color: #fff; }
._form .form-sec .form-con .contact-btn li .btn-back { background: #fff url("../img/common/ico_arrow.svg") no-repeat right 15px center; background-size: 6px auto; }
._form .form-sec .comp-con { padding: 100px; background-color: #fff; }
@media screen and (max-width: 750px) { ._form .form-sec .comp-con { padding: 40px 4.347826087%; } }

/*# sourceMappingURL=contact.css.map */
