@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Gothic&display=swap");
:root {--fv-size: clamp(2.25rem, 2vw + 1rem, 3.75rem);--fv-size2: clamp(2.75rem, 2vw + 1rem, 4.375rem);--fv-gold: clamp(1.75rem, 2vw + 1rem, 2.25rem);}/* ===== variables ===== *//* ===== mixin ===== */#contact dl {margin: 0 0 48px;}#contact dt {margin: 0 0 8px;font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Japanese", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #555;font-size: 22px;font-size: 1.375rem;font-weight: bold;text-align: left;line-height: 1.6;letter-spacing: 0.1em;}#contact label {display: block;position: relative;margin: 0 40px 16px 0;padding: 0 0 0 26px;cursor: pointer;}#contact label:last-child {margin: 0 0 16px 0;}#contact .flex {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#contact .unit {margin: 0 8px;}#contact [type="text"],#contact [type="number"],#contact [type="tel"],#contact [type="email"] {width: 100%;padding: 14px;border-radius: 5px;border: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;}#contact [type="number"] {width: 10%;-moz-appearance: textfield;}#contact [type="number"]::-webkit-outer-spin-button,#contact [type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}#contact textarea {width: 100%;height: 200px;padding: 14px;border-radius: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;}#contact select {padding: 14px 13px 17px;border-radius: 5px;}#contact [type="radio"],#contact [type="checkbox"] {display: inline-block;margin: 0;position: absolute;top: 0;left: 0;opacity: 0;}#contact [type="radio"] + span,#contact [type="checkbox"] + span {width: 16px;height: 16px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;border-radius: 5px;border: 2px solid #ccc;background-color: #fff;}#contact [type="radio"]:checked + span:after,#contact [type="checkbox"]:checked + span:after {content: "";display: block;position: absolute;top: 50%;}#contact [type="radio"] + span {border-radius: 50%;}#contact [type="radio"]:checked + span:after {width: 8px;height: 8px;margin-top: -4px;left: 4px;border-radius: 8px;background-color: #182d4d;}#contact [type="checkbox"]:checked + span:after {width: 14px;height: 6px;margin-top: -9px;left: 2px;border-left: 3px solid #182d4d;border-bottom: 3px solid #182d4d;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}#contact .ratio select {width: 15%;padding: 13px;margin: 0 3% 0 0;}#contact .ratio span {width: 82%;}#contact .required {display: inline-block;margin: 0 0 0 8px;position: relative;top: -3px;font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Japanese", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #ff4040;font-size: 12px;font-size: 0.75rem;font-weight: bold;text-align: left;line-height: 1.6;letter-spacing: 0.1em;}#contact .otherarea label {margin: 0 16px 16px 0;}#contact .otherarea [type="text"] {width: 65%;padding: 8px;-webkit-transition: 0.3s;transition: 0.3s;}#contact .otherarea [type="text"]:before,#contact .otherarea [type="text"]:after {-webkit-transition: 0.3s;transition: 0.3s;}#contact .btn {display: block;width: 40%;padding: 16px;border: 1px none #182d4d;margin: auto;font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Japanese", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 20px;font-size: 1.25rem;font-weight: normal;text-align: center;line-height: 1.6;letter-spacing: 0.1em;background-color: #d92b42;border-radius: 6px;-webkit-transition: 0.3s;transition: 0.3s;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}#contact .btn:before,#contact .btn:after {-webkit-transition: 0.3s;transition: 0.3s;}#contact .btn:hover {background-color: #e15669;}#contact .form-tel-box p {margin: 0 0 16px;text-align: center;}#contact .form-tel-box address {text-align: center;}#contact .form-tel-box address .tel {font-family: "Noto Sans Japanese", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #d92b42;font-size: 20px;font-size: 1.25rem;font-weight: normal;text-align: left;line-height: 1.6;letter-spacing: 0.1em;}#contact .form-tel-box .note {margin: 8px 0 0;}#contact .form-tel-box .note p:before {display: none;}#contact .thanks {padding: 0 0 30px;margin: 0 0 48px 0;border-bottom: 1px solid #eee;}#contact .thanks p {font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Japanese", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #182d4d;font-size: 28px;font-size: 1.75rem;font-weight: normal;text-align: center;line-height: 1.5;letter-spacing: 0.1em;}#contact .thanks-txt {margin: 0 0 8px;}.error-list {background-color: rgba(255, 64, 64, 0.15);padding: 16px;margin: 0 0 40px;-webkit-box-sizing: border-box;box-sizing: border-box;}.error-list li {margin-bottom: 8px;color: #ff5a5a;}.error-list li::before {content: "*";}.error-list li:last-child {margin-bottom: 0;}@media screen and (max-width: 480px) {#contact .ratio select {width: 35%;margin: 0 0 16px;}#contact .otherarea [type="text"] {width: 100%;}#contact .btn {width: 100%;}}
