@charset "utf-8";


header img.scroll-w {display:none;}

@media (max-width:640px){

	.hamburger__line {background-color:#402922;} 
}


/* 共通 */
#contact{max-width: 900px; width: 100%; margin: 0 auto;}
article{margin-top: 100px;}

@media (max-width:640px){
    #contact{max-width: 500px; width: 100%; margin: 0 auto;}
    article{margin-top: 120px;}
}

#contact p small{display: block; margin: 20px auto; text-align: center; background: #402922; color: #fff; padding:5px 0; font-weight: 700;}


/* form */
form dl{display: flex; justify-content: space-between; flex-wrap: wrap;  margin: 50px auto 0;}
form dl dt{width: 20%; margin-right: 5%;}
form dl dt span{background: #402922; color: #fff; font-size: .8rem; font-weight: 700; padding: 2px 10px; border-radius: 10px; margin-left: 5px;}
form dl dd{width: 75%;}
form dl dd input,form dl dd textarea{width: 100%; border: solid 1px #402922; padding:10px 5px;}
form dl dd textarea{padding:10px 5px; min-height: 200px;}
dd.h-adr input{width: 30%; margin: 0 10px;}
dd.h-adr input:nth-of-type(3){width: 100%; margin: 10px auto 0;}

dd.h-adr p {display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:flex-start; align-items:flex-start;}
dd.h-adr p br {display:none;}
dd.h-adr input {width:100%;}
dd.h-adr input.p-postal-code {width:120px; margin:0 10px 10px;}
dd.h-adr input.p-region {width:150px; margin:0 0 10px;}

dd.mail input {margin:0 auto 10px;}

@media (max-width:640px){
    form dl{margin: 30px auto 0;}
    form dl dt{width: 100%; margin-right: 0; margin-bottom: 10px;}
    form dl dd{width: 100%;}
}

.chuui{margin: 80px auto 0; border-top: solid 1px #402922; padding:20px 0;}
input[type="submit"]{    
    position: relative;
    overflow: hidden;
    border: solid 1px #402922;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #402922;
    color: #fff;
    margin: 30px auto 0;
    padding: 20px 50px;
    font-family: "Noto Sans Japanese";
    font-weight: 500;
    text-align: left;
    line-height: 1.4;
    outline: none;
    transition: ease .2s;
    height: 100%;
}
input[type="submit"]:hover{opacity: .7;}

@media (max-width:640px){
    .chuui{margin: 80px auto 0; border-top: solid 1px #402922; padding:20px 0;}
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	margin:40px auto;
	padding:15px 0;
	color:#dc3232;
	font-weight:bold;
	text-align:center;
	border-radius:50px;
	border-color:#dc3232 !important;
}