@charset "utf-8";

/* common
-------------------------------------------------- */
/* タイトル */
h3{
	font-weight:300;
	font-size:2.8rem;
	margin-bottom:15px;
	line-height:115%;
	text-align:center;
}

/* エラーメッセージ（ヘッダー） */
.inquiry .inquiry-inner .error-all{
	border:1px solid #d90013;
	padding:15px;
	margin-bottom:15px;
	background:#fbe5e7;
}
.inquiry .inquiry-inner .error-all ul li{
	color:#d90013;
	margin-bottom:7px;
	list-style:inside disc;
	padding-left:1em;
	text-indent:-1em;
}
.inquiry .inquiry-inner .error-all ul li:last-child{
	margin-bottom:0;
}

/* エラーメッセージ（個別） */
.inquiry .inquiry-inner .error span.ethna-error{
	color:#d90013;
	margin-top:10px;
	letter-spacing:normal;
	display:inline-block;
	text-align:left;
	width:auto;
}

/* 名前のエラーメッセージ */
.inquiry .inquiry-inner .nm .error span.ethna-error,
.inquiry .inquiry-inner .nmk .error span.ethna-error{
	display:block!important;
}

.inquiry .inquiry-inner .alert {
	padding: 15px 20px;
	background: #EFEFEF;
    border: 1px solid #c8c8c8;
    padding: 10px;
    margin-top: 10px;
	line-height: 1.5em;
}
/* 必須項目 */
.inquiry .inquiry-inner .attention span{
	color:#d90013;
}

/* フォームエリア */
.inquiry .inquiry-inner{
	background:#ffffff;
	padding:20px 10px;
}
.inquiry .inquiry-inner dl{
	margin-top:-1px;
	width:100%;
}
.inquiry .inquiry-inner dt{
	border-top:1px solid #dcdcdc;
	padding-top:20px;
}
.inquiry .inquiry-inner dt span.must{
	display:inline-block;
	font-size:0.8rem;
	margin-left:3px;
	vertical-align:top;
	color:#d90013;
}
.inquiry .inquiry-inner dd{
	border-bottom:1px solid #dcdcdc;
	padding-bottom:20px;
	font-size:1.4rem;
	margin-top:5px;
}
.inquiry .inquiry-inner dd input,
.inquiry .inquiry-inner dd textarea{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	font-family:'Noto Sans JP', sans-serif;
	padding:3px 5px;
}

/* お名前・お名前（カナ） */
.inquiry .inquiry-inner dd.nm,
.inquiry .inquiry-inner dd.nmk{
	letter-spacing:-0.4em;
}
.inquiry .inquiry-inner dd.nm input,
.inquiry .inquiry-inner dd.nmk input{
	display:inline-block;
	width:49%;
}
.inquiry .inquiry-inner dd.nm input:first-of-type,
.inquiry .inquiry-inner dd.nmk input:first-of-type{
	margin-right:2%;
}

/* 電話番号・FAX（英語版のみ） */
.inquiry .inquiry-inner dd.tel_en,
.inquiry .inquiry-inner dd.fax_en{
	letter-spacing:-0.4em; /* 改行による隙間対策 */
}
.inquiry .inquiry-inner dd.tel_en > span,
.inquiry .inquiry-inner dd.tel_en > input,
.inquiry .inquiry-inner dd.fax_en > span,
.inquiry .inquiry-inner dd.fax_en > input{
	letter-spacing:normal; /* 改行による隙間対策 */
	display:inline-block;
	margin-right:0.5em;
}
.inquiry .inquiry-inner dd.tel_en > input.tel2,
.inquiry .inquiry-inner dd.fax_en > input.fax2{
	width:calc(27% - 1.5em);
}
.inquiry .inquiry-inner dd.tel_en > input.tel1,
.inquiry .inquiry-inner dd.fax_en > input.fax1{
	width:calc(73% - 1.5em);
	margin-right:0;
}

/* 郵便番号 */
.inquiry .inquiry-inner dd.zip{
	letter-spacing:-0.4em; /* 改行による隙間対策 */
}
.inquiry .inquiry-inner dd.zip input.zip1{
	letter-spacing:normal; /* 改行による隙間対策 */
	width:40%;
}
.inquiry .inquiry-inner dd.zip input.zip2{
	letter-spacing:normal; /* 改行による隙間対策 */
	width:55%;
}
.inquiry .inquiry-inner dd.zip span{
	letter-spacing:normal;
	display:inline-block;
	width:5%;
	text-align:center;
}

/* 住所 */
.inquiry .inquiry-inner dd.addr select,
.inquiry .inquiry-inner dd.addr option{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	font-family:'Noto Sans JP', sans-serif;
}
.inquiry .inquiry-inner dd.addr input,
.inquiry .inquiry-inner dd.addr select#country{
	margin-top:10px;
}

/* 勧誘お断り */
.inquiry .inquiry-inner dd.note p.caution {
	letter-spacing: -0.1px;
	margin: 0 0 0.5em 1em;
	text-indent: -1em;
}

/* ボタン */
.inquiry .inquiry-inner .btn_set{
	text-align:center;
}
.inquiry .inquiry-inner .btn_set .reset,
.inquiry .inquiry-inner .btn_set .submit{
	margin-top:15px;
	display:inline-block;
	min-width:9em;
	border:0;
	cursor:pointer;
	color:#ffffff;
	padding:8px 25px;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:400;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.inquiry .inquiry-inner .btn_set .reset{
	background:#4b4b4b;
	margin-right:5px;
}
.inquiry .inquiry-inner .btn_set .submit{
	background:#d90013;
	margin-left:5px;
}
.inquiry .inquiry-inner .btn_set .back_home{
	margin-top:30px;
	display:inline-block;
}
.inquiry .inquiry-inner .btn_set .back_home a{
	min-width:9em;
	color:#ffffff;
	padding:8px 25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#4b4b4b;
}

/* カタログを希望する */
.inquiry .inquiry-inner .request-catalog input{
	display:inline-block;
	margin-right:5px;
	width:auto;
}

/* ご意見・ご要望 */
.inquiry .inquiry-inner dd textarea{
	min-height:100px;
}

/* 確認画面と完了画面のレイアウト調整 */
#kakunin .inquiry .inquiry-inner form dl dd,
#kanryou .inquiry .inquiry-inner form dl dd{
	letter-spacing:normal!important;
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {


	/* common
	++++++++++++++++++++++++++++++++++++++++++++++ */
	/* ローカルメニュー */
	#localhead ul.localnavi li a{
		font-size:12px!important;
	}

	/* タイトル */
	h3{
		font-size:36px;
		margin-bottom:20px;
	}

	/* エラーメッセージ（ヘッダー） */
	.inquiry .inquiry-inner .error-all{
		padding:15px 20px;
		width:500px;
		margin:0 auto 20px auto;
		text-align:center;
	}
	.inquiry .inquiry-inner .error-all ul{
		display:inline-block;
		text-align:left;
	}

	/* フォームエリア */
	.inquiry .inquiry-inner{
		background:#ffffff;
		padding:50px 47px;
		max-width:800px;
		margin:0 auto;
	}
	.inquiry .inquiry-inner dl{
		display:table;
		width:100%;
		border-bottom:1px solid #dcdcdc;
	}
	.inquiry .inquiry-inner dl.first{
		border-top:1px solid #dcdcdc;
	}
	.inquiry .inquiry-inner dl dt{
		display:table-cell;
		background:#d90013;
		color:#ffffff;
		white-space:nowrap;
		font-weight:400;
		padding:20px 40px;
		font-size:15px;
		width:10em;
		vertical-align:middle;
	}
	.inquiry .inquiry-inner dt span.must{
		font-size:10px;
		color:#ffffff;
	}
	.inquiry .inquiry-inner dd{
		display:table-celll;
		padding:20px 0 20px 20px;
		font-size:15px;
		border-bottom:none;
	}

	/* ご意見・ご要望 */
	.inquiry .inquiry-inner dd textarea{
		min-height:200px;
	}
	
}