@charset "utf-8";


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

main {}
main h2 {width:90%; margin:8% auto 0 auto;}
main .lead {width:90%; margin:2em auto 0 auto; line-height:1.8;}

.form_box {background:#E8ECF4; margin-top:4em; padding:4em 0;}

table.contact {width:90%; margin:0 auto; box-sizing:border-box; background:#fff;}
table.contact th, table.contact td {display:block; padding:1em; border-bottom:1px solid #ddd; line-height:1.6;}
table.contact th {position:relative; padding:1em 0 1em 5em; background:#00348b; color:#fff; font-weight:600; text-align:left;}
table.contact.conf th {padding:1em;}
table.contact th span {position:absolute; top:1.5em; left:1.5em; padding:0.1em 0.8em; background:#fff; border-radius:1em; color:#00348b; font-size:80%;}
table.contact td {}
table.contact td span {font-size:80%;}
		
input, select, textarea {padding:1em 1em; border-radius:0.3em; background:#f5f5f5; border:0; font-size:3vw; font-family:'Noto Sans JP', sans-serif; line-height:1.5; outline:none !important;}
input, select {vertical-align:middle;}
input.none {border:none;}
table select option {padding:4px 2em 4px 2px;}
table input.check {border:1px solid #fff;}
input#assent {margin-right:0.5em !important; transform: scale(2);}
.btn {margin-top:3em; text-align:center;}
.btn input {padding:0.6em 2em; background:#ddd; font-size:120%; font-weight:600;}
.btn input:first-child {background:#666; color:#fff;}
.btn input#submit,
.btn input#send {background:#00348b; color:#fff;}
.btn input#submit:disabled {background:#ddd; color:#101010;}
.w100 {width:100%;}
.w150 {width:100%;}
.w200 {width:100%;}
.w350 {width:100%;}
.w420 {width:100%;}
 
.agree {width:90%; margin:3em auto 0 auto; font-size:90%; font-weight:600; line-height:2;}
.agree_check {margin-top:2em; color:#00348b; font-size:110%; font-weight:700; line-height:2; text-align:center;}

.thanks {width:90%; margin:4em auto 0 auto; padding:0 0 100px 0; color:#00348b; font-weight:600; line-height:2;}

p.error {padding:0.3em 1em; background:#ffeeee; color:#b3293c; font-weight:600;}

}

@media screen and (min-width: 901px) {

main {}
main h2 {width:94%; max-width:1200px; margin:6% auto 0 auto;}
main .lead {width:94%; max-width:1200px; margin:2em auto 0 auto; line-height:1.8;}

.form_box {background:#E8ECF4; margin-top:4em; padding:4em 0;}

table.contact {width:80%; max-width:1200px; margin:0 auto; background:#fff; box-sizing:border-box;}
table.contact th, table.contact td {padding:1em 2em; border-bottom:1px solid #ddd; line-height:1.6;}
table.contact th {position:relative; width:30%; padding:1.5em 0 1.5em 5em; background:#00348b; color:#fff; font-weight:600; text-align:left; vertical-align:top;}
table.contact.conf th {padding:1.5em 2em;}
table.contact th span {position:absolute; top:2em; left:1.5em; padding:0.1em 0.8em; background:#fff; border-radius:1em; color:#00348b; font-size:80%;}
table.contact td {}
table.contact td span {font-size:80%;}

input, select, textarea {padding:0.5em 1em; border-radius:0.3em; background:#f5f5f5; border:0; font-size:18px; font-family:'Noto Sans JP', sans-serif; line-height:1.5; outline:none !important;}
input, select {vertical-align:middle;}
input.none {border:none;}
table input.check {border:1px solid #fff;}
input#assent {margin-right:0.5em; transform: scale(2);}
.btn {margin-top:3em; text-align:center;}
.btn input {padding:0.8em 5em; background:#ddd; font-size:120%; font-weight:600;}
.btn input:first-child {background:#666; color:#fff;}
.btn input#submit,
.btn input#send {background:#00348b; color:#fff;}
.btn input#submit:disabled {background:#ddd; color:#101010;}
.w100 {width:50%;}
.w150 {width:50%;}
.w200 {width:60%;}
.w350 {width:80%;}
.w420 {width:100%;}
 
.agree {width:80%; max-width:1200px; margin:3em auto 0 auto; font-size:90%; font-weight:600; line-height:2;}
.agree_check {margin-top:2em; color:#00348b; font-size:110%; font-weight:700; line-height:2; text-align:center;}

.thanks {width:94%; max-width:1200px; margin:2em auto 0 auto; padding:0 0 100px 0; color:#00348b; font-size:120%; font-weight:600; line-height:2; text-align:center;}

p.error {padding:0.3em 1em; background:#ffeeee; color:#b3293c; font-weight:600;}

}