@charset "UTF-8";

/*
body {padding: 128px 0 0;}
@media screen and (max-width: 959px) {
body {padding: 128px 0 0;}
}
@media screen and (max-width: 767px) {
body {padding:0;}
}
*/

article {padding: 230px 0 0;}

@media screen and (max-width: 767px) {
article {padding: 60px 0 0;}
}


#form {margin-top:-188px;padding-top:188px;}
@media screen and (max-width: 959px) {

}

@media screen and (max-width: 767px) {
#form {margin-top:-80;padding-top:80;}
}





ul {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.contact {background: #d9f3fd;padding: 0 0 100px;}
.contact_title {background: #d9f3fd;;padding: 25px 0;color: #01afed;}
.contact dl {width:1160px;margin: 0 auto;}
.contact dl dt {font-size: 28px;line-height: 36px;color: #fff;position: relative;border-bottom: 6px solid #01afed;}
.contact dl dt img {width: 100%;}
.contact dl dt span {
display: block;
position: absolute;
top: 119px;
right: 51px;
text-align: center;
width: 124px;
height: 69px;
overflow: hidden;
}
.contact dl dt span:hover img {margin: -69px 0 0}
.contact dl dd {background: #ffffff; padding: 100px 30px;stext-align: left;}
.contact dl dd table {width: 100%; text-align: left;margin: 0 auto;border-top: 1px solid #f1f1f1;}
.contact dl dd table th {font-size: 14px;line-height: 37px; border-bottom: 1px solid #f1f1f1;vertical-align: top;padding: 20px 0;width: 17%;}
.contact dl dd table td {font-size: 14px;line-height: 37px;border-bottom: 1px solid #f1f1f1;vertical-align: top;padding: 20px 0;}
.contact dl dd table td span {color: #01afed; display: block;font-weight: 700;}
.contact dl dd table td ul {}
.contact dl dd table td ul li {width: 100%; margin: 0 0 10px;}
.contact dl dd table td ul li:last-child {margin: 0;}

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

ul {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.contact {background: #d9f3fd;padding: 0 0 100px;}
.contact_title {background: #d9f3fd;;padding: 25px 0;color: #01afed;}
.contact dl {width:90%;margin: 0 auto;}
.contact dl dt {font-size: 28px;line-height: 36px;color: #fff;position: relative;border-bottom: 6px solid #01afed;}
.contact dl dt img {width: 100%;}
.contact dl dt span {
display: block;
position: absolute;
top: 119px;
right: 51px;
text-align: center;
width: 124px;
height: 69px;
overflow: hidden;
}
.contact dl dt span:hover img {margin: -69px 0 0}
.contact dl dd {background: #ffffff; padding: 100px 30px;stext-align: left;}
.contact dl dd table {width: 100%; text-align: left;margin: 0 auto;border-top: 1px solid #f1f1f1;}
.contact dl dd table th {font-size: 14px;line-height: 24px; border-bottom: 1px solid #f1f1f1;vertical-align: top;padding: 20px 0;width: 17%;}
.contact dl dd table td {font-size: 14px;line-height: 24px;border-bottom: 1px solid #f1f1f1;vertical-align: top;padding: 20px 0;}
.contact dl dd table td span {color: #01afed; display: block;font-weight: 700;}
.contact dl dd table td ul {}
.contact dl dd table td ul li {width: 100%; margin: 0 0 10px;}
.contact dl dd table td ul li:last-child {margin: 0;}

}


@media screen and (max-width: 767px) {
.contact {background: #d9f3fd;padding: 0 0 5%;}
.contact_title {background: #d9f3fd;;padding: 25px 0;color: #01afed;}
.contact dl {width: 90%;margin: 0 auto;}
.contact dl dt {font-size: 28px;line-height: 36px;color: #fff;position: relative;border-bottom: 6px solid #01afed;}
.contact dl dt img {width: 100%;}
.contact dl dt span {display: block; position: absolute;top: 118px;right: 50px; text-align: center;width: 124px;height: 69px;overflow: hidden;}
.contact dl dt span:hover img {margin: -69px 0 0}
.contact dl dd {background: #ffffff; padding: 5%;stext-align: left;}
.contact dl dd table {width: 80%; text-align: left;margin: 0 10%;border-top: 1px solid #f1f1f1;}
.contact dl dd table th {font-size: 14px;line-height: 24px; border-bottom: 1px solid #f1f1f1;vertical-align: top;padding: 20px 0;width: 17%;}
.contact dl dd table td {font-size: 14px;line-height: 24px;border-bottom: 1px solid #f1f1f1;vertical-align: top;padding: 20px 0;}
.contact dl dd table td span {color: #01afed; display: block;font-weight: 700;}
.contact dl dd table td ul {}
.contact dl dd table td ul li {width: 100%; margin: 0 0 10px;}
.contact dl dd table td ul li:last-child {margin: 0;}

}



ul.pic_right {position: relative;text-align: left;}
ul.pic_right li {width: 60%;min-height: 230px;font-size: 14px;line-height: 20px;}
ul.pic_right li:first-child {width: 297px;height: 230px; position: absolute;right: 0;top: 0;}
.flow {width: 80%;margin: 0 auto;padding: 30px 0;}
.flow img {width: 100%;}
.sub_title {width: 100%;background: #d9f3fd;height: 80px;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;}
.sub_title ul.icon {height: 100px; }
.sub_title ul.icon li {margin: -10px 0 0 20px;font-size: 22px;line-height: 100px;font-weight: 700;}
@media screen and (max-width: 767px) {
ul.pic_right {position: relative;text-align: left;}
ul.pic_right li {width: 100%;min-height: 230px;font-size: 14px;line-height: 20px;}
ul.pic_right li:first-child {width: 100%;height: inherit; position: inherit;right: inherit;top: inherit;}
ul.pic_right li:first-child img {width: 100%;height: auto;}
.flow {width: 100%;margin: 0 auto;padding: 24px 0;}
.flow img {width: 100%;}
.sub_title {width: 100%;background: #d9f3fd;height: 24px;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;}
.sub_title ul.icon {height: 34px; }
.sub_title ul.icon li {margin: -5px 0 0 2%;font-size: 12px;line-height: 30px;font-weight: 700;}
.sub_title ul.icon li img {width: 34px;height:34px;}
}





.contact_block {margin: 0 20px;}
.contact_block p {font-size: 14px;line-height: 20px;text-align: left;}
.contact_block p span {color: #ff4e45;}
@media screen and (max-width: 767px) {
.contact_block {margin: 0;}
.contact_block p {font-size: 14px;line-height: 20px;text-align: left;}
.contact_block p span {color: #ff4e45;}
}





.btn_block {position: absolute;right: 20px;top: 10px; padding: 20px 0 0;}
.btn_block .toform_btn {color: #ffffff;font-size: 16px;line-height: 40px;font-weight: 700;height: 40px;background-color: #002063;padding: 14px 34px 12px 24px;text-decoration: none;position: relative;}
.btn_block .toform_btn:after {content: '';width: 10px;height: 10px;border: 0px;border-top: solid 2px #ffffff;border-right: solid 2px #ffffff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 48%;right: 5%;margin-top: -4px;}
.btn_block .toform_btn:hover {background-color: #0194e5;color: #ffffff;text-decoration: none;}

@media screen and (max-width: 767px) {
.btn_block {position: inherit;right: inherit;top: inherit; padding: 5% 0 0;margin: 0 0 5%;text-align: center;}
.btn_block .toform_btn {color: #ffffff;font-size: 14px;line-height: 40px;font-weight: 700;height: 40px;background-color: #002063;padding: 0 10px 0 0;text-decoration: none;position: relative;display: block;}
.btn_block .toform_btn:after {content: '';width: 10px;height: 10px;border: 0px;border-top: solid 2px #ffffff;border-right: solid 2px #ffffff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 48%;right: 5%;margin-top: -4px;}
.btn_block .toform_btn:hover {background-color: #0194e5;color: #ffffff;text-decoration: none;}

}



.btn_box .form_btn {padding:0!important; width:280px; height:50px; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}
@media screen and (max-width: 767px) {
.btn_box .form_btn {padding:0!important; width:100%; height:auto; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}
}





.form {width: 960px; margin: 0 auto;}
.form p {font-size: 14px;margin: 0 20px; line-height: 20px;text-align: left;}
.form table {width: 100%;margin: 20px auto 40px!important;border-top: 1px solid #f1f1f1;}
.form table th {font-size: 14px;line-height: 39px;font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;position: relative;width: 25%!important;}
.form table td {font-size: 14px;padding: 20px 0 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;}
.form table td br.sph {display: none;}
.form table th span.required {position: absolute;top: 30px;right: 10px;font-size: 10px;line-height: 18px;font-weight: 700; padding: 0 5px;background: #000000;color: #ffffff;}

textarea{font-size:13px;line-height:23px;background-color:#ffffff;border:1px solid #CCCCCC;padding:0 3px;}
input[type="text"]{font-size:13px;line-height:19px;background-color:#ffffff;border:1px solid #CCCCCC;padding:8px 4px;margin:0;height:19px;}
textarea:hover,
input[type="text"]:hover{border:1px solid #000000;}
textarea:focus,
input[type="text"]:focus{border:1px solid #333333;background-color:#FFFFFF;}
.t1{width:40%;}
.t2{width:80%;}
.t3{width:50%;}
.t4{width:100%;}
.t5{width:25%;}
label{margin:0 5px 0 0;padding:1px 4px 1px 0;cursor:pointer;vertical-align:top;display:inline-block;
/*スターハック*/*display:inline;*zoom:1;}
label:hover{}
label input{cursor:pointer;}
select{margin:0 5px;}

.btn_box {text-align: center;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
.btn_box p a {color: #000000;font-weight: 700; text-decoration:underline}
.btn_box p a:hover {text-decoration: underline;}
.btn_box .form_btn {padding:0!important; width:280px; height:50px; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}
@media screen and (max-width: 1060px) {

.form {width: 90%; margin: 0 auto;}
.form p {font-size: 14px;margin: 0 20px; line-height: 20px;text-align: left;}
.form table {width: 100%;margin: 20px auto 40px!important;border-top: 1px solid #f1f1f1;}
.form table th {font-size: 14px;line-height: 39px;font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;position: relative;width: 25%!important;}
.form table td {font-size: 14px;line-height: 39px!important;padding: 20px 0 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;}
.form table td br.sph {display: none;}
.form table th span.required {position: absolute;top: 30px;right: 10px;font-size: 10px;line-height: 18px;font-weight: 700; padding: 0 5px;background: #000000;color: #ffffff;}

textarea{font-size:13px;line-height:23px;background-color:#ffffff;border:1px solid #CCCCCC;padding:0 3px;}
input[type="text"]{font-size:13px;line-height:19px;background-color:#ffffff;border:1px solid #CCCCCC;padding:8px 4px;margin:0;height:19px;}
textarea:hover,
input[type="text"]:hover{border:1px solid #000000;}
textarea:focus,
input[type="text"]:focus{border:1px solid #333333;background-color:#FFFFFF;}
.t1{width:40%;}
.t2{width:80%;}
.t3{width:50%;}
.t4{width:100%;}
.t5{width:25%;}
label{margin:0 5px 0 0;padding:1px 4px 1px 0;cursor:pointer;vertical-align:top;display:inline-block;
/*スターハック*/*display:inline;*zoom:1;}
label:hover{}
label input{cursor:pointer;}
select{margin:0 5px;}

.btn_box {text-align: center;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
.btn_box p a {color: #000000;font-weight: 700; text-decoration:underline}
.btn_box p a:hover {text-decoration: underline;}
.btn_box .form_btn {padding:0!important; width:280px; height:50px; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}

}
@media screen and (max-width: 767px) {
.contact .form {margin: 0;width: 100%;}
.contact .form p {font-size: 10px;line-height: 16px;text-align: left;margin: 0 0 5%;}
.contact .form table {width: 100%!important;margin: 0 auto 5%!important;}
.contact .form table th {width: 100%!important; font-size: 12px;line-height: 20px;font-weight: 700; padding: 5% 0 0;border-bottom: none!important;text-align: left;vertical-align: top;position: relative;display: block;}
.contact .form table td {width: 100%!important;font-size: 12px;line-height: 20px;padding: 0 0 5%;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;display: block;}

.contact .form table td input {}
.contact .form table td br.sph {display: block;}
.contact .form table th span.required {position: absolute;top: 15px;right: 10px;font-size: 10px;line-height: 18px;font-weight: 700; padding: 0 5px;background: #000000;color: #ffffff;}
.btn_box {text-align: center;}
.btn_box p {width: 100%; font-size:8px;line-height:18px;text-align:center;padding:10px 0!important;margin: 0;}
.btn_box p a {font-size:12px;color: #000000;font-weight: 700; text-decoration: underline;}
.btn_box p a:hover {text-decoration: underline;}
.btn_box .form_btn {padding:0!important; width:100%; height:auto; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}

input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;}
.t1{width:80%;}
.t2{width:96%;}
.t3{width:50%;}
.t4{width:96%;}
.t5{width:50%;}
   
.btn_box {text-align: center;}
.btn_box p {width: 100%; font-size:8px;line-height:18px;text-align:center;padding:10px 0!important;margin: 0;}
.btn_box p a {font-size:12px;color: #000000;font-weight: 700; text-decoration: underline;}
.btn_box p a:hover {text-decoration: underline;}
.btn_box .form_btn {padding:0!important; width:100%; height:auto; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}
}









#thanks dl {width: 1160px;margin: 0 auto;}
#thanks dl dt {background: #01afed;font-size: 28px;line-height: 36px;text-align: center; color: #fff;padding: 27px 30px 27px;}
#thanks dl dd {background: #ffffff;padding: 30px; ;text-align: center;font-size: 18px;line-height: 28px;}
#thanks dl dd.call{padding: 0 30px 30px;font-size: 28px;line-height: 36px;color: #ff4e45;}
#thanks dl dd table {width: 100%!important;margin: 20px 20px 40px!important;border-top: 1px solid #cccccc;}
#thanks dl dd table th {font-size: 14px;line-height: 39px!important;width: 200px!important; font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;position: relative;white-space: nowrap}
#thanks dl dd table td {font-size: 14px;line-height: 39px!important;padding: 20px 0 20px 10px;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;}

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

#thanks dl {width: 90%;margin: 0 auto;}
#thanks dl dt {background: #01afed;font-size: 28px;line-height: 36px;text-align: center; color: #fff;padding: 27px 30px 27px;}
#thanks dl dd {background: #ffffff;padding: 30px; ;text-align: center;font-size: 16px;line-height: 26px;}
#thanks dl dd.call{padding: 0 30px 30px;font-size: 28px;line-height: 36px;color: #ff4e45;}
#thanks dl dd table {width: 100%!important;margin: 20px 20px 40px!important;border-top: 1px solid #cccccc;}
#thanks dl dd table th {font-size: 14px;line-height: 39px!important;font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;position: relative;}
#thanks dl dd table td {font-size: 14px;line-height: 39px!important;padding: 20px 0 20px 10px;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;}

}

@media screen and (max-width: 767px) {
#thanks dl {width: 90%;margin: 0 auto;}
#thanks dl dt {background: #01afed;font-size: 16px;line-height: 26px;text-align: center; color: #fff;padding: 2% 5%;}
#thanks dl dd {background: #ffffff;padding: 5%;text-align: left;font-size: 12px;line-height: 20px;}
#thanks dl dd.call{padding: 0 5% 5%;font-size: 16px;line-height: 26px;color: #ff4e45;}
#thanks dl dd table {width: 100%;margin: 0 0 5%;border-top: 1px solid #cccccc;}
#thanks dl dd table th {width: 100%; font-size: 12px;line-height: 20px;font-weight: 700; padding: 5% 0 0;border-bottom: none;text-align: left;vertical-align: top;position: relative;display: block;}
#thanks dl dd table td {font-size: 12px;line-height: 20px;padding: 0 0 5%;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;display: block;}
}





.sub_title {width: 960px;margin:0 auto 30px; background: #d9f3fd;height: 80px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.sub_title p {margin: 0 0 0 20px!important;font-size: 22px!important;line-height: 80px!important;font-weight: 700!important;}
@media screen and (max-width: 1060px) {
.sub_title {width: 80%;margin:0 auto 30px; background: #d9f3fd;height: 80px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.sub_title p {margin: 0 0 0 20px!important;font-size: 22px!important;line-height: 80px!important;font-weight: 700!important;}
}

@media screen and (max-width: 767px) {
.sub_title {width: 100%;margin: 0 auto 5%;background: #d9f3fd;height: 30px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.sub_title p {margin: 0 0 0 2%!important;font-size: 12px!important;line-height:30px!important;font-weight: 700!important;}
}