@charset "utf-8";

/***************************************************************************
*
* PAGE STYLE
*
***************************************************************************/
#content{
	padding-top: 80px;
}
.area{
	margin-bottom: 80px;
}
.areaTitle{
	margin-bottom: 43px;
}
.areaContact{
	background: #d6e2ef;
	padding: 75px 0 80px;
}
.areaContact .inner{
	background: #fff;
	padding: 80px 103px 93px 98px;
}
.areaContact .boxcontactTitle{
	font-size: 24px;
	color: #fff;
	background: url(../images/contact/box-contact-title-bg.png) no-repeat;
	background-size: 100%;
	text-align: center;
	/*font-weight: normal;*/
	padding: 21.5px 0;
	margin-bottom: 27px;
	letter-spacing: 1px;
}

.areaContact .phone{
	text-align: center;
	margin-bottom: 92px;
}
.areaContact .phone a{
	pointer-events: none;
	width: 314px;
	display: inline-block;
}

.areaContact form .formWrap{
	margin-bottom: 78px;
}
.areaContact form .formWrap .formItem{
	margin-bottom: 39px;
}
.areaContact form .formWrap .formItem .formName{
	width: 316px;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    color: #33547c;
    padding-left: 8px;
    margin-right: 11px;
    margin-top: 14px;
}
.areaContact form .formWrap .formItem .formName .requit{
	font-size: 20px;
	color: #fff;
	background: url(../images/contact/requit-bg.png) no-repeat;
	background-size: 100% 100%;
	font-weight: normal;
	width: 65px;
	padding: 1px 0 2px;
	text-align: center;
	display: inline-block;
	float: right;
	margin-top: 1px;
}

.areaContact form .formWrap .formItem .formInput{
	display: inline-block;
	width: calc(100% - 332px);
}

.areaContact form .formWrap .formItem .formInput .inputStyle{
	width: 100%;
	height: 64px;
	border:1px solid #33547c;
	border-radius: 10px;
	background: #f7f9fc;
	font-size: 24px;
	padding: 4px 26px 0;
	-webkit-appearance: none;
	box-shadow: none;
}
.areaContact form .formWrap .formItem .formInput .inputStyle::placeholder{
	color: #b9d4e5;
	font-size: 24px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.areaContact form .formWrap .formItem .formInput .textStyle{
	width: 100%;
	height: 160px;
	background: #f7f9fc;
	border:1px solid #33547c;
	border-radius: 10px;
	font-size: 24px;
	padding: 4px 26px 0;
	resize: none;
	-webkit-appearance: none;
	box-shadow: none;
}

.areaContact form .submitWrap{
	text-align: center;
}
.areaContact form .submitWrap .btnSubmit{
	font-size: 21px;
	width: 408px;
	background: url(../images/common/btn-people-bg.png) repeat-x bottom left;
	background-size: 100% 100%;
	border: 3px solid #0a456a;
	border-radius: 9px;
	height: 78px;
	text-align: center;
	color: #fff;
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
}
.areaContact form .formWrap .formItem.last .formName{
	margin-top: 10px;
}

.areaContact form .formWrap .formItem.last .formInput{
	vertical-align: top;

}

@media all and (-ms-high-contrast:none) {
    .areaContact .boxcontactTitle{
    	padding: 24px 0 16px;
    }
    .areaContact form .formWrap .formItem .formName .requit{
    	padding: 5px 0 0px;
    	line-height: 1.4;
    }
    .areaContact form .submitWrap .btnSubmit{
    	padding-top: 6px;
    	background: url(../images/common/btn-people-bg.png) repeat-x bottom -1px left;
    	background-size: 100% 100%;
    }
}

@media not all and (min-resolution:.001dpcm){ 
	@supports (-webkit-appearance:none) {
		.areaContact form .formWrap .formItem .formName .requit{
			padding: 3px 0 1px;
		}

	}
}


@media(max-width: 768px){
	#content{
		padding-top: 31px;
	}
	.area {
		margin-bottom: 20px;
	}
	.area .areaSub{
		text-align: center;
		letter-spacing: -1.9px;
		padding: 0 4.5%;
	}
	.areaContact{
		padding: 25px 0;
	}

	.areaContact .inner{
		padding: 0 0 32px;
		width: 92%;
	}
	.areaContact .boxcontactTitle{
		background-size: 100% 100%;
	    font-size: 16px;
	    padding: 10px 0;
	    margin-bottom: 29px;
	    letter-spacing: -0.5px;
	}
	.areaContact .phone{
		margin-bottom: 31px;
	}
	.areaContact .phone a{
		width: 65.6%;
		display: inline-block;
		pointer-events: auto;
	}
	.areaContact form .formWrap{
		padding: 0 3.5%;
		margin-bottom: 33px
	}
	.areaContact form .formWrap .formItem{
		margin-bottom: 25px;
	}
	.areaContact form .formWrap .formItem .formName{
		width: 100%;
		margin-right: 0;
		font-size: 16px;
		padding-left: 0;
		margin-bottom: 6px;
	}
	.areaContact form .formWrap .formItem .formName .requit{
		font-size: 14px;
		width: 45px;
		padding: 1px 0;
		margin-top: 0px;
	}
	.areaContact form .formWrap .formItem .formInput{
		width: 100%;
	}
	.areaContact form .formWrap .formItem .formInput .inputStyle{
		font-size: 16px;
		height: 46px;
		border-radius: 6px;
		padding: 4px 18px 0;
	}
	.areaContact form .formWrap .formItem .formInput .inputStyle::placeholder{
		color: #b9d4e5;
		font-size: 15px;
	}
	.areaContact form .formWrap .formItem.last .formName{
		margin-top: 0;
	}
	.areaContact form .formWrap .formItem .formInput .textStyle{
		height: 112px;
		font-size: 16px;
		border-radius: 6px;
		padding: 4px 18px 0;
	}
	.areaContact form .submitWrap .btnSubmit{
		width: 92%;
		height: 66px;
		border: 2px solid #0a456a;
		border-radius: 7px;
		font-size: 16px;
	}

}