/*----------------------------------------------------
------------------------------------------------------
------------------------------------------------------

CONTACT FORM


-------------------------------------------------- */
a.btn.sample{margin-top:40px;padding:10px 30px;color:#FFF;font-size:14px;font-weight:bold;background:#b79a7e; text-decoration:none;display:inline-block;}
.intro_box{margin:30px 0 30px;;}
.intro_box > *{display:inline-table;}
.intro_box p.block{margin:10px 0;display:block;}
.intro_box p.block a{color:#7ad0b8;font-size:14px;}
.hissu_bg{padding:5px 10px;margin-right:2px;color:#FFF;font-weight:bold;background:#f01428;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;display:inline-block;}
@media screen and (max-width:980px){
	a.btn.sample{font-size:18px;}
	.intro_box{font-size:14px;}
}

/*----------------------------------------------------
------------------------------------------------------
------------------------------------------------------

FORM TABLE

-------------------------------------------------- */
form{background:#f8f8f8;margin:0 0 30px;padding:60px 0;text-align:center;}
form table{width:100%;margin:0 auto;padding:0;}
form table tr{width:100%;line-height:150%;vertical-align:top;border-bottom:20px solid #f8f8f8;}
form table th{min-width:30%;font-size:18px;font-weight:bold;}
form table th span.red{margin-left:5px;padding:5px 7px 6px 5px;color:#FFF;font-size:14px;background:#b8041d;font-weight:bold;}
form table th span.caution{margin-left:5px;color:#e5e5e5;font-size:14px;}
form table th,
form table td{position:relative;padding:7px 5px 7px 5px;text-align:left;}
form table td.title{width:30%;padding-left:20px;vertical-align:top;}
form table td.data{width:70%;padding-right:20px;}
form table td.data .small_font{margin:5px 0;}
form table td.data .small_font .small_font{margin:5px 0;}
form table td.data .small_font2{clear:left;margin-top:20px;}
form table td.data .inform{margin-right:10px;display:inline-block;}
form table td.data .check{margin:0;display:inline-block;}
form table td input.number{width:30%;}
form table td input{width:96%;height:50px;padding:0 2%;font-size:18px;font-weight:bold;}
form table td.data .inform input{width:auto;height:auto;margin-bottom:5px;}
form table td input.tel{width:40%;}
form table td input.zip{width:20%;}
form table td input#submit{width:100px;height:35px;margin:10px 0 0;color:#FFF;font-size:16px;background:#89e5cb;border:none;cursor:pointer; -webkit-appearance: none;}
form table td input#reset{width:100px;height:35px;margin:10px 0 0 10px;color:#FFF;font-size:16px;background:#999;border:none;cursor:pointer; -webkit-appearance: none;}
form table td input#submit:hover{background:#7ad0b8;}
form table td input#reset:hover{background:#777;}
form table td textarea{width:96%;font-size:18px;padding:7px 2%;vertical-align:middle;}
form table td.data .inform p.list_ttl{margin:0 0 10px;font-size:14px;font-weight:bold;}
form table td.data .inform ul{margin-bottom:20px;}
form table span.small{font-size:12px;}

.privacy_policy{padding:15px;margin:20px 20px;border:2px solid #25282a;font-size:13px;}
.privacy_policy h3{float:left;font-size:18px;font-weight:bold;line-height:1.4em;margin-bottom:7px;color:#25282a;}
.privacy_policy .hissu_bg{float:left;margin:-2px 0 0 5px;}
.privacy_policy p{margin-top:10px;color:#25282a;font-size:12px;line-height:1.8em;text-align:left;display:inline-block;}
.privacy_policy .privacy{text-align:center;display:inline-block;}
.privacy_policy .privacy .hissu_bg{float:none;}

.privacy_button > div{margin:20px 0;font-size:14px;}
.kakunin_box{width:100%;font-size:14px;line-height:1.8em;text-align:center;}
.submit{width:100px;height:40px;background:#89e5cb;color:#FFF;font-size:14px;font-weight:bold;line-height:2.5em;text-align:center;vertical-align:middle;display:inline-block;}
.kakunin_box p{margin-top:20px;}

.title_area{margin-right:5px;font-size:18px;line-height:1.4em;text-align:left;display:inline-block;}
.title_area.long{margin-bottom:10px;font-size:14px;}

.caution_top{font-size:13px;font-weight:bold;color:#cc0000;margin-bottom:20px;}
.caution{font-size:13px;font-weight:bold;color:#cc0000;margin-top:5px;}
.img_caution{padding-top:3px;}

.delete_info{font-size:14px;margin-top:20px;line-height:1.5;}
.delete_info span{color:#cc0000;}

.thanks_txt {font-size:15px;line-height:1.5;margin-top: 50px;text-align:left;}
.thanks_txt span {font-weight: bold;}


@media screen and (max-width:980px){
	form table{width:100%;}
	form table th{width:28%;margin:0 0 0 2%;}
	form table td{width:68%;margin:0 2% 0 0;}
}
@media screen and (max-width:690px){
    form table,form table tr,form table td,form table th{display: block !important;}
	form table{white-space: break-spaces; width:96%;margin:0 2%;}
	form table tr{margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid #89e5cb;}
	form table th{margin:0;}
	form table td{margin-bottom:10px;}
	form table th,
	form table td{;position:relative;width:100%;padding:7px 0;}
	form table td input#submit,
	form table td input#reset{width:49%;margin:10px 0 0;height:80px;}
	form table td input#reset{margin:10px 0 0 ;}
	form table td input.number{width:96%;}
	form table td.title{clear: both; width: 100%; font-weight:bold;text-align:center; display: block;}
    form table td.data{clear: both; display: block; width: 100%;}
	form table td.data .check{font-size:16px;margin:5px 10px 5px 0;}
	form table td.data .inform{font-size:16px;margin:5px 10px 5px 0;}
	form table td.data .inform li{margin:10px 10px 10px 0;}
	form table tr.last{margin-bottom:0;padding-bottom:0;}
	.body_tbl_tr{margin-bottom:0;padding-bottom:0;border:none;}
/*-----------------------------------------------------------------------*/
input[name="DATA01"], input[name="DATA02"], input[name="DATA09"], input[name="DATA10"], input[name="DATAEM"], input[name="EMAILCHECK"], input[name="DATA13"]{
	width:100%;
    display:block;
	}
}



/*----------------------------------------------------
------------------------------------------------------
------------------------------------------------------

FORM CONTACT BANNER

-------------------------------------------------- */
#form_contact_bnr{}
#form_contact_bnr .inner{}
#form_contact_bnr .inner ul{}
#form_contact_bnr .inner ul li{width:32%;padding:20px 0px;margin-right:2%;border-top:4px solid #89e5cb;display:inline-block;vertical-align:top;}
#form_contact_bnr .inner ul li:nth-child(3){margin-right:0;}
#form_contact_bnr .inner ul li p{margin-bottom:10px;color:#000;font-size:15px;line-height:1.4em;text-align:center;}
#form_contact_bnr .inner ul li p.ttl{padding-bottom:5px;font-size:18px;font-weight:bold;}
#form_contact_bnr .inner ul li p span{color:#666;font-size:12px;}
#form_contact_bnr .inner ul li p a{color:#7ad0b8;}

@media screen and (max-width:690px){
	#form_contact_bnr .inner ul li{width:100%;margin-right:0;}
}
