@charset "UTF-8";
/* 

	Styles 2024/06/03 - 2024/06/27 - 2024/12/01 - 
______________________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* --var >> */
/* __________________________________________________________________ */

:root {
	--spacing-base: 1;
	--width-base: 1280px;
	--limit-base: 1920px;
	--header-offset-base: 0px;
	--wrap-inpad: min(var(--spacing-xl),7vw);
	--gap: var(--spacing-xl);
	--radius-base: var(--spacing-md);
	
	--co-act-theme-ease: ease;
	--transition: all 200ms var(--co-ease,var(--co-act-theme-ease)) 50ms;

	--font-base: 16;
	--font-sp-base: 14;
	--font: calc(var(--font-base) * 1px);
	--font-sp: calc(var(--font-sp-base) * 1px);
	--font-base-weight: 350;
	--font-hx: "Hina Mincho", "M PLUS 1", "Noto Sans JP", "Sawarabi Gothic";
	--font-hx-weight: 600;
	--font-p: "M PLUS 1", "Noto Sans JP", "Sawarabi Gothic";
	--font-en: "Saira", "Urbanist", "Playfair Display", "Josefin Sans", "Libre Barcode 128 Text";
	--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-serif-base:serif;

	--col-bg:  #fefefe;--col-bg-rgb:254 254 254;
	--col-key: #0685c4;--col-key-rgb:6 133 196;
	--col-act: #e70808;--col-act-rgb:231 8 8;
	--col-txt: #565656;--col-txt-rgb:86 86 86;
	--col-visited: #068db4;
	--col-selection: rgb(var(--col-1-rgb) / .3);

	/* https://www.oh-benri-tools.com/tools/color/color-code */

	--col-transparent: rgb(var(--col-f-rgb) / 0);
	--col-gray: var(--col-d);
	--col-black: var(--col-5);
	--col-white: var(--col-f);

	--col-0:#000;--col-0-rgb:0 0 0;
	--col-1:#111;--col-1-rgb:17 17 17;
	--col-2:#222;--col-2-rgb:34 34 34;
	--col-3:#333;--col-3-rgb:51 51 51;
	--col-4:#444;--col-4-rgb:68 68 68;
	--col-5:#555;--col-5-rgb:85 85 85;
	--col-6:#666;--col-6-rgb:102 102 102;
	--col-7:#777;--col-7-rgb:119 119 119;
	--col-8:#888;--col-8-rgb:136 136 136;
	--col-9:#999;--col-9-rgb:153 153 153;
	--col-a:#aaa;--col-a-rgb:170 170 170;
	--col-b:#bbb;--col-b-rgb:187 187 187;
	--col-c:#ccc;--col-c-rgb:204 204 204;
	--col-d:#ddd;--col-d-rgb:221 221 221;
	--col-e:#eee;--col-e-rgb:238 238 238;
	--col-f:#fff;--col-f-rgb:255 255 255;

	--radius-l: calc(var(--radius-base) + var(--spacing-lg));
	--radius-m: var(--radius-base);
	--radius-s: max(calc(var(--radius-base) - var(--spacing-lg)), 0px);
	--radius-o: max(777px,77vw);

	--body-width: 100vw;
	--max-width: min(var(--width-base,100vw),100vw);
	--limit-width: max(var(--width-base,100vw),var(--limit-base,1920px));
	--current-width: var(--body-width);
	--offset-top: calc( var(--header-offset-base, 0px) + var(--header-offset, 0px) + env(safe-area-inset-top, 0px));
	--offset-bottom: calc( var(--footer-offset, 0px) + env(safe-area-inset-bottom, 0px));
	--offset-right: calc( var(--hamburger-offset, 0px) + env(safe-area-inset-right, 0px));
	scroll-padding-top: var(--offset-top, env(safe-area-inset-top, 0px));

	/* https://www.tak-dcxi.com/article/use-line-height-trim-as-css-variable/ */
	--leading-trim: calc((1em - 1lh) / 2);
	--spacing-unit: calc(var(--spacing-base,1) * .5rem); /* 8px */
	--spacing-xs: calc(var(--spacing-unit) / 2);
	--spacing-sm: var(--spacing-unit);
	--spacing-md: calc(var(--spacing-unit) * 2);
	--spacing-lg: calc(var(--spacing-unit) * 3);
	--spacing-xl: calc(var(--spacing-unit) * 5);
	--spacing-2xl: calc(var(--spacing-unit) * 8);
	--spacing-3xl: calc(var(--spacing-unit) * 13);
	--spacing-xs-trim: calc(var(--spacing-xs) + var(--leading-trim));
	--spacing-sm-trim: calc(var(--spacing-sm) + var(--leading-trim));
	--spacing-md-trim: calc(var(--spacing-md) + var(--leading-trim));
	--spacing-lg-trim: calc(var(--spacing-lg) + var(--leading-trim));
	--spacing-xl-trim: calc(var(--spacing-xl) + var(--leading-trim));
	--spacing-2xl-trim: calc(var(--spacing-2xl) + var(--leading-trim));
	--spacing-3xl-trim: calc(var(--spacing-3xl) + var(--leading-trim));
}

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



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* FONT >> */
/* __________________________________________________________________ */

body{
	font-weight: var(--font-base-weight, 350);
	font-family: var(--font-p), var(--font-family-base);
}
.font_hx,:where(h1,h2,h3,h4,h5,h6,.bt,dt) {
	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));
}
.font_p,:where(p,dd,table,address,.co_list,.co_articles),:where(.co_contents>:where(ol,ul):not(.co_div)) {
	font-family: var(--font-p), var(--font-family-base);
	font-weight: var(--font-p-weight, var(--font-base-weight, 350));
}
.font_en,:where(.copyright) {
	font-family: var(--font-en),sans-serif;
	font-weight: var(--font-en-weight, var(--font-base-weight, 350));
}

/* sample */
.font_udmarugo-large {
	font-family: "M PLUS 1", "Noto Sans JP", "Sawarabi Gothic", sans-serif;
	font-weight: 350;	/* 300/500/600 */
	font-style: normal;
}
/*
"Helvetica Neue"	Arial	<< niteru
"Segoe UI"	Meiryo	<< pop-set
"Meiryo UI"
"BIZ UDPGothic"
Roboto
"Hiragino Sans"	Meiryo	<< niteru
"Noto Sans CJK JP"
*/

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << FONT */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* Common >> */
/* __________________________________________________________________ */

html,body{background:var(--col-bg) no-repeat center top;color:var(--col-txt);margin:0;padding:0}
html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	     -ms-font-smoothing:antialiased;
	 -webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;/* カーニング＆合字対応 */
	/* from::sanitize.css */
	cursor:default;
	line-height:1.5;
	-moz-tab-size:4;
	tab-size:4;
	-webkit-tap-highlight-color:transparent;
	word-break:break-word;
	/**/
	text-spacing-trim:trim-start;
	scroll-behavior:smooth;
	font-feature-settings: "palt";
}
body {
	padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
	overflow-wrap:anywhere;
	overflow-x:clip;
	line-break:strict;
	box-sizing:border-box;
}body>*{max-width:100vw;overflow-x:clip}::selection{background-color:var(--col-selection)}
*,*::before,*::after{background-repeat:no-repeat;box-sizing:inherit}*::before,*::after{text-decoration:inherit;vertical-align:inherit}
:where(main,article,aside,figure,figcaption,footer,header,section){display:block}:where(main,article,section,aside,.wrap,.sec){display:flow-root}:where(h1,h2,h3,h4,h5,h6){margin:0;line-height:1.1}
:where(h1,h2,h3,h4,h5,h6,nav,header,footer,menu,.menu,.list,.func,.co_nav) a,.bt{text-decoration:none;transition:var(--transition);touch-action:manipulation;color:inherit}
:where(nav,.co_nav) :where(ol,ul),:where(menu,.menu,.list,.co_flex,.co_div,.co_nav){list-style:none;margin:0;padding:0}:where(ol){counter-reset:co_ol}:where(ol>li){counter-increment:co_ol}
:where(menu,.menu,.list,.co_nav) :where(a,img){display:grid}:where(hr){height:0}pre{font-family:monospace,monospace;font-size:1em}:where(:where(menu,.menu,.list,.co_nav) a,.bt){min-height:24px;min-width:24px}
:where(p){line-height:1.8;margin:0}b,strong,em{font-weight:bolder}address,em{font-style:normal}small,.small{font-size:.75em;line-height:1.4}
:where(img,svg,iframe){backface-visibility:hidden;border:none;height:auto;max-width:100%}audio,canvas,iframe,img,svg,video{vertical-align:middle}
template,[hidden]{display:none}a,button,input,label,select,textarea,[tabindex]{touch-action:manipulation}:focus:not(:focus-visible){outline:none}a[target="_blank"]{cursor:alias!important}
: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(--col-key)}:where(a:visited){color:var(--col-visited)}:where(a:hover){color:var(--col-act)}:where(a){text-underline-offset:.3ex}
:where(table){border-collapse:collapse;border-spacing:0;margin:0 auto}:where(th,td,tr){padding:var(--spacing-xs);border:1px solid var(--col-gray)}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << Common */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* font-size >> */
/* __________________________________________________________________ */

/* font & vw */
	/*  */
:root {
	--fwmax: 1280;	/* 文字調整する最大幅 */
	--fwmin:  360;	/* 文字調整する最小幅 */
	--fmax: var(--font-base);
	--fmin: var(--font-sp-base);
	--fbase-pc: 9;
	--fbase-sp: 8;
	--fstep-pc: 1.21;
	--fstep-sp: 1.17;
}
	/*  */
:where(html,.co_f,.co_fp p,h1,h2,h3,h4,h5,dt,.bt) {
	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));
	/* pow(): Chrome120+ <- win8&iPhone6 を切るなら対応可能 */
	/* --fmax: max(calc(var(--fbase) * pow(var(--fstep-pc), var(--fnum,0))), var(--fbase-pc)); */
	/* --fmin: max(calc(var(--fbase) * pow(var(--fstep-sp), var(--fnum,0))), var(--fbase-sp)); */
}
@media (min-width:1280px){
	:where(html,.co_f,.co_fp p,h1,h2,h3,h4,h5,dt,.bt) {
		font-size: calc(var(--fmax) * 1px);
	}
}
/* @media (max-width:360px){
	:where(html,.co_f,.co_fp p,h1,h2,h3,h4,h5,dt,.bt) {
		font-size: calc(var(--fmin) * 1px);
	}
} */
:where(h2){--fnum:6;--fmax:28.26;--fmin:24.00}
:where(h3){--fnum:5;--fmax:23.31;--fmin:20.56}
:where(h4){--fnum:4;--fmax:19.26;--fmin:17.52}
:where(h5){--fnum:3;--fmax:15.93;--fmin:14.96}
:where(h6){--fnum:3;--fmax:15.93;--fmin:14.96}
/*	<タイプ>	<PC>	<SP>	https://www.remedia.co.jp/blog/posts/2023-05-web-typography/
	H1タイトル	36px	24px
	H2見出し	30px	24px
	H3見出し	24px	20px
	H4見出し	20px	18px	*/
:where(.co_f-3){--fnum: 0;--fmax: 9.00;--fmin: 8.50}/*  9.00px ->  8.00px */
:where(.co_f-2){--fnum: 1;--fmax:10.89;--fmin:10.00}/* 10.89px ->  9.36px */
:where(.co_f-1){--fnum: 2;--fmax:13.14;--fmin:12.80}/* 13.14px -> 10.96px */
:where(.co_f0 ){--fnum: 3;--fmax:15.93;--fmin:14.96}/* 15.93px -> 12.80px */
:where(.co_f1 ){--fnum: 4;--fmax:19.26;--fmin:17.52}/* 19.26px -> 14.96px */
:where(.co_f2 ){--fnum: 5;--fmax:23.31;--fmin:20.56}/* 23.31px -> 17.52px */
:where(.co_f3 ){--fnum: 6;--fmax:28.26;--fmin:24.00}/* 28.26px -> 20.56px */
:where(.co_f4 ){--fnum: 7;--fmax:34.19;--fmin:28.08}/* 34.20px -> 24.00px */
:where(.co_f5 ){--fnum: 8;--fmax:41.31;--fmin:32.88}/* 41.31px -> 28.08px */
:where(.co_f6 ){--fnum: 9;--fmax:50.04;--fmin:38.48}/* 50.04px -> 32.88px */
:where(.co_f7 ){--fnum:10;--fmax:60.57;--fmin:44.96}/* 60.57px -> 38.48px */
:where(.co_f8 ){--fnum:11;--fmax:73.26;--fmin:52.64}/* 73.26px -> 44.96px */
:where(.co_f9 ){--fnum:12;--fmax:88.64;--fmin:52.64}/* 88.65px -> 52.64px */
/* https://jsfiddle.net/ewhf0ytv/  ↑ これの計算用 1.21 / 1.17 ※SP微調整
:where(.co_f-3){--fnum: 0;--fmax: 9.00;--fmin: 8.00}	:where(.co_f-3){--fnum: 0;--fmax:  8.00;--fmin: 8.00}	:where(.co_f-3){;--fmax:  8;--fmin:10}
:where(.co_f-2){--fnum: 1;--fmax:10.80;--fmin: 9.20}	:where(.co_f-2){--fnum: 1;--fmax: 10.00;--fmin: 9.20}	:where(.co_f-2){;--fmax: 10;--fmin:11}
:where(.co_f-1){--fnum: 2;--fmax:12.96;--fmin:10.56}	:where(.co_f-1){--fnum: 2;--fmax: 12.48;--fmin:10.56}	:where(.co_f-1){;--fmax: 13;--fmin:13}
:where(.co_f0 ){--fnum: 3;--fmax:15.57;--fmin:12.16}	:where(.co_f0 ){--fnum: 3;--fmax: 15.60;--fmin:12.16}	:where(.co_f0 ){;--fmax: 16;--fmin:14}
:where(.co_f1 ){--fnum: 4;--fmax:18.63;--fmin:14.00}	:where(.co_f1 ){--fnum: 4;--fmax: 19.52;--fmin:14.00}	:where(.co_f1 ){;--fmax: 20;--fmin:18}
:where(.co_f2 ){--fnum: 5;--fmax:22.41;--fmin:16.08}	:where(.co_f2 ){--fnum: 5;--fmax: 24.40;--fmin:16.08}	:where(.co_f2 ){;--fmax: 25;--fmin:21}
:where(.co_f3 ){--fnum: 6;--fmax:26.91;--fmin:18.48}	:where(.co_f3 ){--fnum: 6;--fmax: 30.48;--fmin:18.48}	:where(.co_f3 ){;--fmax: 31;--fmin:24}
:where(.co_f4 ){--fnum: 7;--fmax:32.22;--fmin:21.28}	:where(.co_f4 ){--fnum: 7;--fmax: 38.16;--fmin:21.28}	:where(.co_f4 ){;--fmax: 39;--fmin:27}
:where(.co_f5 ){--fnum: 8;--fmax:38.70;--fmin:24.48}	:where(.co_f5 ){--fnum: 8;--fmax: 47.68;--fmin:24.48}	:where(.co_f5 ){;--fmax: 49;--fmin:30}
:where(.co_f6 ){--fnum: 9;--fmax:46.44;--fmin:28.16}	:where(.co_f6 ){--fnum: 9;--fmax: 59.60;--fmin:28.16}	:where(.co_f6 ){;--fmax: 61;--fmin:33}
:where(.co_f7 ){--fnum:10;--fmax:55.71;--fmin:32.40}	:where(.co_f7 ){--fnum:10;--fmax: 74.48;--fmin:32.40}	:where(.co_f7 ){;--fmax: 76;--fmin:36}
:where(.co_f8 ){--fnum:11;--fmax:66.87;--fmin:37.20}	:where(.co_f8 ){--fnum:11;--fmax: 93.12;--fmin:37.20}	:where(.co_f8 ){;--fmax: 95;--fmin:39}
:where(.co_f9 ){--fnum:12;--fmax:80.28;--fmin:42.80}	:where(.co_f9 ){--fnum:12;--fmax:116.40;--fmin:42.80}	:where(.co_f9 ){;--fmax:120;--fmin:42}
   https://jsfiddle.net/Lzvjt7cr/ ↑これの計算 1.20/1.15   https://jsfiddle.net/z89r2j4s/ ↑これの計算 1.25/1.15
*/

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << font-size */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* Utilities >> */
/* __________________________________________________________________ */

.hide{display:none!important}.map{min-height:300px;max-height:95vh;background-color:var(--col-e)}.caution{color:var(--col-act)}.annotation{opacity:.5;font-size:.85em}
.co_disable_link :where(a,img){pointer-events:none}

:where(.w480){--max-width:480px}
:where(.w640){--max-width:640px}
:where(.w720){--max-width:720px}
:where(.width_narrow,.w756){--max-width:756px}
:where(.width_normal,.w960){--max-width:960px}
:where(.width_wide, .w1280){--max-width:1280px}
:where(.w1920){--max-width:1920px}
:where(.w2560){--max-width:2560px}
@media (max-width:959px){:where(.width_narrow){--max-width:85vw}}
:where(main,.sec,.wrap) {
	position:relative;
	width: min(100%,var(--limit-width));
	margin-inline: auto;
	--outer-lr: max(0px, calc((min(var(--body-width),var(--limit-width)) - var(--max-width, 0px)) / 2));
}
:where(.no_limit){--limit-width: max(100%,100vw)}
:where(.sec:not(.width_full)) {
	padding-inline: calc(var(--wrap-inpad) / 2);
	--outer-lr: max((var(--wrap-inpad) / 2), calc((min(var(--body-width),var(--limit-width)) - var(--max-width, 0px)) / 2));
	
}
	:where(:where(.sec,.wrap)>.inner) {
		margin-inline: auto;
		width: 100%;
		--current-width: min(var(--max-width),var(--body-width));
	}
	:where(.sec:not(.width_full)>.inner) {
		max-width: min(var(--max-width),100vw);
		padding-inline: calc(var(--wrap-inpad) / 2);
		--outer-lr: calc(max((var(--wrap-inpad) / 2), calc((min(var(--body-width),var(--limit-width)) - var(--max-width, 0px)) / 2)) + (var(--wrap-inpad) / 2));
		--current-width: calc(min(var(--max-width),(var(--body-width) - var(--wrap-inpad))) - var(--wrap-inpad));
	}
		.co_inpad {
			padding-inline: var(--wrap-inpad);
		}
		.co_erase_inpad {
			margin-inline: calc(var(--wrap-inpad) / 2 * -1);
			--outer-lr: max((var(--wrap-inpad) / 2), calc((min(var(--body-width),var(--limit-width)) - var(--max-width, 0px)) / 2));
			--current-width: var(--max-width);
		}


/*
1	hx/header+p
1	dt+dd
1	p/img+p/img
1	hx+div/ul/ol/dl/table/.bt/img
2	p/div/ul/ol/dl/table/.bt/img+div/ul/ol/dl/table/.bt/img
2	dd+dt
2	.sk_contents>.sk_box(inset)
3	p/div/ul/ol/dl/table/.bt/img/hr+hx/hr/footer
3	.sk_contents+.sk_contents/section/article/footer
//	3	.sk_contents(bottom)	<< add outer padding
	.sk_scroller/.sk_grid
*/
:where(.co_contents) > :where(h3, h4, h5, h6, a) {
	margin-top: var(--spacing-2xl);
}
:where(.co_contents) > :where(div, figure, iframe),
:where(.co_contents) > :where(a + a),
:where(.co_contents) :where(p, ul, ol, dl, table, address) {
	margin-block: var(--spacing-xl) 0;
}
:where(.co_contents) > :where(hgroup, h1, h2),
:where(.co_contents + .co_contents) {
	margin-top: var(--spacing-3xl);
}
:where(.co_contents .co_contents + .co_contents) {
	margin-top: var(--spacing-2xl);
}
:where(.co_contents) :where(:where(hgroup, h1, h2, h3, h4, h5, h6) + :where(p, img, div, figure, ul, ol, dl, table)),
:where(.co_contents) :where(p+p, ul+ul, ol+ol, li+li, dl+dl, table+table, address+address) {
	margin-top: var(--spacing-md);
}
:where(.co_contents) :where(:first-child) {
	margin-top: 0;
}

/* ?? */
.ml-00{margin-left:0}.ml-at{margin-left:auto}
.mr-00{margin-right:0}.mr-at{margin-right:auto}
.mt-00{margin-top:0}.mt-at{margin-top:auto}
.mt-xs{margin-top:var(--spacing-xs)}
.mt-sm{margin-top:var(--spacing-sm)}
.mt-md{margin-top:var(--spacing-md)}
.mt-lg{margin-top:var(--spacing-lg)}
.mt-xl{margin-top:var(--spacing-xl)}
.mt-2xl{margin-top:var(--spacing-2xl)}
.mt-3xl{margin-top:var(--spacing-3xl)}
.mt-4xl{margin-top:calc(var(--spacing-2xl) * 2)}
.mt-6xl{margin-top:calc(var(--spacing-3xl) * 2)}

:where(.co_contents,.co_div,.co_scroll>.co_flex) :where(img) {
	width: 100%;
}

/*
	.step(/div==1)
	.menu/bt
	font-step
	inpad->sp-md
	marker
	act
	table/scroll
	ck_ >> co_
list/swiper
gsap/lottie
	humberger
*/

:where(.co_contents :where(ul, ol):not(.co_div)),
:where(.co_mark) {
	--m-gap: calc( .5em * 3);
	padding-left: var(--m-gap);
}
	:where(.co_contents ul:not(.co_div)) {
		list-style-type: disclosure-closed;
	}
	:where(.co_contents ul:not(.co_div) > li)::marker {
		color: var(--col-key);
	}
	/*
	:where(.co_contents ul:not(.co_div) > li)::marker {
		content: "● ";
		font-size: var(--spacing-md);
	}
	*/
	:where(.co_contents ol:not(.co_div) > li)::marker {
		font-weight: bold;
	}


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




.txt_center {
	text-align: center;
}

.co_center {
	place-content: center;
}
	.co_center:not(.co_flex,.co_div,.co_nav/*,.co_box,.co_scroll*/) {
		display: grid;
	}

.co_fit {
	width: fit-content;
	margin-inline: auto;
}

.co_zoom {
	overflow: hidden;
}
.co_zoom>* {
	transition: all .3s ease-in-out .1s;
}
.co_zoom:hover>* {
	transform: scale(1.05);
	transition: all .15s ease-in-out 0s;
	z-index: 1;
}

.co_cover {
	overflow: hidden;
}
.co_cover>* {
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.co_tap_area {
	position: relative;
}
.co_tap_area a::after {
	content: "";
	position: absolute;
	inset: calc(var(--spacing-sm) * -1);
	z-index: 123;
}



.bg_white {
	background-color: var(--col-white);
}
.bg_gray {
	background-color: var(--col-gray);
}
.bg_black {
	color: var(--col-white);
	background-color: var(--col-black);
}

.has_shadow {
	box-shadow: 0 var(--spacing-sm) var(--spacing-md) 0 rgb(0 0 0/.1);
}
.has_drop_shadow {
	filter: drop-shadow(0 var(--spacing-sm) var(--spacing-md) rgb(0 0 0 / 30%));
}



.co_skip_link {
	position: absolute;
}
	.co_skip_link:not(:focus) {
		width: 1px;
		height: 1px;
		overflow: hidden;
		margin: -1px;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.co_skip_link:focus {
		display: block;
		top: var(--spacing-sm);
		left: var(--spacing-sm);
		z-index: 777;
		padding: var(--spacing-xs) var(--spacing-lg);
		background-color: var(--col-key);
		color: var(--col-white);
	}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << Utilities */
/* __________________________________________________________________ */



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

:where(.co_flex,.co_div,.co_lrl) {
	display: flex;
	--gap-base: var(--spacing-xl);
	gap: var(--gap2, var(--gap, var(--gap-base))) var(--gap, var(--gap-base));
	--div-n: min(calc(var(--div,2) - 1), 1); /* div:1 => 0, div:other => 1 */
	--div-1: max(calc(1 - (var(--div,2) * var(--div-n))), 0); /* div:1 => 1, div:other => 0 */
}
	:where(:where(.co_flex,.co_div,.co_lrl) > *) {
		margin: 0;
	}

:where(.co_flex) {
	flex-wrap: nowrap;
}

:where(.co_div) {
	flex-wrap: wrap;
	--div-base-width: 100%;
	--dix: var(--div,2);	/* div=6,dix=2 :> 4w */
}
	:where(.co_div)>*{width: calc((((var(--div-base-width) - (var(--gap, var(--gap-base)) * (max(var(--div,2),1) - 1))) / var(--div,2)) * max((var(--div,2) - var(--dix,0)),1)) + (var(--gap, var(--gap-base)) * (max((var(--div,2) - var(--dix,0)),1) - 1)))}
	:where(.sec>.inner>.co_scroll>.co_div) {
		--div-base-width: var(--current-width);
	}

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

:where(.co_grid) {
	display: grid;
	grid-template-columns: repeat(var(--div,2), 1fr);
}

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



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* var(--) >> */
/* __________________________________________________________________ */

/*@media (max-width:1279px)*/.l1{--div:1}.l2{--div:2}.l3{--div:3}.l4{--div:4}.l5{--div:5}.l6{--div:6}.l7{--div:7}.l8{--div:8} .l1i{--div:1!important}.l2i{--div:2!important}.l3i{--div:3!important}.l4i{--div:4!important}.l5i{--div:5!important}.l6i{--div:6!important}.l7i{--div:7!important}.l8i{--div:8!important}
@media (max-width: 959px ){.d1{--div:1}.d2{--div:2}.d3{--div:3}.d4{--div:4}.d5{--div:5}.d6{--div:6}.d7{--div:7}.d8{--div:8} .d1i{--div:1!important}.d2i{--div:2!important}.d3i{--div:3!important}.d4i{--div:4!important}.d5i{--div:5!important}.d6i{--div:6!important}.d7i{--div:7!important}.d8i{--div:8!important}}
@media (max-width: 755px ){.t1{--div:1}.t2{--div:2}.t3{--div:3}.t4{--div:4}.t5{--div:5}.t6{--div:6}.t7{--div:7}.t8{--div:8} .t1i{--div:1!important}.t2i{--div:2!important}.t3i{--div:3!important}.t4i{--div:4!important}.t5i{--div:5!important}.t6i{--div:6!important}.t7i{--div:7!important}.t8i{--div:8!important}}
@media (max-width: 639px ){.s1{--div:1}.s2{--div:2}.s3{--div:3}.s4{--div:4}.s5{--div:5}.s6{--div:6}.s7{--div:7}.s8{--div:8} .s1i{--div:1!important}.s2i{--div:2!important}.s3i{--div:3!important}.s4i{--div:4!important}.s5i{--div:5!important}.s6i{--div:6!important}.s7i{--div:7!important}.s8i{--div:8!important}}
@media (max-width: 479px ){.xs1{--div:1}.xs2{--div:2}.xs3{--div:3}.xs4{--div:4}.xs5{--div:5}.xs6{--div:6}.xs7{--div:7}.xs8{--div:8} .xs1i{--div:1!important}.xs2i{--div:2!important}.xs3i{--div:3!important}.xs4i{--div:4!important}.xs5i{--div:5!important}.xs6i{--div:6!important}.xs7i{--div:7!important}.xs8i{--div:8!important}}
/*@media (max-width:1279px)*/._l0{--dix:0}._l1{--dix:1}._l2{--dix:2}._l3{--dix:3}._l4{--dix:4}._l5{--dix:5}._l6{--dix:6} ._l0i{--dix:0!important} ._l1i{--dix:1!important}._l2i{--dix:2!important}._l3i{--dix:3!important}._l4i{--dix:4!important}._l5i{--dix:5!important}._l6i{--dix:6!important}
@media (max-width: 959px ){._d0{--dix:0}._d1{--dix:1}._d2{--dix:2}._d3{--dix:3}._d4{--dix:4}._d5{--dix:5}._d6{--dix:6} ._d0i{--dix:0!important} ._d1i{--dix:1!important}._d2i{--dix:2!important}._d3i{--dix:3!important}._d4i{--dix:4!important}._d5i{--dix:5!important}._d6i{--dix:6!important}}
@media (max-width: 755px ){._t0{--dix:0}._t1{--dix:1}._t2{--dix:2}._t3{--dix:3}._t4{--dix:4}._t5{--dix:5}._t6{--dix:6} ._t0i{--dix:0!important} ._t1i{--dix:1!important}._t2i{--dix:2!important}._t3i{--dix:3!important}._t4i{--dix:4!important}._t5i{--dix:5!important}._t6i{--dix:6!important}}
@media (max-width: 639px ){._s0{--dix:0}._s1{--dix:1}._s2{--dix:2}._s3{--dix:3}._s4{--dix:4}._s5{--dix:5}._s6{--dix:6} ._s0i{--dix:0!important} ._s1i{--dix:1!important}._s2i{--dix:2!important}._s3i{--dix:3!important}._s4i{--dix:4!important}._s5i{--dix:5!important}._s6i{--dix:6!important}}
@media (max-width: 479px ){._xs0{--dix:0}._xs1{--dix:1}._xs2{--dix:2}._xs3{--dix:3}._xs4{--dix:4}._xs5{--dix:5}._xs6{--dix:6} ._xs0i{--dix:0!important}._xs1i{--dix:1!important}._xs2i{--dix:2!important}._xs3i{--dix:3!important}._xs4i{--dix:4!important}._xs5i{--dix:5!important}._xs6i{--dix:6!important}}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << var(--) */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* scroll >> */
/* __________________________________________________________________ */


/* .co_scroll>table */
:where(.co_scroll) {
	--s-sp: calc(var(--spacing-lg) / 2);
	--s-bar: max(var(--s-sp), calc(100vw - var(--body-width,100vw))); /* scrollbar width */
	display: flex;
	align-items: start;
}
	:where(.co_scroll>.co_div) {
		flex-wrap: nowrap;
	}
	:where(.co_scroll>:is(.co_flex,.co_div,.co_nav)>*) {
		scroll-snap-align: start;
		flex-shrink: 0;
	}
	:where(.co_scroll>*:not(.co_flex,.co_div,.co_nav)) {
		min-width: var(--max-width);
	}
:where(.is_scroll.co_scroll) {
	overflow-y: hidden;
	overflow-y: clip;
	overflow-x: scroll;
	--co-act-trX: 10rem;
	position: relative;
	margin-inline: calc(var(--s-sp) * -1);
	mask-repeat: no-repeat;
	mask-position: top,bottom;
	mask-image: linear-gradient(90deg,#fff0, #fff var(--s-sp),#fff calc(100% - var(--s-sp)),#fff0 ),linear-gradient(90deg,#fff,#fff);
	mask-size: 100% calc(100% - var(--s-bar)),100% var(--s-bar);
	padding-bottom: var(--s-bar);
}
	:where(.is_scroll.co_scroll>:first-child) {
		margin-left: var(--s-sp);
	}
	:where(.is_scroll.co_scroll>:last-child) {
		margin-right: var(--s-sp);
	}
:where(.co_scroll.co_full) {
	margin-inline: calc(var(--outer-lr) * -1);
}
	:where(.co_scroll.co_full>:first-child) {
		margin-left: var(--outer-lr);
	}
	:where(.co_scroll.co_full>:last-child) {
		margin-right: var(--outer-lr);
	}
:where(:where(nav,.co_nav).is_scroll.co_scroll) {
	padding-bottom: 0;
}


/* pop-alert */
:where(.inview.is_scroll.co_scroll)::before {
	animation: co_can_scroll 1.8s var(--co-act-theme-ease,ease) 800ms both;
}
:where(.is_scroll.co_scroll:not(:has(.co_nav),[data-scroll-label])):before {
	color: var(--col-white);
	content: "\276E\276E SCROLL!";
	position: absolute;
	top: clamp(4rem,50%,30vh);
	left: 60%;
	transform: translate3d(-50%,-50%,0);
	z-index: 1;
	pointer-events: none;
	background-color: rgb(var(--col-3-rgb) / .625);
	width: clamp(8rem, 7.217rem + 3.48vw, 10rem);
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid;
	opacity: 0;
	min-height: 0vw; /* 4Safari */
}
@keyframes co_can_scroll {
	    0% {
		transform: translate3d(-50%,-50%,0);
		opacity: 0;
	} 80% {
		transform: translate3d(-50%,-50%,0);
		opacity: 1;
	} 100% {
		transform: translate3d(calc(var(--co-act-trX,100vw) * -1),-50%,0);
		opacity: 0;
	}
}


/* scroll-button */
[data-scroll-target] {
	cursor: pointer;
	user-select: none;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << scroll */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* global, nav, .bread, .bt >> */
/* __________________________________________________________________ */

/* example: header.sec.width_normal>.inner.co_flex>(h1.logo>a{logo})+nav.co_scroll>menu.co_flex>li*5>a[title]{label} */
.co_fix {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 555;
}
.co_footer.co_fix {
	top: auto;
	bottom: 0;
}
body:has(.co_header.co_fix) {
	padding-top: var(--offset-top);
}
:where(.co_header > .co_flex) {
	padding-right: max(var(--wrap-inpad),var(--hamburger-offset,0px));
}
	:where(.co_flex > .logo) {
		flex: 0 0 fit-content;
		margin-right: auto;
		display: grid;
		place-content: center;
	}
	:where(.co_flex > .logo + *) {
		min-width: 0%;
	}
	:where(:where(header,.header) menu) {
		white-space: nowrap;
	}


:where(:where(menu,.menu:where(ol,ul),.co_nav>:where(ol,ul))>li>*),
:where(.co_nav>a,.bt) {
	min-height: var(--spacing-xl);
	width: fit-content;
	margin-inline: auto;
	padding-inline: var(--spacing-md);
}
	:where(:where(menu,.menu:where(ol,ul))>li>*),
	:where(.co_nav>a,.bt,.bt>span) {
		position: relative;
		display: grid;
		place-content: center;
		place-self: center;
		align-items: center;
	}
:where(.bt) {
	grid-template-columns: 1fr auto 1fr;
	column-gap: var(--spacing-sm);
	cursor: pointer;
	border: 0 none;
}
:where(.bt)::before,:where(.bt)::after{transition:var(--transition);content:""}
:where(.bt)::after{justify-self:end}


/* ol.menu.bread>(li*2>a{page$})+li>span{page-title} */
.bread {
	display: flex;
	flex-wrap: wrap;
}
/* @media (max-width:639px){
	.bread>li:last-child,
	.bread>li:last-child>* {
		width: 100%;
		text-align: center;
	}
} */


/* < 1 2 3 ... 10 > */
/* .co_nav.co_center>ul>(li>a.prev{&laquo;})+(li*3>a{$})+(li>span.dots{...})+(li>a{10})+li>a.next{&raquo;} */
.co_nav,
.co_nav > ul {
	display: flex;
	flex-wrap: wrap;
	--gap-base: var(--spacing-md);
	gap: var(--gap2, calc(var(--gap-base) / 2) var(--gap, var(--gap-base)));
}
	.co_nav.co_center > ul {
		justify-content: center;
		margin-inline: auto;
		width: max-content;
		max-width: 100%;
	}
	.co_nav li {
		display: grid;
		place-items: center;
	}
		.co_nav li > * {
			place-content: center;
			place-items: center;
			line-height: 1.2;
			height: 100%;
		}
		.co_nav li > .dots {
			padding-inline: 0;
			width: auto;
		}

@media (max-width:639px){
	.co_nav:has(.prev):has(.next) li:has(.prev,.next) {
		order: -1; /* top:-1, bottom:777 */
		width: calc((100% - var(--gap)) / 2);
	}
}
.list.co_nav {
	flex-direction: column;
}
	.list.co_nav li > * {
		justify-content: left;
		width: 100%;
	}

/* < prev    next > */
/* .co_nav>a.prev{&laquo;}+a.next{&raquo;} */
.co_nav > .prev {
	margin-inline: 0 auto;
}
	.co_nav > .next {
		margin-inline: auto 0;
		text-align: right;
	}

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



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* list-mark >> */
/* __________________________________________________________________ */

:where(.co_mark) {
	list-style: none;
	padding-left: 0;
	--m-w: .8em;
	--m-w: calc(1lh / 2);/* lh:2023-05 */
	--m-y-pad: .15em;
	--m-x-pad: .15em;
	--m-y: max(calc(var(--m-w) + var(--m-y-pad)), 0em);
	--m-x: max(calc(var(--m-w) + var(--m-x-pad)), 0em);
	--m-lw: .4em;
	--m-col: var(--col-key);
	--m-col2: var(--col-col-7);
	--c1: var(--m-col);
	--c2: var(--m-col2);
}
	:where(.co_mark:not(.co_nav)>li,.co_nav.co_mark a) {
		position: relative;
		padding-left: var(--m-gap);
	}
	:where(.co_mark:not(.co_nav)>li,.co_nav.co_mark a)::before {
		content: "";
		display: block;
		width: var(--m-w);
		aspect-ratio: 1/1;
		position: absolute;
		top: calc((1em / 2) + (var(--leading-trim) * -1));
		left: 0;
		transition: var(--transition);
		background-color: var(--c1);
		color: var(--c2);
	}
	:where(.co_nav.co_mark) a::before {
		top: calc((100% - var(--m-w)) / 2);
		line-height: 2;
	}
:where(.co_non-dot.co_mark>li,.co_nav.co_mark>li)::before {
	content: none;
}
:where(.co_m_line.co_mark>li)::before {
	width: var(--m-lw);
	top: calc(var(--leading-trim) * -1);
	bottom: calc(var(--leading-trim) * -1);
	/* left: calc(var(--m-gap) -(var(--m-lw)* 2)); */
	aspect-ratio: auto;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << list-mark */
/* __________________________________________________________________ */



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

.co_step { /* use:.co_div.co_step>li */
	--step-icon-width: var(--gap-base);
	--gap-base: var(--spacing-md);
	--gap: max(calc((var(--step-icon-width) + (var(--gap-base) * 2)) * var(--div-n)), calc(var(--gap-base) * var(--div-1)), 0px);
	--gap2: max(calc((var(--gap-base) * var(--div-n))), calc((var(--step-icon-width) + (var(--gap-base) * 2)) * var(--div-1)), 0px);
	justify-content: center;
}
	.co_step > li {
		border: 1px solid var(--col-gray);
		padding: var(--spacing-md);
		position: relative;
	}
	.co_step > li::after {
		position: absolute;
		content: "";
		display: block;
		width: var(--step-icon-width);
		background-color: var(--col-key);
		left: calc(50% + (50% + var(--gap2)) * var(--div-n));
		top: calc(50% + (50% + var(--gap)) * var(--div-1));
		aspect-ratio: 1/1;
		clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
		rotate: calc(90deg * var(--div-1));
		translate: calc(-50% * var(--div-1)) calc(-50% * var(--div-n));
	}
		.co_step:not(.co_left) > li:last-of-type::after,
		.co_step.co_left > li:first-of-type::after { /* use:.co_div.co_step.co_left>li */
			content: none;
		}
		.co_step.co_left > li::after {
			right: calc(50% + (50% + var(--gap2)) * var(--div-n));
			left: auto;
		}

	ol.co_step > li::before { /* use:ol.co_div.co_step>li */
		content: "" counter(co_ol) "";
		position: absolute;
		color: var(--col-white);
		background-color: var(--col-key);
		line-height: 1.1;
		padding: var(--spacing-xs);
		top: 0;
		right: calc(100% - var(--spacing-md));
	} /* num */

ol.co_step {
	padding-top: var(--spacing-sm);
}
	ol.co_step > li::before {
		top: calc(var(--spacing-sm) * -1);
		right: calc(100% - var(--spacing-sm));
	}

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



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* table >> */
/* __________________________________________________________________ */

:where(table:not(.co_div > table)) {
	width: 100%;
}
:where(th,td) {
	font-weight: 300;
	background-color: initial;
	color: inherit;
	border-color: var(--col-gray);
}
:where(th) {
	color: var(--col-white);
	background-color: var(--col-key);
	font-weight: 400;
}
:where(thead :where(th,td)) {
	line-height: 1.2;
}
:where(tbody th) {
	padding: var(--spacing-xs) var(--spacing-sm);
}
/* :where(:where(tfoot > tr) > td:first-child:last-child) {
	border-color: transparent;
} */

.co_th_keep {
	word-break: keep-all;
}
.co_table caption {
	font-size: 1.2em;
	margin: 0 0 .1em;
	background-color: var(--col-gray);
}
	.co_table_even_color :where(tbody > tr:nth-child(2n)) :is(th, td) {
		background-color: var(--col-selection);
	}
.co_table_boder_top > :where(th,td) {
	border-top: 3px double var(--col-gray);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << table */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* Frame: .om >> */
/* __________________________________________________________________ */

.om-page {
	background-color: var(--col-bg);
}
.om-page :where(.inner.co_contents) {
	padding-inline: var(--wrap-inpad);
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << Frame: .om */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* Frame: init >> */
/* __________________________________________________________________ */

body::before { /* cover splash */
	opacity: 0;
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	background-color: rgb(var(--col-bg-rgb) / .93);
	transition: opacity 1s ease-out 1s;
	z-index: 9997; /* om:9991 */
}
.no-js>body::before {
	opacity: 1;
}

:where(.copyright) {
	text-align: center;
	font-size: 14px;
	letter-spacing: .08em;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << Frame: init */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* Frame: footer >> */
/* __________________________________________________________________ */

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << Frame: footer */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* .co_img >> */
/* __________________________________________________________________ */

:where(.co_img :where(a,img,video)) {
	display: block;
	width: 100%;
	margin: auto;
}
:where(.co_img :where(img,video)) {
	max-height: 90vh;
	object-fit: contain;
}
:where(.co_img figcaption) {
	margin: 0;
	font-size: .8em;
	padding: .5em;
}
	:where(.co_img figcaption):first-child {
		margin-bottom: .4rem;
	}
	:where(.co_img figcaption):last-child {
		margin-top: .4rem;
	}

:where(.co_img.co_error)::before {
	padding-top: 62.5%;
	background-color: var(--col-gray);
	background-image: url( '/assets/img/logo/white.svg' ), radial-gradient(var(--col-e),var(--col-c) 85%);
	background-size: 70% auto,auto;
	background-position: center;
	width: 100%;
	content: "";
	display: block;
}

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << .co_img */
/* __________________________________________________________________ */



/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* Individual >> */
/* __________________________________________________________________ */

/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			/* << Individual */
/* __________________________________________________________________ */



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


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