@charset "utf-8";
body#corp-contactPage{background-color:#e8ecf5;}
#contsBox{margin:0 auto;}
#contsBox .contactLead{
	margin:0 auto;
	line-height:2.11;
}
#contsBox .contactCaution{
	position:relative;
	display:table;
	margin:0 auto;
	color:#8d8d8d;
	line-height:2.0;
}
#contsBox .contactCaution:before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}
#telContactBox{
	display:block;
	margin:0 auto;
	background-color:#fff;
	text-align:center;
}
#telContactBox .telNumBox{margin:0 auto;}
#telContactBox .telNumBox > *{vertical-align:top;}
#contsBox[data-slug="contact"] #telContactBox .telNumBox .telNum{color:#d29576;}
#contsBox[data-slug="corp-contact"] #telContactBox .telNumBox .telNum{color:#6888B8;}
#telContactBox .telNumBox .telNum > *{
	display:block;
	line-height:1.0;
}
#formBox{margin:0 auto;}
#contsBox[data-slug="contact"] #formBox .contactForm{border-bottom:2px solid #e9d1c5;}
#contsBox[data-slug="corp-contact"] #formBox .contactForm{border-bottom:2px solid #c2cee3;}
#formBox .contactForm > *{
	display:block;
	line-height:1.0;
}
#formBox input[type="text"],
#formBox input[type="tel"],
#formBox input[type="email"],
#formBox textarea,
#formBox select{
	display:block;
	width:100%;
	border:1px solid #dfdfdf;
	outline:none;
	border-radius:5px;
	line-height:1.0;
}
#formBox input[type="submit"]{
	padding:0;
	background-color:transparent;
	border:none;
	cursor:pointer;
}
#formBox .contactForm dt[requred] label:after{
	content:"必須";
	display:inline-block;
	background-color:#d29576;
	color:#fff;
	line-height:1.0;
}
#formBox .contactForm dt a[data-btn]{display:table;}
#formBox .contactForm dd{position:relative;}
#formBox .submitBtn{text-align:center;}
#formBox .submitBtn input[type="submit"]{
	display:block;
	margin:0 auto;
	color:#fff;
	line-height:1.0;
	transition:opacity 0.4s;
}
#formBox .submitBtn input[type="submit"]:hover{opacity:0.8;}
#contsBox[data-slug="contact"] #formBox .submitBtn input[type="submit"]{background-color:#d29576;}
#contsBox[data-slug="corp-contact"] #formBox .submitBtn input[type="submit"]{background-color:#6888b8;}
#policyBox{
	margin:0 auto;
	border:3px solid #fff;
	text-align:center;
}
#policyBox h3{
	display:block;
	line-height:1.0;
}
#contsBox[data-slug="contact"] #policyBox h3,
#contsBox[data-slug="contact"] #policyBox a{color:#d29576;}
#contsBox[data-slug="corp-contact"] #policyBox h3,
#contsBox[data-slug="corp-contact"] #policyBox a{color:#6888b8;}
#policyBox p{line-height:1.7;}
#corp-contactPage #contact{background-image:url("../img/common/contact-bg02-blue.svg"),url("../img/common/contact-bg01.png");}
@media screen and (max-width:1159.999px){
	#contsBox{
		padding-top:36px;
		padding-bottom:78px;
	}
	#contsBox .contactCaution{
		margin-top:14px;
		padding-left:12px;
		font-size:1.3rem;
	}
	#telContactBox{
		width:100vw;
		padding:24px 6.4vw 30px;
		margin:55px -6.4vw 0;
		text-align:center;
	}
	#telContactBox .telLead{
		line-height:1.6;
		font-size:1.8rem;
	}
	#telContactBox .telNumBox{margin-top:13px;}
	#telContactBox .telNumBox img{
		width:40px;
		margin:0 auto -20px;
	}
	#telContactBox .telNumBox p{
		padding:28px 10px 15px;
		background-color:#fff;
		border-radius:8px;
	}
	#telContactBox .telNumBox .telNum{
		max-width:328px;
		margin:0 auto;
		padding:24px 10px 12px;
	}
	#contsBox[data-slug="contact"] #telContactBox .telNumBox .telNum{border:2px solid #d29576;}
	#contsBox[data-slug="corp-contact"] #telContactBox .telNumBox .telNum{border:2px solid #6888B8;}
	#telContactBox .telNumBox .telNum strong{font-size:3.6rem;}
	#telContactBox .telNumBox .telNum small{
		margin-top:12px;
		font-size:1.0rem;
	}
	#formBox{margin-top:80px;}
	#formBox .contactForm{font-size:1.8rem;}
	#formBox input[type="text"],
	#formBox input[type="tel"],
	#formBox input[type="email"],
	#formBox textarea,
	#formBox select{font-size:1.8rem;}
	#formBox input[type="text"],
	#formBox input[type="tel"],
	#formBox input[type="email"],
	#formBox select{padding:14px 2vw;}
	#formBox .contactForm dt{margin-bottom:16px;}
	#formBox .contactForm dt a[data-btn]{
		display:inline-table;
		margin-left:14px;
	}
	#formBox .contactForm dt[requred] label:after{
		margin-left:8px;
		padding:4px 8px;
		border-radius:2px;
		font-size:1.3rem;
	}
	#formBox .contactForm dd{
		padding:0 3.2vw 18px;
		border-bottom:2px solid;
	}
	#formBox .contactForm dd:last-child{border-bottom:0;}
	#contsBox[data-slug="contact"] #formBox .contactForm dd{border-color:#e9d1c5;}
	#contsBox[data-slug="corp-contact"] #formBox .contactForm dd{border-color:#c2cee3;}
	#formBox .contactForm dd+dt{margin-top:22px;}
	#formBox .submitBtn{margin-top:40px;}
	#formBox .submitBtn input[type="submit"]{
		padding:16px 60px;
		border-radius:28px;
		font-size:2.4rem;
	}
	#policyBox{
		margin-top:40px;
		padding:34px 2vw 24px;
		border-radius:12px;
	}
	#policyBox h3{font-size:1.8rem;}
	#policyBox p{margin-top:20px;}
}
@media screen and (min-width:1160px){
	#contsBox{
		width:1000px;
		padding:85px 0 180px;
	}
	#contsBox .contactLead{font-size:1.8rem;}
	#contsBox .contactCaution{
		margin-top:24px;
		padding-left:14px;
		font-size:1.5rem;
	}
	#telContactBox{
		width:740px;
		padding:40px 20px 35px;
		margin-top:55px;
		border-radius:18px;
	}
	#telContactBox .telLead{
		line-height:1.0;
		font-size:2.2rem;
	}
	#telContactBox .telNumBox{
		display:table;
		margin-top:22px;
	}
	#telContactBox .telNumBox > *{display:table-cell;}
	#telContactBox .telNumBox img{width:60px;}
	#telContactBox .telNumBox p{padding-left:12px;}
	#telContactBox .telNumBox .telNum strong{
		font-size:5.6rem;
		line-height:6.0rem;
	}
	#telContactBox .telNumBox .telNum small{
		margin-top:18px;
		font-size:1.5rem;
		text-align:right;
	}
	#formBox{margin-top:100px;}
	#formBox .contactForm{
		width:100%;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		align-items:center;
		padding-bottom:28px;
		font-size:2.4rem;
	}
	#formBox input[type="text"],
	#formBox input[type="tel"],
	#formBox input[type="email"],
	#formBox textarea,
	#formBox select{font-size:2.2rem;}
	#formBox input[type="text"],
	#formBox input[type="tel"],
	#formBox input[type="email"],
	#formBox select{padding:22px 40px;}
	#formBox .contactForm dt{width:350px;}
	#formBox .contactForm dt a[data-btn]{margin-top:24px;}
	#formBox .contactForm dt[requred] label:after{
		margin-left:22px;
		padding:4px 12px;
		border-radius:3px;
		font-size:1.8rem;
	}
	#formBox .contactForm dd{width:650px;}
	#formBox .contactForm dt+dd+dt,
	#formBox .contactForm dd+dt+dd{
		margin-top:28px;
		padding-top:28px;
	}
	#formBox .contactForm dd+dt+dd:before{
		content:"";
		display:block;
		width:1000px;
		height:2px;
		position:absolute;
		top:-1px;
		right:0;
	}
	#contsBox[data-slug="contact"] #formBox .contactForm dd+dt+dd:before{background-color:#e9d1c5;}
	#contsBox[data-slug="corp-contact"] #formBox .contactForm dd+dt+dd:before{background-color:#c2cee3;}
	#formBox .submitBtn{margin-top:60px;}
	#formBox .submitBtn input[type="submit"]{
		padding:32px 100px;
		border-radius:50px;
		font-size:3.6rem;
	}
	#policyBox{
		width:700px;
		margin-top:80px;
		padding:42px 20px 30px;
		border-radius:18px;
	}
	#policyBox h3{font-size:2.6rem;}
	#policyBox p{
		margin-top:24px;
		font-size:1.8rem;
	}
}