/*form*/
/* form validator */
#form_0001 p{display:block;}
#form_0001 .control-group{position:relative; display:inline-block;zoom:1;}
#form_0001 .control-group i{font-size:3rem; position:absolute; top:3.8rem; left:1rem;}
#form_0001 .control-group.warning > p,
#form_0001 .control-group.warning .help-block,
#form_0001 .control-group.warning .help-inline{color:#c33434;}
#form_0001 .control-group.warning input,
#form_0001 .control-group.warning select,
#form_0001 .control-group.warning textarea{color:#a11929;border-color:#c33434;}
#form_0001 .control-group.warning input:focus,
#form_0001 .control-group.warning select:focus,
#form_0001 .control-group.warning textarea:focus{border-color:#c33434;}
#form_0001 .control-group.warning .input-prepend .add-on,
#form_0001 .control-group.warning .input-append .add-on{color:#c33434;background-color:#c33434;border-color:#c33434;}
#form_0001 .control-group.error > p,
#form_0001 .control-group.error .help-block,
#form_0001 .control-group.error .help-inline{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
#form_0001 .agree.control-group.error > p,
#form_0001 .agree.control-group.error .help-block,
#form_0001 .agree.control-group.error .help-inline{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
#form_0001 .select01 p.error,
#form_0001 .select02 p.error{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
#form_0001 .agree p.error{position:absolute; left:0; bottom:-15; font-size:1rem; color:#fff;}
#form_0001 .control-group.error input,
#form_0001 .control-group.error select,
#form_0001 .control-group.error textarea{color:#c33434;}
#form_0001 .control-group.error .input-prepend .add-on,
#form_0001 .control-group.error .input-append .add-on{color:#c33434;}
/* browser placeholder */
::-webkit-input-placeholder {color:#555;}:-moz-placeholder {color:#555;opacity:1;}::-moz-placeholder {color:#555;opacity:1;}:-ms-input-placeholder{color:#555;}
#form_0001 input:focus::-webkit-input-placeholder,
#form_0001 textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
#form_0001 input:focus:-moz-placeholder,
#form_0001 textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
#form_0001 input:focus::-moz-placeholder,
#form_0001 textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
#form_0001 input:focus:-ms-input-placeholder,
#form_0001 textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
/* form setting */
#form_0001 input,
#form_0001 select,
#form_0001 textarea,
#form_0001 button{font-weight:100; border:0; border-radius:0;}
#form_0001 #form label{font-size:1.6rem; padding-bottom:10px; display:block; font-weight:400; color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:left;}
#form_0001 .name,
#form_0001 .phone,
#form_0001 .memo,
#form_0001 .date,
#form_0001 .select01,
#form_0001 .select02{width:100%; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; margin-bottom:2rem;}
#form_0001 .memo{margin-bottom:1rem;}
#form_0001 .name input,
#form_0001 .phone input,
#form_0001 .memo textarea,
#form_0001 .date input,
#form_0001 .select01 select,
#form_0001 .select02 select{outline:none; color:#000; font-size:1.4rem; border:1px solid #707070; padding:1.5rem 1.5rem 1.5rem 4rem; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;/* background:#fff url('../img/form_input_bg.png') left top no-repeat;*/ font-weight:100;}
#form_0001 .memo textarea{height:115px;}
#form_0001 .name input:focus,
#form_0001 .phone input:focus,
#form_0001 .memo textarea:focus,
#form_0001 .date input:focus{color:#000;}
#form_0001 #user_name{background-position:left top !important}
#form_0001 #user_phone{background-position:left -70px !important} 
#form_0001 #user_date{background-position:left -342px !important}
#form_0001 #user_select01{background-position:left -409px !important}
#form_0001 #user_select02{background-position:left -409px !important}
#form_0001 #user_comment{background-position:left -478px !important}
#form_0001 .agree{width:100%; cursor:pointer; display:block; text-align:left; margin:0 auto; padding:10px 0px;  max-width:570px;}
#form_0001 #form .agree label{display:inline-block; font-size:1.2rem; color:#777;}
#form_0001 .agree input{width:22px; height:22px; margin-right:4px; border-radius:100px;}
#form_0001 .agree a{margin:0 0 0 4px; color:#fff; padding:4px 8px; background:#777; border-radius: 50px; font-size:1.2rem; display:inline-block;}
#form_0001 .agree a:link{color:#fff;}.agree a:visited,.agree a:active{color:#fff;}
#form_0001 .agree a:hover{color:#fff; text-decoration:none;}
/*date picker*/
#ui-datepicker-div{font-size:1.4rem;}
.ui-datepicker .ui-datepicker-header{background:none; border:0;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{background:none; text-align:center;}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover{border:1px solid #2a7ced; background:#2a7ced; color:#fff;}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{border:1px solid #000; background:#000; color:#fff;}

/*form*/
#form_0001 #formBg{ text-align:center;}
#form_0001 #form .tit-box{padding:10rem 5% 0; text-align:center;}
#form_0001 #form .tit-box div img{width:140px;}
#form_0001 #form .tit-box h1{font-size:3rem; color:#fff; margin-top:2rem;}
#form_0001 #form .tit-box h2{font-size:2rem; color:#fff; margin-top:1rem;}
#form_0001 .form-info{margin:2rem 0 4rem; text-align:cewnter;}
#form_0001 .form-info div{margin-bottom:1rem;}
#form_0001 .form-info div p{color:#fff; font-size:1.6rem;}
#form_0001 .form-info div p:first-child{font-weight:400;}
#form_0001 .form-info div p:last-child{font-weight:100;}
#form_0001 .form-box{width:80%; margin:2rem auto;}
#form_0001 .form-btn{text-align:center; margin-top:3rem;}
#form_0001 .form-btn button{display:inline-block; font-family: 'Wemakeprice-Bold'; color:#000; padding:1rem; width:200px; font-weight:800; text-align:center; border-radius:5rem; outline:none; transition:0.2s; background:#e5c911;}
#form_0001 .form-btn button:hover{background:#fff08e; transition:0.2s;}
#form_0001 .form-btn button p{font-size:1.8rem; display:inline-block;}
#form_0001 .form-btn button img{margin:0.8rem 0 0 1.5rem; width:21px; height:10px !important;}

/**/
#form_0001 #formBg{background:url("../img/form_bg.png") no-repeat center; background-size:cover; text-align:center; padding-bottom:4rem;}
#form_0001 #formBg h2 {font-family: 'Wemakeprice-Bold'; text-align:center; font-size:2.7rem; color:#fff; margin-top:30px; padding-bottom:2rem;}
#form_0001 #formBg h2 span.title-line{display:inline-block; width:80px; height:6px; background-color:#FFBE00}
#form_0001 #formBg h2 p{margin-bottom:2rem; font-size: 1.6rem; font-weight: 100; text-align:center; color:#fff;}
#form_0001 #formBg h3{display:inline-block; margin:30px auto 10px; padding:10px 20px; font-size:1.6rem; background-color:#1C3575;  border-radius: 100px; color:#fff; text-align:center;} 
#form_0001 #formBg h3 span{padding-right:10px;}
#form_0001 #formBg .step {margin-top:10px;}


@media screen and (min-width:1200px){
/* form setting */
#form_0001 #form label{font-size:1.8rem;}
#form_0001 .name input,
#form_0001 .phone input,
#form_0001 .memo textarea,
#form_0001 .date input,
#form_0001 .select01 select,
#form_0001 .select02 select{font-size:1.6rem;}
#ui-datepicker-div{font-size:1.6rem;}


/*form*/
#form_0001 #formBg{padding:8rem 0;}
#form_0001 #formBg h2 {font-size:5rem; padding-bottom:5rem;}
#form_0001 #form{position:relative;}
#form_0001 #form .tit-box div img{width:auto;}
#form_0001 #form .tit-box h1{font-size:6rem; line-height:1.2em; margin-top:4.5rem; color:#fff;}
#form_0001 #form .tit-box h2{font-size:4rem; line-height:1.2em; margin-top:1rem; color:#fff;}
#form_0001 .form-info{margin:4rem 0 0;}
#form_0001 .form-info div p{font-size:2.4rem; display:inline-block;}
#form_0001 .form-info div p:first-child{margin-right:1rem;}
#form_0001 .form-box{width:100%; margin-top:2rem;}
#form_0001 .name,
#form_0001 .phone,
#form_0001 .date,
#form_0001 .select01,
#form_0001 .select02{width:48%; padding:0 0.5%; box-sizing:border-box;}
#form_0001 .memo{width:95.3%; padding:0 0.5%; display:block; max-width:570px; margin:0 auto;}
#form_0001 .agree a{margin:0 0 0 4px; color:#fff; padding:8px 12px; background:#777; border-radius: 50px; font-size:1.2rem; display:inline-block;}
#form_0001 .control-group i{font-size:3rem; position:absolute; top:4.1rem; left:1rem;}
#form_0001 .form-btn button{width:248px; margin-top:0;}
#form_0001 .form-btn button p{font-size:2.6rem;}
#form_0001 .form-btn button img{margin:1.2rem 0 0 1.5rem;}
.form-box-wrap{display:flex; justify-content: space-between; flex-wrap: wrap; padding-top:3rem;}
.form-box-wrap div.video-area{flex-basis: 50%;}
.form-box-wrap div.form-box{flex-basis: 50%;}

}