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

#contact{ }

#contact .local_navi a{ width: calc(( 100% - 10px)/2);}
#contact .local_navi a:hover{ background-color: #ea6390; border-color: #ea6390;}

#contact .commonContent{ max-width: 1060px; margin: 0 auto;}
#contact .style_basic dl{ }
#contact .style_basic dt{ width:14em;}
#contact .style_basic dd{ width: calc( 100% - 17em); margin: 0 0 0 auto;}

#contact h3.categoryTit{ color: #ea6390;}

#form .txt{ margin-bottom: 30px;}
.formBox{ border-top: 1px solid #ccc; }
.formBox dl{ display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; border-bottom: 1px solid #ccc;}
.formBox dt{ background-color: #eee; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; box-sizing: border-box; width: 16em; padding: 20px;}
.formBox dt.required:after{ content: '必須'; color: #f40066; font-size: 12px; margin-left: 1em; font-weight: normal; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; display: inline-block;}
.formBox dd{box-sizing: border-box; padding: 20px 20px 10px 20px; width: calc( 100% - 16em);}
.formBox input{ border:1px solid #eee; padding:18px; font-size: 14px; box-sizing: border-box; margin-bottom: 10px; max-width: 100%;}
.formBox input::placeholder,.formBox textarea::placeholder { color: #999999; font-weight: normal;} 
::-webkit-input-placeholder { color: #999999; opacity: 1; font-weight: normal;} 
::-moz-placeholder { color: #999999; opacity: 1; font-weight: normal; } 
:-ms-input-placeholder { color: #999999; opacity: 1; font-weight: normal; }
.formBox .address input{ margin-bottom: 10px; width: 100%;}
.formBox .address input.number{ width: auto; margin-left: 20px;}
.formBox textarea{ border:1px solid #eee; padding:18px; font-size: 14px; box-sizing: border-box; margin-bottom: 10px; width: 100%; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN";}
.btn_go{ background-color: #000; color: #fff;  text-align: center;  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; font-size: 19px; display: block; padding: 1em; border: none;}
.formBox .btn_go{width: 300px; margin: 40px auto 0; max-width: 80%;}



@media screen and (max-width:768px) {
#contact .style_basic dt{ width:100%;}
#contact .style_basic dd{ width:100%; margin: 15px 0 0 auto;}
}

@media screen and (max-width:640px) {
.formBox dt{width: 100%;}
.formBox dd{width: 100%;}
}

@media screen and (max-width:480px) {
	
#contact .style_basic dd{ width:100%; }

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

}