@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*背景色*/
/*ベース文字色*/
/*アクセント色*/
/*アクセント色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線2*/
/*font*/
/*layout*/
@keyframes slide { 0% { transform: scale(1.2); }
  100% { transform: scale(1); } }
/*-------------------------------------
	Contact
-------------------------------------*/
#contact { /* ネイティブカレンダー（type="date"）のUIを強制的に隠す */ }
#contact .back_button { line-height: 1.6; }
#contact textarea { max-width: 840px; }
#contact * { box-sizing: border-box; }
#contact .text { text-align: center; margin-bottom: 100px; }
@media screen and (max-width: 768px) { #contact .text { margin-bottom: 40px; } }
#contact .faq { text-align: left; max-width: 620px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 40px; }
#contact .faq h4 { color: #76664f; text-align: center; margin-bottom: 20px; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 20px; font-weight: bold; }
#contact .faq dl { /*span { display: block; width: 78px; position: absolute; left: 0; top: -5px;
}*/ }
#contact .faq dl dt, #contact .faq dl dd { position: relative; padding-left: 40px; }
#contact .faq dl dt { margin-bottom: 10px; font-weight: bold; }
#contact .faq dl dt:before { display: block; position: absolute; left: 0; top: 0; border-radius: 100%; text-align: center; line-height: 1; font-size: 24px; font-weight: bold; }
#contact .faq dl dd:before { display: block; position: absolute; left: 0; top: 0; border-radius: 100%; text-align: center; line-height: 1; font-size: 24px; font-weight: bold; }
#contact .faq dl dt:before { content: "Q."; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #a4a4a4; }
#contact .faq dl dd { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; }
#contact .faq dl dd:last-child { margin-bottom: 0; }
#contact .faq dl dd:before { content: "A."; font-family: "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #76664f; }
#contact .attention { color: #00F; }
#contact .secure { margin-top: 20px; }
#contact .contact_wrapper { max-width: 1000px; margin-left: auto; margin-right: auto; }
#contact input, #contact select, #contact textarea { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
#contact .mfp_achroma, #contact .mfp_colored { background-color: transparent; }
#contact form#mailformpro label.mfp_checked { border: none; background-color: #ddd1c0; }
#contact .fz18 { font-size: 18px; }
#contact form#mailformpro dl .wide-text dt { float: none; clear: none; text-align: left !important; width: 100%; }
#contact form#mailformpro dl .wide-text dd { padding-top: 0; padding-left: 0; border-top: none; }
#contact form#mailformpro dl .wide-text dd .check-flex { display: flex; gap: 5px; flex-wrap: wrap; }
#contact input::-webkit-calendar-picker-indicator { display: none !important; -webkit-appearance: none; }
#contact .r-site { padding-top: 14px; padding-bottom: 20px; }
#contact .agreement .gray-area { padding: 20px; background-color: #f7f7f7; }
#contact .agreement #terms-box { padding-left: 10px; padding-right: 10px; max-height: 500px; overflow-y: scroll; font-size: 15px; }
@media (max-width: 767px) { #contact .agreement #terms-box { font-size: 12px; } }
#contact .agreement #terms-box .agree-title { text-align: center; padding-bottom: 20px; }
#contact .agreement #terms-box ol { list-style-type: decimal; }
#contact .agreement #terms-box ol li { position: relative; padding-left: 2em; list-style: none; counter-increment: item; font-size: 15px; }
@media (max-width: 767px) { #contact .agreement #terms-box ol li { font-size: 12px; } }
#contact .agreement #terms-box ol li::before { content: counter(item) ". "; position: absolute; left: 0; top: 0; }
#contact .agreement #terms-box .c-tit { margin-bottom: 20px; }
#contact .agreement .check-flex label { background-color: #999; /* 初期はグレー */ cursor: not-allowed; color: #fff; padding: 30px; font-size: 20px; pointer-events: none; }
@media (max-width: 767px) { #contact .agreement .check-flex label { padding: 15px; font-size: 15px; } }
#contact .agreement .check-flex label input { transform: scale(1.5); margin: 5px; }
@media (max-width: 767px) { #contact .agreement .check-flex label input { transform: scale(1.2); } }
#contact .agreement .check-flex label.mfp_checked { background-color: #000 !important; }
#contact .agreement .check-flex { justify-content: center; }
#contact .agreement .check-flex label.enabled { color: #fff; /* スクロール後は黒 */ cursor: pointer; pointer-events: auto; background-color: #000; }
#contact #other-textarea { height: 40px !important; }
@media (min-width: 768px) { #contact .pc-ml { margin-left: 40px; } }

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