@charset "UTF-8";
.font-min { font-family: "Noto Serif JP", serif; }

.contact-main { padding: 65px 0 100px; background-color: #f2efe4; }
@media screen and (max-width: 750px) { .contact-main { padding: 6.25% 0 12.5%; } }

.contact-lead { width: 100%; max-width: 880px; margin: 0 auto 50px; padding: 30px 40px; border: 1px solid #000; }
@media screen and (max-width: 750px) { .contact-lead { width: 100%; margin-bottom: 5.7142857143%; padding: 7.1428571429%; } }

.contact-in { width: 100%; max-width: 800px; margin: 0 auto; }
@media screen and (max-width: 750px) { .contact-in { width: 85.7142857143%; } }

.contact-txt { margin-bottom: 80px; font-size: 2.0rem; }
@media screen and (max-width: 750px) { .contact-txt { margin-bottom: 16.6666666667%; font-size: 1.6rem; } }

._btn { width: 100%; max-width: 300px; margin: 0 auto; display: block; text-decoration: none; padding: 15px; background: #07512e url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 15px auto; font-size: 2.0rem; font-weight: 700; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { ._btn { max-width: 100%; padding: 2.5%; background-size: 2.5% auto; background-position: right 2.5% center; font-size: 1.6rem; } }
._btn._back { background: #000 url("../img/common/ico_arrow_l.svg") no-repeat left 20px center; background-size: 15px auto; }

.contact-form .contact-form-list dl { margin-bottom: 50px; }
@media screen and (max-width: 750px) { .contact-form .contact-form-list dl { margin-bottom: 8.3333333333%; } }
.contact-form .contact-form-list dl:last-child { margin-bottom: 80px; }
@media screen and (max-width: 750px) { .contact-form .contact-form-list dl:last-child { margin-bottom: 16.6666666667%; } }
.contact-form .contact-form-list dl dt { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.contact-form .contact-form-list dl dt p { font-size: 2.0rem; }
@media screen and (max-width: 750px) { .contact-form .contact-form-list dl dt p { font-size: 1.6rem; } }
.contact-form .contact-form-list dl dt span { color: #ff0000; }
@media screen and (max-width: 750px) { .contact-form .contact-form-list dl dt span { font-size: 1.2307692308rem; } }
.contact-form .contact-form-list dl dd input, .contact-form .contact-form-list dl dd textarea, .contact-form .contact-form-list dl dd select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px; border: 1px solid #000; background-color: #fff; font-family: "Zen Kaku Gothic New", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 2.0rem; border-radius: 5px; }
@media screen and (max-width: 750px) { .contact-form .contact-form-list dl dd input, .contact-form .contact-form-list dl dd textarea, .contact-form .contact-form-list dl dd select { font-size: 1.6rem; } }
.contact-form .contact-form-list dl dd select { background: #fff url("../img/common/ico_arrow_select.svg") no-repeat right 15px center; background-size: 10px auto; }
.contact-form .contact-form-list dl dd p { margin-top: 10px; }
.contact-form .form-note { color: #e60012; }
.contact-form .form-btn { display: flex; justify-content: center; }
.contact-form .form-btn li { width: 100%; max-width: 100%; }
.contact-form .form-btn li button { width: 100%; }

._conf .contact-form .contact-form-list dl { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
@media screen and (max-width: 750px) { ._conf .contact-form .contact-form-list dl { margin-bottom: 6.6666666667%; padding-bottom: 6.6666666667%; } }
._conf .contact-form .contact-form-list dl:last-child { margin-bottom: 120px; padding-bottom: 0; border-bottom: none; }
@media screen and (max-width: 750px) { ._conf .contact-form .contact-form-list dl:last-child { margin-bottom: 13.3333333333%; } }
@media screen and (max-width: 750px) { ._conf .contact-form .contact-form-list dl dt p { font-size: 1.8461538462rem; } }
._conf .contact-form .contact-form-list dl dd { font-size: 2.0rem; color: #07512e; }
@media screen and (max-width: 750px) { ._conf .contact-form .contact-form-list dl dd { font-size: 1.8461538462rem; } }
._conf .contact-form .form-btn { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { ._conf .contact-form .form-btn { flex-direction: column-reverse; } }
._conf .contact-form .form-btn li { width: 100%; max-width: 100%; }
@media screen and (max-width: 750px) { ._conf .contact-form .form-btn li { margin-bottom: 11.6666666667%; } }
._conf .contact-form .form-btn li button { width: 100%; }

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