@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap");/* ===== variables ===== *//* ===== mixin ===== */#contact dl {margin: 0 0 48px;}#contact dt {margin: 0 0 8px;font-family: Roboto, YuGothic, "Local YuGothic", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;color: #282828;font-size: 22px;font-size: 1.375rem;font-weight: 700;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 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}#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: #2880c1;}#contact [type=checkbox]:checked + span:after {width: 14px;height: 6px;margin-top: -9px;left: 2px;border-left: 3px solid #2880c1;border-bottom: 3px solid #2880c1;-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: Roboto, YuGothic, "Local YuGothic", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;color: #ff4040;font-size: 12px;font-size: 0.75rem;font-weight: 700;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: 2%;border: 1px none #58dff2;margin: auto;cursor: pointer;position: relative;overflow: hidden;z-index: 1;-webkit-box-sizing: border-box;box-sizing: border-box;}#contact .form-tel-box p {margin: 0 0 16px;}#contact .form-tel-box address .tel {font-family: Roboto, YuGothic, "Local YuGothic", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;color: #f2af29;font-size: 40px;font-size: 2.5rem;font-weight: 500;text-align: left;line-height: 1.6;letter-spacing: 0.1em;}#contact .form-tel-box .note {margin: 8px 0 0;}#contact .thanks {padding: 0 0 30px;margin: 0 0 48px 0;border-bottom: 1px solid #f2af29;}#contact .thanks p {font-family: Roboto, YuGothic, "Local YuGothic", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;color: #58dff2;font-size: 28px;font-size: 1.75rem;font-weight: 400;text-align: center;line-height: 1.5;letter-spacing: 0.1em;}#contact .thanks-txt {margin: 0 0 8px;}#contact .thanks-txt p {font-family: Roboto, YuGothic, "Local YuGothic", "Yu Gothic Medium", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;color: #282828;font-size: 14px;font-size: 0.875rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;}.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;}@font-face {font-family:"Local YuGothic";src:local("YuGothic-Medium"), local("Yu Gothic Medium");}@font-face {font-family:"Local YuGothic";src:local("YuGothic-Bold"), local("Yu Gothic Bold");font-weight:700;}@media screen and (max-width: 480px) {#contact .flex {display: block;}#contact .ratio select {width: 35%;margin: 0 0 16px;}#contact .otherarea [type=text] {width: 100%;}#contact .btn {width: 100%;padding: 5%;}}