@charset "utf-8";

/* 問い合わせフォーム(Contact Form 7)用 CSS */

/* Tableの調整 */
.inquiry {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #BCD3C1;
}
.inquiry th,
.inquiry td {
	padding: 1rem 1.2rem;
}
.inquiry th {
	text-align: left;
	vertical-align: middle;
	color: #333;
	border: 1px solid #BCD3C1;
	background-color: #F1F5F2;
}
.inquiry td {
	border: 1px solid #BCD3C1;
	background-color: #fff;
}
.inquiry input {
	padding: 0.4rem;
}
.inquiry select {
	padding: 0.4rem;
}
.inquiry label {
	margin-right: 0.8rem;
	line-height: 1.4;
}
.inquiry textarea {
	resize: none;
	width: 100%;
	padding: 0.4rem;
}
.inquiry .input-long {
	width: 100%;
}
.inquiry .input-short {
	width: 100px;
}
.screen-reader-response {
	display: none;
}
@media screen and (max-width: 750px) {
	.inquiry th,
    .inquiry td {
		display: block !important;
		width: 100% !important;
		border-top: none !important;
		padding: 0.8rem;
	}
	.inquiry tr:first-child th {
		border-top: 1px solid #d7d7d7 !important;
	}
	.inquiry input {
		width: 100%;
	}
	input[type="radio" i] {
		width: auto;
	}
	input[type="checkbox" i] {
		width: auto;
	}
}

/* 縦並びラジオボタン */
.verticallist .wpcf7-list-item {
	display: block;
	line-height: 2;
}

/* 送信ボタン */
.wpcf7-submit {
	display: block;
	max-width: 100%;
	padding: 1em 5em;
	margin-inline: auto;
	background: #444;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	border-radius: 2px;
	border: none;
	margin-top: 24px;
}
.wpcf7-submit:hover {
	background: #666;
}
@media screen and (max-width: 750px) {
	.wpcf7-submit {
		width: 100%;
		font-size: 15px;
		padding: 0.8rem !important;
	}
}

/* 送信後メッセージの調整 */
.wpcf7-response-output {
	display: block;
	width: 100%;
    margin: 0 auto;
    padding: 15px 20px;
    border-radius: 3px;
	color: #333;
	font-weight: bold;
	line-height: 1.3;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-top: 20px;
}
@media screen and (max-width: 750px) {
    .wpcf7-response-output {
		font-size: 15px;
	}
	.wpcf7-mail-sent-ok {
		font-size: 15px;
	}
}

/* 送信前にエラーメッセージが表示されないようにする */
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none;
}
/* 入力欄下のエラーメッセージ調整 */
.wpcf7-not-valid-tip {
	display: block;
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0.4rem;
}

/* 必須・任意ラベル */
.inquiry .haveto,
.inquiry .any {
	display: inline-block;
	font-size: 10px;
	padding: 0 0.2rem;
	color: #fff;
	border-radius: 2px;
	margin-right: 0.4rem;
	transform: translateY(-3px);
}
.inquiry .haveto {
	background-color: red;
}
.inquiry .any {
	background: #93c9ff;
}
@media screen and (max-width: 750px) {
	.inquiry .haveto,
	.inquiry .any {
		font-size: 8px;
	}
}

/* 文章 */
.contacttext,
.contacttext-red {
	display: inline-block;
	margin-top: 0.4rem;
	font-size: 14px;
	line-height: 1.4;
}
.contacttext-red {
	color: red;
	font-weight: bold;
}