@charset "utf-8";

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

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

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

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

.areaContacts .formItem .formInput textarea.inputStyle{
	padding-top: 20px;
	height: 256px;
}
.areaContacts .formItem .formInput .inputWrap.twocol{
	display: flex;
}
.areaContacts .formItem .formInput .inputWrap.twocol .miniWrap{
	width: 48.17%;
}
.areaContacts .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-image: linear-gradient(to right, #5e8fb8, #4a68b0);
	border-radius: 40px;
	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){
	.areaContacts{
		padding: 81px 3% 88px;
	}
	.areaContacts .formItem{
		padding: 32px 3%;
	}
	.areaContacts .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;
	}
	.areaContacts{
		padding: 9px 8px 40px;
	}
	.areaContacts .formItem{
		display: block;
		padding: 21px 7px 24px;
	}
	.areaContacts .formItem .formName{
		width: 100%;
		margin-top: 0;
		margin-bottom: 14px;
	}
	.areaContacts .formItem .formName .require.hide {
		display: none;
	}
	.areaContacts .formItem .formInput{
		width: 100%;

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

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

	.areaContacts .formItem .formInput textarea.inputStyle::placeholder{
		line-height: 2;
	}
	.areaContacts .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;
	}
}