@charset "UTF-8";
@media screen and (max-width: 768px) {
/* iOSでのデフォルトスタイルをリセット */
  input[type="submit"], input[type="button"] {border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box;cursor:pointer}
  input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {display: none}
  input[type="submit"]::focus, input[type="button"]::focus {outline-offset: -2px;}
}
.req {color: #F62323;margin:0 3px}
.section_contact form p {font-size:1.8rem;margin:0 0 10px 0}
.section_contact form h3 {margin:20px 0 0 0}
/* .section_thanks {margin: 0 auto;width:95vw;max-width:600px;padding:150px 0 0 0;text-align:center} */
/* .section_thanks a {text-decoration: underline;} */
.section_thanks a:hover {opacity: 0.7}
.alert {color: red}
.form-box-info-table {width: 100%;margin: 30px 0 0 0}
.form-box-info-table tr td, .form-box-info-table tr th {display: block;font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;color: #333333}
.form-box-info-table tr th {margin:5px 0;text-align: left;}
.form-box-info-table tr td {margin:0 0 10px 0;font-size:1.8rem}
.form-box-info-table tr td textarea, .form-box-info-table tr td input {border:1px solid #B4B4B4;border-radius:5px;box-sizing:border-box}
.form-box-info-table tr td textarea:focus, .form-box-info-table tr td input:focus {border:1px solid #444285;outline:none}
.form-box-info-table tr td textarea {width:100%;font-size:1.8rem;padding:10px}
.form-box-info-table tr td input[type="text"]{width:100%;padding:10px;font-size:1.8rem;box-sizing: border-box}
.form-box-info-table tr td input[name="postal_code1"],
.form-box-info-table tr td input[name="postal_code2"] {width: 200px}
/* input[type="submit"] {width:100%;display:block;padding:15px;border:thin solid #E3BE42;background-color:#E3BE42;font-size:1.8rem;color:#FFFFFF;transition: 0.5s;}
input[type="submit"]:hover {cursor:pointer;background-color:#FFFFFF;color:#E3BE42} */
input[type="checkbox"]:hover {cursor:pointer}
button{margin-bottom: 50px;}
button::after {content: '';position: absolute;width: 8px;height: 8px;border-top: solid 2px #FFFFFF;border-right: solid 2px #FFFFFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right: 12px;top: 25px;transition: 0.5s;}
button:hover::after {border-top: solid 2px #E3BE42;border-right: solid 2px #E3BE42;}
button.fix-button {background-color:#cccccc;color:#333333;border: solid 1px #cccccc;}
button.fix-button::after {border-top: solid 2px #333333;border-right: solid 2px #333333;}
button.fix-button:hover {color: #333;}
.form-box-info-table.confirmed tr th {margin:20px 0 0 0;}
.form-box-info-table.confirmed tr td {margin:0 0 5px 0;}
.agreementbox label {font-size: 1.8rem;margin-left:8px}
.hosoku{text-align: right;font-size: 1.6rem;display: block;margin-top: 5px}
td input{position:relative;z-index:2;}
td label{position:relative;padding:5px 5px 5px 25px;margin : 0 5px 0 -25px;margin-left:-25px;position:relative;z-index:1}
td.error input , td.error textarea , td.error select , td.error label {border:1px solid #F62323;!important}
p.error {margin:0;color:#F62323}
.formselect {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}
.formselect a, .formselect form {min-height: 107px;margin-bottom:10px;padding:15px 20px;background-color: #eee;border:thin solid #ccc;border-left:5px solid #c01443;display:block;font-size:16px;font-size:1.8rem;width:320px;box-sizing:border-box;position:relative;padding-left:25px;font-weight:bold;text-decoration:none}
.formselect a span.descript, .formselect form span.descript {font-size: 1.6rem;display: block;line-height: 1.3;padding-top: 5px;font-weight: normal}
.formselect a:hover, .formselect form:hover {background-color:#fff;cursor:pointer}
@media screen and (max-width: 768px) {
  .form-box-info-table tr td input[type="text"]{padding: 15px;font-size: 18px;}
  .agreementbox label {margin-left: 0px}
  .l-top-btn-flex-box button{margin-top: 30px;}
}