@charset "utf-8";

/* CSS Document */
#contact dt.required h2{ position:relative; padding-top: 0.4em;}
#contact dt.required h2::after{content:"必須";background:#F4CD21;width: 3.5em;display: inline-block;border-radius: 6px;font-size:13px;text-align:center;line-height: 1em;padding: 0.5em 0;color:#169252; font-weight:bold; position:absolute; right:0; top:0;}
select::-ms-expand { display: none; }
select { -moz-appearance: none; text-overflow: ''; -webkit-appearance: none; appearance: none; }

#contact dl dd input{padding:5px; box-sizing: border-box; border:1px solid #169252; margin-bottom: 0; border-radius: 6px;}
#contact dl dd label { position: relative; display: inline-block; }
#contact dl dd label:after { content: ""; position: absolute; top: 0.7em; right: 8px; border: 5px solid transparent; border-top: 7px solid #109954; z-index: 1; }
#contact dl dd select{ line-height: 1.5em; padding:5px; box-sizing:border-box; border-radius: 6px; border: #169252 1px solid; outline: none; }
@-moz-document url-prefix() { #contact dl dd select { padding: 0; } }
#contact dl dd.prefectures span{ display:block; margin-bottom:10px; }
#contact dl dd.prefectures span select:after{ content: ">"; }
#contact dl dd textarea{ padding:5px; box-sizing:border-box;border:1px solid #169252; margin-bottom:0; border-radius: 6px;}
#contact dl dd input.wpcf7c-conf, #contact dl dd select.wpcf7c-conf, #contact dl dd textarea.wpcf7c-conf { background-color: #f2fff8; }
#contact dl dd input{ margin-right:5px;}
#contact dl dd.sizeL input, #contact dl dd.sizeL textarea { width: 100%; }
#contact dl dd.sizeM input { width: 450px; }
#contact dl dd.sizeS input { width: 300px; }
#contact dl dd span.wpcf7-not-valid-tip { color:#FF0000; display:block; margin-top:10px; }
#contact dl dd span.wpcf7-list-item { margin: 0; }
#contact dt:last-of-type, #contact dd:last-of-type { border-bottom: none; }

#contact .sendBtn{ text-align:center;}
#contact .sendBtn button,
#contact .sendBtn input{ -webkit-appearance: none;
font-size: 1.2rem; font-weight:700; text-align: center; min-width:450px; padding: 20px 60px; background:#109954; color:#fff;display: inline-block; position: relative; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; outline: none; margin: 0 auto; border:none; border-radius: 6px;
box-shadow:0px 3px 0px 0px #E8D0BC; -moz-box-shadow:0px 3px 0px 0px #E8D0BC; -webkit-box-shadow:0px 3px 0px 0px #E8D0BC;}
#contact .sendBtn input.wpcf7c-btn-back { background: #F4CD21; color: #169252; width: 300px; min-width: 300px; border:none; }
#contact .sendBtn input.wpcf7-submit { -webkit-appearance: none; width: 300px; min-width: 300px; margin-left: 15px; }
#contact .sendBtn input.wpcf7c-btn-back:hover { color: #FFF!important; }
#contact .sendBtn button:hover, #contact .sendBtn input:hover{ color:#F4CD21!important;}
#contact .sendBtn input:hover {  box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); }
#contact .sendBtn span.ajax-loader { display: block; margin: 10px auto; }
#contact div.wpcf7-validation-errors { line-height: 1.2em; }

@media screen and (max-width:1600px){
}
@media screen and (max-width: 1100px){
	#contact dt.required h2::after{position:relative; left:10px;}
	#contact dt h2 { left: 0; }
	#contact dt { border-bottom: none; padding: 0 25px 0 25px;}
	#contact dd { padding-top: 10px; }
	#contact .sendBtn input.wpcf7c-btn-back { width: calc(50% - 35px); min-width: 0; }
	#contact .sendBtn input.wpcf7-submit { width: calc(50% - 35px); min-width: 0; margin-left: 20px; }
}
@media screen and (max-width: 600px){
	#contact dl dt{ padding:0 15px;}
	#contact dl dt:first-of-type { padding-top: 40px; }
	#contact dl dt h2{ left:0; padding: 0;}
	#contact dt.required h2{ position:relative; padding-top: 0;}
	#contact dl dd{ padding:15px 15px 30px 15px;}
	#contact dl dd.sizeL input, #contact dl dd.sizeL textarea { width: 100%; }
	#contact dl dd.sizeM input { width: 100%; }
	#contact dl dd.sizeS input { width: 100%; }
	#contact .sendBtn input { min-width: 0; }
	#contact .sendBtn button,
	#contact .sendBtn input{ width: calc(100% - 30px); margin-bottom:15px;}
	#contact .sendBtn input.wpcf7c-btn-back { width: calc(100% - 30px); }
	#contact .sendBtn input.wpcf7-submit { width: calc(100% - 30px); margin-left: 0; }
	br.pc { display: none; }

}