@charset "UTF-8";
/* 

	Styles 2023/09/08 - 
______________________________________________________________________________ */


:root {
	--inpad: 1rem;
	--space: calc(var(--inpad) * 3);
	--wrap-inpad: min(var(--space),7vw);
	--wrap-max-width: 1280px;
	--gap: var(--wrap-inpad);
	--header-offset: 0;

	--font: 16px;
	--font-sp: 14px;
	--font-hx: fot-udkakugo-large-pr6n;
	--font-p: fot-udkakugo-large-pr6n;
	--font-en: din-1451-lt-pro-engschrift;

	--transition: all .2s ease .05s;
	--a-in: 150ms;
	--a-out: 350ms;
	--act-que: cubic-bezier(.4,.4,0,1);

	--bg-color: #fefefe;
	--bg-color-gray: #ddd;
	--bg-color-black: #777780;
	--bg-color-white: rgba(255,255,255,.65);
	--key-color: #B38936;
	--act-color: #D92616;
	--text-color: #343434;
	--text-selection-color: rgba(20,20,20,.3);

	--grad-start: #805E1A;
	--grad-end: #E6C78A;
	--grad: linear-gradient(100deg,var(--grad-start,#805E1A),var(--grad-end,#E6C78A));

	--round-out: calc(var(--inpad) * 1.5);
	--round-in: calc(var(--inpad) / 1.5);
}
:target{scroll-margin-top:var(--header-offset)}body{font-weight:300;font-family:var(--font-p),-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,"Hiragino Sans","Noto Sans CJK JP","Yu Gothic",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
html,body{margin:0;padding:0;color:var(--text-color);background:var(--bg-color) no-repeat center top}
html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	text-rendering:optimizeLegibility;
	box-sizing:border-box;
	cursor:default;
	line-height:1.5;
	-moz-tab-size:4;
	tab-size:4;
	-webkit-tap-highlight-color:transparent;
	overflow-wrap:anywhere;
	line-break:strict;
	scroll-behavior:smooth;
	font-size:var(--font)
}@media (max-width:480px){:root{--font:var(--font-sp)}}
body {
	font-size: 100%;
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	padding-top: var(--header-offset);
}body>*{max-width:100vw;overflow-x:clip}::selection{ background-color:var(--text-selection-color)}
*,*::before,*::after{box-sizing:inherit}*::before,*::after{text-decoration:inherit;vertical-align:inherit}
:where(main,article,aside,figure,figcaption,footer,header,section){display:block}
:where(h1,h2,h3,h4){line-height:1.2}:where(h1,h2,h3,h4,h5,h6,nav,header,footer,nav,.header,.footer,.nav,.menu) a{display:flow-root;text-decoration:none;color:inherit;transition:var(--transition)}:where(nav,header,footer,nav,.header,.footer,.nav,.menu) :where(a,img){display:block;max-width: 100%}
:where(p,dd){line-height:1.8;margin:0 0 1.5rem 0}:where(dl){margin-block:2.5rem}:where(dl:first-child){margin-top:0}:where(dd){margin: 0 0 2rem}:where(em){font-style:normal;font-weight:bold}:where(address){font-style:normal}:where(small,.small){font-size:.75em;line-height:1.4}
nav :where(ol,ul),:where(.nav,.list){list-style:none;margin:0;padding:0}:where(img,svg,iframe){backface-visibility:hidden;border:none;height:auto;max-width:100%}:focus{outline:0}a[target="_blank"]{cursor:alias!important}
:where(table){border-collapse:collapse;border-spacing:0;margin:2em auto}:where(th,td,tr){padding:1em;border:1px solid #ddd}
hr{height:0}pre{font-family:monospace,monospace;font-size:1em}:where(b,strong){font-weight:bolder}audio,canvas,iframe,img,svg,video{vertical-align:middle}:where(iframe,video){aspect-ratio:16/9}
template,[hidden]{display:none}a,button,input,label,select,textarea,[tabindex]{touch-action:manipulation}:where(figcaption){margin:.3rem 0 .5rem}
:where(input[type="text"],input[type="number"],select,textarea){font-size:17px}:where(button,input,select,figure){margin:0}:where(textarea){margin:0;resize:vertical}
:where(a:link){color:var(--key-color)}
:where(a:visited){color:var(--key-color)}
:where(a:hover){color:var(--act-color)}
:where(a){text-decoration-style:dotted;text-underline-offset:.3ex}

.hide{display:none!important}.map{min-height:300px;max-height:95vh;background-color:#eee}.caution{color:var(--act-color)}.annotation{opacity:.3;font-size:.85em}
main,article,section,aside,.wrap,.sec{position:relative;display:flow-root}
:where(.width_narrow,.w756){--wrap-max-width:756px}
:where(.width_normal,.w960){--wrap-max-width:960px}
:where(.width_wide, .w1280){--wrap-max-width:1280px}
:where(.w1920){--wrap-max-width:1920px}
:where(.w2560){--wrap-max-width:2560px}
@media (max-width:959px){:where(.width_narrow>.inner){max-width:85vw}}
:where(.sec,.wrap) {
	width: 100%;
	--outer-lr: max(0, calc((100% - var(--wrap-max-width, 0px)) / 2));
}
:where(section.sec:not(.width_full)) {
	padding-block: var(--space);
}
:where(.sec,.wrap)>.inner {
	max-width: var(--wrap-max-width, auto);
	margin-inline: auto;
}
:where(.sec:not(.width_full))>.inner {
	padding-inline: var(--wrap-inpad);
}
	.ck_erase_inpad {
		margin-inline: calc(var(--wrap-inpad) * -1);
	}
	:where(.inner > .ck_center),
	.ck_half_inpad {
		margin-inline: calc(var(--wrap-inpad) / -2);
	}



/*
h2{font-size:2.25rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.313rem}
h6,dt{font-size:1.125rem}
*/
:where(h2,h3,h4,h5,h6){margin-block:0}
:where(.ck_contents) :where(h2,h3,h4,h5,h6) {
	margin-block: 1.25em;
}
.ck_label:where(h2,h3,h4,h5,h6):not(:first-child) {
	margin-top: 2.5em;
}
b,strong,em{
	color: #222;
}
.ck_small {
	font-size: .85em;
}



/*
--font-hx:	UD角ゴ_ラージ Pr6N	fot-udkakugo-large-pr6n		300/400/600
--font-p:	UD角ゴ_ラージ Pr6N	fot-udkakugo-large-pr6n		300/400/600
--font-en:	DIN 1451 Pro R		din-1451-lt-pro-engschrift	400
*/
.font_hx,:where(h1,h2,h3,h4,h5,h6,.bt) {
	font-family: var(--font-hx),sans-serif;
	font-weight: 600;
}:where(h1,h2,h3,h4,h5,h6)>.ck_small{font-weight:400;line-height: 1.2}
:where(h3,h4,h5,h6,dt) {
	font-weight: 600;
}:where(h3,h4,h5,h6)>.ck_small{font-weight:400}
.font_p,:where(p,table,address,.ck_list,.ck_articles) {
	font-family: var(--font-p),serif;
	font-weight: 400;
}
.font_en,:where(.copyright) {
	font-family: var(--font-en),sans-serif;
	font-weight: 400;
}



.h_style_red,
:where(.ck_contents) h2:not(.hx) {
	color: var(--act-color);
	font-size: 1.25rem;
}
.h_style_dot,
:where(.ck_contents) h3 {
	display: flex;
	gap: .2em;
}
	.h_style_dot::before,
	:where(.ck_contents) h3::before {
		content: "● ";
		font-size: 1.1em;
		color: var(--key-color);
	}
.h_style_mat,
.h_style_mat_ej .ck_jp,
:where(.ck_contents) h4 {
	color: var(--bg-color);
	background-color: var(--key-color);
	width: fit-content;
	padding: 0 .2em .15em;
}
.h_style_mat_ej .ck_en {
	line-height: 1;
	color: var(--key-color);
	margin-bottom: -.25em;
	font-size: 1.3em;
}
.h_style_mat_ej .ck_jp {
	width: 100%;
	text-align: center;
}


.t_style_bar,
.t_style_bar_red,
.t_style_bar_black,
.t_style_bar_white,
.ck_contents :where(em,strong) {
	color: var(--bg-color);
	font-weight: 400;
	padding-inline: .2em;
	--co-act-height: 1.3em;
}
.t_style_bar,
:where(.ck_contents) em {
	--marker-color: var(--key-color);
}
.t_style_bar_red,
:where(.ck_contents) strong {
	--marker-color: var(--act-color);
	--co-act-duration-1: 500ms;
}
.t_style_bar_black {
	--marker-color: var(--text-color);
}
.t_style_bar_white {
	color: var(--text-color);
	--marker-color: var(--bg-color);
}



.ck_contents > .bt,
:where(.ck_contents) > :where(div, iframe),
:where(.ck_contents) :where(p, ul, ol, dl, table, address) {
	margin-top: var(--space);
}
:where(.ck_contents > .hx),
:where(.ck_contents) > :where(h2, h3, h4),
:where(.ck_contents + .ck_contents) {
	margin-top: calc(var(--space) * 2);
}
:where(.ck_contents > .hx) + :where(.hx, h2),
:where(.ck_contents) :where(.hx, h2, h3, h4) + :where(p, ul, ol, dl, table, address),
:where(.ck_contents) :where(p+p, ul+ul, ol+ol, dl+dl, table+table, address+address) {
	margin-top: calc(var(--space) / 2);
}
:where(.ck_contents) :first-child {
	margin-top: 0;
}
:where(.ck_contents) :last-child {
	margin-bottom: 0;
}



:where(.ck_contents) :where(ul, ol):not(.ck_div) {
	padding-left: 1.5rem;
}
	:where(.ck_contents ul:not(.ck_div)) > li::marker {
		content: "● ";
		font-size: 1.1em;
		color: var(--key-color);
	}


:where(.ck_contents) dl{display: flow-root}
:where(.ck_contents) dt{float: left}
:where(.ck_contents) dd{margin-left: 6rem}



.ck_center {
	display: grid;
	place-content: center;
}
	:where(.inner > .ck_center) {
		margin-inline: calc(var(--wrap-inpad) / -2);
	}
.ck_fit {
	width: fit-content;
	margin-inline: auto;
}
.ck_hr {
	width: 100%;
	opacity: .2;
	margin-block: calc(var(--space) * 2);
}
	.ck_articles + .ck_hr {
		margin-top: calc(var(--space) * 4);
	}
.ck_br {
	display: inline-block;
}



.txt_center,
.ck_label:where(h2,h3,h4,h5,h6) {
	text-align: center;
}
	.ck_label:where(h2,h3,h4,h5,h6)>span {
		display: flex;
		place-content: center;
		margin-block: calc(var(--inpad) / 2);
		font-size: .6em;
		color: var(--key-color);
	}
:not(li,a)>.ck_label:where(h2,h3,h4,h5,h6) {
	margin-inline: calc(var(--wrap-inpad) / -2);
}



.bg_dots {
	background-color: var(--bg-color);
	background-image: url(../img/common/dots.svg);
}
.bg_white {
	background-color: var(--bg-color);
}
.bg_gray {
	background-color: var(--bg-color-gray);
}
:where(thead th),
.bg_black {
	color: var(--bg-color);
	background-color: var(--bg-color-black);
}



.bt {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
	color: var(--text-color);
	background-color: var(--bg-color);
	padding: .7em 3em;
	border-radius: 777px;
	position: relative;
	margin-block: 1.5rem;
	transition: var(--transition);
	text-decoration:none;
	--round: var(--round-in);
	box-shadow: 0 calc(var(--round-in) * .5) 0 -.05em var(--shadow-color,rgba(0,0,0,.2));
	background-color: rgba(255,255,255,.8);
	background-image: url(../img/common/arrow_r2.svg);
	background-repeat: no-repeat;
	background-size: auto 1.8em;
	background-position: calc(100% - 1.2em);
}
/*
	.bt::after {
		content: "";
		background-image: url(../img/common/arrow_w.svg);
		background-repeat: no-repeat;
		height: 1em;
		display: block;
		background-size: auto 1em;
		background-position: center;
		aspect-ratio: 1/2;
		position: absolute;
		right: 1.5em;
		top: 50%;
		translate: 0 -50%;
	}
*/
	.bt > * {
		font-size: .7em;
		display: block;
	}
.bt:hover,
a:hover .bt {
	/*opacity: .7;
	scale: 1.05;*/
	box-shadow: 0 calc((var(--round-in) * .5) + .5em) 5px -.45em var(--shadow-color,rgba(0,0,0,.15));
	translate: 0 -.3em;
	background-size: auto 2.4em;
	background-position: calc(100% - .8em);
}
.bt.action {
	color: var(--bg-color);
	background-color: var(--act-color);
	background-image: url(../img/common/arrow_rx.svg);
}



.ck_nav {
	font-family: var(--font-en),sans-serif;
	font-size: .9em;
	font-weight: 400;
}
.ck_nav > ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--inpad);
}
	.ck_nav li > a:hover {
		color: var(--bg-color);
		background-color: var(--key-color);
	}
	.ck_nav li > * {
		display: flex;
		place-content: center;
		place-items: center;
		padding: .8em .5em .5em;
		line-height: 1;
		width: 2.5em;
		border-radius: .4em;
		transition: var(--transition);
	}
	.ck_nav li > a {
		background-color: var(--bg-color-gray);
	}
	.ck_nav li > .current {
		color: var(--bg-color);
		background-color: var(--key-color);
	}
	.ck_nav li > .dots {
		padding-inline: 0;
		width: auto;
	}
	.ck_nav li > .current:hover {
		opacity: .6;
	}

/* dg */
.ck_nav {
	--key-color: var(--act-color);
	--bg-color-gray: var(--bg-color);
	color: var(--key-color);
}
	.ck_nav > ul {
		margin-inline: auto;
		width: max-content;
		max-width: 100%;
	}
	.ck_nav li > *:not(.dots) {
		border: 1px solid var(--key-color);
	}
	.ck_nav li > .dots {
		color: var(--key-color);
		translate: 0 -.2em;
	}
.ck_nav li > a:where(.prev,.next) {
	background-color: var(--key-color);
	color: var(--bg-color);
}
.ck_nav li > a:where(.prev,.next) {
	font-size: 2.2em;
	padding: 0;
	width: 1em;
	border-radius: 777px;
	aspect-ratio: 1/1;
}


/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* .co_act >> */
/* __________________________________________________________________ */

:root {
	--co-act-delay: 50ms;
	--co-act-trY: 3rem;
	--co-act-trX: 100vw;
	--co-act-preVisibility: hidden;

	/* via: https://easings.net/ja , https://codepen.io/edankwan/pen/OPewzj */
	--co-easeInSine :cubic-bezier(.12,0,.39,0);   --co-easeOutSine :cubic-bezier(.61,1,.88,1);   --co-easeInOutSine :cubic-bezier(.37,0,.63,1);
	--co-easeInQuad :cubic-bezier(.11,0,.5,0);    --co-easeOutQuad :cubic-bezier(.5,1,.89,1);    --co-easeInOutQuad :cubic-bezier(.45,0,.55,1);
	--co-easeInCubic:cubic-bezier(.32,0,.67,0);   --co-easeOutCubic:cubic-bezier(.33,1,.68,1);   --co-easeInOutCubic:cubic-bezier(.65,0,.35,1);
	--co-easeInQuart:cubic-bezier(.5,0,.75,0);    --co-easeOutQuart:cubic-bezier(.25,1,.5,1);    --co-easeInOutQuart:cubic-bezier(.76,0,.24,1);
	--co-easeInQuint:cubic-bezier(.64,0,.78,0);   --co-easeOutQuint:cubic-bezier(.22,1,.36,1);   --co-easeInOutQuint:cubic-bezier(.83,0,.17,1);
	--co-easeInExpo :cubic-bezier(.7,0,.84,0);    --co-easeOutExpo :cubic-bezier(.16,1,.3,1);    --co-easeInOutExpo :cubic-bezier(.87,0,.13,1);
	--co-easeInCirc :cubic-bezier(.55,0,1,.45);   --co-easeOutCirc :cubic-bezier(0,.55,.45,1);   --co-easeInOutCirc :cubic-bezier(.85,0,.15,1);
	--co-easeInBack :cubic-bezier(.36,0,.66,-.56);--co-easeOutBack :cubic-bezier(.34,1.56,.64,1);--co-easeInOutBack :cubic-bezier(.68,-.6,.32,1.6);
	/* Quad:二次,Cubic:三次,Quart:四次,Quint:五次,Expo:指数,Sine:三角関数,Circ:円形,Elastic:弾性 */
}
@keyframes co_pop {
	    0% {
		transform: translateY(var(--co-act-trY,100%));
	} 100% {
		transform: translateY(0);
	}
}
@keyframes co_fade_in {
	    0% {
		opacity: 0;
	} 100% {
		opacity: 1;
	}
}
@keyframes co_fade_in_half {
	    0% {
		opacity: .4;
	} 100% {
		opacity: 1;
	}
}
@keyframes co_fade_in_out {
	    0% {
		opacity: 0;
	} 50% {
		opacity: 1;
	} 100% {
		opacity: 0;
	}
}
@keyframes co_zoom {
	    0% {
		transform: scale(var(--co-act-sc,.8));
	} 100% {
		transform: scale(1);
	}
}
@keyframes co_flip_top_in {
	    0% {
		opacity: 0;
		transform: perspective(100vw) rotate3d(1, 0, 0, 360deg);
	} 50% {
		opacity: 1;
	} 100% {
		opacity: 1;
		transform: perspective(100vw) rotate3d(1, 0, 0, 0deg);
	}
}
@keyframes co_flip_bottom_in {
	    0% {
		opacity: 0;
		transform: perspective(100vw) rotate3d(1, 0, 0, 0deg);
	} 45% {
		opacity: 1;
	} 100% {
		opacity: 1;
		transform: perspective(100vw) rotate3d(1, 0, 0, 360deg);
	}
}
@keyframes co_clip_top_in {
	    0% {
		clip-path: inset(100% 0 0 0);
	} 100% {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes co_clip_bottom_in {
	    0% {
		clip-path: inset(0 0 100% 0);
	} 100% {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes co_clip_left_in {
	    0% {
		clip-path: inset(0 100% 0 0);
	} 100% {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes co_clip_right_in {
	    0% {
		clip-path: inset(0 0 0 100%);
	} 100% {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes co_clip_both_in {
	    0% {
		clip-path: inset(0 100% 0 100%);
	} 100% {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes fade_in_up {
	from {
		opacity: 0;
		transform: translate3d(0, var(--co-act-trY,100%), 0);
	} to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide_in_left {
	from {
		transform: translate3d(calc(-1 * var(--co-act-trX,100%)), 0, 0);
	} to {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide_in_right {
	from {
		transform: translate3d(var(--co-act-trX,100%), 0, 0);
	} to {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide_in_top {
	from {
		transform: translate3d(0, calc(-1 * var(--co-act-trY,100%)), 0);
	} to {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slide_in_bottom {
	from {
		transform: translate3d(0, var(--co-act-trY,100%), 0);
	} to {
		transform: translate3d(0, 0, 0);
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << .co_act */
/* __________________________________________________________________ */



/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* om >> */
/* __________________________________________________________________ */

.om-page,
.om-page > h1,
.om-page > address {
	background-color: var(--bg-color);
}
.om-page {
	display: flex;
	flex-direction: column;
}
	.om-page .site_title {
		position: relative;
		border-bottom: 1px solid;
	}
		.om-page .site_title :is(img, a) {
			display: block;
			margin-inline: auto;
		}
		.om-page .om-bt {
			position: absolute;
			right: var(--wrap-inpad);
			top: 50%;
			translate: 0 -50%;
		}
	.om-page > nav {
		opacity: 0;
		transition: var(--a-out) ease 450ms;
	}
	.om-page > :is(address, nav) {
		margin-top: auto;
		padding: calc(var(--wrap-inpad) * 2 / 3) var(--wrap-inpad) var(--wrap-inpad);
	}
		.om-page > address {
			font-size: 12px;
			border-top: 1px solid;
		}
		.om-page > address > a {
			font-size: 18px;
			font-weight: 600;
			margin-bottom: calc(var(--wrap-inpad) / 4);
		}
#om-off:checked ~ .header .om-bt-base > .om-bt {
	transition: var(--a-out) var(--act-que);
}
#om-off:not(:checked) ~ .header .om-bt-base > .om-bt {
	opacity: 0;
	transition: var(--a-in) ease;
}
.om-wrap > input[id$="-on"]:checked ~ .om > .om-page >.nav_links {
	opacity: 1;
}


/*=============================
.om-bt >> via.https://125naroom.com/web/2958
=============================*/
:root {
	--om-bt-lh: 2px;
	--om-bt-sp: 9px;
	--om-bt-cl: 52, 52, 52;
}
.om-bt {
	position: relative;
	width: calc(var(--om-bt-sp) * 3); /* 50 */
	height: calc((var(--om-bt-sp) * 2) + var(--om-bt-lh)); /* 20+4+20 */
	cursor: pointer;
	margin: 0 auto;
}
.om-bt span {
	position: absolute;
	left: 0;
	width: 100%;
	height: var(--om-bt-lh); /* 4 */
	background-color: rgb(130,130,130);/* #222 */
	background-color: rgb(var(--om-bt-cl));/* #222 */
	border-radius: var(--om-bt-lh); /* 4 */
}
.om-bt,
.om-bt span {
	display: block;
	transition: all .5s;
}
.om-bt span:nth-of-type(1) {
	top: 0;
}
.om-bt span:nth-of-type(2) {
	top: var(--om-bt-sp); /* 20 */
}
.om-bt span:nth-of-type(3) {
	bottom: 0;
}

.om-bt span:nth-of-type(1) {
	animation: om-l1 .5s forwards;
}
@keyframes om-l1 {
	  0%	{ transform: translateY(var(--om-bt-sp)) rotate(-45deg);	}
	100%	{ transform: translateY(0) rotate(0);	}
}
.om-bt span:nth-of-type(2) {
	animation: om-l2 .5s forwards;
}
@keyframes om-l2 {
	  0%	{ opacity: 0; }
	100%	{ opacity: 1; }
}
.om-bt span:nth-of-type(3) {
	animation: om-l3 .5s forwards;
}
@keyframes om-l3 {
	  0%	{ transform: translateY(calc(var(--om-bt-sp) * -1)) rotate(45deg);	}
	100%	{ transform: translateY(0) rotate(0);	}
}

.om-bt::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: '';
	width: calc(var(--om-bt-sp) * 1.5); /* 20*1.5 */
	height: calc(var(--om-bt-sp) * 1.5);
	margin: calc(var(--om-bt-sp) * -0.75) 0 0 calc(var(--om-bt-sp) * -0.75); /* 20*0.75 + 1px */
	border-radius: 50%;
	border: 1px solid rgba(130,130,130,.3);
	border-color: rgb(var(--om-bt-cl),.3);/* #222 */
	transition: all .1s;
	opacity: 0;
}
#om-off:not(:checked) ~ .om-bt-base > .om-bt::after,
#om-off:not(:checked) ~ * .om-bt-base > .om-bt::after {
	animation: circle .5s;
}
@keyframes circle {
	  0%	{ opacity: 0; transform: scale(.1);	}
	 50%	{ opacity: 1;				}
	100%	{ opacity: 0; transform: scale(3.5);	}
}

#om-off:not(:checked) ~ .om-bt-base > .om-bt span:nth-of-type(1),
#om-off:not(:checked) ~ * .om-bt-base > .om-bt span:nth-of-type(1) {
	animation: active-om-l1 .5s .5s forwards;
}
@keyframes active-om-l1 {
	  0%	{ transform: translateY(0)    rotate(0);	}
	100%	{ transform: translateY(var(--om-bt-sp)) rotate(-45deg);	}
}
#om-off:not(:checked) ~ .om-bt-base > .om-bt span:nth-of-type(2),
#om-off:not(:checked) ~ * .om-bt-base > .om-bt span:nth-of-type(2) {
	animation: active-om-l2 .5s .5s forwards;
}
@keyframes active-om-l2 {
	  0%	{ opacity: 1; }
	100%	{ opacity: 0; }
}
#om-off:not(:checked) ~ .om-bt-base > .om-bt span:nth-of-type(3),
#om-off:not(:checked) ~ * .om-bt-base > .om-bt span:nth-of-type(3) {
	animation: active-om-l3 .5s .5s forwards;
}
@keyframes active-om-l3 {
	  0%	{ transform: translateY(0)     rotate(0);	}
	100%	{ transform: translateY(calc(var(--om-bt-sp) * -1)) rotate(45deg);	}
}

/*=============================
<< .om-bt
=============================*/

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << om */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* frame >> */
/* __________________________________________________________________ */

body {
	background-color: var(--bg-color-gray);
}

.bg_fixed {
	display:none;
	position: fixed;
	top: 0;
	right:0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: 0;
}
	:where(.bg_fixed ~ *) {
		position: relative;
	}
@media (orientation: landscape) {.bg_fixed.pc {display:block}}
@media (orientation: portrait ) {.bg_fixed.sp {display:block}}

header.header {
	background-color: var(--bg-color);
}
header.header > .inner {
	display: flex;
	align-items: center;
	position: relative;
}
	.site_title {
		margin-block: 0;
		padding-bottom: calc(var(--wrap-inpad) / 2);
	}
		header.header .site_title {
			margin-inline: auto;
		}
		.site_title :is(img,a) {
			width: min(5rem,calc(3.5rem + 3vw));
		}
	.global,
	.icon_15th {
		position: absolute;
		display: flex;
	}
		.global {
			right: var(--wrap-inpad);
			gap: var(--inpad);
			align-items: center;
		}
		.icon_15th {
			left: var(--wrap-inpad);
			width: 4rem;
			top: 50%;
			translate: 0 -50%;
		}
.global > .inquiry {
		font-size: 13px;
	display: block;
	padding: .3em 2em;
	border-radius: 77777px;
	background-color: var(--act-color);
	color: var(--bg-color);
	font-weight: 500;
	background-image: url(../img/common/icon_mail.svg), url(../img/common/arrow_rx.svg);
	background-repeat: no-repeat;
	background-position-x: .7em, calc(100% - .5em);
	background-position-y: center;
	background-size: 1em auto;
	transition: var(--a-out) var(--act-que);
	transform-origin: -5em center;
}

	.global > .menu {
		display: flex;
		gap: calc(var(--wrap-inpad) / 2);
	}
@media (max-width:639px){
	.icon_15th {
		width: 3.5rem;
	}
	.global > .inquiry {
		padding: .3em 1.5em;
		border-radius: 7px;
		overflow: hidden;
		text-indent: -80vw;
		background-image: url(../img/common/icon_mail.svg);
		background-position-x: center;
		background-size: 1.8em auto;
	}
}
@media (min-width:639px){
	.global > .inquiry:hover {
		transition: var(--a-in) ease;
		opacity: .8;
		scale: 1.05;
	}
}

.hi_unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: min(600px,70vh);
	justify-content: center;
	padding-block: 6.1em;
	background-image: url(../img/common/logo_base_w.svg);
	background-repeat: no-repeat;
	background-position: center calc(100% - 6rem);
	background-size: min(650px,80vw) auto;
}
	.hi_unit > .hx {/* ちらつき対策 */
		--co-act-base-delay: var(--a-out);
		transition: var(--a-in) cubic-bezier(.9,0,1,1) var(--a-out);
		opacity: 0;
	}html.js .hi_unit > .hx {opacity:1}
		.hi_unit > .hx > .ck_ej {
			text-align: center;
			background-color: var(--bg-color);
		}
		.co_act_slide_in,
		.hi_unit > .hx > .ck_ej > * {
			overflow: hidden;
			--co-act-trY: 100%;
		}
			.co_act_slide_in > *,
			.hi_unit > .hx > .ck_ej span {
				display: block;
			}
			.hi_unit > .hx > .ck_ej .ck_en > span {
			  line-height: 1;
			  margin-bottom: .08em;
			  padding-top: .05em;
			}
		.hi_unit .ck_en {
			word-break: keep-all;
		}
		.hi_unit > .hx > .ck_lead {
			max-width: calc(min(650px,80vw) - (var(--inpad) * 2));
			text-align: center;
			font-size: .6em;
		}
			.hi_unit .t_style_bar_black {
				font-weight: 600;
			}
	.hi_unit + .icon_next {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
.hi_unit.hi_small {
	min-height: auto;
	padding-block: var(--inpad);
	background-position-y: bottom;
}
.hi_unit.hi_index {
	background-image: none;
	color: var(--bg-color);
	font-size: clamp(20px,calc(1em + 1vw),1.8em);
	font-style: var(--font-hx);
	font-weight: 600;
}
	.hi_index > .ck_lead {
		flex-direction: column;
		display: flex;
		position: absolute;
		left: var(--wrap-inpad);
		bottom: calc(var(--wrap-inpad) + 2rem);
		text-shadow: 0 .05em .2em var(--text-color),0 .2em .5em var(--text-color);
		padding-right: var(--inpad);
	}
@media (max-width:639px){
	.hi_index > .ck_lead {
		bottom: auto;
		top: 50%;
		translate: 0 -50%;
	}
}

.footer {
	background-color: var(--bg-color);
	padding-block: var(--wrap-inpad);
	margin-top: var(--space);
}
	footer.footer > .inner {
		display: flex;
		flex-wrap: wrap;
		gap: calc(var(--inpad) * 2);
	}
		footer address {
			margin-right: auto;
			font-size: 14px;
		}
			footer address a {
				display: block;
				font-size: 23px;
				font-weight: 600;
				margin-bottom: calc(var(--wrap-inpad) / 3);
			}
		footer .nav_links {
			width: min(50%,500px);
			font-size: .8em;
		}
	.copyright {
		text-align: center;
		font-size: 14px;
		padding-block: var(--wrap-inpad);
		letter-spacing: .08em;
	}
@media (max-width:479px){
	footer address {
		margin-left: auto;
		text-align: center;
	}
	footer .nav_links {
		width: 100%;
		order: -1;
		margin-bottom: calc(var(--inpad) * 3);
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << frame */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* nav >> */
/* __________________________________________________________________ */

.icon_next {
	width: 3em;
	display: block;
	margin-inline: auto;
	padding-block: 1em;
}

.nav_links .menu {
	display: flex;
	--nav-links-gap: calc(var(--wrap-inpad) / 2);
	gap: var(--nav-links-gap);
	flex-wrap: wrap;
}
@media (max-width:479px){
	.nav_links .menu {
		--nav-links-gap: calc(var(--inpad) * 1.5);
	}
}
	.nav_links .menu li {
		flex-basis: calc(40% - var(--nav-links-gap));
		flex-grow: 1;
	}
.nav_links .menu_site {
	margin-top: var(--nav-links-gap);
}
	footer .nav_links .menu_site {
		border-top: 1px solid;
		padding-top: var(--nav-links-gap);
	}
.nav_links .menu a {
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 1em auto;
	transition: var(--a-out) var(--act-que);
	position: relative;
	padding-left: 1.5em;
}
	.nav_links .menu a:hover {
		transition: var(--a-in) ease;
		background-position-x: .30em;
		translate: .15em 0;
	}
	.nav_links .menu a::after {
		content: "";
		height: 1px;
		display: block;
		background-color: var(--bg-black-color);
		position: absolute;
		left: 1em;
		top: 100%;
		width: 0;
		transition: var(--a-out) var(--act-que);
	}
		footer .menu a:hover::after {
			transition: var(--a-in) ease;
			left: 1.5em;
			width: calc(100% - 1.5em);
		}
	.nav_links .ck_en {
		font-size: 1.5em;
		font-weight: 500;
		line-height: 1.1;
	}
	.nav_links .ck_jp {
		margin-top: -.3em;
	}
	.nav_links .menu_contents a {
		background-image: url(../img/common/arrow_b.svg);
	}
	.nav_links .menu_site a {
		background-image: url(../img/common/arrow_w.svg);
	}
	.nav_links .menu a > span {
		margin-top: -.13em;
	}
	.nav_links .menu a > span:not(.ck_ej) {
		display: inline-block;
		translate: 0 -.25em;
	}



.nav_arrow_right {
	background-image: url(../img/common/arrow_r.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - .5em) center;
	background-size: 1em auto;
	transition: var(--a-out) var(--act-que);
	position: relative;
	display: block;
	width: fit-content;
	padding: .15em 1.8em .1em 0;
	line-height: 1.1;
	text-decoration: navajowhite;
	color: inherit;
}
	.nav_arrow_right:hover,
	a:hover .nav_arrow_right {
		transition: var(--a-in) ease;
		background-position-x: 100%;
		padding-left: .5em;
	}
	.nav_arrow_right::after {
		content: "";
		height: 1px;
		display: block;
		background-color: var(--bg-black-color);
		position: absolute;
		left: 0;
		top: 100%;
		width: 0;
		transition: var(--a-out) var(--act-que);
	}
		.nav_arrow_right:hover::after,
		a:hover .nav_arrow_right::after {
			transition: var(--a-in) ease;
			left: .5em;
			width: calc(100% - .5em);
		}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << nav */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* grid/flex >> */
/* __________________________________________________________________ */

:where(.ck_div) {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap2, var(--gap, var(--inpad))) var(--gap, var(--inpad));
	padding: 0;
	list-style: none;
}
:where(.ck_div)>*{width:calc((100% - (var(--gap, var(--inpad)) * (max(var(--div,2),1) - 1))) / var(--div,2));}
.ck_div.xs1{--div:1}.ck_div.xs2{--div:2}.ck_div.xs3{--div:3}.ck_div.xs4{--div:4}.ck_div.xs5{--div:5}
.ck_div.s1{--div:1}.ck_div.s2{--div:2}.ck_div.s3{--div:3}.ck_div.s4{--div:4}.ck_div.s5{--div:5}
.ck_div.t1{--div:1}.ck_div.t2{--div:2}.ck_div.t3{--div:3}.ck_div.t4{--div:4}.ck_div.t5{--div:5}
.ck_div.d1{--div:1}.ck_div.d2{--div:2}.ck_div.d3{--div:3}.ck_div.d4{--div:4}.ck_div.d5{--div:5}
.ck_div.l1{--div:1}.ck_div.l2{--div:2}.ck_div.l3{--div:3}.ck_div.l4{--div:4}.ck_div.l5{--div:5}
@media (max-width:1279px){.ck_div.l1{--div:1}.ck_div.l2{--div:2}.ck_div.l3{--div:3}.ck_div.l4{--div:4}.ck_div.l5{--div:5}}
@media (max-width:959px){.ck_div.d1{--div:1}.ck_div.d2{--div:2}.ck_div.d3{--div:3}.ck_div.d4{--div:4}.ck_div.d5{--div:5}}
@media (max-width:755px){.ck_div.t1{--div:1}.ck_div.t2{--div:2}.ck_div.t3{--div:3}.ck_div.t4{--div:4}.ck_div.t5{--div:5}}
@media (max-width:639px){.ck_div.s1{--div:1}.ck_div.s2{--div:2}.ck_div.s3{--div:3}.ck_div.s4{--div:4}.ck_div.s5{--div:5}}
@media (max-width:479px){.ck_div.xs1{--div:1}.ck_div.xs2{--div:2}.ck_div.xs3{--div:3}.ck_div.xs4{--div:4}.ck_div.xs5{--div:5}}

.ck_lrl {
	--template: "a b" "c b" 1fr / 1fr 1fr;
	--break-template: "a" "b" "c" / auto;
	display: grid;
	grid-template: var(--template);
	gap: var(--gap2, var(--gap, var(--space))) var(--gap, var(--space));
}
	.ck_lrl > :nth-child(2) {
		grid-area: b;
	}
@media (max-width:639px){.ck_lrl{--template: var(--break-template)}}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << grid/flex */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* box >> */
/* __________________________________________________________________ */

:where(.ck_box > .ck_div) {
	margin: var(--inpad);
}
:where(.ck_div.ck_lr > :not(.ck_img)),
:where(.ck_div:has(.ck_img) > :not(.ck_img)) {
	flex-grow: 1;
}
:where(.ck_div > .ck_img) {
	max-width: 250px;
	margin-inline: auto;
}
:where(.ck_div > .ck_img).small {
	width: 120px;
}

.ck_info_box {
	padding: var(--inpad) var(--inpad);
	background-color: var(--bg-color-gray);
	border-radius: var(--round-in);

	font-size: .9em;
	opacity: .8;
}

.ck_line_box,
.ck_shadow_box,
.ck_step_box {
	--border: 1px;
	--round: var(--round-in);
	--in-round: calc(var(--round) - var(--border));
}
	.ck_line_box {
		--head-color: var(--bg-color-gray);
		display: block;
		background-color: var(--bg-color-white);
	}
	.ck_shadow_box {
		--round: var(--round-out);
		--border: 0px;
		background-color: var(--bg-color-white);
		box-shadow: 0 calc(var(--inpad) / 1.6) 0 0 rgba(0,0,0,.2);
		padding: var(--wrap-inpad);
	}
	.ck_shadow_box .ck_shadow_box {
		--round: var(--round-in);
	}
.ck_shadow_box,
.ck_line_box,
.ck_step_box li {
	border-radius: var(--round);
	border: var(--border) solid var(--head-color);
}
	:where(.ck_line_box > img) {
		border-radius: var(--round);
		background-color: var(--bg-color-white);
	}
	.ck_line_box > header,
	.ck_step_box header {
		background-color: var(--head-color);
		color: var(--bg-color);
		border-radius: var(--in-round) var(--in-round) 0 0;
		font-weight: 600;
	}
	.ck_line_box > header {
		--bg-color: var(--text-color);
		padding: calc(var(--inpad) / 3) var(--in-round);
		text-align: center;
	}
	.ck_line_box.ck_active > header {
		--bg-color: inherit;
	}
	.ck_line_box > .ck_text,
	.ck_step_box .ck_text {
		padding: var(--inpad);
		border-radius: 0 0 var(--in-round) var(--in-round);
	}
@media (max-width:959px){
	.inner.ck_shadow_box {
		margin-inline: calc(var(--wrap-inpad) / 2);
	}
}
.ck_book_box {
	aspect-ratio: 1/1;
	overflow: hidden;
	display: flex;
	place-content: center;
	padding: calc(var(--inpad) / 2);
	background-color: var(--bg-color-white);
}
	.ck_book_box > img {
		object-fit: contain;
		width: 100%;
		height: 100%;
		background-color: initial;
		filter: drop-shadow(0 4px 12px #5554);
	}


.ck_step_box { /* use:.ck_div.ck_step_box */
	--head-color: var(--key-color);
	--gap: var(--wrap-inpad);
	--gap2: calc(var(--inpad) * 1.5);
	--arrow: var(--round);
	--co-act-trY: var(--space);
	--co-act-inview-deg: .05;
	justify-content: center;
	padding-inline: 0;
	list-style: none;
	font-size: .89em;
}
.ck_step_box li {
	background-color: var(--bg-color);
	display: grid;
	grid-template: 1fr 1fr /1fr;
}
	.ck_box li.ck_active {
		--head-color: var(--act-color);
		background-color: var(--bg-color);
	}
	.ck_step_box li > * {
		position: relative;
	}
	.ck_step_box li:not(:last-of-type) > *::after {
		position: absolute;
		content: "";
		display: block;
		width: var(--arrow);
	}
		.ck_step_box li > header::after {
			background-color: var(--head-color);
			left: 100%;
			bottom: calc(var(--arrow) * -1);
			aspect-ratio: 1/2;
			clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
		}
		.ck_step_box li > .ck_text::after {
			background-color: var(--bg-color);
			left: calc(100% - var(--border));
			top: 0;
			aspect-ratio: 1/1;
			clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
		}
	.ck_step_box header {
		display: flex;
		justify-content: left;
		align-items: center;
		height: 100%;
			font-size: 1.1em;
	}
		.ck_step_box .chip_num {
			font-size: 2em;
			margin-inline: .3em;
		}
@media (max-width:479px){
	.ck_step_box li {
		position: relative;
	}
	.ck_step_box li > * {
		position: static;
	}
	.ck_step_box li:not(:last-of-type) > *::after {
		left: calc(50% - var(--arrow));
		width: calc(var(--arrow) * 2);
		aspect-ratio: 2/1;
		clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	}
	.ck_step_box li > header::after {
		bottom: auto;
		top: 100%;
	}
	.ck_step_box li > .ck_text::after {
		top: calc(100% - 1px);
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << box */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* tools >> */
/* __________________________________________________________________ */

.ck_ej {
	display: flex;
	flex-direction: column;
}
	.bt > .ck_ej {
		flex-direction: row;
		gap: var(--inpad);
		font-size: 1.85em;
	}
	.bt > .ck_ej > .ck_en {
		padding-top: .25em;
	}
	.bt > .ck_ej > .ck_jp {
		font-size: .6em;
		display: flex;
		align-self: center;
	}
.ck_en {
	font-weight: 600;
	line-height: 1.2;
	font-family: var(--font-en);
}
.ck_jp {
	line-height: 1.2;
}



.hx {
	display: flex;
	gap: var(--inpad);
	flex-direction: column;
	align-items: center;
}
.hx.align_left {
	align-items: start;
}
	.hx > .ck_ej {
		padding: 0 .1em .1em;
	}
		.hx > .ck_ej > .ck_en {
			font-size: 2em;
		}
		.hx > .ck_ej > .ck_jp {
			font-size: .7em;
			margin-top: -.5em;
		}
	:where(h1.hx) > .ck_text {
		text-align: center;
		width: 100%;
		border-bottom: 2px solid;
		padding-bottom: var(--inpad);
		--co-act-trY: calc(100% + var(--inpad));
	}
	.hx > .ck_lead {
		font-size: .65em;
		padding: 0 .1em .1em;
		line-height: 2;
	}
	.hx .chip_reason {
		font-size: 1.2em;
	}


.chip_wrap {
	flex-shrink: 0;
}
.chip_reason {
	background-color: var(--act-color);
	color: var(--bg-color);
	display: inline-flex;
	line-height: 1.05;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	height: 2em;
	width: 2em;
	border-radius: .3em;
	font-weight: 500;
	margin-block: auto;
}
:where(.chip_reason) > .chip_label {
	font-size: .5em;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << tools */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* common >> */
/* __________________________________________________________________ */

.ck_box > nav:last-child {
	margin-top: calc(var(--space) * 2);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << common */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* index >> */
/* __________________________________________________________________ */

#news {
	background-color: var(--bg-color-white);
}
	#news > .inner > a {
		margin-top: auto;
	}


.chip_cat {
	list-style: none;
	display: flex;
	gap: calc(var(--inpad) / 2);
	margin: 0;
	padding: 0;
}
	:where(.chip_cat) > .chip_label {
		min-width: 6em;
		background-color: var(--key-color);
		color: var(--bg-color);
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		border-radius: .15em;
		font-size: .8em;
	}

:where(.list_news) > li + li {
	border-top: 1px solid;
	margin-top: var(--inpad);
	padding-top: var(--inpad);
}
	.hx_news,
	:where(.list_news) a {
		display: flex;
		flex-wrap: wrap;
		gap: calc(var(--inpad) / 2);
		line-height: 1.2;
	}
	:where(.list_news, .hx_news) time {
		display: block;
		font-weight: 600;
	}
	:where(.list_news, .hx_news) .ck_text {
		width: 100%;
		line-height: 1.6;
		margin-block: 0;
	}
	:where(.hx_news) .ck_text {
		border-bottom: 2px solid;
		margin-bottom: var(--space);
		padding-block: calc(var(--inpad) / 2) var(--inpad);
		font-size: 1.8em;
		line-height: 1.2;
	}
:where(.archive .list_news) {
	border-bottom: 1px solid;
	padding-bottom: var(--inpad);
}
:where(.archive .list_news) .ck_text {
	font-weight: 500;
	font-size: 1.2em;
}


#features {
	background-color: rgba(250,250,250,.95);
	overflow: hidden;
	padding-block: 0;
}
	#features > .inner {
		position: relative;
		display: flow-root;
		padding-bottom: var(--space);
	}


#features .fluid-wrap {
	position: absolute;
	top: 0;
	--ofset: -30%;
	right: var(--ofset);
	left: var(--ofset);
	overflow: hidden;
	height: 100%;
}
	#features .fluid {
		position: absolute;
		top: calc(var(--ofset) / -2);
		right: 0;
		width:  100%;;
	}
	#features .fluid-wrap ~ * {
		position: relative;
	}
@media (max-width:479px){
	#features .fluid-wrap {
		--ofset: -60%;
	}
}
.fluid {
	width: 100%;
	aspect-ratio: 1/1;
	background-image: var(--grad);
	animation: fluidrotate 60s ease 0s infinite;
}
@keyframes fluidrotate {
	0%,100%{ border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;	}
	14% {	 border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;	}
	28% {	 border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;	}
	42% {	 border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;	}
	56% {	 border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;	}
	70% {	 border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;	}
	84% {	 border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;	}
}


.dg_x2_dialogue {
	--bgsize: 400px;
	--bgoffset: -133px;
	--wrap: var(--wrap-inpad);
	margin-inline: calc(var(--wrap) * -1);
}
.dg_x2_dialogue > .dg_dialogue_wrap {
	border-inline: 1px solid #0003;
	background-color: #ffffffb1;
}
.dg_x2_dialogue > .dg_dialogue_wrap {
	padding: var(--wrap-inpad) var(--wrap) 0;
}
.dg_x2_dialogue > .dg_dialogue_wrap > *:last-child {
	margin-bottom: 0;
	margin-top: auto;
}
.dg_x2_dialogue > .dg_dialogue_foot {
	display: flex;
}
.dg_x2_dialogue > .dg_dialogue_foot::before,
.dg_x2_dialogue > .dg_dialogue_foot>*,
.dg_x2_dialogue > .dg_dialogue_foot::after {
	content: "";
	background-repeat: no-repeat;
	background-image: url(../img/index/dg.png);
	height: 76px;
	background-size: auto var(--bgsize);
}
	.dg_x2_dialogue > .dg_dialogue_foot::before {
		background-position: bottom left;
		width: 60px;
	}
	.dg_x2_dialogue > .dg_dialogue_foot>* {
		background-position: var(--bgoffset) bottom;
		flex-grow: 1;
		width: auto;
	}
	.dg_x2_dialogue > .dg_dialogue_foot::after {
		background-position: bottom right;
		width: min(700px,50vw);
	}
@media (max-width:959px){
	.dg_x2_dialogue {
		--wrap: calc(var(--wrap-inpad) / 2);
	}
}
@media (max-width:639px){
	.dg_x2_dialogue {
		--bgsize: 300px;
		--bgoffset: -100px;
	}
}


#features .list_reason {
	font-size: 1.1em;
}
#features .list_reason .chip_reason {
	font-size: 1.3em;
}
	#features p {
		margin-bottom: 0;
	}
	#features .list_reason a {
		display: flex;
		gap: var(--inpad);
	}
	#features .list_reason li:not(:last-child) {
		margin-bottom: 1.5em;
	}
		.list_reason .ck_text {
			line-height: 1.4;
			display: grid;
			place-content: center;
			--co-act-trY: 3em;
		}


#features .services-wrap {
	margin-block: var(--space);
	color: var(--bg-color);
}
	.features_img {
		margin-right: calc((max(0px,calc((100vw - var(--wrap-max-width)) / 2)) + var(--wrap-inpad)) * -1);
		overflow: hidden;
		height: min(300px,30vh);
	}
		.features_img img {
			border-radius: var(--round-in) 0 0 var(--round-in);
			translate: 100% 0;
			transition: var(--transition);
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
		.features_img.view img {
			translate: 0 0;
		}


#staff {
	--gap: var(--wrap-inpad);
	background-color: var(--bg-color-white);
}
	#staff .ck_shadow_box {
		padding-inline: var(--inpad);
	}
	#staff .ck_lead {
		font-weight: 600;
	}
	#staff a {
		display: flex;
		flex-direction: column;
		height: 100%;
		gap: var(--in-round);
		text-align: center;
	}
	#staff .nav_arrow_right {
		margin-left: auto;
		
	}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << index */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* individual >> */
/* __________________________________________________________________ */

.staff_img {
	position: relative;
}
	.staff_img img {
		object-fit: cover;
		height: min(300px,35vh);
		width: 100%;
	}
	.staff_img > figcaption {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 200px;
		width: fit-content;
		font-size: .65em;
		padding: calc(var(--inpad) / 2);
	}
	.staff_img > figcaption > span {
		font-size: 1.6em;
		line-height: 2;
	}
@media (max-width:639px){
	.staff_img > figcaption {
		bottom: auto;
		top: 50px;
		right: auto;
	}
}
@media (max-width:479px){
	.staff_img > figcaption {
		position: static;
		margin-inline: auto;
	}
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << individual */
/* __________________________________________________________________ */


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