@charset "UTF-8";
/* 

	site.css 2025/02/02 - 
______________________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* --var >> */
/* __________________________________________________________________ */
/*
@media (max-width:1279px)
@media (max-width: 959px)
@media (max-width: 755px)
@media (max-width: 639px)
@media (max-width: 479px)
*/
/*
SVG要素には overflow: visible; をつけるほうが良い。（全体で適用するのは微妙な気がする）
*/
:root {
	--width-base: 1280px;
	--limit-base: 100%;

	--col-key: #2a8564;
	--col-act: #009da6;
	--col-visited: #196d6d;
	--col-txt: #111921;
	--col-bg: #f0efec;
	/* --col-7: #777780; */
	/* --col-gray: var(--col-d); */
	--col-gray: #cccbc9;
	--col-mid-gray: #737a80;
	--col-dark-gray: #333a40;
	--col-black: #111921;
	--col-white: #f0efec;
	/* --col-selection: rgb(var(--col-1-rgb) / .3); */
	--col-blue: #009da6;
	--col-green: #2a8564;
	--col-dark-green: #174b4d;
	--col-salmon: #e67061;
	--radius-base: var(--spacing-md);

	--font-base: 15;
	--font-sp-base: 15;
	--font-base-weight: 350;
	--font-p: "Hiragino Sans", "hiragino-kaku-gothic-pron", "M PLUS 1", "Noto Sans JP";
	--font-p-weight: 300;	/* 300/600 */
	--font-hx: "shippori-mincho-b1";
	--font-hx-weight: 600;	/* 600 */
	--font-en: "trajan-pro-3";
	--font-en-weight: 400;	/* 400/700 */
	--font-en2: "itc-avant-garde-gothic-pro";
	--font-en2-weight: 100;	/* 100 */
	--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Noto Sans CJK JP",Roboto,Meiryo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	--font-hx-family-base:serif;

	letter-spacing: .05em;
	--hamburger-offset: 0px;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << --var */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* bg / color >> */
/* __________________________________________________________________ */

.has_bg {
	background-color: var(--bg);
	color: var(--color);
}

/* colors >> */
.color_inherit{--color:inherit}.bg_inherit{background-color:inherit}
.bg_blue	{--color:var(--col-white);--bg:var(--col-blue)}
.bg_green	{--color:var(--col-white);--bg:var(--col-green)}
.bg_dark_green	{--color:var(--col-white);--bg:var(--col-dark-green)}
.bg_gray	{--color:var(--col-white);--bg:var(--col-gray)}
.bg_mid_gray	{--color:var(--col-white);--bg:var(--col-mid-gray)}
.bg_dark_gray	{--color:var(--col-white);--bg:var(--col-dark-gray)}
.bg_black	{--color:var(--col-white);--bg:var(--col-black)}
.bg_white	{--color:var(--col-txt);--bg:var(--col-white)}
.bg_real_white	{--color:var(--col-dark-gray);--bg:var(--col-f)}
.bg_salmon	{--color:var(--col-white);--bg:var(--col-salmon)}
/* << colors */

.sec.bg_white {
	background-image: url(/assets/img/common/bg_grad.svg);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 190px;
}
nav.sec.bg_white {
	min-height: unset;
}
.sec.bg_white.bg_lead {
	background-image: url(/assets/img/common/bg_grad.svg), url(/assets/img/common/bg_lead.svg);
	background-repeat: repeat-x, no-repeat;
	background-position: top, bottom;
	background-size: auto, 100% auto;

	padding-top: calc(var(--spacing-2xl) * 2);
}

.bg_shadow {
	box-shadow: 0 15px 30px -10px rgba(0 0 0 / .6);
}
.bg_drop-shadow {
	filter: drop-shadow(0 5px 6px rgb(0 0 0 / 30%));
}

strong, em {
	color: var(--col-blue);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << bg / color */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [om] >> */
/* __________________________________________________________________ */

.om-page {
	background-color: unset;
}
.om .logo a {
	color: var(--col-white);
	text-decoration: none;
}
.om-bt-base {
	border-radius: var(--radius-m);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [om] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [bt] >> */
/* __________________________________________________________________ */

:where(.bt) {
	border-radius: var(--radius-m);
	background-color: var(--col-key);
	padding-block: var(--spacing-xs);
	margin-inline: 0;
	font-family: var(--font-p), var(--font-family-base);
	font-weight: var(--font-base-weight, 350);
}
.bt {
	color: var(--col-white);
}
:where(.co_contents .bt) {
	min-width: min(18em, 100%);
}

:where(.bt:hover, a:hover .bt) {
	opacity: .7;
	/* scale: 1.05; */
	/* translate: 0 -.3em; */
}

:where(.bt_wraper) {
	padding-block: var(--spacing-2xl);
}
:where(.bt_wraper .bt) {
	min-width: min(18em, 100vw);
}

:where(.bt.co_center) {
	margin-inline: auto;
}

:where(.bt.icon_right)::after,
:where(.bt.icon_left)::before {
	display: inline-block;
	width: var(--size);
	height: var(--size);
	vertical-align: middle;
	--size: .6em;
	background-color: var(--col-white);
	clip-path: polygon(0 0, 100% 50%, 0 100% );
}
:where(.bt.icon_left)::before {
	clip-path: polygon(100% 0, 0 50%, 100% 100% );
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [bt] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* header >> */
/* __________________________________________________________________ */

header.co_header {
	min-height: var(--hamburger-height);
	display: grid;
	align-items: start;
}
.co_site_header > .inner {
	--gap: var(--spacing-lg);
}
nav.co_global {
	position: sticky;
	top: 0;
	z-index: 500;
	display: grid;
	place-content: center;
	font-weight: 450;
}
	.co_global .co_nav {
		flex-wrap: nowrap;
		height: 100%;
		--gap: var(--spacing-sm);
		padding-block: var(--spacing-sm);
	}
	.co_global menu {
		--fmax:15.93;
		--fmin:7;
	}
	.co_global a {
		white-space: nowrap;
		font-size: inherit;
	}
	.co_global a::after {
		content: none;
	}

header.co_header .logo a {
	user-select: none;
}
header.co_header .logo {
	grid-auto-flow: column;
	gap: var(--spacing-sm);
}
header.co_header .logo a {
	margin-block: var(--leading-trim);
	padding-block: var(--spacing-md);
	width: clamp(130px, calc(50px + 15vw), 180px);
}
/* Globa切り替え */
@media (max-width: 959px) {
	header.co_header .logo {
		margin-left: auto;
	}
}

/* sub-nav >> */
.co_pc_menu.co_global {
	overflow-x: visible;	/* 4 safari */
}
.co_pc_menu.co_global .co_nav > li:hover > ul > :not(:hover) {
	opacity: .7;
}
.co_pc_menu.co_global .co_nav:hover > :not(:hover) {
	opacity: .55;
}
.co_pc_menu.co_global .co_nav li {
	transition: opacity 100ms ease;
}
.co_pc_menu.co_global .co_nav li:hover {
	transition: opacity 300ms ease;
}
.co_pc_menu.co_global .co_nav > li {
	position: relative;
	background-color: var(--bg);
	z-index: 1;
}
.co_pc_menu.co_global .co_nav > li:hover {
	z-index: 2;
}
.co_pc_menu.co_global .co_nav > li:hover > ul {
	pointer-events: auto;
	opacity: 1;
	transition: all 400ms ease-out;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100% );
}
.co_pc_menu.co_global .co_nav > li > ul {
	pointer-events: none;
	display: grid;
	gap: var(--spacing-md);
	height: auto;
	position: absolute;
	top: calc(var(--header-offset) - (var(--spacing-sm) * 2));
	left: 50%;
	z-index: -1;
	translate: -50% 0;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0 );
	padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md);
	background-color: var(--bg);
	border-radius: 0 0 calc(var(--radius-m) / 3) calc(var(--radius-m) / 3);
	transition: all 200ms ease-in 800ms;
	opacity: .7;
	font-size: .85em;
}
.co_pc_menu.co_global .co_nav > li > ul > li {
	width: max-content;
}
.co_pc_menu.co_global .co_nav > li > a::before {
	content: "";
	position: absolute;
	inset: calc(var(--spacing-sm) * -1) 0;
}
/* << sub-nav */



.co_sp {
	display: none;
}
.co_sp_menu {
	--gap: 0px;
	padding-inline: 0;
	z-index: 9999;
	display: none;
}
.co_sp_menu :where(label, a) {
	cursor: pointer;
	width: 100%;
	height: 100%;
	justify-content: stretch;
	text-align: center;
	padding: var(--spacing-sm) 0;
}
.co_sp_menu img {
	margin-inline: auto;
}
.co_sp_menu > a {
	position: absolute;
	bottom: calc(100% + var(--spacing-md));
	width: fit-content;
	right: var(--spacing-xl);
	background-color: #5555;
	border-radius: var(--radius-o);
	aspect-ratio: 1/1;
	display: grid;
	white-space: nowrap;
	color: #fff;
	font-size: .8em;
}
.co_sp_menu > a img {
	width: 50%;
}
/* Globa切り替え */
@media (max-width: 959px) {
	.co_pc ,
	.co_pc_menu {
		display: none !important;
	}
	.co_sp ,
	.co_sp_menu {
		display: flow-root;
	}
}
.co_sp_menu :where([for="om-ck-1-on"], [for="om-off"]) {
	display: none;
}
#om-off:checked ~ .co_sp_menu [for="om-ck-1-on"],
#om-off:not(:checked) ~ .co_sp_menu [for="om-off"] {
	display: grid;
}


.info_wrap {
	margin-block: var(--spacing-md);
	display: grid;
	list-style: none;
	padding: 0;
	grid-template-columns: auto 80px 80px;
	gap: var(--spacing-md);
}
.co_site_header .nav_access,
:where(.info_wrap) :where(a, dt, dd) {
	font-family: var(--font-p),var(--font-family-base) ;
	font-weight: var(--font-base-weight, 350);
}
.info_wrap a {
	display: grid;
}
 .info_wrap .info_left {
	width: 220px;
	display: grid;
	gap: var(--spacing-sm);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << header */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* footer >> */
/* __________________________________________________________________ */

.co_site_footer {
	padding-bottom: 1em;
	background-color: var(--col-dark-green);
	color: var(--col-white);
}
.co_site_footer>.inner {
	padding-block: var(--spacing-xl);
}
.co_site_footer .co_nav {
	--gap: var(--spacing-xs);
}
.copyright {
	border-bottom: calc(var(--offset-bottom,0px)) solid var(--bg);
	font-family: var(--font-p),var(--font-family-base) ;
	font-weight: var(--font-base-weight, 350);
	padding-block: var(--spacing-sm);
	text-align: right;
}
@media (max-width: 959px ) {
	.copyright {
		text-align: center;
	}
}

#map iframe {
	width: 100%;
	height: min(350px, 35vh);
	/* filter: grayscale(.5) brightness(1.1) contrast(.9);
	transition: filter 800ms ease 300ms; */
}
/* #map iframe:hover {
	filter: grayscale(0) brightness(.95) contrast(1);
} */

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << footer */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* sitemap >> */
/* __________________________________________________________________ */


:where(.chip_delta),
:where(.sitemap > ul > li > a),
:where(.sitemap li > ul a) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
:where(.sitemap > ul > li > a) {
	/* 1st */
	--fmax: 13.14;
	--fmin:12.80;
}
:where(.sitemap li > ul a) {
	/* 2nd */
	--fmax: 10.89;
	--fmin:10.00;
}

:where(.om .sitemap) {
	flex-direction: column;
}
:where(.sitemap > div) {
	width: 220px;
}
:where(.sitemap .logo) {
	display: block;
	margin-bottom: var(--spacing-md);
}
:where(.sitemap .logo img) {
	display: block;
	width: 53%;
	margin-inline: auto;
}
:where(.sitemap .has_icon a),
:where(.sitemap > ul > li > a) {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-sm);
}
:where(.has_icon a) {
	grid-template-columns: auto 1fr;
	gap: var(--spacing-lg);
}
:where(.sitemap .has_icon) {
  flex-direction: column;
  display: flex;
  justify-content: space-around;
}
.has_icon img {
	width: var(--spacing-xl);
	min-width: var(--spacing-xl);
}
.has_icon span {
	white-space: nowrap;
}
:where(.chip_delta)::after,
:where(.sitemap > ul > li > a)::after {
	content: "";
	display: inline-block;
	width: var(--size);
	height: var(--size);
	vertical-align: middle;
	--size: .6em;
	background-color: var(--col-white);
	clip-path: polygon(0 0, 100% 50%, 0 100% );
}
:where(.sitemap li > ul > li)::before {
	content: "-";
	margin-right: var(--spacing-sm);
}
:where(.sitemap li > ul > li) {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.2;
	margin-block: .5em;
}

:where(.sitemap .co_flex) {
	--gap: 1em;
}

:where(.co_flex > hr) {
	background-color: var(--col-gray);
	min-width: 1px;
	min-height: 1px;
	margin: 0;
	height: auto;
	border: 0 none;
}
:where(.co_column) {
	columns: 3;
	column-gap: var(--spacing-md);
}
.co_column li {
	margin-block: var(--spacing-md);
}
@media (max-width:1279px) {
	:where(.co_column) {columns: 2}
}
@media (max-width: 959px) {
	:where(.co_column) {columns: 3}
	:where(.sitemap) {
		flex-direction: column;
	}
	:where(.sitemap > :not(hr)) {
		align-self: center;
	}
}
@media (max-width:639px) {
	:where(.sec.co_site_footer .sitemap > div ~ *) {
		display: none;
	}
}


.om {
	background-color: rgba(1, 45, 47, .8);	/* dark-green */
}
.om-page {
	color: var(--col-white);
	background-color: var(--col-dark-green);
}
.om-page > div {
	padding-top: 0;
}

.om :where(.sitemap > ul > li > a) {
	/* 1st */
	--fmax: 18;
	--fmin: 15;
	--fmax:19.26;
	--fmin:17.52;
}
.om :where(.sitemap li > ul a) {
	/* 2nd */
	--fmax: 10.89;
	--fmin:10.00;
	--fmax: 13.14;
	--fmin:12.80;
}

.om .sitemap {
	gap: var(--spacing-md);
	margin-bottom: var(--footer-offset);
	width: fit-content;
	margin-inline: auto;
}
.om .sitemap > div {
	position: sticky;
	inset: 0;
	z-index: 1;
	align-self: center;
	padding-top: var(--spacing-lg);
	border-image-source: linear-gradient(var(--col-dark-green),var(--col-dark-green));
	border-image-slice: 0 fill;
	border-image-outset: 0 100vw 0 100vw;
}
.om ul {
	list-style: none;
}
.om ul:where(.co_column, .has_icon) {
	padding: 0;
}
.om ul.has_icon {
	order: 2;
}
.om ul.co_column {
	column-count: 1;
}
.om-page > .inner > ul {
	padding: 0;
}
.om .chip_delta + ul {
	margin-top: 0;
}
.co_column li:where(.nav_plan_adult, .nav_recommend, .nav_price) {
	margin-top: var(--spacing-xl);
}

.om :where(hr, .info_tel, .nav_access) {
	display: none;
}

#om-off:not(:checked)  ~ .co_sp_menu > a {
	display: none;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << sitemap */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* .nt_nav >> */
/* __________________________________________________________________ */

.nt_nav {
	font-family: var(--font-hx), serif;
	font-weight: var(--font-hx-weight, var(--font-base-weight, 600));
}
.nt_nav {
	position: relative;
	display: grid;
	place-content: center;
	padding: var(--spacing-xl) var(--spacing-md);
	background-color: var(--bg);
	color: var(--color);
	--bg: var(--col-dark-gray);
	--color: var(--col-white);
}
.nt_nav > ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-lg);
}
	.nt_nav li > a:hover {
		color: var(--bg);
		background-color: var(--color);
	}
	.nt_nav li > * {
		display: flex;
		place-content: center;
		place-items: center;
		padding: .8em .5em .5em;
		line-height: 1;
		width: 2.5em;
		transition: var(--transition);
	}
	.nt_nav li > a {
		background-color: var(--bg);
		border: 1px solid var(--color);
	}
	.nt_nav li > .current {
		color: var(--bg);
		background-color: var(--color);
	}
	.nt_nav li > .current:hover {
		opacity: .6;
	}
	.nt_nav li > .dots {
		padding-inline: 0;
		width: auto;
	}

.nt_nav:blank {
	display: none;
}

.sec:has(+ .nt_nav) {
	padding-bottom: var(--spacing-3xl);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << .nt_nav */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [accordion-unit] >> */
/* __________________________________________________________________ */

:where(.co_accordion > div) {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 200ms ease-in;
}
:where(.co_accordion label:has(:checked) + *) {
	grid-template-rows: 1fr;
	transition: grid-template-rows 400ms ease-out;
}
:where(.co_accordion > div > *) {
	overflow: hidden;
}
:where(.co_accordion .co_header) {
	display: block;
	position: relative;
	cursor: pointer;
}
:where(.co_accordion .co_header > span) {
	background-color: var(--col-key);
	display: block;
	position: absolute;
	translate: 0 -50%;
	top: 50%;
	right: 0;
	width: 2em;
	height: 2em;
	/* transition: rotate 300ms ease-in; */
	transition: rotate 400ms cubic-bezier(.13,.27,.28,1.05);
	clip-path: polygon(0% 40%, 0% 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%, 60% 0%, 40% 0%, 40% 40%);/* + */
	clip-path: polygon(0% 45%, 0% 55%, 45% 55%, 45% 100%, 55% 100%, 55% 55%, 100% 55%, 100% 45%, 55% 45%, 55% 0%, 45% 0%, 45% 45%);/* + */
}
:where(.co_accordion .co_header > :checked ~ span) {
	/* rotate: -225deg;
	transition: rotate 400ms ease-out; */
	rotate: -135deg;
	transition: rotate 400ms cubic-bezier(.19,.22,.1,1.21);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [accordion-unit] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [h-unit] >> */
/* __________________________________________________________________ */

/* hi_block */
/* h_ej_l */
/* h_ej */
/* h_black style_hl */
/* h_under_line */
/* h_dia */

/* font >> */
:where(ol.co_step > li)::before,
:where(.h_black, .h_dia),
:where(.hi_block, .h_ej_l, .h_ej) :where(.ja, .en, .sub) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
:where(.hi_block, .h_ej_l, .h_ej) :where(.en, .sub) {
	font-family: var(--font-en), serif;
	font-weight: var(--font-en-weight, var(--font-base-weight, 350));
}
:where(.hi_block, .h_ej_l) :where(.ja, .sub) {
	font-family: var(--font-hx), serif;
	font-weight: var(--font-hx-weight, var(--font-base-weight, 600));
}
:where(h1, h2, h3, h4, h5, h6, .bt, dt),
.h_dia {
	font-family: var(--font-p),var(--font-family-base) ;
	font-weight: var(--font-base-weight, 350);
}
.hi_block .sub {
	--fmax:30.00;
	--fmin:26.00;
}
.hi_block .ja {
	--fmax:41.31;
	--fmin:30.00;
}
.hi_block .en {
	--fmax:19.26;
	--fmin:17.52;
	color: var(--col-dark-green);
	translate: 0 .15em;
	text-transform: capitalize;
}
.h_ej_l .ja {
	--fmax:23.31;
	--fmin:17.52;
	line-height: 1.3;
}
.h_ej_l .en {
	--fmax:50.04;
	--fmin:41.31;
--fmin: 38.31;		/**/								
	color: var(--col-gray);
	line-height: 1.05;
}
.h_ej .ja {
	font-family: var(--font-p), var(--font-family-base);
	font-weight: var(--font-base-weight, 350);
	--fmax: var(--font-base);
	--fmin: var(--font-sp-base);
}
.h_ej .en {
	--fmax:34.19;
	--fmin:28.08;
}
dt,
.h_black {
	--fmax: 18;
	--fmin: 15;
}
.h_dia {
	--fmax:21.26;
	--fmin:19.52;
}

:where(ol.co_step > li)::before {
	font-family: var(--font-en), serif;
	font-weight: var(--font-en-weight, var(--font-base-weight, 350));
	--fmax:34.19;
	--fmin:28.08;
}

/*
:where(h2){--fmax:28.26;--fmin:24.00}
:where(h3){--fmax:23.31;--fmin:20.56}
:where(h4){--fmax:19.26;--fmin:17.52}
:where(h5){--fmax:15.93;--fmin:14.96}
:where(h6){--fmax:15.93;--fmin:14.96}
*/
/* << font */

.hi_block {
	display: grid;
	aspect-ratio: 16/8;
	place-content: center;
	position: relative;
	background-color: var(--col-green);		
	text-align: center;
	line-height: 1;
	max-height: 80vh;
	width: 100%;
}
.hi_block.style_thin {
  max-height: max(18em,230px,20vh);
}
.hi_block > div {
	position: relative;
	z-index: 1;
}
.hi_block > div > :first-child{
	display: grid;
	grid-template-rows: 1fr auto;
	white-space: nowrap;
}
.hi_block .ja {
	color: var(--col-white);
	background-color: var(--col-dark-green);
	padding: .15em .2em;
}
.hi_block .sub {
	color: var(--col-dark-green);
	border: 1px solid;
	background-color: #fff8;
	padding: .2em .3em;
	position: relative;
	--mt: 1.2em;
	margin-top: var(--mt);
}
.hi_block .sub::before {
	content: "";
	width: 1px;
	height: var(--mt);
	background-color: var(--col-dark-green);
	position: absolute;
	left: 50%;
	bottom: 100%;
}
.hi_block > img {
	position: absolute;
	object-fit: cover;
	inset: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 755px) {
	.hi_block {
		aspect-ratio: 3/2;
	}
}

.h_ej_l {
	display: grid;
	text-align: center;
	margin-bottom: var(--spacing-2xl);
	gap: var(--spacing-md);
	align-items: baseline;
}
.h_ej_l.has_img {
	--img: url(../img/pages/info/staff/bg.jpg);
	background-image: var(--img);
	padding-block: var(--spacing-2xl);
	margin-top: var(--spacing-2xl);
	background-position: center;
	background-size: 100% auto;
}
	.h_ej_l.has_img .en {
		color: var(--col-dark-gray);
	}

.h_ej {
	display: flex;
	gap: var(--spacing-xs) var(--spacing-md);
	align-items: baseline;
	flex-wrap: wrap;
}
.h_ej + div {
	margin-top: var(--spacing-2xl);
}

.h_black {
	background-color: var(--col-black);
	color: var(--col-white);
	width: max-content;
	padding: .1em .2em;
}
.h_black.style_hl {
	border-image-source: linear-gradient(var(--col-black),var(--col-black));
	border-image-slice: 0 fill;
	border-image-outset: 0 0 0 100vw;
}

.h_dia {
	--w: .5em;
	padding-left: calc(var(--w) * 1.8);
	position: relative;
}
.h_dia:before {
	content: "";
	width: var(--w);
	height: var(--w);
	background-color: var(--col-dark-green);
	position: absolute;
	left: 0;
	rotate: 45deg;
	top: calc(var(--w) / 4 * 3);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [h-unit] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [profile-unit] >> */
/* __________________________________________________________________ */

.co_profile {
}

/* font >> */
.co_profile :where(.ja, .en) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
.co_profile .ja {
	white-space: nowrap;
	letter-spacing: .06em;
	--fmax: 22.26;
	--fmin: 20.52;
}
.co_profile .en {
	white-space: nowrap;
	font-family: var(--font-en), serif;
	font-weight: var(--font-en-weight, var(--font-base-weight, 350));
	--fmax:19.26;
	--fmin:17.52;
}
/* << font */

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [profile-unit] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [box-unit] >> */
/* __________________________________________________________________ */

/* box >> */
:where(.co_contents .co_box) {
	display: block;
	padding: var(--pt) var(--pi) var(--pb);
	border: 1px var(--bs, solid) var(--col-box, var(--col-dark-gray));
	--pt: var(--spacing-xl);
	--pb: var(--spacing-xl);
	--pht: var(--spacing-lg);
	--phb: var(--pht);
	--pft: var(--spacing-md);
	--pfb: var(--pft);
	--pi: var(--wrap-inpad);
	text-decoration: none;
	color: inherit;
}
:where(.co_div .co_box) {
	--pi: var(--spacing-lg);
	--pht: var(--spacing-lg);
}
:where(.bg_dark_gray .co_contents .co_box) {
	--col-box: var(--col-white);
	--col-mat: transparent;
}
:where(.co_contents .co_box :where(header, footer)) {
	margin-inline: calc( var(--pi) * -1);
	background-color: var(--col-mat, var(--col-box, unset));
	color: var(--color, unset);
}
:where(.co_contents .co_box header) {
	padding: var(--pht) var(--pi) var(--phb);
}
:where(.co_contents .co_box header.thin) {
	padding: calc(var(--pht) / 2) calc(var(--pi) / 2) calc(var(--phb) / 2);
}
	:where(.co_contents .co_box header + *) {
		margin-top: 0;
	}
:where(.co_contents .co_box > header:first-child) {
	margin-top: calc(var(--pt) * -1);
}
:where(.co_contents .co_box footer) {
	padding: var(--pft) var(--pi) var(--pfb);
}
:where(.co_contents .co_box header.thin) {
	padding: calc(var(--pft) / 2) calc(var(--pi) / 2) calc(var(--pfb) / 2);
}
:where(.co_contents .co_box > footer:last-child) {
	margin-bottom: calc(var(--pb) * -1);
}
:where(.co_box header) .small {
	display: block;
	font-size: .5em;
}
/* <<  */
/* box.style_blue box.style_gray >> */
:where(.co_contents .co_box:where(.style_blue, .style_green, .style_gray, .style_black, a) :where(header, footer)) {
	--color: var(--col-white);
}
:where(.co_contents .co_box:where(.style_blue, .style_green, .style_gray, .style_black, a) header) {
	margin-bottom: var(--spacing-md);
}
:where(.co_contents .co_box:where(.style_blue, .style_green, .style_gray, .style_black, a) footer) {
	margin-top: var(--spacing-md);
}
:where(.co_contents .co_box.style_blue) {
	--col-box: var(--col-blue);
}
:where(.co_contents .co_box.style_green) {
	--col-box: var(--col-dark-green);
	--pht: var(--spacing-lg);
}
:where(.co_contents .co_box.style_gray) {
	--col-box: var(--col-mid-gray);
}
:where(.co_contents .co_box.style_black) {
	--col-box: var(--col-black);
}
:where(.co_contents .co_box.style_dashed) {
	--bs: dashed;
}
/* <<  */
/* box.style_blue box.style_round >> */
:where(.co_contents .co_box.style_round) {
	--br: var(--radius-m);
	border-radius: var(--br);
}
:where(.co_contents .co_box.style_round header) {
	border-radius: calc(var(--br) - 1px) calc(var(--br) - 1px) 0 0;
}
:where(.co_contents .co_box.style_round footer) {
	border-radius: 0 0 calc(var(--br) - 1px) calc(var(--br) - 1px);
}
/* <<  */
:where(.co_contents .co_box.style_under_line header > *) {
	display: inline;
	border-bottom: 2px solid;
	font-family: var(--font-hx),var(--font-hx-family-base,var(--font-family-base) ) ;
	font-weight: var(--font-hx-weight, var(--font-base-weight, 600));
}

	/* good_list bad_list >> */
	:where(ul:where(.good_list, .bad_list)) {
		list-style-type: square;
		background-image: url(../img/common/icon_ok.svg);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: var(--spacing-2xl) auto;
		padding-left: calc(var(--spacing-2xl) + 2em);
	}
	:where(ul:where(.bad_list)) {
		background-image: url(../img/common/icon_no.svg);
	}
	:where(ul:where(.good_list, .bad_list) > li)::marker {
		color: inherit;
	}

	@media (max-width: 479px) {
		:where(ul:where(.good_list, .bad_list)) {
			background-image: none;
			padding-left: var(--m-gap);
		}
	}
	/* <<  */
	

a.co_box {
	background-image: url(../img/common/bt_img.jpg);
	background-position: center;
	background-size: cover;
	color: var(--col-dark-gray);
	border-color: var(--bg);
	text-decoration: none;
	--bg: var(--col-green);
}
a.co_box .link_txt {
	--pfb: var(--spacing-sm);
	--pft: var(--spacing-sm);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: var(--spacing-sm);
	background-color: var(--bg);
	/* width: 100%; */
	color: var(--col-white);
}
.current a.co_box {
	--bg: var(--col-blue);
}
.current a.co_box .link_txt {
	justify-content: center
}
.current a.co_box .link_txt::after {
	rotate: 90deg;
}
.sec:last-child .current a.co_box .link_txt::after {
	rotate: -90deg;
}

.co_box.style_pure_white {
	color: var(--color, unset);
	background-color: var(--col-mat, var(--col-box, unset));
}
.co_box.style_pure_white {
	border: 0 none;
	background-color: var(--col-f);
	--pi: var(--spacing-lg);
}
.style_pure_white dt {								
	margin-left: calc(var(--spacing-lg) * -1);
	padding-inline: var(--spacing-lg) var(--spacing-md);
	background-color: var(--col-dark-green);
	color: var(--col-white);
	width: fit-content;
}
.style_pure_white dd {									
	margin: var(--spacing-xs) 0 var(--spacing-md);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [box-unit] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [icons] >> */
/* __________________________________________________________________ */

:where(.inner_link) {
	list-style: none;
	margin: 0;
	padding: 0;
}
:where(.inner_link a) {	/* via: .bt */
	border-radius: var(--radius-m);
	color: var(--col-white);
	background-color: var(--col-key);
	text-decoration: none;
	cursor: pointer;
	touch-action: manipulation;
	transition: var(--transition);
	display: grid;
	align-items: center;
	width: fit-content;
	min-height: var(--spacing-xl);
	padding: var(--spacing-sm) var(--spacing-md);
	margin-block: var(--spacing-sm);
}

:where(.co_icon) {
	--w: 1.7em;
	--img: url(../img/ci/logo_g.svg);
	list-style: none;
	margin: 0;
	padding: 0;
}
:where(.co_icon:not(ul)) {
	display: inline-block;
	line-height: 1.3;
}
:where(ul.co_icon>*, .co_icon:not(ul)) {
	position: relative;
	padding-left: calc(var(--w) * 1.5);
}
:where(ul.co_icon>*, .co_icon:not(ul))::before {
	content: "";
	width: var(--w);
	height: var(--w);
	background-image: var(--img);
	background-position: center;
	background-repeat: no-repeat;
	background-size: var(--w) auto;
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 calc((var(--leading-trim) / -2) - 50%);
}
:where(.co_icon.icon_pdf) {--img: url(../img/common/icon_pdf.svg)}
:where(.co_icon.icon_youtube) {--img: url(../img/common/icon_youtube.svg)}
:where(.co_icon.icon_outer_link) {--img: url(../img/common/icon_outer.svg)}
.bg_dark_gray :where(.co_icon.icon_outer_link) {--img: url(../img/common/icon_outer_w.svg)}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [icons] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [news-block] >> */
/* __________________________________________________________________ */

.news_block {
	flex-direction: column;
	display: flex;
	gap: calc(var(--spacing-2xl) * 2);
	margin-bottom: var(--spacing-2xl);
}

/* font >> */
.news_block :where(header, p, .ja, .en) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
.news_block :where(header, .ja) {
	font-family: var(--font-hx), serif;
	font-weight: var(--font-hx-weight, var(--font-base-weight, 600));
}
.news_block header :where(h2, h3, h4) {
	--fmax:28.26;
	--fmin:24.00;
}
.news_block p {
	letter-spacing: .06em;
	line-height: 2;
}
/* << font */

.news_block header {
	margin: 0 0 var(--spacing-xl);
	border: solid var(--col-gray);
	border-width: 1px 0;
	padding-block: var(--spacing-lg);
}
.news_block article > div {
	display: grid;
	gap: var(--spacing-2xl);
	grid-template-columns: 1fr 1px 30%;
	grid-auto-rows: 1fr 1px auto;
	min-height: 8em;
}
.news_block article > div::before {
	order: 2;
	content: "";
	min-height: 1px;
	min-width: 1px;
	background-color: var(--col-gray);
}
.news_block .nt_info {
	padding-top: var(--spacing-lg);
	border-top: 1px solid var(--col-gray);
}
.news_block article > div > div {
	flex-direction: column;
	display: flex;
	gap: var(--spacing-xl);
}
.news_block aside {
	order: 3;
	border-width: 1px 0;
	line-height: 2;
}
.news_block aside a {
	line-height: 1.2;
	display: grid;
	min-height: 2.4em;
	align-items: center;
}
.news_block aside:empty {
	background-image: url(../img/ci/logo_g.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70% auto;
}
.news_block aside .co_mark {
	margin: 0;
}

@media (max-width: 755px) {
	.news_block {
		gap: var(--spacing-3xl);
	}
	.news_block article > div {
		grid-template-columns: unset;
		gap: var(--spacing-lg);
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [news-block] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [faq-block] >> */
/* __________________________________________________________________ */

.faq_title {
	margin-block: var(--spacing-xl);
	text-align: center;
} /* faq_block外にあるので注意 */

.faq_block {
	flex-direction: column;
	display: flex;
	gap: var(--spacing-2xl);
	list-style: none;
	margin: 0;
	padding: 0;
}

/* font >> */
.faq_title, .faq_block :where(label, p) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
.faq_block :where(label) {
	font-family: var(--font-p),var(--font-family-base) ;
	font-weight: var(--font-base-weight, 350);
}
.faq_title {
	font-family: var(--font-hx), var(--font-serif-base);
	font-weight: var(--font-hx-weight, var(--font-base-weight, 600));
	--fmax:28.26;
	--fmin:24.00;
}
.faq_block :where(label) {
	--fmax:19.26;
	--fmin:17.52;
}
.faq_block p {
	letter-spacing: .06em;
	line-height: 2;
}
/* << font */

.faq_block label {
	padding: var(--spacing-lg);
	padding-right: calc(var(--spacing-lg) + 2em + .3em);
	background-color: var(--col-dark-green);
	color: var(--col-white);
}
.faq_block :where(.co_accordion > div) {
	border: 1px solid var(--col-dark-green);
}
.faq_block :where(.co_accordion .co_header > span) {
	right: var(--spacing-lg);
	background-color: var(--col-white);
}
.faq_block aside {
	flex-direction: column;
	display: flex;
	gap: var(--spacing-sm);
}
.faq_block aside > :first-child {
	margin-top: var(--spacing-lg);
}
.faq_block .nt_info {
	padding-top: var(--spacing-lg);
	border-top: 1px solid var(--col-gray);
	margin-top: var(--spacing-lg);
}

.faq_block .co_inner {
	padding: 1em;
}

body.single-faq :where(.faq_block .co_accordion .co_header) {
	pointer-events: none;
}
body.single-faq :where(.faq_block .co_accordion .co_header > span) {
	display: none;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [faq-block] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [hisdtory-block] >> */
/* __________________________________________________________________ */

div#aed {
	padding-top: var(--spacing-3xl);
}

.hisdtory_block {
	flex-direction: column;
	padding-bottom: var(--spacing-2xl);
}
.sec:has(.hisdtory_block) {
	overflow-y: clip;
}

/* font >> */
.hisdtory_block :where(.year, header, p, .ja, .en) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
.hisdtory_block :where(header, .ja) {
	font-family: var(--font-hx), serif;
	font-weight: var(--font-hx-weight, var(--font-base-weight, 600));
}
.hisdtory_block .year {
	font-family: var(--font-en), serif;
	font-weight: var(--font-en-weight, var(--font-base-weight, 350));
	white-space: nowrap;
	--fmax:28.26;
	--fmin:24.00;
}
.hisdtory_block header {
	--fmax:19.26;
	--fmin:17.52;
	margin: .45em 0 .95em;
}
.hisdtory_block p {
	letter-spacing: .06em;
	line-height: 2;
}
.hisdtory_block .en {
	white-space: nowrap;
	font-family: var(--font-en2),sans-serif;
	font-weight: var(--font-en2-weight, var(--font-base-weight, 350));
	--fmax:50.04;
	--fmax:42.00;
	--fmin:28.08;
}
/* << font */

.hisdtory_block::before {
	content: "";
	position: absolute;
	left: 2.2em;
	width: 2px;
	height: 100%;
	border-image-source: linear-gradient(var(--col-gray),var(--col-gray));
	border-image-slice: 0 fill;
	border-image-outset: 100vw 0 100vw 0;
}
.hisdtory_block,
.hisdtory_block > div {
	display: flex;
	gap: var(--spacing-3xl) var(--spacing-2xl);
	position: relative;
}
.hisdtory_block .co_div > div:first-child:last-child {
	width: 100%;
}
.hisdtory_block aside {
	writing-mode: vertical-rl;
	line-height: 1.03;
	color: var(--col-gray);
}

@media (max-width: 755px) {
	.hisdtory_block {
		margin-inline: calc(var(--wrap-inpad) / -1);
		gap: var(--spacing-xl);
	}
	.hisdtory_block::before {
		left: var(--wrap-inpad);
	}
	.hisdtory_block > div {
		flex-direction: row-reverse;
		gap: var(--spacing-md);
		padding-top: var(--spacing-2xl);
	}
	.hisdtory_block .year {
		position: absolute;
		left: calc(var(--wrap-inpad) / 2);
		top: 0;
	}
	.hisdtory_block .story {
		padding-inline: calc(var(--wrap-inpad) / 2);
	}
	.hisdtory_block .co_img {
		margin-right: 0;
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [hisdtory-block] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [ba-block] >> */
/* __________________________________________________________________ */

.ba_block_wrap {
	overflow: clip;
}
.ba_block_wrap .ba_block {
	overflow: unset;
}
.ba_block {
	display: flex;
	flex-direction: column;
	overflow: clip;
	margin: 0;
	padding-block: var(--spacing-3xl);
	padding-bottom: var(--spacing-2xl);
	--ba-left: var(--spacing-3xl);
}
.ba_block > div {
	padding-left: var(--ba-left);
}
.ba_block .label {
	margin-left: calc(var(--ba-left) * -1);
	margin-bottom: var(--spacing-xl);
}

/* font >> */
.ba_block + .co_box :where(.en, .ja),
.ba_block :where(.label, header, p, .ja) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
.ba_block + .co_box .ja,
.ba_block :where(header, .ja) {
	font-family: var(--font-p),var(--font-family-base) ;
	font-weight: var(--font-p-weight, var(--font-base-weight, 350));
	--fmax:13.14;
	--fmin:12.80;
}
.ba_block + .co_box .en,
.ba_block .label {
	font-family: var(--font-en), serif;
	font-weight: var(--font-en-weight, var(--font-base-weight, 350));
	white-space: nowrap;
	--fmax:28.26;
	--fmin:24.00;
}
.ba_block header {
	--fmax:19.26;
	--fmin:17.52;
	margin: .45em 0 .95em;
}
.ba_block p {
	letter-spacing: .06em;
	line-height: 2;
}
/* << font */

.ba_block::before {
	content: "";
	position: absolute;
	left: 2.2em;
	width: 2px;
	height: 100%;
	border-image-source: linear-gradient(var(--col-gray),var(--col-gray));
	border-image-slice: 0 fill;
	border-image-outset: 100vw 0 100vw 0;
}
.ba_block,
.ba_block > div {
	gap: var(--spacing-3xl) var(--spacing-2xl);
	position: relative;
}
.ba_block .co_div > div:first-child:last-child {
	width: 100%;
}
.ba_block .label .ja {
	margin-left: var(--spacing-sm);
}


.ba_block:has([data-mid-cnt="2"]) .en::after {
	content: attr(data-cnt);
}


.ba_block + .co_box {
	margin-top: 0;
}
.ba_block + .co_box header {
	text-align: center;
}
.ba_block + .co_box.style_pure_white span {
	display: block;
}

@media (max-width: 755px) {
	.ba_block::before {
		left: var(--wrap-inpad);
	}
}
@media (max-width: 639px) {
	.ba_block {
		--ba-left: var(--spacing-xl);
	}
}
@media (max-width: 479px) {
	.ba_block {
		--ba-left: 0;
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [ba-block] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [table-unit] >> */
/* __________________________________________________________________ */

/* table.style_schedule >> */
:where(table.style_schedule) {
	--bg: var(--col-black);
	--border: var(--col-c);
	width: max-content;
	margin: 0;
}
:where(table.style_schedule) :where(th, td, tr) {
	border: 0 none;
	padding: var(--spacing-sm) var(--spacing-md);
}
@media (max-width: 479px) {
	:where(table.style_schedule) :where(th, td, tr) {
		padding: var(--spacing-sm) calc(var(--spacing-sm) * 1.2);
	}
}

:where(table.style_schedule) thead th:not(:first-child) {
	border-left: 1px solid var(--col-7);
}
:where(table.style_schedule) td:not(:empty):not(:first-child) {
	border-left: 1px solid var(--border);
}
:where(table.style_schedule) .style_green td {
	border-bottom: 1px solid var(--border);
}

:where(table.style_schedule) td:not(:empty) {
	font-weight: 600;
	background-color: var(--col-white);
	text-align: center;
}
:where(table.style_schedule) th {
	color: var(--col-white);
	background-color: var(--bg);
	font-size: .9em;
}
:where(table.style_schedule) .style_green {
	color: var(--bg);
	--bg: var(--col-dark-green);
}
:where(table.style_schedule) .style_blue {
	color: var(--bg);
	--bg: var(--col-blue);
}
/* << table.style_schedule */


/* table.style_line >> */
:where(table.style_line) {
	--border: var(--col-txt);
	font-size: .9em;
}
:where(table.style_line th) {
	white-space: nowrap;
	width: 5em;
}
:where(table.style_line) :where(th, td, tr) {
	border: 0 none;
	border-bottom: 1px solid var(--border);
	padding: var(--spacing-md) 0;
	background-color: unset;
	color: unset;
	text-align: left;
}
/* << table.style_line */

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [table-unit] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [shuffle] >> */
/* __________________________________________________________________ */

.shuffle-wrap {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--spacing-2xl);
}
.shuffle-container {
	--nt-gap: var(--spacing-md);
	margin: calc(var(--nt-gap) * -1);
	padding: 0;
	--gap: 1px;
}
.shuffle-container > li {
	padding: var(--nt-gap);
}
.shuffle-container a {
	text-decoration: none;
}
.shuffle-container header {
	display: grid;
	justify-content: center;
	max-height: 2em;
	overflow: hidden;
}
.shuffle-options {
	list-style: none;
	padding: 0;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [shuffle] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [_over_img] >> */
/* __________________________________________________________________ */

.sec:has(.co_over_img) {
	overflow-x: visible;
	animation: none;
}
.sec:has(.co_over_img) > .inner {
	--limit-width: 1920px;
}
.co_over_img > .co_img {
	background-image: url(../img/ci/logo_b.svg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 180px auto;
	--co-act-trY: 60px;
	position: relative;
}
.co_over_img > .co_img > img {
	position: absolute;
	top: calc(var(--diff) * -1);
	width: calc(var(--outer-lr) + 100%);
	max-width: unset;
	height: calc(var(--diff) + 100%);
	--diff: 13em;
	object-fit: contain;
	/* object-position: top right; */
	object-position: top left;
}

.index .co_over_img > .co_img > img {
	top: calc(var(--diff) / -2);
	--diff: calc(var(--spacing-2xl) * 2);
	object-fit: cover;
}	/* index */

@media (max-width: 755px) {
	.co_over_img > .co_img {
		background-image: none;
	}
	.co_over_img > .co_img > img {
		position: static;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [_over_img] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [dl] >> */
/* __________________________________________________________________ */

.dl_wrap dl {
	display: block;
	padding-bottom: 10px;
}
.dl_wrap dl dt {
	width: 100%;
	font-weight: bold;
}
@media (min-width: 767px) {
	.dl_wrap dl {
		display: flex;
		padding-bottom: 0px;
	}
	.dl_wrap dl dt {
		width: 100px;
	}
}

/* font >> */
.prof :where(dt, dd, p, a) {
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
.prof dt {
	--fmax:13.14;
	--fmin:12.80;
}
.prof dd {
	--fmax:14.14;
	--fmin:13.50;
	margin: var(--spacing-md) 0 var(--spacing-lg);
}
/* << font */

.prof {
	display: flex;
	flex-direction: column;
}
.prof ul {
	list-style: none;
	padding-left: 0;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [dl] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [info] >> */
/* __________________________________________________________________ */

.co_mark_info {
	list-style: none;
	padding-left: calc(var(--spacing-2xl) * 2);
	padding-left: 0;
}
.co_mark_info:not(ul) {
	display: flex;
	gap: var(--spacing-sm);
	align-items: center;
}
.co_mark_info > li {
	display: flex;
	gap: var(--spacing-sm);
	align-items: center;
}
.co_mark_info:not(ul)::before,
.co_mark_info > li::before {
	content: "";
	background-color: var(--c1);
	width: calc(var(--spacing-xl) * 1.5);
	height: var(--spacing-md-trim);
	flex-shrink: 0;
}
.col_jr {--c1: #666666;}
.col_subway {--c1: #8dc21f}
.col_hanshin {--c1: #f29600}
.col_kintetsu {--c1: #e95513}
.col_red {--c1: #e73828}
.col_green {--c1: #0dac67}
.col_lightblue {--c1: #2c7ae0}

/*
.access_unit {
	margin-block: var(--spacing-lg) var(--spacing-xl);
}
.access_unit li {
	overflow: clip;
}
.access_unit :where(.co_m_line.co_mark > li)::after {
	content: "";
	display: inline-block;
	width: 1em;
	background-color: var(--c1);
	margin-left: calc(var(--m-gap) - var(--m-lw));
	top: calc(var(--leading-trim) * -1);
	bottom: calc(var(--leading-trim) * -1);
	position: absolute;
	border-image-source: linear-gradient(var(--c1),var(--c1));
	border-image-slice: 0 fill;
	border-image-outset: 0 50vw 0 0;
}
*/

#contact .info_tel {
	display: block;
	margin-block: var(--spacing-xl) var(--spacing-3xl);
	margin-inline: auto;
	max-width: 600px;
	border-bottom: 2px solid var(--col-key);
	padding-bottom: var(--spacing-xs);
}

#contact .info_tel img {
	width: 100%;
}

#contact td {
	text-align: right;
}

#contact :where(tr,th,td) {
	padding-bottom: 0;
}

#recruit .co_center {
	gap: var(--spacing-md);
	padding-block: var(--spacing-2xl);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [info] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [.cal] >> */
/* __________________________________________________________________ */

#calendar {
	letter-spacing: 0;
}

/* !カレンダー */

.cal th,
.cal td {
	width: 14%;
	padding: 4px 0;
	text-align: center;
	font-size: 14px;
}

.cal th.calWeek,
.cal td.calWeek,
.cal td.calSun,
.cal td.calSat {
	background-color: var(--col-white);
	color: var(--col-txt);
}

.cal td.hday,
.cal td.postday {
	background-color: var(--col-white);
	color: var(--col-dark-gray);
	opacity: .91;
}

.cal td.postday {
	text-decoration: line-through;
}
.cal td.postday span {
	opacity: .6;
}

.cal td.calnone {
	background-color: var(--col-white);
}

.cal td.caltoday {
	background-color: #e11919 !important;
}

.cal td.caltoday,
.cal td.caltoday span {
	color: var(--col-white) !important;
}

.cal td span {
	font-size: 12px;
}

/* ------------------------------ */

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [.cal] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* X [step_list] >> */
/* __________________________________________________________________ */

/* .step_list {
	padding-top: 0;
} */

.price_step {
	margin-block: var(--spacing-3xl);
}

ol.price_step > li {
	padding: 0;
	border: 0 none;
}
ol.price_step > li::before {
	content: none;
}
ol.price_step > li::after {
	background-color: var(--col-black);
	clip-path: polygon(0% 40%, 0% 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%, 60% 0%, 40% 0%, 40% 40%);/* + */
	clip-path: polygon(0% 45%, 0% 55%, 45% 55%, 45% 100%, 55% 100%, 55% 55%, 100% 55%, 100% 45%, 55% 45%, 55% 0%, 45% 0%, 45% 45%);/* + */
}
.price_step a {
	height: 100%;
	display: grid;
	place-content: center;
	border-radius: var(--radius-m);
	position: relative;
	padding: var(--spacing-md) calc(var(--spacing-md) + var(--size));
}
.price_step a::after {
	rotate: 90deg;
	position: absolute;
	right: var(--spacing-md);
	top: 50%;
	translate: 0 -50%;
}

.price_innerbox > div > h4 {
	border-radius: calc(var(--radius-m) / 4);
	display: grid;
	grid-template-columns: auto 1fr;
	padding: var(--spacing-sm) calc(var(--spacing-md) + .6em);
}

.price_innerbox > div > h4::before {
	content: "";
	width: var(--spacing-md);
	height: var(--spacing-md);
	border-radius: var(--radius-o);
	background-color: var(--col-white);
	align-self: center;
	margin-inline: var(--spacing-xs);
}

.price_option {
	border: 1px dashed var(--col-dark-gray);
	margin-top: var(--spacing-md);
	padding-inline: var(--spacing-md);
}

.price_option strong {
	display: block;
	position: relative;
	padding: var(--spacing-md) var(--spacing-sm) var(--spacing-md);
	color: inherit;
	--w: var(--spacing-lg);
	text-align: center;
}
.price_option strong::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	translate: -50% 48%;
	width: var(--w);
	height: var(--w);
	background-color: var(--col-black);
	clip-path: polygon(0% 40%, 0% 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%, 60% 0%, 40% 0%, 40% 40%);/* + */
}

.nt_price + .co_box.style_dashed {
	margin-top: var(--spacing-md);
	padding: var(--spacing-sm);
}


.price_innerbox .co_box > :where(.nt_price, p) {
	width: fit-content;
	margin-inline: auto;
}
.price_option > div {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: var(--spacing-xl);
	line-height: 1.2;
	padding-bottom: var(--spacing-md);
}
@media (max-width: 479px ) {
	.price_option > div {
		flex-direction: column;
		gap: 0;
		align-items: center;
	}
}


.co_plus.style_blue {
	display: grid;
	place-content: center;
	--w: var(--spacing-xl);
	height: var(--w);
	margin-block: var(--spacing-lg) calc(var(--spacing-md) * -1 );
}
.co_plus.style_blue::before {
	content: "";
	width: var(--w);
	height: var(--w);
	background-color: var(--col-blue);
	clip-path: polygon(0% 40%, 0% 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%, 60% 0%, 40% 0%, 40% 40%);/* + */
}


.price_innerbox header {
	padding-block: var(--spacing-md);
	text-align: center;
}


.step_list .co_box.style_dashed p {
	margin: 0 0 .5em;
}
.step_list header > .small {
	display: block;
}




/* font >> */
.step_list :where(h4, h5, p:not(.small), .price_option strong, .nt_price, .nt_price > span:not(.small)) {
	font-family: var(--font-p),var(--font-family-base) ;
	font-weight: var(--font-p-weight, var(--font-base-weight, 350));
	font-size: calc((1vw * ( var(--fmax) - var(--fmin) ) / (var(--fwmax) - var(--fwmin)) * 100) + (((var(--fwmax) / 100 * var(--fmin)) - (var(--fwmin) / 100 * var(--fmax))) / (var(--fwmax) - var(--fwmin)) * 100 * 1px));
}
.step_list h4 {
	--fmax:19.26;
	--fmin:17.52;
}
.step_list h5 {
	--fmax:15.93;
	--fmin:14.96;
	font-weight: 600;
}
.price_option strong {
	--fmax:15.93;
	--fmin:14.96;
}
.step_list p:not(.small) {
	--fmax: 13.5;
	--fmin: 12;
}
.nt_price {
	--fmax:12.80;
	--fmin:10.80;
}
.nt_price > span:not(.small) {
	--fmax:23.31;
	--fmin:20.56;
}
/* << font */

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << X [step_list] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [xx_price] >> step_list*/
/* __________________________________________________________________ */

.xx_price_innerbox {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2xl);
}


.xx_icon {
	border-radius: calc(var(--radius-m) / 4);
	display: inline-grid;
	padding: var(--spacing-xs);
	font-size: 1.2rem;
	flex-shrink: 0;
	font-weight: 600;
}
:where(h5) .xx_icon {
	font-size: .8rem;
}
.xx_price_step a,
.xx_price_innerbox h3 {
	display: flex;
	gap: var(--spacing-sm);
	text-decoration: none;
	color: inherit;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
}
.xx_price_step > li {
	border-radius: calc(var(--radius-m) / 3);
	border-color: var(--col-dark-gray);
	--col-key: var(--col-dark-gray);
	background-color: var(--col-f);
}

.xx_price_innerbox .step_list {
	padding: 0;
	list-style: none;
	background-color: unset;
}
.xx_price_innerbox .step_list > li {
	border: 1px solid var(--bg, var(--col-black));
	background-color: var(--col-f);
	border-radius: calc(var(--radius-m) / 3);
	padding: var(--spacing-md);
	display: flex;
	justify-content: space-between;
	line-height: 1.1;
	align-items: end;
}
@media (max-width: 479px ) {
	.xx_price_innerbox .step_list > li {
		align-items: start;
		flex-direction: column;
		gap: var(--spacing-md);
	}
}
.xx_price_innerbox .step_list p {
	margin: 0;
}
.xx_price_innerbox .step_list .nt_price {
	text-align: right;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [xx_price] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [#index] >> */
/* __________________________________________________________________ */

.bg_hi {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.hi_txt {
	margin-inline: auto;
}
.hi_txt,
.index .co_site_header > .inner {
	position: relative;
	z-index: 1;
}
.index #main {
	flex-direction: column;
	display: flex;
}
.index #main > :first-child,
#news {
	order: -1;
}

.index .co_site_header {
	min-height: min(45vw, 80vh);
}
/* @media (max-width: 959px) {
	.index .co_site_header {
		border-bottom: 10px solid var(--col-dark-green);
	}
} */
@media (max-width: 639px) {
	.index .co_site_header {
		min-height: 80vh;
	}
}

#news header {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#news .bt {
	align-self: flex-end;
	translate: 0 -.3em;
}
p > .bt,
#news .bt {
	font-size: .8rem;
	min-height: auto;
	line-height: 1.1;
	min-width: unset !important;
	display: inline-block;
	vertical-align: text-bottom;
}
#news .co_blank {
	background-image: url(../img/ci/logo_w.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 180px auto;
}
#news .list {
	flex-direction: column;
	display: flex;
	gap: var(--spacing-md);
	margin-top: var(--spacing-xl);
}
#news ul a {
	display: flex;
	gap: var(--spacing-md);
}
@media (max-width: 755px) {
	#news ul a {
		flex-wrap: wrap;
	}
}
#news time {
	display: grid;
	place-content: center;
	font-size: .8em;
	background-color: var(--col-dark-green);
	color: var(--col-white);
	border-image-source: linear-gradient(var(--col-dark-green),var(--col-dark-green));
	border-image-slice: 0 fill;
	border-image-outset: 0 0 0 100vw;
	padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 0;
	flex-shrink: 0;
	align-self: center;
}

#bt1,
.bt_sec {
	--img: url(../img/pages/index/bt_index_01.jpg);
}
#bt2 {
	--img: url(../img/pages/index/bt_index_02.jpg);
}
.bt_sec {
	background-image: var(--img);
	background-position: center;
	background-size: cover;
}
.bt_sec a {
	text-decoration: none;
	color: inherit;
}
.bt_sec a::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.bt_sec .h_ej_l .en {
	color: inherit;
}

.parking {
	padding-left: 18.367%;
}
@media (max-width: 639px) {
	.parking {
		padding-left: 0;
	}
}

address.co_box {
	display: flex;
	align-items: center;
}
address.co_box > :first-child {
	font-size: 1.9em;
}
address.co_box > :first-child,
address.co_box > :last-child {
	white-space: nowrap;
}
@media (max-width: 959px ) {
	address.co_box {
		flex-wrap: wrap;
		gap: var(--spacing-md);
		padding: var(--spacing-lg);
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [#index] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [bit] >> */
/* __________________________________________________________________ */

.credit {
	height: 2em;
	width: auto;
	display: block;
}


.nt_nav_unit {
	--gap2: var(--spacing-3xl);
}
.nt_nav_unit > a {
	text-decoration: none;
	color: inherit;
	display: grid;
	gap: var(--spacing-md);
}


.bg_lead > .inner > p {
	max-width: 756px;
	margin-inline: auto;
	width: fit-content;
}

.co_profile > .cls {
	display: block;
}
.co_img + .co_profile {
	margin-top: var(--spacing-md);
}
.co_profile + .style_line {
	margin-top: 0;
}
.style_line tbody tr:first-child:last-child,
.style_line tbody tr:first-child:last-child :where(th, td) {
	border-bottom: 0 none;
}


:where(.bt.style_large) {
	grid-template-columns: 1fr 1fr auto auto;
}
:where(.bt.style_large div) {
	font-size: 1.7em;
	line-height: 2;
}
:where(.bt.style_large img) {
	translate: 0 .25em;
}
:where(.bt.style_large .small) {
	translate: 0 .35em;
}
@media (max-width: 479px ) {
	:where(.bt.style_large img) {
		translate: 0;
		height: 1.5em;
	}
	:where(.bt.style_large div) {
		font-size: 1em;
	}
}


/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [bit] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [test-state] >> */
/* __________________________________________________________________ */



.l-order{order:-1}.l-n{display:none!important}.l-b{display:block!important}.l-i{display:inline!important}.l-g{display:grid!important}.l-f{display:flex!important}
@media (max-width: 959px ){.d-order{order:-1}.d-n{display:none!important}.d-b{display:block!important}.d-i{display:inline!important}.d-g{display:grid!important}.d-f{display:flex!important}.d-mt-00{margin-top:0}.d-mt-at{margin-top:auto}.d-mt-xs{margin-top:var(--spacing-xs)}.d-mt-sm{margin-top:var(--spacing-sm)}.d-mt-md{margin-top:var(--spacing-md)}.d-mt-lg{margin-top:var(--spacing-lg)}.d-mt-xl{margin-top:var(--spacing-xl)}.d-mt-2xl{margin-top:var(--spacing-2xl)}.d-mt-3xl{margin-top:var(--spacing-3xl)}.d-mt-4xl{margin-top:calc(var(--spacing-2xl) * 2)}.d-mt-6xl{margin-top:calc(var(--spacing-3xl) * 2)}}
@media (max-width: 755px ){.t-order{order:-1}.t-n{display:none!important}.t-b{display:block!important}.t-i{display:inline!important}.t-g{display:grid!important}.t-f{display:flex!important}.t-mt-00{margin-top:0}.t-mt-at{margin-top:auto}.t-mt-xs{margin-top:var(--spacing-xs)}.t-mt-sm{margin-top:var(--spacing-sm)}.t-mt-md{margin-top:var(--spacing-md)}.t-mt-lg{margin-top:var(--spacing-lg)}.t-mt-xl{margin-top:var(--spacing-xl)}.t-mt-2xl{margin-top:var(--spacing-2xl)}.t-mt-3xl{margin-top:var(--spacing-3xl)}.t-mt-4xl{margin-top:calc(var(--spacing-2xl) * 2)}.t-mt-6xl{margin-top:calc(var(--spacing-3xl) * 2)}}
@media (max-width: 639px ){.s-order{order:-1}.s-n{display:none!important}.s-b{display:block!important}.s-i{display:inline!important}.s-g{display:grid!important}.s-f{display:flex!important}.s-mt-00{margin-top:0}.s-mt-at{margin-top:auto}.s-mt-xs{margin-top:var(--spacing-xs)}.s-mt-sm{margin-top:var(--spacing-sm)}.s-mt-md{margin-top:var(--spacing-md)}.s-mt-lg{margin-top:var(--spacing-lg)}.s-mt-xl{margin-top:var(--spacing-xl)}.s-mt-2xl{margin-top:var(--spacing-2xl)}.s-mt-3xl{margin-top:var(--spacing-3xl)}.s-mt-4xl{margin-top:calc(var(--spacing-2xl) * 2)}.s-mt-6xl{margin-top:calc(var(--spacing-3xl) * 2)}}
@media (max-width: 479px ){.xs-order{order:-1}.xs-n{display:none!important}.xs-b{display:block!important}.xs-i{display:inline!important}.xs-g{display:grid!important}.xs-f{display:flex!important}.xs-mt-00{margin-top:0}.xs-mt-at{margin-top:auto}.xs-mt-xs{margin-top:var(--spacing-xs)}.xs-mt-sm{margin-top:var(--spacing-sm)}.xs-mt-md{margin-top:var(--spacing-md)}.xs-mt-lg{margin-top:var(--spacing-lg)}.xs-mt-xl{margin-top:var(--spacing-xl)}.xs-mt-2xl{margin-top:var(--spacing-2xl)}.xs-mt-3xl{margin-top:var(--spacing-3xl)}.xs-mt-4xl{margin-top:calc(var(--spacing-2xl) * 2)}.xs-mt-6xl{margin-top:calc(var(--spacing-3xl) * 2)}}


.nav_home img {
	width: 1.4em;;
	max-width: none;
}





.bread_wrap {
	max-width: min(var(--max-width),100vw);
	margin-inline: auto;
	position: relative;
}
.bread {
	position: absolute;
	right: calc(var(--wrap-inpad) / 2);
	top: 0;
	z-index: 1;
	padding: 0;
	list-style: none;
	gap: var(--spacing-xs);
	justify-content: end;
	font-size: .8em;
	opacity: .8;
}
	.bread>li:not(:first-child) {
		/**/
		display: flex;
		gap: var(--spacing-xs);
	}
	.bread>li:not(:first-child)::before {
		content: ">";
	}
	.bread a {
		text-decoration: none;
	}
.bread_wrap:has(+ .bg_dark_gray) {
	color: var(--col-f);
}
.bread_wrap:has(+ .bg_dark_gray) a:visited {
	color: var(--col-green);
}
@media (max-width:639px){
	.bread>li:last-child>* {
		display: none;
	}
	.bread > li:last-child::after {
		content: "[このページ]";
		opacity: .5;
		font-size: .7em;
		align-self: center;
	}
}






/*
#main {}
*/
:where(main > :where(section,nav).sec:not(.width_full)) {
	padding-block: var(--spacing-2xl);
	--gap-base: var(--spacing-3xl);
}
:where(main > nav.sec) {
	display: grid;
	justify-content: center;
}
:where(section.sec.bg_white:not(.width_full):last-of-type) {
	/* padding-bottom: calc(var(--spacing-3xl) * 2); */								
}
/* :where(section.sec:not(.width_full)>.inner) {
	margin-block: var(--spacing-2xl);
} */
:where(.inner.co_contents, .co_inpad) {
	padding-block: var(--spacing-xl) var(--spacing-2xl);
}
/* :where(.co_contents) > :where(:where(div, figure, iframe, table) + :where(div, figure, iframe, table)) {
	margin-block: var(--spacing-2xl) 0;
} */



:where(.co_div.sgap) {
	--gap: var(--spacing-xl);
}

:where(main > nav.sec > .co_nav li) {
	flex-grow: 1;		/**/				
}


.contents_span .co_contents {
	flex-direction: column;
	display: flex;
	gap: var(--spacing-2xl);
}
.contents_span .co_contents.style_s {
	gap: var(--spacing-md);
}
.contents_span .co_contents.style_m,
.contents_span .co_contents .co_contents {
	gap: var(--spacing-lg);
}
.contents_span .co_contents.style_l {
	gap: var(--spacing-3xl);
}



/* img[src$="svg"] {
	max-width: none;
} */



.nav_faq {
	display: none !important;
}




/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [test-state] */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* [test-state] >> */
/* __________________________________________________________________ */


/* memo */
/*
@media (max-width:1279px)
@media (max-width: 959px)
@media (max-width: 755px)
@media (max-width: 639px)
@media (max-width: 479px)
*/


.co_unit {
	--u-formula: calc((1vw * ( var(--u-max) - var(--u-min) ) / (var(--u-wmax) - var(--u-wmin)) * 100) + (((var(--u-wmax) / 100 * var(--u-min)) - (var(--u-wmin) / 100 * var(--u-max))) / (var(--u-wmax) - var(--u-wmin)) * 100 / 16 * 1rem));
	--u-wmax: var(--fwmax, 1280);
	--u-wmin: var(--fwmin, 360);
	--u-max: 15;
	--u-min: 5;
}/*
@media (min-width:1280px){.co_unit {--u-formula:calc(var(--u-max) * 1px)}}
@media (max-width: 360px){.co_unit {--u-formula:calc(var(--u-min) * 1px)}}
.co_unit.co_test {
	--u-max: 3;
	--u-min: 2;
	width: calc(var(--u-formula) * 10);
}
*/


/*
	margin-left: -.125em;<< フォントサイズを大きくした場合、文字ボディのマージンを打ち消す処理をする必要があるかも
	letter-spacing: -40vw;transition: all 1800ms cubic-bezier(0.6, 0.02, 0, 2.19);<< アクション案
*/


/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << [test-state] */
/* __________________________________________________________________ */