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


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





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



.example {padding: 20px 0 0;margin: 0 20px;}
.example ul {vertical-align: bottom;}
.example ul li {width: 640px;}
.example ul li:first-child { width: 200px;margin: 0 20px 0 0; position: relative;}
.example ul li:first-child img {margin: 0;padding: 0;position: absolute;left: 0;bottom: 0;}
.example ul li .example_back { text-align: left; background: #f9d89f;padding: 0 0 20px;margin: 0 0 10px;}
.example ul li .example_back:before {content: '';/*何も入れない*/display: inline-block;/*忘れずに！*/top: 0;left: 0;width:100%;/*画像の幅*/height:32px;/*画像の高さ*/background-image: url("images/example_back.png");vertical-align: middle;}
.example ul li .example_back p {font-size: 14px;line-height: 20px;margin: 0 30px;text-align: left;}
.example ul li .example_back ul {padding: 20px 30px;}
.example ul li .example_back ul li {font-size: 22px;line-height: 32px;text-align: left; padding: 0 0 0 28px;margin: 0 0 2%; position: relative;}
.example ul li .example_back ul li img {}
.example ul li .example_back ul li:first-child {width:inherit; }
.example ul li .example_back ul li:before{position: absolute;left: 0;top: 4px;content: url("images/icon.png");display: inline-block;}
.example ul li p {font-size: 14px;line-height: 20px;text-align: left;margin: 0 0 20px;}
@media screen and (max-width: 767px) {
.example {padding: 5% 0 0;margin: 0;}
.example ul {vertical-align: bottom;}
.example ul li {width: 100%;}
.example ul li:first-child { width: 100%;margin: 0 20px 0 0; position: relative;}
.example ul li:first-child img {width: 100%; margin: 0;padding: 0;position:inherit;left: inherit;bottom: inherit;}
.example ul li .example_back { text-align: left; background: #f9d89f;padding: 0 0 5%;margin: 0 0 5%;}
.example ul li .example_back:before {content: '';/*何も入れない*/display: inline-block;/*忘れずに！*/top: 0;left: 0;width:100%;/*画像の幅*/height:10px;/*画像の高さ*/background-image: url("images/example_back.png");background-size: 100%; vertical-align: middle;}
.example ul li .example_back p {font-size: 10px;line-height: 16px;margin: 0 5%;text-align: left;}
.example ul li .example_back ul {padding: 5%;}
.example ul li .example_back ul li {font-size: 14px;line-height: 24px;text-align: left; padding: 0 0 0 28px;margin: 0 0 2%; position: relative;}
.example ul li .example_back ul li img {}
.example ul li .example_back ul li:first-child {width:inherit; }
.example ul li .example_back ul li:before{position: absolute;left: 0;top: 4px;content: url("images/icon.png");display: inline-block;}
.example ul li p {font-size: 14px;line-height: 20px;text-align: left;margin: 0 0 20px;}
}






.please {border:5px solid #e5e5e5;padding:20px;text-align: left;margin: 0 20px 30px;}
.please dl {width: 100%;margin: 0;padding: 0;}
.please dl dt {color: #404040;font-size: 18px;line-height: 28px; border: 0;margin: 0;padding: 0;position: inherit;}
.please dl dd {font-size: 14px;line-height: 20px;margin: 0;padding: 0;}
@media screen and (max-width: 767px) {
.please {border:3px solid #e5e5e5;padding:5%;text-align: left;margin: 0 0 5%;}
.please dl {width: 100%!important;margin: 0!important;padding: 0!important;}
.please dl dt {color: #404040!important;font-size: 14px!important;line-height: 20px!important; border: 0!important;margin: 0!important;padding: 0!important;position: inherit!important;}
.please dl dd {font-size: 10px!important;line-height:16px!important;margin: 0!important;padding: 0!important;}
}





.method {background:  url(images/section03_back.gif); margin: 0 20px 30px;}
.method dl {width: 90%;margin: 0;text-align: left;margin: 0 auto;padding: 5% 0 0;;}
.method dl dt {vertical-align:top; width: 100%;border: 0;margin: 0 0 20px;padding:0;color: #fff;font-size: 28px;font-weight: bold;position: relative;}
.method dl dt span { font-size: 16px;line-height: 1em;background-color: #000;padding: 8px 0;margin:0 0 0 2%;height: auto; position: absolute;left: 200px;top: 2px;display: inline-block;width: 180px;}
.method dl dd {width: 100%;margin: 0;padding: 0;background: none;}

.method dl dd p {font-size: 18px;line-height: 28px;margin: 0 0 10px;}

.method dl dd .yajirushi {text-align: center;margin: 0 0 10px;}

.method dl dd ul {}
.method dl dd ul li {background: #ffffff;width: 100%; margin: 0 0 20px;padding: 20px 0;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;position: relative;}
.method dl dd ul li:nth-child(1) {background-image: url("images/section03_2.gif");background-position: top 20px left 20px;background-repeat: no-repeat;}
.method dl dd ul li:nth-child(2) {background-image: url("images/section03_3.gif");background-position: top 20px left 20px;background-repeat: no-repeat;}
.method dl dd ul li:nth-child(3) {background-image: url("images/section03_3.gif");background-position: 20px;background-repeat: no-repeat;}

.method dl dd ul li dl {width: auto;margin: 0 20px 0 100px;padding: 0;}
.method dl dd ul li dl dt {width: auto;border: 0;margin: 0;padding: 0;color: #404040;font-size: 22px;line-height: 32px;}
.method dl dd ul li dl dd {width: auto;margin: 0;padding: 0;font-size: 14px;line-height: 20px;}
.method ul.contact {margin: 0 40px;padding: 0 0 5%;}
.method ul.contact li{margin: 0 1% 0 0;}
.method ul.contact li img {height: 41px;}
@media screen and (max-width: 767px) {
.method {background:  url(images/section03_back.gif); margin: 0 0 5%;}
.method dl {width: 90%;margin: 0;text-align: left;margin: 0 auto;padding: 5% 0 0;;}
.method dl dt {vertical-align:top; width: 100%;border: 0!important;margin: 0 0 5%!important;padding:0!important;color: #fff;font-size:16px;font-weight: bold;position: relative;}
.method dl dt span { font-size: 10px;line-height: 1em;background-color: #000;padding: 8px 0;margin:0 0 0 2%;height: auto; position: absolute;left: inherit;right: 2%; top: 2px;display: inline-block;width: 100px;}
.method dl dd {width: 100%;margin: 0;padding: 0;background: none;}
.method dl dd ul {}
.method dl dd ul li {background: #ffffff;width: 100%; margin: 0 0 20px;padding: 20px 0;border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;position: relative;}
.method dl dd ul li:nth-child(1) {background-image: url("images/section03_2.gif");background-position: center 10px;background-repeat: no-repeat;}
.method dl dd ul li:nth-child(2) {background-image: url("images/section03_3.gif");background-position: center 10px;background-repeat: no-repeat;}
.method dl dd ul li:nth-child(3) {background-image: url("images/section03_3.gif");background-position: center 10px;background-repeat: no-repeat;}

.method dl dd ul li dl {width: auto;margin: 60px 5% 0;padding: 0;}
.method dl dd ul li dl dt {width: auto;border: 0;margin: 0;padding: 0;color: #404040;font-size:14px;line-height: 20px;}
.method dl dd ul li dl dd {width: auto;margin: 0;padding: 0;font-size: 12px;line-height: 18px;}
.method ul.contact {margin: 0 5%;padding: 0 0 5%;text-align: center!important;}
.method ul.contact li{margin: 0 0 2%;text-align: center!important;}
.method ul.contact li img {height: 30px;margin: 0 auto!important;}

}






.btn_block {}
.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;}

}




.subcontractor {padding: 30px 0 0;margin: 0 20px 20px;}
.subcontractor ul {}
.subcontractor ul li {vertical-align: top;}
.subcontractor ul li img {width: 300px;margin: 0 20px 0 0; display: inline-block;vertical-align: middle;}
.subcontractor ul li dl {width: 530px; display: inline-block;vertical-align: middle;text-align: left;}
.subcontractor ul li dl dt {font-size: 22px;line-height: 32px;font-weight: 700; color: #404040;width: 100%;margin: 0 0 10px;padding: 0;border: none;position: inherit;}
.subcontractor ul li dl dt span {width: auto; font-size: 16px;line-height: 1em;color: #ffffff;
background-color: #000;
padding: 8px 0;margin:0 2% 0 0;height: auto; display: inline;width: 180px;position: inherit;}
.subcontractor ul li dl dd {margin: 0;padding: 0;font-size: 14px;line-height: 20px;}
.supplement {border:5px solid #e5e5e5;padding:20px;text-align: left;margin: 0 20px 30px;}
.supplement p {font-size: 14px;line-height: 20px;margin: 0;padding: 0;}
@media screen and (max-width: 767px) {
.subcontractor {padding: 5% 0 0;margin: 0 0 5%;}
.subcontractor ul {}
.subcontractor ul li {vertical-align: top;margin: 0 0 5%;}
.subcontractor ul li img {width: 100%;margin: 0 0 2% 0; display: inline-block;vertical-align: middle;}
.subcontractor ul li dl {width: 100%; display: inline-block;vertical-align: middle;text-align: left;}
.subcontractor ul li dl dt {font-size: 14px;line-height: 20px;font-weight: 700; color: #404040;width: 100%;margin: 0 0 10px;padding: 0;border: none;position: inherit;}
.subcontractor ul li dl dt span {width: auto; font-size: 12px;line-height: 1em;color: #ffffff;
background-color: #000;
padding: 8px 0;margin:0 2% 2% 0;height: auto; display: block;width: 100px;position: inherit;}
.subcontractor ul li dl dd {margin: 0;padding: 0;font-size: 12px;line-height: 18px;}
.supplement {border:3px solid #e5e5e5;padding:5%;text-align: left;margin: 0 0 5%;}
.supplement p {font-size: 12px;line-height: 18px;margin: 0;padding: 0;}

}









.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 {margin: 0 20px;}
.form p {font-size: 14px;line-height: 20px;text-align: left;}
.form table {width: 100%!important;margin: 20px 0 40px!important;}
.form table th {font-size: 14px;line-height: 39px!important;font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #999999;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 #cccccc;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%!important;}
.t2{width:80%!important;}
.t3{width:50%!important;}
.t4{width:100%!important;}
.t5{width:25%!important;}
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: 1200px) {

}
@media screen and (max-width: 767px) {
.maintenance .form {margin: 0;width: 100%;}
.maintenance .form p {font-size: 10px;line-height: 16px;text-align: left;}
.maintenance .form table {width: 100%!important;margin: 0 auto 5%!important;}
.maintenance .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;}
.maintenance .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;}

.maintenance .form table td input {}
.maintenance .form table td br.sph {display: block;}
.maintenance .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%!important;}
.t2{width:100%!important;}
.t3{width:50%!important;}
.t4{width:100%!important;}
.t5{width:25%!important;}
   
.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: 960px;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;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;}
}