@charset "utf-8";
/* CSS Document */
body,
html,
html *{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; color:#333333;}

.secBox > .sectionInner{min-width:0px;}
.formBorder{border:1px solid #727272; padding:35px 85px 60px; max-width:960px; min-width:960px; margin:65px auto 0; box-sizing:border-box;}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaInner {margin-bottom: 35px;}
#logo_w{margin-bottom:10px;}
#headerArea h1 .topBox{margin-bottom:45px;}
#headerArea h1 .bottomBox{margin-bottom:20px; padding-bottom:0; border-bottom:1px solid #fff;}
#headerArea .txtBox{margin-bottom:25px;}
#headerAreaLogo {}
#headerAreaLogo h1{}
#headerLinkBox1{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}
h2 {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}


/*----------------------------------------------------------------------------
***                                                                  formBox
----------------------------------------------------------------------------*/
#formBox{}
.formBox{    border: 8px solid goldenrod;
    padding: 30px 45px 30px;
    background-color: whitesmoke;
    width: 650px;
    margin: 0 auto}
.formBox th span{font-size:16px;}

.formBox label{vertical-align:middle; font-size:14px;}
.formBox input{font-size:16px;}
.formBox select{font-size:16px;}
.formBox textarea{width:100%; height:283px; font-size:16px;}
.formBox label input{vertical-align:middle;}
.formBox .required{font-size:15px; padding:0.1em 0.7em 0.1em; background:#e87f1c; color:#fff;}
.formBox .annotation{font-size:12px; display:block; margin-top:5px; line-height:1;}
.formBox table{border:none; width:100%;}
.formBox table tbody{border:none; width:100%;}
.formBox table tr{border:none;}
.formBox table th{border:none; width:150px; font-size:14px; vertical-align:top;}
.formBox table td{}
.formBox input[type="text"]{width:40%; height:33px;}
.formBox input[type="tel"]{width:70%; height:33px;}
.formBox input[type="mail"]{width:70%; height:33px;}

.formBox input[name^="Post1"]{max-width:54px;}
.formBox input[name^="Post2"]{max-width:67px;}
.formBox .auto-addr{background:#00a2aa; color:#fff; width:166px; height:32px; margin-left:15px; padding:0.3em 0em 0.2em; font-size:12px; text-align:center; border:none; cursor:pointer; border-radius:10px; box-shadow:0px 3px 0px 0px #008895;}
.formBox .submit{display:block; background:#e87f1c; color:#fff; width:166px; height:44px; margin:0 auto; padding:0.3em 0em 0.2em; font-size:18px; text-align:center; border:none; cursor:pointer; border-radius:10px; box-shadow:0px 3px 0px 0px #ce630b;}
.formBox .addrBox{}



#formBox .titleTxtBox{margin-bottom:53px; color:#707070; font-size:24px;}
#statusGaugeBox{margin-bottom:38px;}
#statusGaugeBox .dispFlex{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#statusGaugeBox .dispFlex li{margin:0 10px;}
#statusGaugeBox .status{width:178px; padding:0.5em 0 0.4em; background:#ffffff; color:#727272; border:1px solid #727272; border-radius:10px; text-align:center;}
#statusGaugeBox .status.active{background:#008895; color:#ffffff; border-color:#008895;}
#statusGaugeBox .status.complete{background:#b7b7b7; color:#ffffff; border-color:#b7b7b7;}
#statusGaugeBox .arrow{color:#727272; padding:0.5em 0 0.4em;}

.formTitle{font-size:24px; margin:20px auto 20px;  display: block; font-weight: bold; text-align: center; width:250px; color:hsla(180,100%,30%,1.00)}
.hurikomi{font-size:24px; margin:20px 0px 20px 39%;  display: inline-block; font-weight: bold; text-align: center; border-bottom:solid hsla(30,100%,50%,1.00);width:150px;}
.kome{font-size:11px; margin:0px auto 10px;}

.tyousain01{font-size:24px; margin:20px auto 20px;  display:block; font-weight: bold; text-align: center; border-bottom:solid hsla(30,100%,50%,1.00);width:150px;}
.hurikomi01{font-size:24px; margin:20px auto 20px;  display:block; font-weight: bold; text-align: center; border-bottom:solid hsla(30,100%,50%,1.00);width:150px;}
/*----------------------------------------------------------------------------
***                                                                  confirmBox
----------------------------------------------------------------------------*/
.confirmBox{}
.confirmBox .mgb23{margin-bottom:5px;}
.confirmBox table{margin-bottom:45px;}
.confirmBox table tr{border-bottom:1px dashed #b7b7b7;}
.confirmBox table th{padding-top:30px; padding-bottom:10px; padding-left:20px; position:relative; vertical-align:middle;}
.confirmBox table th:before{content:""; display:block; position:absolute; left:0; top:30px; width:7px; height:calc(100% - 40px); background:#008895;}
.confirmBox table td{padding-top:30px; padding-bottom:10px; vertical-align:middle;}
.confirmBox #submit-area{margin-bottom:23px;}
.confirmBox .nenrei{margin-left:25px;}
.confirmBox .back{margin:0 0 0 0; background:#b7b7b7; width:100px; height:32px; font-size:14px; box-shadow:none;}

.confirmTitle{font-size:170%; margin: 0;  display: block; font-weight: bold; text-align: center; width:100%; color:hsla(180,100%,30%,1.00); line-height:1.3em;}

/*----------------------------------------------------------------------------
***                                                                  thanksBox
----------------------------------------------------------------------------*/
.thanksBox{}
.thanksBox .thanksTxt{margin-bottom:30px;}
.thanksBox .logoBox{margin-bottom:22px;}
.thanksBox .ch_Ltd{margin-bottom:19px;}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/

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

.formTitle{font-size:300%; margin:5% 0;  display: block; font-weight: bold; text-align: center; width:100%; color:hsla(180,100%,30%,1.00);}
.formBox{
    border: 8px solid goldenrod;
    padding: 1% 3%;
    background-color: whitesmoke;
    width: 90%;
    margin: 0 auto;
    }
.formBox table th{border:none;font-size:100%;vertical-align:top;width: 20%;padding: 0;}
.formBox table td{
    width: 60%;
    padding: 0 0 3%;
}
.formBox table .shiharai{
    font-size: 300%;
}
.formBox table .radio{vertical-align: middle;}
.formBox table th p{width: 240%;line-height: 4em;}
.formBox table tr{}
.formBox th span{font-size: 270%;}
.formBox td{padding:3% 3% 0;}
.formBox th{padding:3% 1% 0;}
.formBox label{vertical-align:middle;font-size: 250%;}
.formBox input[type="text"]{width: 85%;height:80px;margin:2% 0 4%;}
.formBox input[type="tel"]{width: 100%;height:80px;font-size:350%;}
.formBox input[type="mail"]{width: 100%;height:80px;font-size:350%;}
.formBox select{font-size: 100%;height:80px;width: 100%;}
.formBox .f18{
    font-size: 300%;
    line-height: 2em;
}
.formBox input{font-size:350%;}
.formBox #Area{font-size: 100%;height:80px;}
.formBox #zip-code{
    font-size: 220%;
}
.formBox #zip-code label{
    font-size: 150%;
    vertical-align: middle;
    line-height: 2em;
}

.formBox #input-address input[type="text"]{width: 100%;height:80px;margin:2% 0 4%;}

.formBox input[name^="Post1"]{max-width: 20%;}
.formBox input[name^="Post2"]{max-width: 30%;}

.cancell{font-size: 250%;padding:1em;}
.cancell span{color:red;}

.formBox .submit {display: block;background: #e87f1c;color: #fff; width: 350px; height: 94px; margin: 5% auto 5%; padding: 0.3em 0em 0.2em; font-size: 270%; text-align: center; border: none; cursor: pointer;  border-radius: 10px;    box-shadow: 0px 3px 0px 0px #ce630b;}
	
.formBox .required{font-size: 250%;padding:0.1em 0.7em 0.1em;background:#e87f1c;color:#fff;}

.formBox .annotation{font-size:30px; display:block; margin-top:2%; line-height:1;}

.spmgb{margin:0 0 5%;}
	
.douhan{ border-bottom:1px #ccc solid}
	
.confirmTitle{font-size:300%; margin:5% 0;  display: block; font-weight: bold; text-align: center; width:100%; color:hsla(180,100%,30%,1.00); line-height:1.3em;}
	
.kakuninBox table tr{margin-top:5%;}
	
.kakuninBox table td{font-size:220%; padding:1% 3% 0;}

.thanksTxt {font-size:220%;}

.cmpTxt {font-size:190%; padding:0 5%}
	
.thanksLogo{width:150%;}
	
}