@charset "utf-8";



/* common
----------------------------------------------------------- */
div#contents div.inner{
	max-width:1024px;
	margin:0 auto;
}

h2.ttl{
	padding:0 0 15px;
	color:#81511c;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border-bottom:#e1e1e1 5px solid;
}
 
 
/* flow
----------------------------------------------------------- */
p.outline{
	margin:0 auto 30px;
	padding-bottom:calc(70px + 30px);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.form         p.outline{background-image:url(../../inquiry/img/flow.webp);}
.form.confirm p.outline{background-image:url(../../inquiry/img/flow2.webp);}
.form.thanks  p.outline{background-image:url(../../inquiry/img/flow3.webp);}
@media screen and (max-width: 1138px){
	p.outline{
		padding-bottom:calc(7% + 30px);
		background-size:100% auto;
	}
}
@media screen and (max-width: 660px){
	p.outline{
		padding-bottom:calc(10.42% + 30px);
	}
	.form         p.outline{background-image:url(../../inquiry/img/flow660.webp);}
	.form.confirm p.outline{background-image:url(../../inquiry/img/flow660_2.webp);}
	.form.thanks  p.outline{background-image:url(../../inquiry/img/flow660_3.webp);}
}
@media screen and (max-width: 370px){
	p.outline{
		padding-bottom:calc(18.598% + 30px);
	}
	.form         p.outline{background-image:url(../../inquiry/img/flow370.webp);}
	.form.confirm p.outline{background-image:url(../../inquiry/img/flow370_2.webp);}
	.form.thanks  p.outline{background-image:url(../../inquiry/img/flow370_3.webp);}
}

/* property
----------------------------------------------------------- */
div#property{
	min-height:210px;
	padding:15px 15px 15px 365px;
	border-left:5px #eee solid;
	border-right:5px #eee solid;
	border-bottom:5px #eee solid;
	background-repeat:no-repeat;
	background-position:left 15px top 15px;
	background-size:320px auto;
}
div#property a:not(dl a){
	display:block;
	margin:0 auto 15px;
	font-size:20px;
	font-weight:bold;
}
div#property dl#add_info{
	margin-bottom:0;
	padding:0;
	border-bottom:none;
	filter:none;
}
div#property dl#add_info dt,
div#property dl#add_info dd{
	margin-top:0;
	padding:5px 0;
	border-top:1px #ccc solid;
	border-bottom:none;
	border-radius:0;
}
div#property dl#add_info dt{width:4em;padding-right:2em;}
div#property dl#add_info dd{width:calc(100% - 6em);}

@media screen and (max-width:960px){
	div#property{
		min-height:0;
		padding:430px 15px 15px 15px;
		background-position:center top 15px;
		background-size:600px auto;
	}
}
@media screen and (max-width:712px){
	div#property{
		min-height:0;
		padding:calc(100% * 395 / 600 + 15px) 15px 15px 15px;
		background-position:center top 15px;
		background-size:calc(100% - 30px) auto;
	}
}


/* inquiry_form
----------------------------------------------------------- */
.form div#contents dl#inquiry_form{
	max-width:1024px;
	padding:0 0 30px;
	letter-spacing:-0.4em;
	border-bottom:none;
	filter:none;
}
dl#inquiry_form dt,
dl#inquiry_form dd{
	display:inline-block;
	margin:0;
	padding:30px 0 15px;
	vertical-align:top;
	letter-spacing:normal;
	border-top:1px #ccc solid;
}
dl#inquiry_form h2.ttl{
	letter-spacing:normal;
}
dl#inquiry_form dt{
	width:calc(2em + 20px + 15px + 14em);
	padding:calc(1em - 0.75em + 10px + 20px) 0;
	font-weight:bold;
}
dl#inquiry_form dt:before{
	width:2em;
	margin-right:15px;
	padding:calc(1em - 0.75em + 10px) 10px;
	color:#fff;
	text-align:center;
}
dl#inquiry_form dd{
	width:calc(100% - 2em - 20px - 15px - 14em);
}
dl#inquiry_form dd ul{
	margin-bottom:15px;
}
dl#inquiry_form dd ul li{
	margin-bottom:5px;
}
dl#inquiry_form dd ul li span{
	width:9em;
	display:inline-block;
}
dl#inquiry_form dd ul li span + input{
	width:calc(100% - 9em - 2em);
	display:inline-block;
}
dl#inquiry_form dd ul li span + input + p.note,
dl#inquiry_form dd ul li span + input + p.note + p.note{
	margin-left:10.2em;
}
#inquiry_contents{
	margin:15px 0 0;
}
dl#inquiry_form dt.option:before{
	content:"任意";
	background-color:#646464;
}
.form textarea,
.form input[type="text"]{
	width:calc(100% - 32px);
}

.ec-zipInput span {
	width: 1em;
	display: inline-block;
	padding: 0 5px 0 0;
}
.ec-zipInput input#contact_postal_code{
	width: calc(100% - 1em - 13px - 20px);
}
dl#inquiry_form dt.mandatory:before{
	content:"必須";
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	background-color:#643232;
}
div.ec-zipInput{
	width:10em;
	display: inline-block;
}
.ec-zipInputHelp {
	display: inline-block;
	margin-left: 10px;
	vertical-align: baseline;
	line-height: 0;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
	display: inline-block;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: #525263;
	border-radius: 50%;
	font-size: 13px;
	position: relative;
	top: -6px;
}


/* privacy
----------------------------------------------------------- */
dl#inquiry_form dt:has(+ dd.privacy),
dl#inquiry_form dd.privacy{
	width:100%;
}
dl#inquiry_form dd.privacy{
	padding-top:0;
	border-top:none;
}
dd.privacy div{
	height:200px;
	margin:0 0 15px;
	padding:15px;
	border:5px #eee solid;
	overflow-y:auto;
}
dd.privacy div h2{
	margin:30px 0 0 0;
	font-weight:bold;
}
/* input
----------------------------------------------------------- */
.form div#contents div.btn{
	margin-bottom:15px;
}