@charset("UTF-8");

.main-visual::after{
	background-image:url(../images/contact-main-visual.jpg);
	background-position:right center;
}

.t-box01{
	display:block;
	width:100%;
	background:#f5f7f4;
	border:1px solid #dfdfdf;
	line-height:3;
}
#item{
	display:block;
	width:250px;
	background:#f5f7f4;
	border:1px solid #dfdfdf;
	line-height:3;
	height:40px;
}
#zip01{
	width:75px;
	display:inline-block;
}
#zip02{
	width:100px;
	display:inline-block;
}
#address{
	margin-top:20px;
}
#comment{
	display:block;
	width:100%;
	background:#f5f7f4;
	border:1px solid #dfdfdf;
	line-height:3;
	height:200px;
}
th span{
	border-radius:14px;
	text-align:center;
	font-size:14px;
	line-height:24px;
	height:24px;
	display:inline-block;
	float:right;
	padding:0 12px;
}
th span.required{
	color:#fff;
	background:#d69b89;
}

th span.optional{
	border:1px solid #aaa;
}
.check-area{
	padding:20px 40px;
	margin-top:40px;
	margin-bottom:40px;
}
.check-area p{
	line-height:2;
	width:calc(100% - 40px);
	padding-left:10px;
	vertical-align:top;
	display:inline-block;
}
#check-flg{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:top;
}
.check-area a{
	color:#0d61a9;
}
.send-btn{
	color:#fff;
	font-size:14px;
	font-weight:600;
	appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	display:block;
	width:300px;
	line-height:4.2;
	margin:auto;
	border:none;
	background:#0d61a9;
	cursor:pointer;
}
.tel-btn{
	color:#fff;
	font-size:24px;
	text-align:center;
	display:block;
	width:500px;
	line-height:4;
	margin:auto;
	border:none;
	background:#0d61a9;
	letter-spacing:0.075em;
}
.tel-btn::before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:21px;
	height:27px;
	background:url(../images/contact-icon01.jpg) no-repeat;
	background-position:center top;
	background-size:100% auto;
	margin-right:8px;
}
.sec02 p{
	text-align:center;
	padding-top:0.8em;
}

.msg{
	text-align:center;
	line-height:2;
}

/* ********************************************** */
/* **************レスポンシブスタイル************ */
/* ********************************************** */
@media screen and (max-width:767px){

.t-box01{
	line-height:2.4;
}
#item{
	width:100%;
	line-height:2.4;
	height:3.36rem;
}
#zip01{
	width:25%;
}
#zip02{
	width:35%;
}
#address{
	margin-top:1.5rem;
}
#comment{
	height:18rem;
}
th span{
	border-radius:1.4rem;
	text-align:center;
	font-size:1.4rem;
	line-height:2.4rem;
	height:2.4rem;
	float:none;
	margin-left:1em;
	padding:0 1.2rem;
}

.check-area{
	padding:1.5rem;
	margin-top:2rem;
	margin-bottom:2rem;
}
.check-area p{
	line-height:2;
	width:calc(100% - 3rem);
	padding-left:0.6rem;
}
#check-flg{
	width:2rem;
	height:2rem;
}

.send-btn{
	font-size:1.4rem;
	width:100%;
	line-height:3;
	font-weight:500;
}
.tel-btn{
	font-size:1.4rem;
	width:100%;
	line-height:3;
}
.tel-btn::before{
	width:1.575rem;
	height:2.1rem;
}
.sec02 p{
	text-align:center;
	padding-top:0.8em;
}
}