@charset "UTF-8";

.lead a {border-bottom:1px solid #101010; color:#101010; text-decoration:none;}


/*********************************
 * ～900
 *********************************/

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

table.contact {width:100%; margin:2em auto 0 auto; box-sizing:border-box; background:#fff;}
table.contact th, table.contact td {display:block; padding:1em; border:1px solid #ddd; line-height:1.6;}
table.contact th {position:relative; padding:1em 0 1em 5em; border-bottom:0; 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:#022d51; border-radius:1em; color:#fff; font-size:80%;}
table.contact td {padding-top:0; border-top:0;}
table.contact td span {font-size:80%;}
table.contact .req th, table.contact .req td {background:#EDF0F4;}
		
input, select, textarea {padding:1em 1em; border-radius:0.3em; background:#fff; border:1px solid #ddd; 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);}
form .btn {margin-top:3em; text-align:center;}
form .btn input {padding:0.6em 2em; background:#ddd; border:1px solid #ddd; font-size:120%; font-weight:600;}
form .btn input:first-child {background:#fafafa;}
form .btn input#submit,
form .btn input#send {background:#022d51; color:#fff;}
form .btn input#submit:disabled {background:#ddd; color:#101010;}
.w100 {width:100%;}
.w150 {width:100%;}
.w200 {width:100%;}
.w350 {width:100%;}
.w420 {width:100%;}

.agree {margin-top:3em; font-size:90%; font-weight:600; line-height:2;}
.agree_check {margin-top:2em; color:#022d51; 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:#022d51; font-weight:600; line-height:2;}

p.error {padding:0.3em 1em; background:#fff; border:1px solid #b3293c; border-radius:2px; color:#b3293c; font-weight:600;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {
  
.lead a {transition:0.3s;}
.lead a:hover {border-bottom:1px solid #fff;}

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

table.contact {width:100%; margin:2em auto 0 auto; background:#fff; box-sizing:border-box;}
table.contact th, table.contact td {padding:1em 2em; border:1px solid #ddd; line-height:1.6;}
table.contact th {position:relative; width:30%; padding:1.5em 0 1.5em 5em; 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:#022d51; border-radius:1em; color:#fff; font-size:80%;}
table.contact td {}
table.contact td span {font-size:80%;}
table.contact .req th, table.contact .req td {background:#EDF0F4;}

input, select, textarea {padding:0.5em 1em; border-radius:0.3em; background:#fff; border:1px solid #ddd; 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);}
form .btn {margin-top:3em; text-align:center;}
form .btn input {padding:0.8em 5em; background:#ddd; font-size:120%; font-weight:600;}
form .btn input:first-child {background:#fafafa;}
form .btn input#submit,
form .btn input#send {background:#022d51; color:#fff;}
form .btn input#submit:disabled {background:#ddd; color:#101010;}
.w100 {width:50%;}
.w150 {width:50%;}
.w200 {width:60%;}
.w350 {width:80%;}
.w420 {width:100%;}

.agree {margin-top:3em; font-size:90%; font-weight:600; line-height:2;}
.agree_check {margin-top:2em; color:#022d51; 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:#022d51; font-size:120%; font-weight:600; line-height:2; text-align:center;}

p.error {padding:0.3em 1em; background:#fff; border:1px solid #b3293c; border-radius:2px; color:#b3293c; font-weight:600;}

}


