/* 初期化：余白などを一旦全て0にする。 */
.form * { margin:0px; padding:0px;}
.form 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; background:#d9d9d9;}
.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-top:1px solid #c8c8c8; padding:1%;}
.form ul.formlist li>div:last-child{ }
.form ul.formlist li:last-child>div{ border-bottom:1px solid #c8c8c8;}
.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; background:#d9d9d9;}
.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:#fafafa; width:23%; margin-left:1%;} 
.form li div.itemform { width:50%;}
.form li div.itemform2 { width:19%; margin-right:0%;} 
.form li div.itemform3 {width: 71%; margin-right:0%;}

 /* ボタンここから */
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;}
}
 /* ボタンここまで */

@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:94%;}
.form li div.itemform2 { width:94%;}
.form li div.itemform3 { width:94%;}

.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: auto;}

.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{ padding:1% 2%;}
.form ul.formlist li:last-child>div.itemname{ border-bottom:0px solid #FFF;}
.form ul.formlist li:last-child>div.itemform{ }
.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 .clearfix { *zoom: 1;}
.form .clearfix:after {
  content: '';
  display: table;
  clear: both;
}

/* SSL導入 */
.ssl_box{box-sizing: border-box; padding: 1% 1% 0; margin: 2%; overflow: hidden; width:96%; border: 2px solid #008335;}
.ssl_box div{float:left; margin:0 2% 0 0;}