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


#input table,
#confirm table {width: 100%;border-collapse: collapse;margin: 0 0 40px;border-top: 1px solid #000;}
@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: 16px;line-height: 1.6; vertical-align: top;border-bottom: 1px solid #000;}
@media screen and (max-width: 1120px) {
#input th,
#input td,
#confirm th,
#confirm td {padding: 1.78vw 0;font-size: 1.42vw;}
}
@media screen and (max-width: 767px) {#input th,
#input td,
#confirm th,
#confirm td {padding: 10px 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: 25%;}
#input th span,
#confirm th span{font-size: 12px;line-height: 1.4; display: block;}
@media screen and (max-width: 1120px) {
#input th,
#confirm th {line-height: 3.75vw;}
#input th span,
#confirm th span{font-size: 1.07vw;}
}
@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: #81d8d0;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: 1120px) {
.must::after {top: 3.75vw;width: 4.46vw;margin-top: -1.07vw;font-size: 1.25vw;line-height: 2.14vw;border-radius: 0.35vw;}
}
@media screen and (max-width: 767px) {
.must::after {position: static;display: inline-block;width: 50px;margin-left: 10px;font-size: 10px;line-height: 18px;border-radius: 4px;}
}

#input td,
#confirm td{padding-left: 40px;text-align: left;line-height: 42px;}
#input td p,
#confirm td p {font-size: 12px; line-height: 1.6;}
#input td span,
#confirm td span{line-height: 42px;display: inline-block;vertical-align: bottom;margin-right: 10px;}
@media screen and (max-width: 1120px) {
#input td,
#confirm td{padding-left: 3.57vw;line-height: 3.75vw;}
#input td p,
#confirm td p {font-size: 1.2vw; line-height: 1.6;}
#input td span,
#confirm td span{line-height: 3.75vw;margin-right: 0.89vw;}

}
@media screen and (max-width: 767px) {
#input td,
#confirm td{padding-top: 0;padding-left: 0;line-height: 8vw;}
#input td p,
#confirm td p {font-size: 3vw; line-height: 1.6;}
#input td span,
#confirm td span{line-height: 8vw;margin-right: 0.89vw;}
}



#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{padding: 8px 14px;border: 1px solid #ccc;background: #fff;border-radius: 6px;line-height: 1;font-size: 18px;box-sizing: border-box;margin: 2px;}
#input input[type="button"] {padding: 8px 14px;border: 1px solid #ccc;background: #fff;border-radius: 50vh;line-height: 1;font-size: 18px;box-sizing: border-box;margin: 2px;}
button.zip {padding: 8px 14px;border: none;background: #81d8d0;border-radius: 6px;line-height: 1;font-size: 18px;color: #fff;box-sizing: border-box;margin: 2px;cursor: pointer;}
@media screen and (max-width: 1120px) {


#input input.ml{margin-left: 1.33vw;}
#input input.mr{margin-right: 1.33vw;}
#input input.mb{margin-bottom: 0.89vw;}
#input input[type="text"],
#input input[type="password"],
#input textarea,
#input input[type="button"] {padding: 0.71vw 1.25vw;border-radius: 0.53vw;font-size: 1.60vw;margin: 0.17vw;}
button.zip {padding: 0.71vw 1.25vw;border-radius: 0.53vw;font-size: 1.60vw;margin: 0.17vw;}
}
@media screen and (max-width: 767px) {
#input input[type="text"],
#input input[type="password"],
#input textarea{padding: 1.5vw;border: 1px solid #ccc;background: #fff;border-radius: 6px;line-height: 1;font-size: 3vw;box-sizing: border-box;}
#input input[type="button"] {padding: 1.5vw;border: 1px solid #ccc;background: #fff;border-radius: 50vh;line-height: 1;font-size: 3vw;box-sizing: border-box;}

button.zip {padding: 10px;border: none;background: #81d8d0;border-radius: 6px;line-height: 1;font-size: 14px;color: #fff;box-sizing: border-box;}
}




#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: 1120px) {
#input textarea {height:18.75vw;}
#input input[type="button"] {cursor: pointer;}
#input input.short[type="text"] {width: 12.94vw;}
#input input.middle[type="text"] {width: 30.35vw;}
}
@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;}
.selectbox 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;text-align: center;text-align: left;color: #000;}
.selectbox::after{content:"";display:block;width:10px;height:10px;border-bottom:#333 2px solid;border-right:#333 2px solid;position: absolute;top: 15%;right: 15%;transform:rotate(45deg) translateY(-15%);-webkit- transform:rotate(45deg) translateY(-15%);}
@media screen and (max-width: 1120px) {
.selectbox::after{width:0.89vw;height:0.89vw;}
}

@media screen and (max-width: 767px) {
.selectbox::after{width:0.89vw;height:0.89vw;top: 1.5vw;right: 10%;}
#input input.long[type="text"],
#input textarea {width: 100%;}

}



.ui-datepicker-title select{-webkit-appearance:none;appearance:none;width:auto;padding:0.5em 0 0.5em 5%;box-sizing:border-box;font-size:1em;border:#ccc 1px solid;border-radius:0;background:#fff;border-radius: 6px;text-align: center;}



#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;}
@media screen and (max-width: 1120px) {
.radio_wrap,
.checkbox_wrap{display: inline-block;margin: 0 1.33vw 0 0;vertical-align: middle;font-size: 1.60vw;line-height: 3.75vw;}
}
@media screen and (max-width: 767px) {
.radio_wrap,
.checkbox_wrap{display: inline-block;margin: 0 2% 0 0;font-size: 3vw;line-height: 8vw;}
.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: #81d8d0;}
.checkbox_wrap label:after{left: 3px;top: 6px;width: 28px;height: 18px;border-left: 6px solid #81d8d0;border-bottom: 6px solid #81d8d0;box-sizing: border-box;transform: rotate(-45deg)}
@media screen and (max-width: 1120px) {

.radio_wrap label,
.checkbox_wrap label{padding: 0 0 0 3.39vw;}

.radio_wrap label:before{top:0.62vw;width: 2.5vw;height: 2.5vw;border-radius: 1.25vw;}
.checkbox_wrap label:before{top: 0.53vw;width: 2.67vw;height: 2.67vw;border-radius: 0.26vw;}
.radio_wrap label:after{left:0.53vw;top: 1.16vw;width: 1.42vw;height: 1.42vw;border-radius: 0.71vw;}
.checkbox_wrap label:after{left: 0.26vw;top: 0.53vw;width: 2.5vw;height: 1.60vw;border-left: 0.53vw solid #81d8d0;border-bottom: 0.53vw solid #81d8d0;}

}
@media screen and (max-width: 767px) {
.radio_wrap label,
.checkbox_wrap label{padding: 0 0 0 5vw;}


.checkbox_wrap label:before{top:2vw;width: 4vw;height: 4vw;border-radius: 0.5vw;}
.checkbox_wrap label:after{left:.5vw;top: 2vw;width: 3.4vw;height: 2.2vw;border-left: .8vw solid #81d8d0;border-bottom: .8vw solid #81d8d0;}
.radio_wrap label:before{top:2vw;width: 4vw;height: 4vw;border-radius: 5vw;}
.radio_wrap label:after{left:1vw;top: 3vw;width: 2vw;height: 2vw;border-radius: 1vw;}
}







.radio_wrap input:checked + label:after,
.checkbox_wrap input:checked + label:after{opacity: 1;}





.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: 1120px) {
.contact_privacy{max-width: 57.14vw;margin: 4.46vw auto;}
.contact_privacy b{font-size: 1.60vw;}
.contact_privacy_inner{height: 23.21vw;margin: 1.78vw 0;padding: 1.78vw;font-size: 1.25vw;}

}
@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: 18px;}
.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;}
.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: #c9a86a!important;padding:0!important;text-decoration: none;display: inline-block;vertical-align: bottom;border: none!important;cursor: pointer!important;cursor: hand!important;}
input.submit:hover {opacity: 0.7; text-decoration: none;}
@media screen and (max-width: 1120px) {
.submit button {font-size: 1.60vw;line-height: 4.28vw;width: 21.42vw;}
.kakunin {margin: 4.46vw 0 0;}
input.submit {font-size: 2.14vw!important;line-height: 7.14vw!important;height: 7.14vw;width:32.14vw;}

}
@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: #c9a86a!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;}
}






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;}
@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;}
}


.check_btn {}
.check_btn p {font-size: 12px;line-height: 1.6;margin: 0 0 20px;}
@media screen and (max-width: 1060px) {
.check_btn p {font-size: 1.03vw;margin: 0 0 1.72vw;}
}
@media screen and (max-width: 767px) {
.check_btn p {font-size: 2.8vw;margin: 0 0 5vw;}
}