@charset "UTF-8";

/* 区切り線を引くクラス */
.separator-border {
	display: none;
}

.page #page-main #contact-overview-area p {
	font-size: 18px;
	margin: 0 0 20px;
}

/* コンタクトエリア 注意文 */
.page #page-main #contact-overview-area .text-danger {
	color: rgb(220 53 69);
}

/* お問い合わせフォーム 必須入力 */
.page #page-main .required::after {
	content: '*';
	color: #f00;
	background-image: none;
}

/* お問い合わせフォーム テーブル全体 */
.page #page-main #inquiry-form-table,
.page #page-main #inquiry-form-table tr,
.page #page-main #inquiry-form-table th,
.page #page-main #inquiry-form-table td {
	border: none;
	background-color: white;
	padding: 0px;
}

/* お問い合わせフォーム テーブル */
.page #page-main #inquiry-form-table {
	width: 100%;
}

.page #page-main #inquiry-form-table tr {
	height: 35px;
}

/* お問い合わせフォーム テーブル th */
.page #page-main #inquiry-form-table th {
	width: 25%;
	text-align: left;
	vertical-align: top;
	font-size: 18px;
	font-weight: 700;
}

/* お問い合わせフォーム テーブル td */
.page #page-main #inquiry-form-table td {
	width: 75%;
}

/* お問い合わせフォーム テーブル td input */
.page #page-main #inquiry-form-table td input {
	width: 100%;
	max-width: 100%;
	height: 32px;
	font-size: 16px;
	box-sizing: border-box;
}

/* お問い合わせフォーム テーブル td select */
.page #page-main #inquiry-form-table td select {
	height: 25px;
	font-size: 18px;
}

/* お問い合わせフォーム テーブル td textarea */
.page #page-main #inquiry-form-table td textarea {
	width: 100%;
	resize: vertical;
	box-sizing: border-box;
	font-size: 16px;
}

/* お問い合わせフォーム テーブル 例文 */
.page #page-main #inquiry-form-table .example-text {
	font-size: 14px;
	color: rgb(108, 117, 125);
}

/* お問い合わせフォーム テーブル 例文 */
.page #page-main #confirm-button-area {
	margin: 48px auto;
	text-align: center;
}

/* お問い合わせフォーム 個人情報保護方針エリア タイトル */
.page #page-main #privacy-policy-area #privacy-policy-title {
	margin: 20px 0px 0px;
	padding: 13px 27px;
	background: #f1f1f1;
	font-size: 20px;
	font-family: 'Noto Sans CJK JP';
	font-style: normal;
	font-weight: 700;
}

/* お問い合わせフォーム 個人情報保護方針エリア テキストエリア */
.page #page-main #privacy-policy-area #privacy-policy-text-area {
	margin-bottom: 20px;
	padding: 25px;
	border: 1px solid #ddd;
	border-top: none;
	overflow-y: auto;
}

/* お問い合わせフォーム 個人情報保護方針エリア リスト */
.page #page-main #privacy-policy-area #privacy-policy-list {
	padding: 0px;
	list-style-type: none;
}

/* お問い合わせフォーム 個人情報保護方針エリア チェックボタンエリア */
.page #page-main #privacy-policy-area #apply-area {
	text-align: center;
}

/* お問い合わせフォーム 確認ボタン */
.page #page-main #confirm-button-area input {
	padding: 6px 12px;
	border: 1px solid #6c757d;
	border-radius: 6px;
	font-size: 16px;
	color: white;
	background-color: #6c757d;
	cursor: pointer;
}

/* お問い合わせフォーム 確認ボタン */
.page #page-main #confirm-button-area input:hover {
	background-color: #5c636a;
	border-color: #565e64;
}

/* 読み込み時に出てくるスピナーをブロック要素にする */
div.wpcf7 .wpcf7-spinner {
	display: block;
	margin: 5px auto 0px;
}

/*
 * タブレットデザイン ここから
 */
@media screen and (min-width:768px) and (max-width:1049px) {

	/* 区切り線を引くクラス */
	.separator-border {
		display: block;
		margin: 16px 0;
		color: inherit;
		border: 0;
		border-top: 1px solid;
		opacity: .25;
	}

}

/* スマートフォンデザイン ここから */
@media screen and (max-width:767px) {

	/* 区切り線を引くクラス */
	.separator-border {
		display: block;
		margin: 16px 0;
		color: inherit;
		border: 0;
		border-top: 1px solid;
		opacity: .25;
	}

	.page #page-main #contact-overview-area p {
		font-size: 18px;
	}

	/* お問い合わせフォーム テーブル th */
	.page #page-main #inquiry-form-table th {
		display: block;
		width: 100%;
		font-size: 18px;
	}

	/* お問い合わせフォーム テーブル td */
	.page #page-main #inquiry-form-table td {
		display: block;
		width: 100%;
	}
}