/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 08 2026 | 05:56:53 */
/* 固定ページ　お問い合わせページ */

.page_contact .wpcf7 {
	width: min(600px, 100%);
	margin: 0 auto;
}

.page_contact .wpcf7 span.required {
	color: #fff;
	font-size: .8em;
	font-weight: normal;
	padding: 4px 8px 4px 10px;
	margin-right: 10px;
	display: inline-block;
	margin-left: 10px;
	background-color: var(--color_deep01);
	border-radius: 5px;
	letter-spacing: .3em;
	line-height: 1;
}

.page_contact .wpcf7 span.any {
	color: #fff;
	font-size: .8em;
	font-weight: normal;
	padding: 4px 8px 4px 10px;
	margin-right: 10px;
	display: inline-block;
	margin-left: 10px;
	background-color: var(--color_deep02);
	border-radius: 5px;
	letter-spacing: .3em;
	line-height: 1;
}

.page_contact .wpcf7 input[type="text"],
.page_contact .wpcf7 input[type="email"],
.page_contact .wpcf7 input[type="tel"],
.page_contact .wpcf7 textarea {
	width: 100%;
	padding: 1em;
	border: 3px solid #efefef;
	border-radius: 10px;
	margin-top: 5px;
	line-height: 1.6;
	background-color: #fff;
}

.page_contact .wpcf7 select {
	padding: 1em;
	border: 3px solid #efefef;
	border-radius: 10px;
	margin-top: 5px;
	line-height: 1.6;
	height: 63px;
	background-color: #fff;
}

.page_contact .wpcf7 textarea {
	resize: vertical; 
	min-height: 200px;
}

.page_contact .wpcf7 ::placeholder {
  color: #bbb;
}

.page_contact .wpcf7 p:not(:first-of-type) {
	margin-top: 20px;
}

.page_contact .wpcf7 .birthdayWrap {
	overflow-x: hidden;
}

.page_contact .wpcf7 .birthdayWrap >p {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	overflow-x: auto;
}
@media (max-width: 959px) {
	.page_contact .wpcf7 .birthdayWrap >p {
		flex-direction: column;
		align-items: start;
		gap: 0;
	}
}

.page_contact .wpcf7 .birthdayWrap >p  br {
	display: none;
}

.page_contact .wpcf7 .birthdayWrap >p .sp-wrap {
	display: flex;
	align-items: end;
}

.page_contact .wpcf7 input[type="button"],
.page_contact .wpcf7 input[type="submit"] {
	width: 350px;
	line-height: 77px;
	font-size: 18px;
	border: 1px solid #dadada;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	transition: 0.3s ease all;
	display: grid;
	place-items: center;
	border-radius: 80px;
	background-color: var(--color_main);
	color: #fff;
}

.page_contact .wpcf7 input[type="submit"]:hover {
	color: var(--color_main);
	background-color: #fff;
}

.page_contact .wpcf7 input[type="button"] {
	color: var(--color_main);
	background-color: #fff;
}

.page_contact .wpcf7 input[type="button"]:hover {
	color: #fff;
	background-color: var(--color_main);
}

.page_contact .sampleText {
  color: #888;
}

/*確認画面と完了画面を非表示*/
.page_contact .confirm_area,
.page_contact .thanks_area {
  display: none;
}

/*デフォルトのサンクスメッセージを非表示*/
.page_contact .wpcf7-response-output {
  display: none;
}

/*確認ボタン下のエラーメッセージを非表示*/
.page_contact p.error-message {
  display: none;
  color: red;
  text-align: center;
  margin-top: 10px;
}

.page_contact .Form-Item {
	margin-top: 20px;
}


/* 確認画面 */
.page_contact .confirm_area span[class*="confirm"] {
	font-size: 1.2em;
	font-weight: bold;
}

.page_contact .confirm_area .button-wrap {
	margin-top: 40px;
}


/* CTA、フッター、追尾ヘッダーは非表示 */
#body_wrap.page-id-474 #before_footer_widget,
#body_wrap.page-id-474 #fix_header {
	display: none;
}