@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Poppins:300i,400,500,600,700&display=swap&subset=japanese");
.f_sans-serif { font-family: 'Poppins','Noto Sans JP', sans-serif; font-weight: 600; }

/*各ページの共通*/
body { font-family: 'Poppins','Noto Sans JP', sans-serif; }

.contacts { /* *** */ }
.contacts .contents__heading { margin-bottom: 20px; }
@media print, screen and (min-width: 750px) { .contacts .contents__heading { margin-bottom: 40px; } }
.contacts .contents__heading__ttl { font-size: 2rem; line-height: 1; font-weight: 600; }
@media print, screen and (min-width: 750px) { .contacts .contents__heading__ttl { font-size: 4.0rem; } }
.contacts .inquiry-mailform__error { color: #FF0000; background: #FFFED5; padding: 15px; margin-bottom: 20px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__error { padding: 30px; margin-bottom: 60px; } }
.contacts .inquiry-mailform__error .title { font-size: 1.2rem; text-align: center; margin-bottom: 10px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__error .title { font-size: 1.6rem; } }
.contacts .inquiry-mailform__error ul li { font-size: 1.2rem; line-height: 1.625; text-align: left; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__error ul li { font-size: 1.6rem; } }
.contacts .inquiry-mailform__error ul li::before { content: "●"; }
.contacts .inquiry-mailform__ttl { margin-bottom: 30px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__ttl { margin-bottom: 60px; text-align: center; } }
.contacts .inquiry-mailform__ttl .title { font-size: 1.2rem; font-weight: normal; line-height: 1.625; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__ttl .title { font-size: 1.6rem; line-height: 2.4; } }
.contacts .inquiry-mailform__ttl .text { font-size: 1.2rem; font-weight: normal; line-height: 1.625; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__ttl .text { font-size: 1.6rem; line-height: 2.4375; } }
.contacts .inquiry-mailform__input { padding-bottom: 50px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input { padding-bottom: 150px; } }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input.confirm dl dt { padding: 40px 35px; } }
.contacts .inquiry-mailform__input dl { color: #293A45; margin-bottom: 20px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl { box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1); } }
.contacts .inquiry-mailform__input dl:last-of-type { margin-bottom: 30px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl:last-of-type { margin-bottom: 75px; } }
.contacts .inquiry-mailform__input dl dt { background: #E6E9EF; font-size: 1.2rem; font-weight: 500; line-height: 1; padding: 15px 25px; vertical-align: top; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dt { font-size: 1.6rem; width: 270px; padding: 50px 35px; display: table-cell; } }
.contacts .inquiry-mailform__input dl dt span { color: #FF0000; font-size: 1rem; font-weight: 500; margin-left: 1em; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dt span { font-size: 1.2rem; } }
.contacts .inquiry-mailform__input dl dd { font-size: 1.0rem; border: solid #E6E9EF 1px; border-top: none; padding: 15px 20px; vertical-align: top; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd { font-size: 1.6rem; padding: 30px 35px; display: table-cell; border: none; } }
.contacts .inquiry-mailform__input dl dd p { margin-bottom: 20px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd p { margin-bottom: 10px; } }
.contacts .inquiry-mailform__input dl dd p span { display: block; margin-bottom: 5px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd p span { display: inline-block; width: 220px; margin-bottom: 0; } }
.contacts .inquiry-mailform__input dl dd p .zip { background: #1A3A85; border-radius: 2px; font-size: 1.0rem; font-weight: bold; line-height: 1; color: #fff; text-align: center; display: inline; width: 50%; height: 45px; padding: 10px; margin: 0; margin-left: 3%; white-space: nowrap; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd p .zip { border-radius: 3px; width: 170px; height: 45px; font-size: 1.4rem; line-height: 45px; margin-left: 20px; } }
.contacts .inquiry-mailform__input dl dd p:last-of-type { margin-bottom: 0; }
.contacts .inquiry-mailform__input dl dd input[type="text"], .contacts .inquiry-mailform__input dl dd textarea { font-size: 1.2rem; line-height: 1.65; height: 40px; padding: 10px; border: solid 1px #CFCFCF; border-radius: 2px; }
.contacts .inquiry-mailform__input dl dd input[type="text"]::placeholder, .contacts .inquiry-mailform__input dl dd textarea::placeholder { color: #CFCFCF; }
.contacts .inquiry-mailform__input dl dd input[type="text"]:-ms-input-placeholder, .contacts .inquiry-mailform__input dl dd textarea:-ms-input-placeholder { color: #CFCFCF; }
.contacts .inquiry-mailform__input dl dd input[type="text"]::-ms-input-placeholder, .contacts .inquiry-mailform__input dl dd textarea::-ms-input-placeholder { color: #CFCFCF; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd input[type="text"], .contacts .inquiry-mailform__input dl dd textarea { font-size: 1.6rem; height: 45px; border: solid 1px #979797; border-radius: 4px; } }
.contacts .inquiry-mailform__input dl dd input[type="text"].inputL, .contacts .inquiry-mailform__input dl dd textarea.inputL { width: 100%; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd input[type="text"].inputL, .contacts .inquiry-mailform__input dl dd textarea.inputL { width: 780px; } }
.contacts .inquiry-mailform__input dl dd input[type="text"].inputM, .contacts .inquiry-mailform__input dl dd textarea.inputM { width: 46%; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd input[type="text"].inputM, .contacts .inquiry-mailform__input dl dd textarea.inputM { width: 280px; } }
.contacts .inquiry-mailform__input dl dd input[type="text"].area, .contacts .inquiry-mailform__input dl dd textarea.area { width: 100%; height: 120px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input dl dd input[type="text"].area, .contacts .inquiry-mailform__input dl dd textarea.area { width: 780px; height: 280px; } }
.contacts .inquiry-mailform__input__btn { text-align: center; font-size: 0; }
.contacts .inquiry-mailform__input__btn .inputWrap { position: relative; overflow: hidden; background: #1A3A85; border: 2px solid #1A3A85; z-index: 20; display: inline-block; width: 100%; text-align: center; margin-bottom: 10px; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input__btn .inputWrap { width: 300px; margin-bottom: 0; cursor: pointer; } }
.contacts .inquiry-mailform__input__btn .inputWrap::after { content: ""; background: #1A3A85; display: block; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: all .5s ease; z-index: -1; }
.contacts .inquiry-mailform__input__btn .inputWrap input { font-family: 'Poppins','Noto Sans JP', sans-serif; font-weight: 600; color: #fff; font-size: 1.4rem; font-weight: 700; line-height: 1.2; padding: 1em 20px; cursor: pointer; border: none; width: 100%; background-color: transparent; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input__btn .inputWrap input { font-size: 1.8rem; padding: 1em 45px; } }
.contacts .inquiry-mailform__input__btn .inputWrap:hover input { color: #1A3A85; }
.contacts .inquiry-mailform__input__btn .inputWrap:hover::after { left: 0; background: #fff; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform__input__btn.confirm { width: 764px; margin: 0 auto; display: flex; justify-content: space-between; } }
.contacts .inquiry-mailform .btn { width: 100%; margin: 0 auto; margin-bottom: 150px; font-size: 0; }
.contacts .inquiry-mailform .btn ._btn-arrow { font-size: 1.4rem; text-align: center; }
.contacts .inquiry-mailform .btn ._btn-arrow:before { display: none; }
@media print, screen and (min-width: 750px) { .contacts .inquiry-mailform .btn { width: 367px; margin-bottom: 150px; }
  .contacts .inquiry-mailform .btn ._btn-arrow { font-size: 1.6rem; } }
.contacts ._btn-arrow--contacts { color: #1A3A85; background: #fff; border: 1px solid #1A3A85; padding-left: 40px; }
@media print, screen and (min-width: 750px) { .contacts ._btn-arrow--contacts { border-width: 2px; text-align: left; } }
.contacts ._btn-arrow--contacts:after { background: #1E356B; }
.contacts ._btn-arrow--contacts:before { background: #1E356B; }
.contacts ._btn-arrow--contacts:hover { color: #fff; }
.contacts ._btn-arrow--contacts:hover:after { left: 0; background: #1E356B; }
.contacts ._btn-arrow--contacts:hover:before { background: #fff; }

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