@charset "UTF-8";


/* お問い合わせ */
.text-contact{ padding-bottom:40px;}
input.error{
	border: red;
	background:#ECDADA;
}

p.error{
	background: red;
	padding: 8px;
	color: #fff;
	margin-bottom: 1em;
}

.mailform{ width:100%; border-top: 1px solid #bfc4c7}
.mailform tr{ display:flex}
.mailform th,.mailform td{ padding:15px 0; color:#282828}
.mailform tr:first-child th,.mailform tr:first-child td{ padding:40px 20px 40px 0; color:#282828}
.mailform tr:nth-child(2) th,
.mailform tr:nth-child(2) td{ padding-top:40px}
.mailform tr:nth-child(4) th,
.mailform tr:nth-child(6) th{ margin-bottom:25px}
.mailform th{ display: flex;  align-items: center; width: 300px; justify-content: space-between; padding-right:20px; box-sizing:border-box;}
.mailform td{ width:780px;}
.mailform td p{  font-size:1.4rem; margin-top:5px}
.mailform th span{ padding:2px 5px; font-size:1.4rem; font-weight:normal; color: #fff; background:#f39801}
.td-box{ background:#fff; padding:20px 30px;border: 1px solid #bfc4c7;box-sizing:border-box}
.td-box > span{
	display: block;
	margin-top: 3px;
}
.mailform tr:first-child th,
.mailform tr:first-child td{ border-bottom:1px solid #bfc4c7}
.mailform  .zipcode{ width:250px}
.zipcode-btn{ display:inline-block; line-height:45px; padding:0 50px; border:1px solid #007843;background:#007843; color:#fff}
.mailform tr:last-child td,.mailform tr:last-child th{ padding-bottom:40px}
.privacypolicy{ margin-bottom:40px; background:#fff; padding:20px; box-sizing:border-box}
.privacypolicy h3{ font-size:1.6rem}
.consent{ margin-bottom:60px; text-align:center}
.consent-text{ padding-bottom:15px; text-align:left}
.contact-btn{ margin-bottom:150px}
.contact-btn .btn02,
.contact-btn .btn03{ height: auto;padding: 15px 70px; font-size:1.8rem;  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight:bold}

.contact-btn .btn02.disabled{ opacity: 0.5; cursor: default;}
button.disabled:hover {
    background: #007843;
    color: #fff;
}


.checkBody .td-box {background:none; padding:0;border:none;}
.checkBody .td-box li{ margin-left:20px; list-style-type: disc}
.send-text{ padding-bottom:20px}
.contact-btn a , .contact-btn button , .contact-btn a{ box-sizing: border-box; margin-bottom: 10px;  padding: 15px 100px;}
.contact-btn .btn03{ margin-right:20px;}
.tel{ display:inline-block}

.flexbox{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.flexbox li{
	position: relative;
	box-sizing: border-box;
	width: 33%;
	padding: 8px 8px 8px 8px;
}
.flexbox li label{
	display: block;
}
.flexbox li img{
}

@media screen and (max-width: 960px) {
.mailform th,.mailform td { display:block; width:100%; padding:10px}
.mailform tr{ display:block}
.mailform tr:first-child th{ text-align:left; padding-bottom:0;border-bottom:none;  }
.mailform tr:first-child th, .mailform tr:first-child td{ padding-left:10px; padding-right:10px}
.mailform tr:first-child td{ padding-top:10px}
.mailform td{ padding-bottom:20px}
.mailform th{ padding-bottom:0;    text-align: left;}
.mailform th span{ float: right;  display: inline-block; }
.td-box{ padding:10px;}
.mailform tr:nth-child(2) td{ padding-top:10px}
.mailform tr:nth-child(4) th,
.mailform tr:nth-child(6) th{ margin-bottom:0}
.mailform  .zipcode{ width:150px}
.zipcode-btn{ padding:0 30px;}
.mailform tr:last-child th{ padding-bottom:0}
.go-form2 { margin-bottom:100px;}
.go-form2 .btn01{ padding:30px 0; font-size:2rem}
.go-form2 .btn01 img{ height:16px;}
.contact-btn a , 
.contact-btn button{
	width: 80%;
}
.contact-btn .btn03{ margin-right:0;}
	
.flexbox{
	display: block;
}
	
.flexbox li{
	position: relative;
	box-sizing: border-box;
	width: auto;
	padding: 16px 8px 16px 8px;
	border-bottom: 1px dotted #999;
}
.flexbox li img{
	position: static;
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-top: 8px;
}	
.flexbox li br{
	display: none;
}	
	
}





@media screen and (min-width: 961px) {
.privacypolicy{ margin-bottom: 60px; padding: 50px;}
.privacypolicy h3{ margin-top:0}
.text-contact{ padding-bottom:60px; text-align:center; font-size:1.8rem; line-height:1.8}
.privacypolicy,
.consent-text{ text-align:center}
.send-text{ text-align:center}
.contact-btn .btn03{ margin-right:40px}
.tel:after{ content:"TEL 0475-34-4666";} 
.tel a{ display:none} 
}