@charset "UTF-8";

.pageWrapper .pageKv{
	position: relative;
	margin-top: 20px;
	margin-bottom: 50px;
}
.pageWrapper .pageKv h2{
	font-size: 40px;
	font-weight: bold;
	text-align:center;
	color: #222222;
}

.readArea{}
.readArea ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.readArea ul li:first-child{
	background: url(../img/contact/read_txt_01.png) no-repeat top left;
	background-size: 100%;
	padding: 78px 0 0 0;
}
.readArea ul li:last-child{
	background: url(../img/contact/tel_txt_01.png) no-repeat top left;
	background-size: 100%;
	padding: 21px 0 0 0;
}
.readArea ul li{
	font-size: 14px;
	width: 450px;
	height: 120px;
}
.readArea ul li span{
	color: #b6000f;
}
.readArea ul li strong{
	color: #b6000f;
	font-size: 16px;
	display: block;
	font-weight: bold;
	text-align: center;
}

.formArea{
	margin-bottom: 120px;
	margin-top: 50px;
}
.formArea h4{
	font-size:18px;
	font-weight:bold;
	padding: 12px 0px 12px 66px;
	margin-bottom: 20px;
}
.formArea h4.headingtxt01{
	background:url(../img/contact/bg_title_h4_01.png) no-repeat top left;
	background-size: 100%;
}
.formArea h4.headingtxt02{
	background:url(../img/contact/bg_title_h4_02.png) no-repeat top left;
	background-size: 100%;
}
.formArea h4.headingtxt03{
	background:url(../img/contact/bg_title_h4_03.png) no-repeat top left;
	background-size: 100%;
}

.formTable{
	margin-bottom: 50px;
}
.formTable .formLine{
	border-top: 1px solid #989898;
	box-sizing: border-box;
	padding: 10px 0;
}
.formTable .formLine:last-child{
	border-bottom: 1px solid #989898;
}

.formTable .formText[type="text"]{
	padding: 11px 5px;
}

.formTable .formLine dt.formLineTitle{
	display: inline-block;
	width: 249px;
	font-weight: bold;
}
.formTable .formLine dt.formLineTitle.must{
	padding-left: 50px;
	background: url(../img/contact/icon_must.png) no-repeat center left;
	background-size: 40px;
}
.formTable .formLine dt.formLineTitle.any{
	padding-left: 50px;
	background: url(../img/contact/icon_any.png) no-repeat center left;
	background-size: 40px;
}

.formTable .formLine dd{
	display: inline-block;
	width: 595px;
}
.formTable .formLine dd input{
	border-radius: 3px;
}
.formTable .formLine dd input.error{
	border:1px solid #b6000f;
}

.formTable .formLine .formSelect{
	display: inline-block;
}
.formTable .formLine .formSelect.wid100{
	width: 100px;
}
.formTable .formLine select{
	padding: 7px 10px;
	border-radius: 3px;
	font-size: 16px;
	background: url(../img/icon_select.png) 97% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #fff 50% ,#eee 100%);
	background: url(../img/icon_select.png) 97% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50% ,#eee 100%);
	background-size: 11px 38px;
	min-height: 40px;
	line-height: 1em;
}

.formTable .formLine span.subtxt{
	padding-right: 10px;
	display: inline-block;
}

.formTable .formLine .formTextarea{
	height: 160px;
}

.formTable .formLine dt.formLineTitle.any.textareaParts{
	vertical-align: top;
	padding-top: 67px;
	background: url(../img/contact/icon_any.png) no-repeat bottom 2px left;
}

.sendArea{}
.sendArea .btn{}
.sendArea .btn input{
	display: block;
	margin: 0 auto 15px;
	cursor:pointer;
	transition: 0.3s;
}
.sendArea .btn input:hover{
	opacity: 0.7;
}
.sendArea .pageLink{
	display: block;
	margin:0 auto;
	/*width: 200px;*/
	text-align:center;
}
.sendArea a{
	font-size: 14px;
	text-decoration: underline;
	color: #222222;
}

.sendArea a:hover{
	opacity: 0.7;
}

.error{
	display: inline-block;
	padding-top: 10px;
	color: #b6000f;
	font-weight: bold;
}

.mainCatch{
	margin-bottom: 200px;
}
.mainCatch img{
	display: block;
	margin:20px auto 10px;
}
.mainCatch strong{
	display: block;
	font-size: 30px;
	margin-bottom: 10px;
	text-align:center;
	font-weight: bold;
	color: #b6000f;
}
.mainCatch p{
	text-align:center;
	font-size: 14px;
}


/*20210218edit*/
.line-parts{
	display: block;
	margin-bottom: 50px;
}
.line-parts-inner{}
.line-parts-inner a{
	display: block;
}
.line-parts-inner a img{
	width: 100%;
}
.readArea.edit202102 ul li{
	box-sizing: border-box;
	margin-bottom: 5px;
}


@media screen and (max-width: 768px){
	.pageWrapper .pageKv{
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.pageWrapper .pageKv h2{
		font-size: 28px;
	}
	.readArea{margin-bottom: 30px;}
	.readArea ul li:first-child{
		background: url(../img/contact/read_txt_01.png) no-repeat top center;
		background-size: 300px;
		padding: 55px 0 15px 0;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.readArea ul li:last-child {
		background: url(../img/contact/tel_txt_01_sp.png) no-repeat top left;
		background-size: 100%;
		padding: 15px 0 0 0;
		width: 315px;
		display: block;
		margin: 0 auto;
	}
	.readArea ul li strong{
		line-height: 1.4em;
		font-size: 17px;
	}

	.formArea{
		display: block;
		margin: 0 auto 12%;
		width : -webkit-calc(100% - 30px) ;
		width : calc(100% - 30px) ;
	}
	.formArea h4{
		padding-left: 40px;
		font-size: 3.7vw;
		font-weight: bold;
		line-height: 14px;
		padding: 3vw 0 3vw 10vw;
		margin-bottom: 10px;
	}
	.formArea h4.headingtxt01 {
		background: url(../img/contact/bg_title_h4_01_sp.png) no-repeat top left;
		background-size: 100%;
	}
	.formArea h4.headingtxt02 {
		background: url(../img/contact/bg_title_h4_02_sp.png) no-repeat top left;
		background-size: 100%;
		line-height: 1.4em;
		padding: 2.3vw 0 2.1vw 10vw;
	}
	.formArea h4.headingtxt03 {
		background: url(../img/contact/bg_title_h4_03_sp.png) no-repeat top left;
		background-size: 100%;
		line-height: 1.4em;
		padding: 2.3vw 0 2.1vw 10vw;
	}
	.formTable{margin-bottom: 35px;}
	.formTable .formLine{
		padding: 8px 0 15px;
		font-size: 15px;
	}
	.formTable .formLine dd{
		width: 100%;
	}
	.formTable .formLine dt.formLineTitle.must{
		background: url(../img/contact/icon_must_sp.png) no-repeat top 3px left;
		background-size: 40px;
		width: 100%;
		display: block;
		padding: 1px 0 7px 50px;
	}
	.formTable .formLine dt.formLineTitle.any{
		background: url(../img/contact/icon_any_sp.png) no-repeat top 3px left;
		background-size: 40px;
		width: 100%;
		display: block;
		padding: 1px 0 7px 50px;
	}
	.formTable .formLine dt.formLineTitle.any.textareaParts{
		background: url(../img/contact/icon_any_sp.png) no-repeat top 3px left;
		background-size: 40px;
		width: 100%;
		display: block;
		padding: 0px 0 7px 50px;
	}
	.formTable .formLine .formTextarea{border-radius: 5px;}
	.sendArea .btn input{width: 315px;}

	.mainCatch{
		margin-bottom: 80px;
	}
	.mainCatch img{
		width: 175px;
		margin: 20px auto 20px;
	}
	.mainCatch strong{font-size: 24px;}
	.mainCatch p{font-size: 13px;}

	/*20210218edit*/
	.line-parts{
		width: 315px;
		display: block;
		margin: 0 auto 40px;
	}
	.line-parts-inner{}
	.line-parts-inner a{}
	.line-parts-inner a img{}

}