@charset "utf-8";



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

h2.ttl{
	padding:5px;
	color:#ff7f17;
	font-size:24px;
	text-align:center;
	background-color:#000;
}
 
 
/* 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;
	border-bottom:none;
	filter:none;
}
dl#inquiry_form dt,
dl#inquiry_form dd{
	width:100%;
}
dl#inquiry_form dt{
	width: calc(100% - 2em - 35px);
	margin:30px 0 15px 0;
    padding: 30px 0 0 0;
	font-weight:bold;
}
dl#inquiry_form dt:before{
	width:2em;
	margin-right:15px;
	padding:10px;
	color:#fff;
	text-align:center;
}
dl#inquiry_form dd{
	width:calc(100% - 2em - 20px - 15px)!important;
	margin:0 0 0 calc(2em + 20px + 15px);
	border-top:none;
}
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.mandatory:before{
	content:"必須";
	background-color:#007dff;
}
dl#inquiry_form dt.option:before{
	content:"任意";
	background-color:#646464;
}
.form textarea,
.form input[type="text"]{
	width:calc(100% - 32px);
}
@media screen and (max-width: 540px) {
	.form div#contents dl dt{
		width: calc(100% - 2em - 35px);
	    padding-left: calc(2em + 35px);
	    text-indent: calc(-2em - 35px);
    }
    dl#inquiry_form dd {
		width:100% !important;
		margin: 0;
	}
	dl#inquiry_form dd .check label,
	dl#inquiry_form dd .radio label {
		margin-right: 0;
		padding-left: 30px;
	}
}


/* privacy
----------------------------------------------------------- */
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;
}