@charset "UTF-8";
.err {font-size: 10px;line-height: 1.4; display: block;color: #ff0000!important;}

#input table,
#confirm table {width: 100%;border-collapse: collapse;border-top: 1px solid var(--main-color);margin: 0 0 40px;}
@media screen and (max-width: 767px) {#input table,
#confirm table {margin: 0 0 5%;}
}
#input th,
#input td,
#confirm th,
#confirm td {padding: 20px 0;box-sizing: border-box;font-size: 18px;vertical-align: top;border-bottom: 1px solid var(--main-color);}
@media screen and (max-width: 1060px) {
#input th,
#input td,
#confirm th,
#confirm td {padding: 1.88vw 0;font-size: 1.69vw;}
}
@media screen and (max-width: 767px) {#input th,
#input td,
#confirm th,
#confirm td {padding: 2.5vw 0;font-size: 3vw;display: block;}
#input th,
#confirm th {display: block;border-bottom:none;}
}


#input th,
#confirm th {position: relative;text-align: left;white-space: nowrap;line-height: 42px;width: 30%;}
#input th span,
#confirm th span{font-size: 12px;line-height: 1.4; display: block;}
@media screen and (max-width: 1060px) {

#input th,
#confirm th {line-height: 3.96vw;}
#input th span,
#confirm th span{font-size: 1.13vw;}

}
@media screen and (max-width: 767px) {
#input th,
#confirm th {padding-bottom: 0;font-weight: bold;line-height: 2;}
}

.must::after {position: absolute;right: 0;top: 42px;content: "必須";display: block;width: 50px;margin-top: -12px;background: var(--red-color);color: #fff;font-size: 14px;line-height: 24px;text-align: center;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
@media screen and (max-width: 1060px) {
.must::after {top: 3.96vw;width: 4.71vw;margin-top: -1.13vw;font-size: 1.32vw;line-height: 2.26vw;}

}
@media screen and (max-width: 767px) {
.must::after {position: static;display: inline-block;width: 3em;margin-left: 5vw;font-size: 2.6vw;line-height: 4vw;}
}

#input td,
#confirm td{padding-left: 40px;text-align: left;line-height: 42px;}
#input td p,
#confirm td p {line-height: 1.6;}
@media screen and (max-width: 1060px) {
#input td,
#confirm td{padding-left: 3.77vw;line-height: 3.96vw;}
}
@media screen and (max-width: 767px) {
#input td,
#confirm td{padding-top: 0;padding-left: 0;}

}

#input input {outline: none;}
#input input.ml{margin-left: 15px;}
#input input.mr{margin-right: 15px;}
#input input.mb{margin-bottom: 10px;}
#input input[type="text"],
#input input[type="password"],
#input textarea,
#input input[type="button"] {padding: 8px 14px;border: 1px solid #ccc;background: #fff;border-radius: 6px;line-height: 1;font-size: 18px;box-sizing: border-box;margin: 2px;}
button.zip {padding: 8px 14px;border: none;background: var(--main-color);border-radius: 6px;line-height: 1;font-size: 18px;color: #fff;box-sizing: border-box;margin: 2px;cursor: pointer;}

@media screen and (max-width: 1060px) {
#input input.ml{margin-left: 1.41vw;}
#input input.mr{margin-right: 1.41vw;}
#input input.mb{margin-bottom: 0.94vw;}
#input input[type="text"],
#input input[type="password"],
#input textarea,
#input input[type="button"] {padding: 0.75vw 1.32vw;border-radius: 0.56vw;font-size: 1.69vw;}
button.zip {padding: 0.75vw 1.32vw;border-radius: 0.56vw;font-size: 1.69vw;margin: 0.18vw;}
}
@media screen and (max-width: 767px) {#input input[type="text"],
#input input[type="password"],
#input textarea,
#input input[type="button"] {padding:2.5%;font-size: 3vw;}

button.zip {padding: 2.5%;font-size: 3vw;}
}

#input textarea {height: 210px;}
#input input[type="button"] {cursor: pointer;}
#input input.short[type="text"] {width: 145px;}
#input input.time[type="text"] {width: 3em;}
#input input.middle[type="text"] {width: 340px;}
@media screen and (max-width: 767px) {
#input input.short[type="text"] {width: 30%;}
#input input.middle[type="text"] {width: 70%;}
}

#input input.long[type="text"],
#input textarea {width: 99%;}
.selectbox {width:auto;margin:1em auto;position:relative;display: inline;}
select{-webkit-appearance:none;appearance:none;width:auto;padding:0.5em 3em 0.5em 1em;box-sizing:border-box;font-size:1em;border:#ccc 1px solid;border-radius:0;background:#fff;border-radius: 6px;}
.selectbox::after{content:"";display:block;width:10px;height:10px;border-bottom:#333 2px solid;border-right:#333 2px solid;position: absolute;top: 20%;right: 10%;transform:rotate(45deg) translateY(-15%);-webkit- transform:rotate(45deg) translateY(-15%);
}
@media screen and (max-width: 767px) {

#input input.long[type="text"],
#input textarea {}
.selectbox::after{width:2vw;height:2vw;top:.7vw;right: 10%;;
}

}


#input input[type="text"]:hover,
#input input[type="password"]:hover {border: 1px solid #999;}
#input input[type="text"]:focus,
#input input[type="password"]:focus {background-color: #ffc;border: 1px solid #999;}
.radio_wrap,
.checkbox_wrap{display: inline-block;margin: 0 15px 0 0;vertical-align: middle;font-size: 18px;line-height: 42px;}
.checkbox_wrap{margin-bottom: 5px;}

@media screen and (max-width: 1060px) {
.radio_wrap,
.checkbox_wrap{margin: 0 1.41vw 0 0;font-size: 1.69vw;line-height: 3.96vw;}
.checkbox_wrap{margin-bottom: 0.47vw;}
}

@media screen and (max-width: 767px) {
.radio_wrap,
.checkbox_wrap{display: inline-block;margin: 0 2% 0 0;font-size: 3vw;line-height: 6.66vw}
.checkbox_wrap + br{display: none;}
}




.radio_wrap input,
.checkbox_wrap input{display: none;}
.radio_wrap label,
.checkbox_wrap label{position: relative;display: block;padding: 0 0 0 38px;cursor: pointer}
.radio_wrap label:before,
.checkbox_wrap label:before{position: absolute;left: 0;display: inline-block;content: "";box-sizing: border-box;}
.radio_wrap label:before{top: 7px;width: 28px;height: 28px;border: 1px solid #e5e5e5;border-radius: 14px;background: #f0f0f0;}
.checkbox_wrap label:before{top: 6px;width: 30px;height: 30px;border: 2px solid #ccc;border-radius: 3px;}
.radio_wrap label:after,
.checkbox_wrap label:after{position: absolute;display: inline-block;content: "";box-sizing: border-box;opacity: 0;transition: 0.2s ease;}
.radio_wrap label:after{left: 6px;top: 13px;width: 16px;height: 16px;border-radius: 8px;background: var(--red-color);}
.checkbox_wrap label:after{left: 3px;top: 6px;width: 28px;height: 18px;border-left: 6px solid var(--red-color);border-bottom: 6px solid var(--red-color);box-sizing: border-box;transform: rotate(-45deg)}
.radio_wrap input:checked + label:after,
.checkbox_wrap input:checked + label:after{opacity: 1;}
@media screen and (max-width: 1060px) {
.radio_wrap label,
.checkbox_wrap label{padding: 0 0 0 3.58vw;}
.radio_wrap label:before{top: 0.66vw;width: 2.64vw;height: 2.64vw;border-radius: 1.32vw;}
.checkbox_wrap label:before{top: 0.56vw;width: 2.83vw;height: 2.83vw;}

.radio_wrap label:after{left: 0.56vw;top: 1.22vw;width: 1.50vw;height: 1.50vw;border-radius: 0.75vw;}
.checkbox_wrap label:after{left: 0.28vw;top: 0.56vw;width: 2.64vw;height: 1.69vw;border-left: 0.56vw solid var(--red-color);border-bottom: 0.56vw solid var(--red-color);}
}
@media screen and (max-width: 767px) {

.radio_wrap label,
.checkbox_wrap label{padding: 0 0 0 7.16vw;}
.radio_wrap label:before{top: 1.32vw;width: 5.28vw;height: 5.28vw;border-radius: 2.64vw;}
.checkbox_wrap label:before{top: 0.56vw;width: 5.66vw;height: 5.66vw;}

.radio_wrap label:after{left: 0.56vw;top: 1.22vw;width: 1.50vw;height: 1.50vw;border-radius: 0.75vw;}
.checkbox_wrap label:after{left: 0.56vw;top: 0.56vw;width: 5.28vw;height: 3.38vw;border-left: 1.12vw solid var(--red-color);border-bottom: 1.12vw solid var(--red-color);}


}


.contact_privacy{max-width: 640px;margin: 50px auto;text-align: center;}
.contact_privacy b{display: block;font-size: 18px;}
.contact_privacy_inner{height: 260px;margin: 20px 0;padding: 20px;border: 1px solid #ccc;overflow: auto;box-sizing: border-box;font-size: 14px;}
@media screen and (max-width: 1060px) {
.contact_privacy{max-width: 60.37vw;margin: 4.71vw auto;}
.contact_privacy b{font-size: 1.69vw;}
.contact_privacy_inner{height: 24.52vw;margin: 1.88vw 0;padding: 1.88vw;font-size: 1.32vw;}
}
@media screen and (max-width: 767px) {
.contact_privacy_inner + .checkbox_wrap{display: inline-block;}
.contact_privacy{max-width: 640px;margin: 5% auto;text-align: center;}
.contact_privacy b{display: block;font-size: 3.4vw;}
.contact_privacy_inner{height: 260px;margin: 5% 0;padding: 5%;border: 1px solid #ccc;overflow: auto;box-sizing: border-box;font-size: 14px;}

}

.submit button {position: relative;font-size: 18px;line-height: 48px;text-align: center;text-decoration: none;color: #fff;display: block;background-color: #043B7B;width: 240px;margin: 0 auto;border: none;border-radius: 0;cursor: pointer;transition: 0.4s ease;}
.submit button:hover {opacity: 0.8;}
a.btn{margin: 0;}
.submit{position: relative;display: inline-block;margin:0 auto;border-radius: 50vh!important;}
.kakunin {margin: 50px 0 0;}
input.submit {text-align: center!important;color: #ffffff!important;font-size: 24px!important;line-height: 80px!important;font-weight: 700;height: 80px;width: 360px;background-color: var(--red-color)!important;padding:0!important;text-decoration: none;display: inline-block;vertical-align: bottom;border: none!important;cursor: pointer!important;cursor: hand!important;transition: opacity 0.3s ease;}
input.submit:hover {opacity: 0.7; text-decoration: none;}

@media screen and (max-width: 1060px) {
input.submit {font-size: 2.26vw!important;line-height: 7.54vw!important;height: 7.54vw;width: 33.96vw;}
}

@media screen and (max-width: 767px) {
.submit{position: relative;display: block;margin:0 auto;}
.kakunin {margin: 50px 0 0;}
input.submit {color: #ffffff;font-size: 18px!important;line-height: 50px!important;font-weight: 700;height: 50px;width: 100%;background-color: var(--red-color)!important;padding:0;text-decoration: none;display: inline-block;vertical-align: bottom;border: none;cursor: pointer;-webkit-appearance: none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
}



input.submit2 {text-align: center!important;color: #000!important;font-size: 20px!important;line-height: 60px!important;font-weight: 700;height: 60px;width: 240px;background-color: #ccc!important;padding:0!important;text-decoration: none;display: inline-block;vertical-align: bottom;border: none!important;cursor: pointer!important;cursor: hand!important;transition: opacity 0.3s ease;border-radius:50vh!important;margin: 10px 0 0!important;}
input.submit2:hover {opacity: 0.7; text-decoration: none;}

@media screen and (max-width: 1060px) {
input.submit2 {font-size: 1.88vw!important;line-height: 5.66vw!important;height: 5.66vw;width: 22.64vw;}
}

@media screen and (max-width: 767px) {

input.submit2 {font-size: 16px!important;line-height: 40px!important;height: 40px;width: 60%;padding:0;}
}





.form_title {font-size: 24px;line-height: 1.6;font-weight: 700;text-align: left;margin: 0 0 20px;}
@media screen and (max-width: 1060px) {
}
@media screen and (max-width: 767px) {.form_title {font-size: 3vw;line-height: 1.6;font-weight: 700;text-align: left;margin: 0 0 20px;}
}

input[type="submit"],
input[type="button"],
input[type="reset"] {-webkit-appearance: none;border-radius: 0;color: #000;}


.check {padding: 100px 0;}
@media screen and (max-width: 1060px) {
}
@media screen and (max-width: 767px) {.check {padding: 10% 0;}
}


#thanks {padding: 100px 0;}
#thanks dl {font-size: 18px;line-height:1.8;}
#thanks dt {font-size: 24px;font-weight: 700;}
#thanks dd a {color: #000;}
#thanks dd a:hover {text-decoration: none;}

#thanks p {font-size: 18px;line-height:1.8;padding: 20px 0 0;}
#thanks p a {color: #000;}
#thanks p a:hover {text-decoration: none;}


@media screen and (max-width: 1060px) {
}
@media screen and (max-width: 767px) {#thanks {padding: 10% 0;}
#thanks dl {font-size: 3vw;line-height:1.8;text-align: left}
#thanks dt {font-size: 4vw;font-weight: 700;margin: 0 0 5%;}
#thanks dd a {color: #000;}
#thanks dd a:hover {text-decoration: none;}

#thanks p {font-size: 3vw;line-height:1.8;padding: 5vw 0 0;}
}