@charset "utf-8";
/* CSS Document */

/*contact.html----------------------------------------*/

#mail-form-box { width:95%; margin:0 auto; font-size:1.2rem}

#mail-form-box h3 {  font-size:1.4rem; font-weight:normal; color:#333;
                     border:0px; margin-bottom:5px}

.font-1rem-red { font-size:1rem; color:#C12225 }

.form-name { height:25px; width:100%; text-indent:5px}

.form-tel { height:25px; width:100%; text-indent:5px}

.form-mail { height:25px; width:100%; text-indent:5px}

.form-text { height:25px; width:100%; text-indent:5px}

.form-text-Smin { height:25px; width:30px; text-indent:5px; margin-bottom: 10px}

.form-text-min { height:25px; width:60px; text-indent:5px; margin-bottom: 10px}

.form-text-mid { height:25px; width:30%; text-indent:5px; margin-bottom: 10px}

.form-comment { width:96%; padding:2%}

.form-bt-area { width:100%; text-align:center}

.form-bt { padding:10px;}



.formTable { font-size:1.4rem; text-align:left}

.form-float-left {}

.form-float-left li{ float:left; line-height:25px}

.form-checkbox { font-size:1.2rem}


#mail-form-box input { vertical-align:-0.15em}


ul.formUl { list-style: outside; margin-left: 20px}
ul.formUl li { margin-bottom: 10px}









/* width 768以上　1024px未満 */

@media screen and (min-width : 768px){	

/*contact.html----------------------------------------*/

#mail-form-box { width:95%; float:left; font-size:1.2rem}

#mail-form-box h3 {  font-size:1.4rem; font-weight:normal; color:#333;
                     border:0px; margin-bottom:5px}

.font-1rem-red { font-size:1rem; color:#C12225 }

.form-name { height:25px; width:300px; text-indent:5px}

.form-tel { height:25px; width:200px; text-indent:5px}

.form-mail { height:25px; width:400px; text-indent:5px}

.form-text { height:25px; width:400px; text-indent:5px}

.form-text-Smin { height:25px; width:30px; text-indent:5px; margin-bottom: 10px}	
	
.form-text-min { height:25px; width:60px; text-indent:5px}

.form-text-mid { height:25px; width:100px; text-indent:5px}	
	
.form-comment { width:96%; padding:2%}

.form-bt-area { width:100%; text-align:center}

.form-bt { padding:10px;}



.formTable { font-size:1.4rem; text-align:left}

.form-float-left {}

.form-float-left li{ float:left; line-height:25px; margin-right: 20px}

.form-checkbox { font-size:1.2rem}

ul.formUl li { }	 

}