/* 初期化：余白などを一旦全て0にする。 */
.form * { margin:0px; padding:0px;}
img{width:auto !important; height:auto; max-width:100%;}

/* 初期化：フォーム系のサイズを共通化*/
.form input[type="text"],
.form textarea,
.form select,
.form button      { font-size:1.2em;  padding:2px; cursor:pointer;}
.form textarea    { height:100%;      width:98%; margin: 0px 5px;}
.form button      { padding:2px 10px; margin:0px 10px;}
.form label:hover { font-weight: 800; color:#88F;}
input[type="text"]{width:98%;}
.form ul { list-style-type:none;}

/* ページ幅を指定して、コンテンツを画面の中央に持ってくる */
div.form  {max-width:970px; margin:20px auto;}



/* フォーム全体のレイアウト */
.form ul.formlist {margin:10px 0;}
.form ul.formlist li>div{ border:1px solid #000; border-right:0px solid #FFF; border-bottom:0px solid #FFF; padding:1%;}
.form ul.formlist li>div:last-child{ border-right:1px solid #000;}
.form ul.formlist li:last-child>div{ border-bottom:1px solid #000;}
.form ul.formlist li>div { height: 70px;}
.form ul.formlist li.height_l div {height:180px;}
.form ul.formlist li.height_02 div { height: 55px;}
.form ul.formlist li.height_03 div {height: 100%;}

                                    
.form ul.formlist li input { margin:0 5px;}
.form ul.formlist li div.itemname {font-size:0.9em; font-weight:800;}
.itemform_add_search .add_box{width:55%;}
                                    

/* お問合せの種類 */
.form ul.inquiry_type li { margin:3px; float:left; min-width:120px;}

/* ご希望のフォーム種類について */
.form ul.reform_type li { margin:3px;}

.form li.chkbx  { float:left; min-width:105px;}
.form li div    { float:left;}

.form li div.itemname { background-color:#cccccc; width:23%; margin-left:1%;} 
.form li div.itemform { width:50%;}
.form li div.itemform2 { width:18%; margin-right:1%;} 
.form li div.itemform3 {width: 70%; margin-right:1%;}

 /* ボタンここから */
button.form_btn01 { cursor: pointer; display: block; width: 96%; max-width: 320px; height: 80px; border: none; text-indent: -9999px; background: url(../images/form_btn01.png) no-repeat 0 0; background-size: 100% auto; margin:0; padding:0; margin: 0px 0px 4%;}
button.form_btn02 { cursor: pointer; display: block; width: 96%; max-width: 280px; height: 70px; border: none; text-indent: -9999px; background: url(../images/form_btn02.png) no-repeat 0 0; background-size: 100% auto; margin:0; padding:0; margin: 0px 0px 0 20%;}
button.form_btn03 { cursor: pointer; display: block; width: 96%; max-width: 280px; height: 70px; border: none; text-indent: -9999px; background: url(../images/form_btn03.png) no-repeat 0 0; background-size: 100% auto; margin:0; padding:0; float:right; margin: 0px 20% 0px 0%;}
@media screen and (max-width: 1024px){
button.form_btn02 { max-width: 30%;}
button.form_btn03 { max-width: 30%;}
}
@media screen and (max-width: 640px){
button.form_btn02 { max-width: 320px; height: 80px; margin:0 0 2%;}
button.form_btn03 { max-width: 320px; height: 80px; margin:0 0 2%; float:none;}
}
 /* ボタンここまで */

/* 問い合わせフォーム　相談会希望日時 inputのwidthここから */
.form input[type="text"]#hopedate { font-size:1em; width:137%;}

@media screen and (max-width: 1024px){
.form input[type="text"]#hopedate { width:98%;}
}
/* 問い合わせフォーム　相談会希望日時 inputのwidth */

@media screen and (max-width: 767px){
input[type="text"] { width:96%;}
.address_field input[type="text"] { width:50%;}
div.form  {width:100%;}
.form li div { float:none;}
.form li div.itemname ,
.form li div.itemform { width:93%;}
.form li div.itemform2 { width:93%;}
.form li div.itemform3 { width:93%;}

.form ul.formlist li.height_03 .itemname , .form ul.formlist li.height_03 .itemform2 {min-height: 60px !important; line-height: 1;}
/*.form ul.formlist li.height_03 div {height: 0%;}*/

.form ul.formlist li div {height:auto; min-height:60px;}
.form ul.formlist li.height_l div.itemname {height:auto;}
.form ul.formlist li>div{ border-right:1px solid #000; border-bottom:0px solid #FFF; padding:1% 2%;}
.form ul.formlist li:last-child>div.itemname{ border-bottom:0px solid #FFF;}
.form ul.formlist li:last-child>div.itemform{ border-bottom:1px solid #000;}
.form ul.formlist li.height_l div {height:auto;}
.itemform_add_search .add_box{width:45%;}

.form li div.itemname { margin:0 1%;}
.form li div.itemform { margin:0 1%;}
.form li div.itemform2 { margin:0 1%;}
.form li div.itemform3 { margin:0 1%;}

.form textarea {margin: 0px;} 
/* 追加 */
.form input[type="text"]#hopedate { width:93%;}
}

                       


.form .clearfix { *zoom: 1;}
.form .clearfix:after {
  content: '';
  display: table;
  clear: both;
}