@charset "UTF-8";





#step {width: 1060px;margin: 0 auto;padding: 50px 0 20px;}
.stepBar {position: relative;list-style: none;margin: 0 0 2em;padding: 0;text-align: center;width: 100%;overflow: hidden;*zoom: 1;display: flex;align-items: stretch;}
.stepBar .step {position: relative;float: left;padding: 0 0 0 28px;background-color: #eee;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: left;display: flex;align-items: center;flex: 1 0 25%;}
.stepBar .step:before, .stepBar .step:after {position: absolute;left: -5%;display: block;content: '';background-color: #eee;border-left: 4px solid #FFF;width: 20px;height: 20px;}
.stepBar .step:after {top: 0;-moz-transform: skew(30deg);-ms-transform: skew(30deg);-webkit-transform: skew(30deg);transform: skew(30deg);}
.stepBar .step::before {bottom: 0;-moz-transform: skew(-30deg);-ms-transform: skew(-30deg);-webkit-transform: skew(-30deg);transform: skew(-30deg);}
.stepBar .step:first-child {-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {content: none;}
.stepBar .step:last-child {-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.stepBar .step.current {color: #FFF;background-color: #fda428;}
.stepBar .step.current:before, .stepBar .step.current:after {background-color: #fda428;}
.stepBar.step2 .step {width: 50%;}
.stepBar.step3 .step {font-size: 14px;height: 40px;width: 33.333%;vertical-align: middle;}
.stepBar.step4 .step {width: 25%;}
.stepBar.step5 .step {width: 20%;}

@media screen and (max-width: 767px) {
#step {width: 90%;margin: 0 auto;padding: 5% 0;}
.stepBar {position: relative;list-style: none;margin: 0 0 2em;padding: 0;text-align: center;width: 100%;overflow: hidden;*zoom: 1;display: flex;align-items: stretch;}
.stepBar .step {position: relative;float: left;padding: 0 0 0 5%;background-color: #eee;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: left;display: flex;align-items: center;flex: 1 0 25%;}
.stepBar .step:before, .stepBar .step:after {position: absolute;left: -5%;display: block;content: '';background-color: #eee;border-left: 4px solid #FFF;width: 20px;height: 20px;}
.stepBar .step:after {top: 0;-moz-transform: skew(30deg);-ms-transform: skew(30deg);-webkit-transform: skew(30deg);transform: skew(30deg);}
.stepBar .step::before {bottom: 0;-moz-transform: skew(-30deg);-ms-transform: skew(-30deg);-webkit-transform: skew(-30deg);transform: skew(-30deg);}
.stepBar .step:first-child {-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {content: none;}
.stepBar .step:last-child {-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.stepBar .step.current {color: #FFF;background-color: #fda428;}
.stepBar .step.current:before, .stepBar .step.current:after {background-color: #fda428;}
.stepBar.step2 .step {width: 50%;}
.stepBar.step3 .step {font-size: 10px;line-height: 14px; height: 40px;width: 33.333%;vertical-align: middle!important;}
.stepBar.step4 .step {width: 25%;}
.stepBar.step5 .step {width: 20%;}
.stepBar .step p {z-index: 99;}
}








.contact {width: 1060px;margin: 0 auto;text-align: left;}
.contact p {font-size: 14px;line-height: 20px;margin: 0 0 10px;}
.contact table {width: 100%;margin: 0 0 20px;}
.contact table th {width: 30%;background: #fef6e7; font-size:16px;line-height: 26px; padding: 20px; text-align: left;vertical-align: top;border-bottom: 2px solid #ffffff;}
.contact table td {font-size:16px;line-height: 26px;padding: 20px;vertical-align: top;border-bottom: 2px solid #ffffff;}
.contact table td span {font-size:10px;}
.contact table td 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 table td ul li {width: 50%;}
.contact dl {margin: 0 0 50px;}
.contact dl dt {font-size: 20px;line-height: 40px;text-align: left;color: #ffffff;background: #fda428;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;padding: 0 20px;}
.contact dl dd {font-size:16px;line-height: 26px;padding: 20px 20px 0;}
.required {font-size:10px;line-height: 26px;background: #bc242b;color: #ffffff;padding: 3px 6px;vertical-align: top;margin: 0;}
.btn_box {text-align: center;margin: 50px 0;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
.btn_box p a {color: #000000;}
.btn_box p a:hover {text-decoration: none;}
input#submit {
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 18px;
line-height: 28px;
background-color: #fda428;
padding:12px 40px;
text-decoration: none;
position: relative;z-index: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-style: none;cursor:pointer;
}
input#submit:hover {opacity: 0.7;}


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

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

.contact {width: 90%;margin: 0 auto;}
.contact p {font-size: 10px;line-height: 16px;margin: 0 0 5%;}
.contact table {width: 100%;margin: 0 0 2.5%;}
.contact table th {display: block; width: 90%;background: #fef6e7; font-size:12px;line-height: 18px; padding:3% 5%; text-align: left;vertical-align: top;border-bottom: 2px solid #ffffff;}
.contact table td {display: block;width: 90%;font-size:12px;line-height: 18px;padding: 5%;vertical-align: top;border-bottom: 2px solid #ffffff;}
.contact table td span {font-size:8px;line-height: 14px; display: block;}
.contact table td 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 table td ul li {width: 100%;}
.contact dl {margin: 0 0 5%;}
.contact dl dt {font-size: 12px;line-height: 22px;text-align: left;color: #ffffff;background: #fda428;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;padding: 0.5% 2.5%;}
.contact dl dd {font-size:12px;line-height: 18px;padding: 2.5% 2.5% 0;}
.required {font-size:8px;line-height: 22px;background: #bc242b;color: #ffffff;padding: 3px 6px;vertical-align: top;margin: 0;}
.btn_box {text-align: center;margin: 5% 0;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
input#submit {
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 14px;
line-height: 24px;
background-color: #fda428;
padding:12px 0;
text-decoration: none;
position: relative;z-index: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-style: none;cursor:pointer;
width: 100%;
}
input#submit:hover {opacity: 0.7;}

}







form {}
form table td {position: relative;z-index: 0;}
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:2% 1%;margin:2px;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:75%;}
.t2{width:100%;}
.t3{width:50%;}
.t4{width:98%;}
.t5{width:25%;}
label{margin:0 10px 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;}
.radiobutton label {
padding: 0 0 0 32px;
font-size: 16px;
line-height: 30px;
display: inline-block;
cursor:	pointer;
position: relative;
}
.radiobutton label:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
top: 0;
left: 0;
background-color: #f0f0f0;border:1px solid #e5e5e5;
border-radius: 50%;
}
.radiobutton input[type="radio"] {display: none;}
.radiobutton input[type="radio"]:checked + label:after {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 6px;
left: 6px;
background-color: #bc242b;
border-radius: 50%;
}




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

form {}
form table td {position: relative;z-index: 0;}
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:2% 1%;margin:2px;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:98%;}
.t2{width:100%;}
.t3{width:98%;}
.t4{width:98%;}
.t5{width:25%;}
label{margin:0 10px 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;}
.radiobutton label {
padding: 0 0 0 32px;
font-size: 12px;
line-height: 30px;
display: inline-block;
cursor:	pointer;
position: relative;
}
.radiobutton label:before {
content: '';
width: 26px;
height: 26px;
position: absolute;
top: 0;
left: 0;
background-color: #f0f0f0;border:1px solid #e5e5e5;
border-radius: 50%;
}
.radiobutton input[type="radio"] {
display: none;
}
.radiobutton input[type="radio"]:checked + label:after {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 6px;
left: 6px;
background-color: #bc242b;
border-radius: 50%;
}


input::-webkit-input-placeholder {font-size: 8px;}
input:-moz-placeholder {font-size: 8px;}
input::-moz-placeholder {font-size: 8px;}
input:-ms-input-placeholder {font-size: 8px;}
textarea::-webkit-input-placeholder {font-size: 8px;}
textarea:-moz-placeholder {font-size: 8px;}
textarea::-moz-placeholder {font-size: 8px;}
textarea:-ms-input-placeholder {font-size: 8px;}

}