.contact-top { padding: 40px 0 60px; border-bottom: 1px solid #005a68; }
.contact-top .contact-step { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1000px; margin: 0 auto; column-gap: 1.8%; }
@media screen and (max-width: 750px) { .contact-top .contact-step { column-gap: 1.4492753623%; } }
.contact-top .contact-step li:nth-child(even) { width: 1.8%; }
@media screen and (max-width: 750px) { .contact-top .contact-step li:nth-child(even) { width: 2.8985507246%; } }
.contact-top .contact-step li:nth-child(even) img { vertical-align: middle; }
.contact-top .contact-step li:nth-child(odd) { width: 22%; padding: 15px 10px; background-color: #e6e9ee; font-size: 1.8rem; font-weight: 700; color: #646464; text-align: center; border-radius: 2em; line-height: 1; }
@media screen and (max-width: 750px) { .contact-top .contact-step li:nth-child(odd) { width: 28.9855072464%; font-size: 1.4rem; } }
.contact-top .contact-step li:nth-child(odd).active { background-color: #005a68; color: #fff; }
.contact-top .form-txt { margin-top: 30px; font-size: 1.4rem; font-weight: 700; text-align: center; }
.contact-top .error-txt { margin-top: 50px; font-size: 1.8rem; font-weight: 700; color: #ee4850; text-align: center; }

.contact-main { padding: 40px 0 115px; background-color: #eef8f4; }
@media screen and (max-width: 750px) { .contact-main { padding-bottom: 40px; } }
.contact-main .contact-con { width: 100%; max-width: 1100px; margin: 0 auto; padding: 40px 70px; background-color: #fff; border-radius: 10px; }
@media screen and (max-width: 750px) { .contact-main .contact-con { padding-inline: 30px; } }
.contact-main .form-table { width: 100%; margin-bottom: 50px; font-size: 1.4rem; }
.contact-main .form-table tr { border-bottom: 1px solid #e6e9ee; }
.contact-main .form-table tr th { width: 20em; padding: 20px 30px 20px 0; font-weight: 700; }
@media screen and (max-width: 750px) { .contact-main .form-table tr th { display: block; width: 100%; } }
.contact-main .form-table tr th .form-th { display: flex; align-items: center; }
.contact-main .form-table tr th span { display: block; width: 4em; }
.contact-main .form-table tr th span.required { padding: 5px; background-color: #ee4850; text-align: center; color: #fff; border-radius: 5px; line-height: 1; }
.contact-main .form-table tr th p { flex: 1; margin-left: 15px; text-align: left; }
.contact-main .form-table tr th p small { color: #005a68; }
.contact-main .form-table tr td { padding-block: 20px; }
@media screen and (max-width: 750px) { .contact-main .form-table tr td { display: block; width: 100%; padding-top: 0; } }
.contact-main .form-table tr td textarea, .contact-main .form-table tr td input { padding: 10px 20px; border: 1px solid #929292; border-radius: 5px; font-size: 1.4rem; }
.contact-main .form-table tr td textarea._error, .contact-main .form-table tr td input._error { border-color: #ee4850; }
.contact-main .form-table tr td select { -webkit-appearance: none; appearance: none; padding: 10px 20px; background: #fff url("../img/common/ico_arrow_b02.svg") no-repeat right 20px center; background-size: 12px auto; border: 1px solid #929292; font-size: 1.4rem; border-radius: 5px; }
.contact-main .form-table tr td select._error { border-color: #ee4850; }
.contact-main .form-table tr td p { color: #929292; }
.contact-main .form-table tr td .form-tel, .contact-main .form-table tr td .form-add { display: flex; align-items: center; }
.contact-main .form-table tr td .form-tel input, .contact-main .form-table tr td .form-add input { width: 7em; }
.contact-main .form-table tr td .form-tel span, .contact-main .form-table tr td .form-add span { margin: 0 0.5em; }
.contact-main .form-table tr td .error-txt { display: flex; align-items: center; margin-top: 10px; font-size: 1.4rem; font-weight: 700; color: #ee4850; text-align: center; }
.contact-main .form-table tr td .error-txt .ico { width: 1.5rem; margin-right: 10px; }
.contact-main .form-btn .c-btn { margin: 0 auto; padding: 20px; background: #005a68 url("../img/common/ico_arrow_w02.svg") no-repeat right 15px center; background-size: 7px auto; font-size: 1.7rem; text-align: center; color: #fff; border-radius: 2em; transition: all .6s; }
@media screen and (max-width: 750px) { .contact-main .form-btn .c-btn { font-size: 1.7230769231rem; } }
.contact-main .form-btn .c-btn:hover { opacity: 0.7; }
.contact-main .form-btn ._sent { width: 100%; max-width: 400px; }
.contact-main .form-btn ._back { display: block; text-decoration: none; width: 100%; max-width: 228px; padding: 20px; border: 1px solid #929292; background: #fff url("../img/common/ico_back_bk.svg") no-repeat left 30px center; background-size: 11px auto; font-size: 1.4rem; text-align: center; color: #333; border-radius: 2em; transition: all .6s; }
@media screen and (max-width: 750px) { .contact-main .form-btn ._back { font-size: 1.7230769231rem; } }
.contact-main .form-btn ._back:hover { opacity: 0.7; }

._conf .conf-heading { margin-bottom: 30px; padding: 10px; background-color: #005a68; font-size: 2.0rem; font-weight: 700; color: #fff; text-align: center; }
._conf .form-table tr th { width: 15em; }
._conf .form-table tr th p { margin-left: 0; }
._conf .form-btn { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
@media screen and (max-width: 750px) { ._conf .form-btn { flex-direction: column; } }
._conf .form-btn ._sent { margin: 0; }

._comp .comp-heading { margin-bottom: 40px; font-size: 2.3rem; font-weight: 700; text-align: center; }
._comp .comp-box { margin-bottom: 90px; padding: 30px 0 60px; border-top: 1px solid #e6e9ee; border-bottom: 1px solid #e6e9ee; }
._comp .comp-box .comp-txt { margin-bottom: 50px; text-align: center; }
._comp .comp-box .comp-btn { width: 100%; max-width: 400px; margin: 0 auto; }
._comp .comp-box .comp-btn a { display: block; text-decoration: none; padding: 30px 10px; background: #005a68 url("../img/common/ico_arrow_w02.svg") no-repeat right 40px center; background-size: 6px auto; text-align: center; color: #fff; border-radius: 4em; line-height: 1; }
._comp .comp-faq .comp-faq-box { margin-bottom: 70px; }
._comp .comp-faq .comp-faq-box:last-child { margin-bottom: 0; }
._comp .comp-faq .comp-faq-box .comp-faq-q, ._comp .comp-faq .comp-faq-box .comp-faq-a { display: flex; align-items: flex-start; }
._comp .comp-faq .comp-faq-box .comp-faq-q figure, ._comp .comp-faq .comp-faq-box .comp-faq-a figure { width: 29px; }
._comp .comp-faq .comp-faq-box .comp-faq-q { column-gap: 15px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #005a68; }
._comp .comp-faq .comp-faq-box .comp-faq-q .comp-faq-heading { flex: 1; font-size: 1.8rem; font-weight: 700; color: #005a68; }
._comp .comp-faq .comp-faq-box .comp-faq-a { column-gap: 40px; }
@media screen and (max-width: 750px) { ._comp .comp-faq .comp-faq-box .comp-faq-a { column-gap: 15px; } }
._comp .comp-faq .comp-faq-box .comp-faq-a .comp-faq-a-item { flex: 1; }

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