/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 17 2023 | 07:04:56 */
@charset "UTF-8";
/**
 * CSS（お問い合わせフォーム）
 * ルール
 * ・セレクタの最初に body.es-page-contact を付ける
 */

body.es-page-contact .entry-title{
	margin: 80px 0 0 0;
	padding: 0 0 10px 0;
	text-align: center;
}

body.es-page-contact .entry-title span{
	position: relative;
	font-size: 32px;
	font-weight: bold;
	color: #333;
}

body.es-page-contact .entry-title span::before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	display: block;
	width: 100px;
	height: 2px;
	background: transparent linear-gradient(180deg, #9CE2AF 0%, #9AE7F7 100%) 0% 0% no-repeat padding-box;
	border-radius: 8px;
}

body.es-page-contact .sub_catch{
	margin: 30px 0 0;
	text-align: center;
	font-size: 14px;
}

body.es-page-contact .contact_group{
	margin: 80px 0 0;
	padding: 80px 0;
	background-color: #f6f6f6;
}

.contact_group h2{
	display: none;
}

.contact_group .es-form-items{
	width: 900px;
	margin: 0 auto;
}

.contact_group .es-form-item{
	display: flex;
	align-items: center;
	width: 100%;
	padding: 25px 100px;
	border-bottom: #dedbdb 1px solid;
}

.contact_group .es-form-item .es-form-label{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 240px;
}

.contact_group .es-form-item.contact .es-form-label{
	padding-bottom: 50px;
}

.contact_group .es-form-item .es-form-label .es-form-label-name{
	text-align: left;
	font-size: 15px;
	font-weight: 500;
	color: #333;
}

.contact_group .es-form-item .es-form-label .required,
.contact_group .es-form-item .es-form-label .option{
	white-space: nowrap;
	margin: 0 0 0 0px;
	padding: 4px 8px;
	border-radius: 5px;
	font-size: 14px;
}

.contact_group .es-form-item .es-form-label .required{
	background-color: #00a491;
	color: #fff;
}

.contact_group .es-form-item .es-form-label .option{
	background-color: #cdcdcd;
	color: #555;
}
/*
.contact_group .es-form-item.contact .es-form-label .required{
	margin-bottom: 55px;
}
*/
.contact_group .es-form-item .es-form-label .small{
	font-size: 12px;
	font-weight: 500;
}

.contact_group .es-form-item .es-form-input{
	width: 470px;
	padding: 0 0 0 25px;
	text-align: left;
}

.contact_group .es-form-item .es-form-input > div{
	margin-bottom: 15px;
}

.contact_group .es-form-item .es-form-input input,
.contact_group .es-form-item .es-form-input textarea{
	font-size: 15px;
}

.contact_group .es-form-item .es-form-input input[type="text"]
.contact_group .es-form-item .es-form-input input[type="tel"],
.contact_group .es-form-item .es-form-input textarea{
	padding: 10px 20px;
}

.contact_group .es-form-item .es-form-input input[type="checkbox"]:checked + [class*="label"]::before,
.contact_group .form_privacy .privacy_checkbox input[type="checkbox"]:checked + [class*="label"]::before,
.contact_group .es-form-item .es-form-input input[type="radio"]:checked + [class*="label"]::after{
	background-color: #00a491 !important;
	border-radius: 5px;
}

.contact_group .es-form-item .es-form-input .wpcf7-list-item{
	margin-top: 8px;
	margin-bottom: 8px;
}

.contact_group .form_privacy{
	width: 700px;
	margin: 0 auto;
	padding: 40px 0;
}

.contact_group .form_privacy .headline{
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #333;
}

.contact_group .form_privacy .privacy_guideline{
	overflow-y: auto;
	width: 100%;
	height: 200px;
	margin-top: 15px;
	padding: 25px;
	background-color: #fff;
	border-radius: 12px;
}

.contact_group .form_privacy .privacy_guideline h3,
.contact_group .form_privacy .privacy_guideline h4,
.contact_group .form_privacy .privacy_guideline h5,
.contact_group .form_privacy .privacy_guideline p,
.contact_group .form_privacy .privacy_guideline li{
	text-align: left;
	font-size: 15px;
}

.contact_group .form_privacy .privacy_guideline section{
	margin: 15px 0;
}

.contact_group .form_privacy .privacy_checkbox{
	margin-top: 25px;
	text-align: center;
}

.contact_group .es-form-items .submit .submit_arrow{
	position: relative;
	width: fit-content;
	margin: auto;
}

.contact_group .es-form-items .submit .submit_arrow::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-210%) rotate(45deg);
	z-index: 1;
	display: block;
	width: 8px;
	height: 8px;
	border-top: #969696 1px solid;
	border-right: #969696 1px solid;
}

.contact_group .es-form-items .submit .wpcf7-submit{
	position: relative;
	width: 280px;
	height: 60px;
	background-color: #fff;
	border: #c8c8c8 1px solid;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #333;
}
/*
body.es-page-contact .contact_group .tsuikyaku_shubetsu_code{
	display: none;
}
*/
body.es-page-contact .contact_group .wpcf7-response-output{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}



/*--------------------------------------------------
**************************************************
  スマホ用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	body.es-page-contact .entry-title{
		margin: 30px 0 0 0;
	}
	
	body.es-page-contact .entry-title span{
		font-size: 20px;
	}
	
	body.es-page-contact .sub_catch{
		margin: 40px 0 0;
	}
	
	body.es-page-contact .contact_group{
		margin: 20px 0 0;
		padding: 50px 0;
	}
	
	.contact_group .es-form-items{
		width: 100%;
		padding: 0 5%;
	}
	
	.contact_group .es-form-item{
		display: block;
		padding: 25px 0;
	}
	
	.contact_group .es-form-item .es-form-label{
		justify-content: flex-start;
		width: 100%;
	}
	
	.contact_group .es-form-item.contact .es-form-label{
		padding-bottom: 0;
	}
	
	.contact_group .es-form-item .es-form-label .required,
	.contact_group .es-form-item .es-form-label .option{
		margin-left: 10px;
	}
	
	.contact_group .es-form-item .es-form-input{
		width: 100%;
		margin-top: 15px;
		padding: 0;
	}
	
	.contact_group .es-form-item .es-form-input p{
		font-size: 12px;
	}
	
	.contact_group .es-form-item .es-form-input input,
	.contact_group .es-form-item .es-form-input textarea{
		font-size: 16px;
	}
	
	.contact_group .es-form-item .es-form-input > div{
		margin-top: 15px;
	}
	
	.contact_group .form_privacy{
		width: 100%;
		padding: 20px 0;
	}
	
	.contact_group .form_privacy .privacy_guideline{
		padding: 25px;
	}
	
	.contact_group .es-form-items .submit .wpcf7-submit{
		width: 100%;
		height: 60px;
		margin: 0 auto;
	}

	body.es-page-contact .contact_group .wpcf7-response-output{
		width: 100%;
	}
}