/* ===== variables ===== *//* ===== mixin ===== */#contact .inr {width: 980px;max-width: initial;min-width: initial;}#contact dl {margin: 0 0 48px;}#contact dt {margin: 0 0 8px;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #333;font-size: 22px;font-size: 1.375rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0;}#contact label {display: inline-block;position: relative;margin: 0 40px 16px 0;padding: 0 0 0 26px;cursor: pointer;}#contact .checkbox label {display: block;margin: 0 0 16px 0;}#contact .checkbox label:last-child {margin-bottom: 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 [type="text"],#contact [type="number"],#contact [type="tel"],#contact [type="email"] {width: 100%;padding: 14px;border-radius: 5px;border: 1px solid #ddd;margin-bottom: 24px;-webkit-box-sizing: border-box;box-sizing: border-box;}#contact [type="text"]:last-child,#contact [type="number"]:last-child,#contact [type="tel"]:last-child,#contact [type="email"]:last-child {margin-bottom: 0;}#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;background-color: #fff;}#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 #ddd;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: #45b035;}#contact [type="checkbox"]:checked + span:after {width: 14px;height: 6px;margin-top: -9px;left: 2px;border-left: 3px solid #45b035;border-bottom: 3px solid #45b035;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}#contact .ratio select {width: 15%;padding: 10px 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: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", 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;}#contact .other-area label {margin: 0 16px 16px 0;}#contact .other-area [type="text"] {width: 65%;padding: 8px;-webkit-transition: 0.3s;transition: 0.3s;}#contact .btn {display: block;width: 30%;border: 1px none #45b035;margin: auto;-webkit-transition: 0.3s;transition: 0.3s;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}#contact .formError .formErrorContent {border: 0;-webkit-box-shadow: none;box-shadow: none;background: #ff4040;border-radius: 5px;}#contact .formError .formErrorArrow div {border: 0;-webkit-box-shadow: none;box-shadow: none;background: #ff4040;}#contact .formError .formErrorArrow .line1,#contact .formError .formErrorArrow .line2 {display: none;}#contact .formError .formErrorArrow .line3 {border: 0;}.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: 959px) {#contact .inr {width: auto;}}@media screen and (max-width: 559px) {#contact .flex {display: block;}#contact .ratio select {width: 35%;margin: 0 0 16px;}#contact .other-area [type="text"] {width: 100%;}#contact .btn {width: auto;}}