@charset "utf-8";

/***************************************************************************
*
* CONTACT STYLE
*
***************************************************************************/

#content{
	background: #f8f7f6;
	padding-bottom: 81px;
}

/*areaContact*/
.areaContact {
	background: #fff;
	padding: 81px 72px 88px;
}
.pageInfo {
	padding: 75px 0 62px;
}
.areaContact .formItem{
	padding: 32px 40px;
	border-bottom: 1px solid #d8d8d7;
	display: flex;
	justify-content: space-between;
}
.areaContact .formItem.areaText{
	border-bottom: none;
}
.areaContact .formItem .formName{
	font-weight: 600;
	font-size: 16px;
	width: 240px;
	margin-top: 20px;
}
.areaContact .formItem .formName .require{
	font-size: 12px;
	color: #fff;
	background: #2dc2c0;
	width: 56px;
	padding: 2px 0 0;
	border-radius: 20px;
	text-align: center;
	display: inline-block;
	font-weight: normal;
	margin-right: 8px;
	vertical-align: 1px;
}
.areaContact .formItem .formInput{
	width: 656px;
}

.areaContact .formItem .formInput .inputStyle{
	width: 100%;
	height: 64px;
	border: none;
	-webkit-appearance: none;
	border-radius: 7px;
	box-shadow: none;
	background: #f8f7f6;
	font-size: 16px;
	padding: 5px 32px;
	resize: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.areaContact .formItem .formInput .inputStyle::-webkit-contacts-auto-fill-button {
  	visibility: hidden;
  	display: none !important;
  	pointer-events: none;
  	position: absolute;
  	right: 0;
}

.areaContact .formItem .formInput textarea.inputStyle{
	padding-top: 20px;
	height: 256px;
}
.areaContact .formItem .formInput .inputWrap.twocol{
	display: flex;
}
.areaContact .formItem .formInput .inputWrap.twocol .miniWrap{
	width: 48.17%;
}
.areaContact .formItem .formInput .inputWrap.twocol .miniWrap+.miniWrap{
	margin-left: 3.6%;
}

.applyBtn{
	width: 408px;
	margin: 48px auto 0;
}

.applyBtn .inputSubmit{
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	height: 80px;
	display: block;
	background: url(../images/contact/bg-btn.png) no-repeat top center;
	background-size: 100% 100%;
	border: none;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance: none;
}


@media(max-width: 1068px) and (min-width: 850px){
	.areaContact{
		padding: 81px 3% 88px;
	}
	.areaContact .formItem{
		padding: 32px 3%;
	}
	.areaContact .formItem .formName{
		min-width: 210px;
	}
}

@media(max-width: 850px){
	#content{
		padding-bottom: 49px;
	}
	.inner{
		padding: 0 6.6%;
	}
	.pageInfo {
		padding: 44px 0 40px;
	}
	.pagetitleJp{
		font-size: 24px;
	}
	.pagetitlEn{
		margin-bottom: 8px;
	}
	.pagetitleJp{
		margin-bottom: 11px;
	}
	.areaContact{
		padding: 9px 8px 40px;
	}
	.areaContact .formItem{
		display: block;
		padding: 21px 7px 24px;
	}
	.areaContact .formItem .formName{
		width: 100%;
		margin-top: 0;
		margin-bottom: 14px;
	}
	.areaContact .formItem .formInput{
		width: 100%;

	}
	.areaContact .formItem .formInput .inputWrap.twocol .miniWrap{
		width: 47.17%;

	}
	.areaContact .formItem .formInput .inputWrap.twocol .miniWrap+.miniWrap{
		margin-left: 5.8%;
	}
	.areaContact .formItem .formInput .inputStyle{
		padding: 5px 16px;
	}
	.areaContact .formItem .formInput textarea.inputStyle{
		height: 159px;
		padding-top: 16px;
	}

	.areaContact .formItem .formInput textarea.inputStyle::placeholder{
		line-height: 2;
	}
	.areaContact .formItem .formInput textarea.inputStyle:-ms-input-placeholder{
		line-height: 2;
	}

	.applyBtn{
		width: 95.8%;
		margin: 18px auto 0;
		max-width: 320px;
	}
	.applyBtn .inputSubmit{
		height: 64px;
		background: url(../images/contact/bg-btn-sp.png) no-repeat top center;
		background-size: 100% 100%;
	}
}



@media all and (-ms-high-contrast:none) {
	.areaContact .formItem .formInput .inputStyle{
		font-family: "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}