@charset "UTF-8";
/* CSS Document */

@import url("https://use.typekit.net/qcx2hqk.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Readex+Pro:wght@200&family=Roboto:wght@400;500;700;900&display=swap');

/*  */

#content>div.es-container.page-header {
	visibility: hidden;
	height: 0px;
	padding: 0;
	margin: 0;
}

body .bg_color_sub2 {
	background-color: transparent;
}

#inquiry {

	& h2 {
		display: none;
	}

}

/*  */

#main_ttl {

	margin-bottom: 0;
	padding-bottom: 0;

	& div.wrap {
		background-color: #F2EFED;
	}

	& h1:not(.entry-title) span::after {
		width: 2.2em;
		height: 2.2em;
		background-image: url(/assets_global/icons/icon_mail_orange.svg);

	}

	& p {
		width: 1136px;
		margin-inline: auto;
		font-size: var(--fs14);
		margin-top: 1.6em;
		position: relative;
		padding-bottom: 1.6em;
	}

	/* & p::after {
		content: '';
		display: block;
		width: 100vw;
		height: 1px;
		background-color: #CCCCCC;
		position: absolute;
		left: 0;
		bottom: 0;
	} */

	& div.inner img {
		display: block;
		width: 136px;
		height: 136px;
		margin-left: auto;
		position: relative;
		top: 50px;
	}

}

/*  */

#txt_head {

	max-width: 1136px;
	margin-inline: auto;
	/* border-bottom: #CCCCCC solid 1px; */
	padding-bottom: 1.8em;
	position: relative;

	& p {
		font-size: var(--fs20);
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		padding: 0;
	}

	& p:not(:first-child) {
		margin-top: 1em;
	}

	& p::after {
		display: none;
	}

	& p a {
		color: #EC6C00;
		text-decoration: underline;
	}

}

body.es-page-contact_us {

	#txt_head::after {
		content: '';
		display: block;
		width: 100vw;
		height: 1px;
		background-color: #CCCCCC;
		position: absolute;
		left: 0;
		bottom: 0;
	}

}


/* フォーム内 */

.form_wrap:not(.detail_form_block) {
	margin-bottom: 60px;
	padding: 0;
}

.es_form_2col_wrap {
	max-width: 1008px;
}

.es_form_2col_wrap p.es-form-item:not(.note) {
	padding-right: 46px;
	border-color: #CCCCCC;
}

.es_form_2col_wrap p.es-form-item:not(.note):first-child {
	border: none;
}

.es_form_2col_wrap p.es-form-item:not(.note)>label {
	width: 264px;
	text-align: right;
	font-size: var(--fs20);
}

.es_form_2col_wrap p.es-form-item:not(.note)>span {
	/* width: calc(100% - 10em - 44px); */
	width: 624px;
	font-size: var(--fs20);
	margin-bottom: 0;
}

.wpcf7 .wpcf7-form-control-wrap {
	margin-top: 0.2em;
}

.wpcf7 .wpcf7-form-control-wrap:nth-of-type(1) {
	margin-bottom: 1em;
}

.wpcf7 .wpcf7-form span.required {
	margin-top: 4px;
}

.wpcf7 .wpcf7-form .wpcf7-date,
.wpcf7 .wpcf7-form .wpcf7-number,
.wpcf7 .wpcf7-form .wpcf7-text,
.wpcf7 .wpcf7-form .wpcf7-textarea {
	padding: 0.6em 1em;
	border-color: #EC6C00;
}

.es_form_2col_wrap>p.note {
	border-color: #CCCCCC;
	padding-top: 3em;
	text-align: center;
}

/*  */

/* 個人情報保護方針 */

body.privacy {

	& #container {
		padding-bottom: 100px;
	}

	& #txt_head {
		font-size: var(--fs18);
		&
	}

	& #txt_head::after {
		display: none;
	}

	& section[id^="sec_"] {
		width: 1000px;
		margin-inline: auto;
	}

	& #sec_01 {
		counter-reset: listnum;
	}

	& #sec_01 h3 {
		margin-bottom: 1.2em;
	}

	& #sec_01 h4 {
		font-size: var(--fs18);
		font-weight: 700;
	}

	& #sec_01 h4:not(:first-of-type) {
		margin-top: 1.4em;
	}

	& #sec_01 h4::before {
		counter-increment: listnum;
		content: counter(listnum) ".";
		margin-right: 0.2em;
	}

	& #sec_01 p {
		margin-top: 0;
		font-size: var(--fs16);
		padding-left: 1.4em;
		margin-bottom: 1.4em;
	}

	& #sec_01 ul {
		padding-left: 1.4em;
	}

	& #sec_01 li {
		font-size: var(--fs16);
		padding-left: 1em;
		text-indent: -0.5em;
	}

	/*  */

	& #sec_02 {}

	& #sec_02 h4 {
		font-size: var(--fs20);
		margin-top: 2.4em;
	}

	& #sec_02 ul {
		counter-reset: listnum2;
		padding-inline: 0.6em;
		margin-top: 0.8em;
	}

	& #sec_02 ul li {
		font-size: var(--fs16);
		margin-bottom: 0.8em;

		padding-left: 1em;
		text-indent: -1em;
	}

	& #sec_02 ul li::before {
		counter-increment: listnum2;
		content: counter(listnum2) ".";
		margin-right: 0.2em;
	}

	/*  */
}

/* faq */

body.faq {

	& summary::-webkit-details-marker {
		display: none !important;
	}

	& #main_ttl {
		& h1:not(.entry-title) span::after {
			display: none;
		}
	}

	/*  */

	& #cnav {
		width: 1000px;
		margin-inline: auto;
	}

	& #cnav ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		gap: 4px 4px;
		grid-auto-flow: row;
		grid-template-areas:
			". . ."
			". . ."
			". . .";
	}

	& #cnav ul li {
		text-align: center;
	}

	& #cnav ul li a {
		display: block;
		background-color: #F2EFED;
		padding-top: 1em;
		padding-bottom: 1em;
		position: relative;
	}

	/* :hover  */
	& #cnav ul li a:hover {
		background-color: #44CAD3;
		color: #fff;
	}

	& #cnav ul li a:hover::before {
		content: '';
		width: 4px;
		height: 4px;
		border: 0px;
		border-top: solid 1px #020202;
		border-right: solid 1px #020202;
		transform: rotate(135deg);
		position: absolute;
		bottom: 11px;
		right: 10px;
		margin-top: -3px;
		z-index: 99;
	}

	& #cnav ul li a:hover::after {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background-color: #fff;
		position: absolute;
		bottom: 5px;
		right: 5px;
		z-index: 9;
	}

	/*  */

	& #container {
		margin-bottom: 100px;
	}

	/*  */


	& section[id^="sec_faq_"] {

		width: 1008px;
		margin-inline: auto;
		margin-top: 0;

		& div.wrap {
			border: 1px solid #CCCCCC;
			border-radius: 12px;
			padding: 14px 16px;
		}

		& div.wrap:not(:first-of-type) {
			margin-top: 24px;
		}

		& div.wrap:first-of-type {
			margin-top: 20px;
		}

		& h3 {
			width: 100%;
			padding: 0;
			border: none;
			font-size: var(--fs20);
			letter-spacing: normal;
			display: inline-flex;
			align-items: center;

		}

		& details[open] h3 {
			padding-bottom: 0.6em;
			border-bottom: #CCCCCC solid 1px;
		}

		& h3::before {
			content: "Q";
			display: inline-block;
			font-size: var(--fs40);
			color: #F26F20;
			font-family: "Roboto", sans-serif;
			font-weight: 400;
			margin-right: 0.4em;
			margin-left: 0.15em;
		}

		& summary {
			position: relative;
		}

		& summary:hover {
			cursor: pointer;
		}

		& summary::after {
			content: '';
			display: block;
			background-image: url(/assets_global/img/btn_toggle_arrow.svg);
			background-repeat: no-repeat;
			background-size: cover;
			width: 32px;
			height: 32px;
			position: absolute;
			top: 9px;
			right: 0;
			transition: 0.3s;
		}

		& details[open] summary::after {
			transform: rotate(45deg);
		}

		/* & summary::before,
		& summary::after {
			content: '';
			display: block;
			width: 2.2em;
			height: 3px;
			background: #F26F20;
			position: absolute;

			transform: rotate(90deg);
			top: 1.4em;
			right: 0;
			transition: 0.3s;
		}

		& summary::after {
			transform: rotate(0deg);
			right: 0;
		}

		& details[open] summary::before {
			transform: rotate(45deg);
		}

		& details[open] summary::after {
			transform: rotate(-45deg);
		} */

		& div.wrap div.inner {
			padding: 0 1em 0;
			margin-top: 1.2em;
		}

		/*  */

		summary::-webkit-details-marker {
			display: none;
		}
	}

	section[id^="sec_faq_"]:not(:first-of-type) {
		& h2 {
			margin-top: 75px;
		}
	}

	/*  */
}

@media screen and (max-width: 768px) {

	body.es-page-contact_us {

		& p {
			font-size: 3.75vw;
			/* 12px */
		}

		& #main_ttl {
			& div.inner img {
				width: 16vw;
				height: 16vw;
				/* top: 5vw;
				right: 6vw; */
				position: static;
				margin-right: 6vw;
				margin-top: 5vw;
				margin-bottom: 5vw;
			}

			& p {
				width: 88vw;
				margin-inline: auto;
				font-size: 3.75vw;
				/* 12px */
				margin-top: 0.8em;
			}

		}

		& #page {
			width: 88vw;
			margin-inline: auto;
		}

		.form_wrap:not(.detail_form_block) {
			margin-left: 0;
			margin-right: 0;
			margin-bottom: 12vw;
		}

		.es_form_2col_wrap p.es-form-item:not(.note) {
			padding-right: 0;
		}

		.es_form_2col_wrap p.es-form-item:not(.note)>label {
			width: auto;
			text-align: left;
			font-size: 4.375vw;
			/* 14px */
		}

		.es_form_2col_wrap p.es-form-item:not(.note)>span {
			/* width: calc(100% - 10em - 44px); */
			width: 100%;
			font-size: 3.75vw;
			/* 12px */
		}

		.wpcf7 .wpcf7-form span.required {
			margin-top: 0;
		}

		.es_form_2col_wrap p.es-form-item:not(.note)>label span:not(.required) {
			font-size: 3.125vw;
			/* 10px */
			margin-top: 0.8em;
			display: block;
		}

		.wpcf7 .wpcf7-form .wpcf7-submit {
			font-size: 4.375vw;
			/* 14px */
			margin-top: 12vw;

		}

		/*  */
	}

	/* body.es-page-contact_us */

	body.privacy {

		& #container {
			padding-bottom: 12vw;
		}

		& #main_ttl {
			& div.inner img {
				width: 16vw;
				height: 16vw;
				position: static;
				margin-right: 6vw;
				margin-top: 5vw;
				margin-bottom: 5vw;
			}

			& p {
				width: 88vw;
				margin-inline: auto;
				font-size: 3.75vw;
				/* 12px */
				padding-bottom: 0;
				margin-top: 0.8em;
			}

			& h1 {
				display: block;
				line-height: 1;
			}

			& h1 span {
				margin-left: 0;
				margin-top: 0.6em;
			}

		}

		& section[id^="sec_"] {
			width: 100%;
		}

		& #sec_01 h4 {
			font-size: 4.0625vw;
			/* 13px */
		}

		& #sec_01 p {
			font-size: 3.75vw;
			/* 12px */
			margin-bottom: 1.0em;
		}

		& #sec_01 li {

			font-size: 3.75vw;
			/* 12px */
		}

		& #sec_02 h4 {
			margin-top: 1.2em;
			font-size: 4.0625vw;
			/* 13px */
		}

		& #sec_02 ul li {
			font-size: 3.75vw;
			/* 12px */
		}

	}

	/* body.privacy */

	body.faq {

		& #main_ttl {

			& div.inner img {
				/* width: 16vw;
				height: 16vw;
				top: 0;
				right: 6vw;
				margin-top: 2vw;
				margin-bottom: 2vw; */

				width: 16vw;
				height: 16vw;
				position: static;
				margin-right: 6vw;
				margin-top: 5vw;
				margin-bottom: 5vw;

			}

			& p {
				width: 88vw;
				margin-inline: auto;
				font-size: 3.75vw;
				/* 12px */
				padding-bottom: 0;
			}

		}

		/*  */

		& #cnav {
			width: 100%;
		}

		& #cnav ul {
			gap: 2vw 2vw;
			/* grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: 1fr 1fr 1fr; */
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows: repeat(2, 1fr);
		}

		& #cnav ul li {
			font-size: 3.125vw;
			/* 10px */
			line-height: 1.4;
		}

		& #cnav ul li a {
			min-height: 5em;
			display: flex;
			justify-content: center;
			align-items: center;

		}

		/*  */

		& #container {
			margin-bottom: 30vw;
		}

		/*  */

		& section[id^="sec_faq_"] {
			width: 100%;
			margin-top: 8vw;

			& div.wrap {
				padding: 4vw 2vw;
			}

			& div.wrap:first-of-type {
				margin-top: 6vw;
			}

			& h3 {
				font-size: 3.75vw;
				/* 12px */
				padding-right: 6vw;
			}

			& h3::before {
				font-size: 8.125vw;
				/* 26px */
				margin-right: 0.2em;
				margin-left: 0.1em;
			}

			& summary::after {
				width: 4vw;
				height: 4vw;
				top: calc(50% - 2vw);
			}

			& div.wrap div.inner {
				padding-top: 4vw;
				margin-top: 0;
			}

		}

		& section[id^="sec_faq_"]:not(:first-of-type) {
			& h2 {
				margin-top: 10vw;
			}
		}

	}

	/* body.faq */

}

}

/* sp */




























/*  */