/* esona お問い合わせフォーム装飾: 旧 202206contact.css + app.css + style.css からフォーム関連セレクタのみスコープ抽出（丸ごと読込はキットヘッダーを破壊するため禁止・2026-07-31） */
@charset "UTF-8";  .policy__box{background-color: #fff; border: solid 1px #ccc; padding: 15px; height: 200px; overflow-y: auto; margin-bottom: 30px; max-width:800px; font-size:0.9em;}
.policy__box h2{font-size:18px;}
.policy__box h3{font-size:16px;}
.privacy-check{text-align: center; margin-bottom:40px;}
.p-contact-form .p-contact-form__input .p-contact-form__input_btn01{left: 50%; transform: translateY(0%) translateX(-50%); -webkit- transform: translateY(0%) translateX(-50%); float:none;}
.mw_wp_form_confirm .privacy-check{display: none;}
.mw_wp_form_confirm .policy__box{display: none;}
.p-contact-form{padding: 50px 0; background: #f7f7fb;}
.p-contact-form .p-contact-form__title{margin-bottom: 25px; color: #5f6ea4; font-size: 29px; font-weight: 600; line-height: 1.5; text-align: center;}
.p-contact-form .p-contact-form__title:before{display: inline-block; margin-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";}
.p-contact-form .p-contact-form__wrap{max-width: 800px; margin: 0 auto;}
.p-contact-form .p-contact-form__wrap .p-contact-form__table th{width: 25%;}
.p-contact-form .p-contact-form__wrap .p-contact-form__table .txt_required{display: inline-block; margin-left: 10px; padding: 0 3px; border: 1px solid #d3366a; background: #ffffff; color: #d3366a; font-size: 12px;}
.p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="text"], .p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="email"], .p-contact-form .p-contact-form__wrap .p-contact-form__table textarea{-webkit-appearance: none; width: 100%; max-width: 80%; padding: 10px; border: 1px solid #cccccc; font-size: 16px;}
.p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="text"]:focus, .p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="email"]:focus, .p-contact-form .p-contact-form__wrap .p-contact-form__table textarea:focus{border: 1px solid #6b455c;}
.p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="text"].form_tel, .p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="email"].form_tel, .p-contact-form .p-contact-form__wrap .p-contact-form__table textarea.form_tel{max-width: 24%;}
.p-contact-form .p-contact-form__wrap .p-contact-form__table .mwform-checkbox-field{margin-right: 5px;}
.p-contact-form .p-contact-form__wrap .p-contact-form__table select{width: 18.6%; height: 40px; margin-right: 1%; padding: 5px 10px; border: 1px solid #dddddd;}
.p-contact-form .p-contact-form__input{max-width: 800px; margin: 0 auto 60px;}
.p-contact-form .p-contact-form__input .p-contact-form__input_btn01{position: relative; width: 255px; float: right; font-size: 18px;}
.p-contact-form .p-contact-form__input .p-contact-form__input_btn01 input{-webkit-appearance: none; display: block; width: 255px; margin: 10px 0; padding: 0.7em 1em; clear: both; border: none; background: #5e75cc; color: #ffffff !important; font-size: 18px; cursor: pointer;}
.p-contact-form .p-contact-form__input .p-contact-form__input_btn01 input:hover{background: #cf5586; text-decoration: none; opacity: 1;}
.p-contact-form .p-contact-form__input .p-contact-form__input_btn01 input:active{background: #cf5586; text-decoration: none;}
.p-contact-form .p-contact-form__input .p-contact-form__input_btn01:after{display: block; position: absolute; top: 25%; right: 10%; color: #ffffff; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";}
.p-contact-form .p-contact-form__input .form_privacy{margin-bottom: 20px; float: left;}
.p-contact-form .p-contact-form__input .form_privacy a{position: relative; color: #5f6ea4; text-decoration: underline;}
.p-contact-form .p-contact-form__input .form_privacy a:hover{text-decoration: none;}
.p-contact-form .p-contact-form__input .form_privacy a:after{display: block; position: absolute; top: -2px; right: -20px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";}
.p-contact-form .form_return input{-webkit-appearance: none; display: block; position: relative; width: 125px; margin: 10px 0; padding: 1em; clear: both; border: none; background: #898999 url("../img/contact/contact-return.png") no-repeat 14px center; color: #ffffff !important; cursor: pointer;}
.p-contact-form .form_return input:hover{background: #cf5586 url("../img/contact/contact-return.png") no-repeat 14px center; text-decoration: none; opacity: 1;}
.p-contact-form .form_return input:active{background: #cf5586 url("../img/contact/contact-return.png") no-repeat 14px center; text-decoration: none;}
.mw_wp_form_preview .form_privacy, .mw_wp_form_preview .p-contact-tel.pc_tab{display: none !important;}
.mw_wp_form .error{color: #d3366a !important;}
.st-table{width: 100%; margin-bottom: 20px; border: 1px solid #dfdee5; border-collapse: collapse;}
.st-table th{padding: 30px 10px 30px 10px; border-bottom: 1px solid #ffffff; background: #e8eaf3; vertical-align: middle;}
.st-table td{padding: 30px 10px 30px 10px; border-bottom: 1px solid #dfdee5; border-left: 1px solid #dfdee5; background: #ffffff;}
@media (max-width: 767px){.p-contact-form .p-contact-form__title:before{display: none;}}
@media (max-width: 767px){.p-contact-form .p-contact-form__title:after{display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";}}
@media (max-width: 767px){.p-contact-form .p-contact-form__wrap .p-contact-form__table th{display: block; width: 100%;}}
@media (max-width: 767px){.p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="text"], .p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="email"], .p-contact-form .p-contact-form__wrap .p-contact-form__table textarea{max-width: 100%;}}
@media (max-width: 767px){.p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="text"].form_tel, .p-contact-form .p-contact-form__wrap .p-contact-form__table input[type="email"].form_tel, .p-contact-form .p-contact-form__wrap .p-contact-form__table textarea.form_tel{max-width: 30%;}}
@media (max-width: 767px){.p-contact-form .p-contact-form__input .p-contact-form__input_btn01{width: 100%; float: none; clear: both;}}
@media (max-width: 767px){.p-contact-form .p-contact-form__input .p-contact-form__input_btn01 input{width: 100%; float: none; clear: both;}}
@media (max-width: 767px){.p-contact-form .p-contact-form__input .form_privacy{width: 100%; float: none; clear: both;}}
@media (max-width: 767px){.p-contact-form .form_return{width: 100%; float: none; clear: both;}}
@media (max-width: 767px){.p-contact-form .form_return input{width: 100%;}}
@media (max-width: 767px){.st-table th{display: block; width: 100%; padding: 10px; border: none;}}
@media (max-width: 767px){.st-table td{display: block; width: 100%; padding: 10px;}}
.p-contact-form .form_return input{-webkit-appearance: none; display: block; position: relative; width: 125px; margin: 10px 0; padding: 1em; clear: both; border: none; background: #898999 url(../img/contact/contact-return.png) no-repeat 14px center; color: #ffffff !important; cursor: pointer;}
.p-contact-form .form_return input:hover{background: #cf5586 url(../img/contact/contact-return.png) no-repeat 14px center; text-decoration: none; opacity: 1;}
.p-contact-form .form_return input:active{background: #cf5586 url(../img/contact/contact-return.png) no-repeat 14px center; text-decoration: none;}
.p-contact-form__title{margin:5% 0;color: #5f6ea4;font-size:28px;font-weight: 600;text-align: center;}
.p-contact-form__title:before{display: inline-block;margin-right: 10px;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0e0";}
.contact-list .txt_required{font-size: 12px;margin-left:10px; padding:1%;clear:both;color:#ff0000;border: solid 1px #ff0000;background:#fff;}
.policy__box{background-color: #fff;border: solid 1px #ccc;padding: 15px;height: 200px;overflow-y: auto;margin-bottom: 30px;max-width:800px;font-size:0.9em;}
.privacy-check{text-align: center;margin-bottom:40px;}
.p-contact-form .p-contact-form__input .p-contact-form__input_btn01{left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);float:none;}
.policy__box{margin:30px 20px;}
/* ユーザー指示(2026-07-31): 個人情報取り扱い同意文の枠（.policy__box）を中央揃え */
.policy__box{margin-left:auto;margin-right:auto;}