@charset "UTF-8";
/* CSS Document */
.banner{ background: url(../../form_contact/images/banner.jpg) no-repeat left top; background-size:cover;}
.banner_inner{ max-width:1500px;}
h2{ margin-left:13%;}

.contact{ margin:1.4% 0 110px; padding-top:20px; min-height:500px;}
.red{ color:#ed1b23;}
.ic_01{ background:url(../../form_contact/images/ic_01.gif) no-repeat left 6px ; padding-left:20px;}
table{ width:100%;}
th{ background:#dbf0e8; width:270px; text-align:center;}
th, td { border:1px solid #65bb99; padding:10px 20px; }
input[type="text"] {    min-height: 30px;    width: 100%;}
textarea { width:100%; min-height:120px;} 
textarea,input[type="text"],input[type="checkbox"], select {font-size:13px; 
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
line-height:1.7; word-spacing:0; font-weight:normal; color:#333;}
input[type="checkbox"] { margin-right:10px;}
.box01{ margin-bottom:40px;}
.box02{}
.box02 .tit_01{ font-size:24px; color:#21a879; font-weight:bold; margin-bottom:10px;}
.box02 .inner{ background:#f1f9f6; padding:25px 30px; border-radius:5px; margin-bottom:40px;}
.box02 .btn{ font-size:15px; background:#21a879; color:#fff; width:210px; border-radius:20px; text-align:center; padding:5px 0; box-sizing:border-box; margin-top:15px;}
.box02 a{ display:block;}
.box02 .btn:hover{ background:#4cbd96;}
.box02 ul{ text-align:center;}
.box02 ul li{ display:inline;}
button[type="reset"], button[type="submit"], button[type="button"]{ display:inline-block; cursor:pointer; border:1px solid #21a879; width:100%; max-width:338px; text-align:center; font-size:24px; padding:10px 0; font-weight:bold; border-radius:5px; background:#f1f9f6; margin:0 10px 10px 0;}
button[type="reset"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ opacity:0.8}
button[type="submit"], button[type="button"]{ background:#21a879; color:#fff;}

label.error, .errorcheck {
    color: red;
    font-size: 15px;
	
}
/*.pos_abs label.error {
	position:absolute; left:25px; top:12px;	
	margin-left:0;
}*/
.checkbox{position:relative;}
.checkbox label.error{ position:absolute; left:400px; top:0px;}
.errorcheck{ display:none;}
.thanks_txt{ text-align:left;}
select{ margin-right:20px;}
/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1450px){
.banner_img	{ width:56.69%;}
h2{ margin-left:8%;}	
}

@media only screen and (max-width:1200px){
h2{ margin-left:1%;}	
.info{ margin:1.4% 0 5%;}
}
@media only screen and (max-width:960px){
th{ width:30%;}
.box02 .tit_01{ font-size:18px;}
label.error { display:block; margin-left:0;}

}
@media only screen and (max-width:840px){
}
@media only screen and (max-width:640px){
.pos_abs label.error{ position:relative; left:0; top:0;}
.checkbox{ height:40px;}
.checkbox label.error{  left:0; top:auto; bottom:0; position:absolute;}
.contact{ min-height:300px;}
}

@media only screen and (max-width:480px){
tr, th, td{ width:100%; display:block; box-sizing:border-box; padding:2%}
select{ width:100%;}
.box02 .inner{ padding:3%;}
.box02 .tit_01{ font-size:16px;}
button[type="reset"], button[type="submit"], button[type="button"]{ margin-right:0; width:80%; font-size:18px;}
/*add 2016-10-20*/
.contact{ min-height:auto; margin-bottom:70px;}
}

@media only screen and (max-width:375px){
}