@charset "utf-8";
/* *************************************************************************************************************
 *	file name:		common.css
 *	Alteration:		2022.03
 *	style info:		全ページ共通のリセット・コモンCSS
----------------------------------------------------------------------------------------------------------------
 *	<COMMON> - Normalize - Reset - CssCustomProperties - Setting - AddParts - etc
 *	<@KEYFRAMES>
************************************************************************************************************* */
/* ----------------------------------------------------------------------------
 * [ Noto Sans JP (400,700) ]
 * [ Noto Serif JP (400,600) ]
 * [ EB Garamond (400) ]
 * URL	: https://fonts.google.com/share?selection.family=EB%20Garamond%7CNoto%20Sans%20JP:wght@400;700%7CNoto%20Serif%20JP:wght@400;600
 * CODE	:
 * 		font-family: 'EB Garamond', serif;
 * 		font-family: 'Noto Sans JP', sans-serif;
 * 		font-family: 'Noto Serif JP', serif;
 */


@media screen and ( min-width: 360px ) {}
@media screen and ( min-width: 520px ) {}
@media screen and ( min-width: 769px ) {}
@media screen and ( min-width: 1366px ) {}

/* ***************************************************************************************************
	COMMON
*************************************************************************************************** */

/* ============================================================================
	Normalize (ress v1.1.2 - v1.2.2)
-------------------------------------------------------------------------------
	[ress.css • v1.1.2]
	Author 	: Filipe Linhares
	License	: MIT License(https://opensource.org/licenses/mit-license.php)
	URL		: github.com/filipelinhares/ress
-------------------------------------------------------------------------------
	[2021.10] Adding | deleted the part of the style.
============================================================================ */
html {box-sizing:border-box;/*overflow-y:scroll;*/-webkit-text-size-adjust:100%;}
*, ::before, ::after {background-repeat:no-repeat;box-sizing:inherit;}
::before, ::after {text-decoration:inherit;vertical-align:inherit;}
* {padding:0;margin:0;}
	/*audio:not([controls]) {display:none;height:0;}*/
a {background-color:transparent;-webkit-text-decoration-skip:objects;}
	/*a:active, a:hover {outline-width:0;}*/
/* # ==================== */
input {border-radius:0;}
button,[type="button"],[type="reset"],[type="submit"],[role="button"] {cursor:pointer;}
[disabled] {cursor:default;}
	/*[type="number"] {width:auto;}
	[type="search"] {-webkit-appearance:textfield;}
	[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}*/
textarea {overflow:auto;resize:vertical;}
button,input,optgroup,select,textarea {font:inherit;}
	/*optgroup {font-weight:bold;}*/
button {overflow:visible;}
	/*button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style:0;padding:0;}
	button:-moz-focusring,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {outline:1px dotted ButtonText;}
	button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button;}
	button,select {text-transform:none;}
	button,input,select,textarea {background-color:transparent;border-style:none;color:inherit;}
	select {-moz-appearance:none;-webkit-appearance:none;}
	select::-ms-expand {display:none;}
	legend {border:0;color:inherit;display:table;max-width:100%;white-space:normal;}
	::-webkit-file-upload-button {-webkit-appearance:button;font:inherit;}*/
/* # ==================== */
img {border-style:none;}
progress {vertical-align:baseline;}
/*svg:not(:root) {overflow:hidden;}*/
audio, canvas, progress, video {display:inline-block;}
/* # ==================== */
::-moz-selection {background-color:#b3d4fc;color:#000;text-shadow:none;}
::selection {background-color:#b3d4fc;color:#000;text-shadow:none;}


/* ============================================================================
	Reset 															2022.03
============================================================================ */
ul, ol {list-style:none;}
ul li::before {content: "\200B";} /*for Safari (アクセシビリティの考慮事項)*/
/*table {border-collapse:collapse;border-spacing:0;}*/
h1, h2, h3, h4, h5, h6 {font-weight:inherit;font-size:inherit;}
b, strong {font-weight:inherit;}
i, em, address {font-style:normal;}
img {vertical-align:bottom;} /*余白対策 */
small, figcaption {font:inherit;}
sub, sup {font-size:63%;line-height:0;position:relative;vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}

abbr {display:inline;text-decoration:none;}
dfn {font-style:normal;}


/* ============================================================================
	CssCustomProperties 											2021.10
============================================================================ */
/* SITE
---------------------------------------------------- */
	:root {
		/* 基本の幅 */
		--site-contWide-Full:	100%;
		--site-contWide-M:		76.984%;
		--site-contWide-S:		83.333%;
		--site-contMaxWide-M:	1200px;
		--site-contMaxWide-S:	970px;
		--site-outerWidth:		var(--site-contMaxWide-M); /* 1366px || var(--site-contMaxWide-M) */
		/* 余白 */
		--site-marpad-XL:		60px;
		--site-marpad-L:		50px;
		--site-marpad-M:		40px;
		--site-marpad-S:		30px;
		--site-marpad-XS:		22px;
		--site-marpad-XXS:		15px;
		/* テーマカラー */
		--site-themeColor-base:				#ffffff; /* White */
		--site-themeColor-main:				#eeeeee; /* Pale_gray */
		--site-themeColor-accent_1:			#f00000; /* Bright_red */
		--site-themeColor-accent_2:			#faf8f6; /* Pale_red */
		--site-themeColor-accent_3:			#fef2f2;
		/* カラーバリエーション */
		--site-variationColor-accent_1:		204, 0, 0;	/* = rgb | #cc0000 */
		/* リンク用カラー */
		/*--site-linkColor-basic:				#ffffff;
		--site-linkColor-basic-reverse:		#000000;*/
		/* フォント */
		--site-font_family-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
		--site-font_family-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
		--site-font_family-en_1: "EB Garamond", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
		--site-font_family-basic: var(--site-font_family-sans);
		--site-font_family-num: Oswald, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	}
	/* hover, focus, current */
	/*@media (hover: hover) {
		a[href]:hover {
			--site-linkColor-basic: var(--site-linkColor-basic-active);
			--site-linkColor-basic-reverse: var(--site-linkColor-basic-reverse-active);
		}
	}
	a[href]:focus-visible,
	.is_current > a[href] {
		--site-linkColor-basic: var(--site-linkColor-basic-active);
		--site-linkColor-basic-reverse: var(--site-linkColor-basic-reverse-active);
	}*/
@media screen and ( min-width: 769px ) {
	:root {
		/* 余白 */
		--site-marpad-XL:		120px;
		--site-marpad-L:		100px;
		--site-marpad-M:		80px;
		--site-marpad-S:		60px;
		--site-marpad-XS:		40px;
		--site-marpad-XXS:		20px;
	}
}





/* ============================================================================
	Setting
============================================================================ */
/* html */
	html {font-size:0.625em;}	/* = 10px | for 'rem' Criteria. */

/* Img */
	img,
	object[data-obj-roleimg*="roleImg"] {
		max-width:100%;
		/*height:auto;*/
	}
	a object[data-obj-roleimg*="_link"] {	/* リンクが効かなくなる仕様の解除 | 例：<a href="#"><object data="xxx.svg" data-obj-roleimg="roleImg_link"></object></a> */
		pointer-events:none;
	}

/* svg */
	svg:not(:root) {
		overflow:hidden;
	}
	img[src$=".svg"],
	img[src$=".svgz"],
	object[data-obj-roleimg*="roleImg"][data$=".svg"],
	object[data-obj-roleimg*="roleImg"][data$=".svgz"] {	/* for IE11 | ※親要素に幅指定必須 (Width specification is mandatory for parent element.) */
		width:100%;
		backface-visibility: hidden;
		transform: translateZ(0);
	}

/* ---------------------------------
	Text Base
--------------------------------- */
	.siteWrap {
		line-height:1.6;
		font-display: swap;
		font-family: var(--site-font_family-basic);
		font-size:1.5rem;
		letter-spacing:normal;
	}
	.fontSizeReset {
		font-size:1.5rem;
	}
	small, figcaption,
	[data-imgcap="imgcapPseudoAfterParent"]::after {
		color:inherit;
		font-family: var(--site-font_family-sans);
		font-size:1rem;
		letter-spacing:normal;
		/*opacity: 0.92;*/ /* 気持ち軽くする(不要なら削除) */
	}
@media screen and ( min-width: 769px ) {
	.siteWrap {
		font-size:1.6rem;
	}
	.fontSizeReset {
		font-size:1.6rem;
	}
	small, figcaption,
	[data-imgcap="imgcapPseudoAfterParent"]::after {
		font-size:1.2rem;
	}
}


/* Font Family */
	.fontSerif,
	.fontSerifBox * {
		font-family: var(--site-font_family-serif);
	}
	.fontSans,
	.fontSansBox * {
		font-family: var(--site-font_family-sans);
	}
	.fontEn1,
	.fontEn1Box * {
		font-family: var(--site-font_family-en_1);
	}

/* Text */
	.txtReset,
	.txtResetBox * {
		color:inherit;
		font-family: var(--site-font_family-basic);
	}
	.txtSizeInherit {		font-size:inherit;}
	.txtSizeLLL {			font-size:1.5em;}
	.txtSizeLL {			font-size:1.35em;}
	.txtSizeL {				font-size:1.15em;}
	.txtSizeS {				font-size:0.85em;}
	.txtSizeSS {			font-size:0.65em;}
	.txtSizeSSS {			font-size:0.475em;}
	.txtSize1rem {			font-size:1rem;}
	
	.txtColorInherit {		color:inherit;}
	.txtColorBk {			color:#000 !important;} /*黒系*/
	.txtColorWh {			color:#fff !important;} /*白系*/
	.txtColorGr {			color:#666 !important;} /*灰系*/
	.txtColor_base {		color:var(--site-themeColor-base) !important;}
	.txtColor_main {		color:var(--site-themeColor-main) !important;}
	.txtColor_accent_1 {	color:var(--site-themeColor-accent_1) !important;}
	.txtColor_accent_2 {	color:var(--site-themeColor-accent_2) !important;}
	
	.emphasis {font-weight:bold;}
	
	.EmParentheses {margin-left:-0.5em;margin-right:-0.5em;}
	.EmParenthesesL {margin-left:-0.5em;}
	.EmParenthesesR {margin-right:-0.5em;}
	.EmParenthesesH {margin-left:-0.25em;margin-right:-0.25em;}/* Half */
	.EmParenthesesHL {margin-left:-0.25em;}
	.EmParenthesesHR {margin-right:-0.25em;}

	.heading sub {font-size:0.55em;bottom:-0.1em;margin-right:0.1em;}
	.heading sup {font-size:0.55em;top:-0.6em;margin-right:0.1em;}

/* Small Text */
	small.bl {display:block;line-height:1.4;margin-top:0.35em;}
	small.bltr {display:block;line-height:1.4;margin-top:0.35em;text-align:right;}
	small .punc {margin-right:-0.5em;}/* punctuation mark（約物）｜※inline-block内の文末使用は不可。inline-block自身への使用は可。 */
	
	.mainRoleCaption,
	.captionWrap {display:block;clear:both;/*line-height:1.7;*/}
	.mainRoleCaption small,
	.captionWrap small {display:inline-block;/*letter-spacing:0.02em;*/}
@media screen and ( min-width: 769px ) {
	small.PC_tr {text-align:right;}
}

/* imgcapkeep | keepのみシンプル版 */
	.imgcapParent,
	[data-imgcap="imgcapPseudoAfterParent"] {
		position:relative;
	}
	.imgcapkeep,
	[data-imgcap="imgcapPseudoAfterParent"]::after {
		display:block;
		line-height:1.5;
		padding:0.3em 0.5em 0;
	}
	.imgcapkeep,
	[data-imgcap="imgcapPseudoAfterParent"]::after {
		position:absolute;
		right:0;
		bottom:0;
		padding:5px 10px;
	}
	.imgcapkeep > span {
		display:inline-block;
	}
	.imgcapkeep.wh {color:#ffffff;text-shadow:0 0 3px rgba(0,0,0,0.3);}
	.imgcapkeep.bk {color:#202020;text-shadow:0 0 3px rgba(255,255,255,0.3);}
	.imgcapkeep.gr {color:#666666;text-shadow:0 0 3px rgba(255,255,255,0.3);}
	.imgcapkeep .wh {color:#ffffff;text-shadow:0 0 5px rgba(0,0,0,0.9), 0 0 4px rgba(0,0,0,0.9), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1);}
	.imgcapkeep .bk {color:#202020;text-shadow:0 0 5px rgba(255,255,255,0.6), 0 0 4px rgba(255,255,255,0.7), 0 0 3px rgba(255,255,255,0.8), 0 0 2px rgba(255,255,255,0.9), 0 0 1px rgba(255,255,255,0.5), 1px 1px 0 rgba(255,255,255,0.5), -1px 1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);}
	.imgcapkeep .gr {color:#666666;text-shadow:0 0 5px rgba(255,255,255,0.6), 0 0 4px rgba(255,255,255,0.7), 0 0 3px rgba(255,255,255,0.8), 0 0 2px rgba(255,255,255,0.9), 0 0 1px rgba(255,255,255,0.5), 1px 1px 0 rgba(255,255,255,0.5), -1px 1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5), -1px -1px 0 rgba(255,255,255,0.5);}
	.imgcapkeep.bg.wh {background:rgba(0,0,0,0.5);text-shadow:none;}
	.imgcapkeep.bg.bk {background:rgba(255,255,255,0.6);text-shadow:none;}
	.imgcapkeep.bg.gr {background:rgba(255,255,255,0.6);text-shadow:none;}

/* Symbol List | ul.symList>li.symItem*2>span.sym+div.symItemText */
	.symList-kome {display:block!important;}
	.symList-kome .symItem {display:flex;width:100%;}
	.symList-kome .sym {display:block;white-space:nowrap;padding-right:0.25em;}
	.symList-kome .sym + span {flex:1 1;display:block;}
	
	.symList > .symItem {display:flex;width:100%;}
	.symList > .symItem::before,
	.symList > .symItem .sym {display:block;white-space:nowrap;padding-right:0.25em;}
	.symList > .symItem .symItemText {flex:1 1;display:block;}
	
	.symList[data-star-symlist-styletype="squareFill"] > .symItem::before {
		content: "■";
	}
	.symList[data-star-symlist-styletype="squareLine"] > .symItem::before {
		content: "□";
	}

/* ---------------------------------
	Link
--------------------------------- */
	a,
	a .inbl {					/* リセット */
		color:inherit;
		text-decoration:none;
	}
	a.txtLink,
	.txtLink a {				/* 汎用：下線付き */
		text-decoration:underline !important;
	}
	a.txtLink_reverse,
	.txtLink_reverse a {		/* 汎用：下線なし */
		text-decoration:none !important;
	}
	.hoverItem,
	.hover a,
	a.hover {					/* 汎用：hover時_透過フェード */
		opacity:1;
		transition:opacity .18s ease-out;
	}
	@media (hover: hover) {
		a:hover,
		a:hover .inbl {
			text-decoration:none;
		}
		a.txtLink:hover,
		.txtLink a:hover {
			text-decoration:none !important;
		}
		a.txtLink_reverse,
		.txtLink_reverse a {
			text-decoration:underline !important;
		}
		.hoverItem:hover,
		.hover a:hover,
		a.hover:hover {
			opacity:0.63;
		}
	}
	a:focus-visible,
	a:focus-visible .inbl {
		text-decoration:none;
	}
	a.txtLink:focus-visible,
	.txtLink a:focus-visible {
		text-decoration:none !important;
	}
	a.txtLink_reverse:focus-visible,
	.txtLink_reverse a:focus-visible {
		text-decoration:none !important;
	}
	.hoverItem:focus-visible,
	.hover a:focus-visible,
	a.hover:focus-visible {
		opacity:0.63;
	}

/* ---------------------------------
	Button
--------------------------------- */
	.M_btnReset {
		/* clear */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: inherit;
		font: inherit;
		background: transparent;
		border: none;
		border-radius: 0;
		cursor: pointer;
	}


/* ============================================================================
	AddParts
-------------------------------------------------------------------------------
	* generalColBox
============================================================================ */

/* generalColBox
-------------------------------------------------------
- 汎用カラムボックス
- 左右余白ネガティブマージン(px)ver
- カスタムデータ属性（^= と ~= の違いに注意。^=先頭の値、~=スペース区切り毎の正確な値）
- カスタムプロパティ使用
-------------------------------------------------------
- [2020.07]（左右余白、SPl時・SPs時に1カラム、.generalColBoxParent）
- [2021.05]（カスタムデータ属性に変更）
- [2021.10]（クラス名の変更('.Col1-belowL'等)）
- [2022.03]（シンプル版）
-------------------------------------------------------
- 標準
	[data-columns^="generalColMax4"]
	[data-columns^="generalColMax3"]
	[data-columns^="generalColMax2"]
- 上マージンのオフセット
	[data-columns~="mtOffset"]
-------------------------------------------------------
- 例 (ul_col3_offset) ： div.generalColBoxParent>ul.generalColBox[data-columns="generalColMax3 mtOffset"]>li{iii}*3
- 例 (dl_col2_offset) ： div.generalColBoxParent>dl.generalColBox[data-columns="generalColMax2 mtOffset"]>div*3>dt{ttt}+dd{ddd}
---------------------------------------------------- */
	.generalColBoxParent {
		overflow: hidden;
	}
	.generalColBox {
		--M-generalColBoxUnit-margin-top:			40px;
		--M-generalColBoxUnit-margin-left_right:	10px;
		display: flex;
		flex-wrap: wrap;
		margin: 0 calc(var(--M-generalColBoxUnit-margin-left_right) * -1); /* 相殺 */
	}
	[data-columns~="mtOffset"] {
		margin-top: calc(var(--M-generalColBoxUnit-margin-top) * -1); /* 相殺 */
	}
	.generalColBox > * {
		margin: var(--M-generalColBoxUnit-margin-top) var(--M-generalColBoxUnit-margin-left_right) 0;
	}
	.generalColBox .picBox {
		display: block;
		position: relative;
	}
	.generalColBox .picBox img {
		width: 100%;
		max-width: none;
		height: auto;
	}
	/* ***** ( ^= に注意) ***** */
	[data-columns^="generalColMax4"] > * {
		width: calc(50% - calc(var(--M-generalColBoxUnit-margin-left_right) * 2));
	}
	[data-columns^="generalColMax3"] > *,
	[data-columns^="generalColMax2"] > * {
		width: calc(100% - calc(var(--M-generalColBoxUnit-margin-left_right) * 2));
	}
@media screen and ( min-width: 520px ) {
	.generalColBox {
		--M-generalColBoxUnit-margin-left_right:	15px;
	}
}
@media screen and ( min-width: 769px ) {
	.generalColBox {
		--M-generalColBoxUnit-margin-top:			100px;
		--M-generalColBoxUnit-margin-left_right:	30px;
	}
	/* ***** ( ^= に注意) ***** */
	[data-columns^="generalColMax4"] > * {
		width: calc(25% - calc(var(--M-generalColBoxUnit-margin-left_right) * 2));
	}
	[data-columns^="generalColMax3"] > * {
		width: calc(33.333% - calc(var(--M-generalColBoxUnit-margin-left_right) * 2));
	}
	[data-columns^="generalColMax2"] > * {
		width: calc(50% - calc(var(--M-generalColBoxUnit-margin-left_right) * 2));
	}
}


/* js_slideScroll
-------------------------------------------------------
- スワイプを促すアイコンを表示させる。
-------------------------------------------------------
- (JS)		setting.jsの「slideScroll」と連携。
- (HTML)	overflow:scroll;を設定している要素に「.js_slideScroll」を指定する。
- (CSS)		各ページCSS内の必要なタイミングで「.swipeIcon { z-index:1 }」にする。（ウィンドウ幅に関係なく使用可能）
-------------------------------------------------------
- 例 (HTML) <div class="picBox js_slideScroll"><img src="xxx"></div>
- 例 (結果) <div class="picBox js_slideScroll"><span class="swipeIcon"></span><img src="xxx"></div>
---------------------------------------------------- */
	.js_slideScroll {
		position: relative;
		z-index: 0;
		-webkit-overflow-scrolling: touch;
	}
	.js_slideScroll .swipeIcon {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1; /* ※各ページCSS内のタイミングで z-index:1 にする。 */
		width: 100%;
		height: 100%;
		background: url("../img/ico_swipe_wh.png") 50% center / 80px auto no-repeat
					,rgba(0,0,0,.35);
		animation: 1.1s ease-in-out .2s infinite alternate both js_slideScroll_swipeIcon_motion;
	}
/* =================================
	@KEYFRAMES
================================= */
@keyframes js_slideScroll_swipeIcon_motion {
	0% {	background-position: calc(50% - 16px) center;}
	100% {	background-position: calc(50% + 16px) center;}
}





/* ============================================================================
	Display
============================================================================ */
.SP_none {display:none}
@media screen and ( min-width: 769px ) {
	.SP_none {display:block;}
}
.PC_none {display:block}
@media screen and ( min-width: 769px ) {
	.PC_none {display:none;}
}

/* ============================================================================
	etc
============================================================================ */
.clearfix::after {content:"";display:block;clear:both;}
.clear{clear:both !important;}
.dispNone{display:none;}
.dispNoneImp{display:none!important;}
.dispInline{display:inline;}
.inbl{display:inline-block;}
.bl{display:block;}
.bltc{display:block;text-align:center;}
.blImp{display:block !important;}
.noWrap{white-space:nowrap;}
.tj{text-align:justify !important;text-justify:inter-ideograph !important;/* for IE */}.tj *{display:inline !important;}
.tc{text-align:center !important}.tl{text-align:left !important}.tr{text-align:right !important}
.fl{float:left !important}.fr{float:right !important}.fn{float:none !important}
/* print */
.pageBreakBefore {page-break-before:always;}
.pageBreakAfter {page-break-after:always;}
.pageBreakInsideAvoid {page-break-inside:avoid !important;}
/* letterSpacing */
.lettsp0	{letter-spacing: 0 !important;}
.lettsp002	{letter-spacing: 0.02em !important;}
.lettsp003	{letter-spacing: 0.03em !important;}
.lettsp005	{letter-spacing: 0.05em !important;}
.lettsp007	{letter-spacing: 0.07em !important;}
.lettsp01	{letter-spacing: 0.1em !important;}
.lettsp015	{letter-spacing: 0.15em !important;}
.lettsp02	{letter-spacing: 0.2em !important;}
/* margin, padding */
.mtXL	{margin-top:var(--site-marpad-XL)}	.mrXL	{margin-right:var(--site-marpad-XL)}	.mbXL	{margin-bottom:var(--site-marpad-XL)}	.mlXL	{margin-left:var(--site-marpad-XL)}			.ptXL	{padding-top:var(--site-marpad-XL)}		.prXL	{padding-right:var(--site-marpad-XL)}	.pbXL	{padding-bottom:var(--site-marpad-XL)}	.plXL	{padding-left:var(--site-marpad-XL)}
.mtL	{margin-top:var(--site-marpad-L)}	.mrL	{margin-right:var(--site-marpad-L)}		.mbL	{margin-bottom:var(--site-marpad-L)}	.mlL	{margin-left:var(--site-marpad-L)}			.ptL	{padding-top:var(--site-marpad-L)}		.prL	{padding-right:var(--site-marpad-L)}	.pbL	{padding-bottom:var(--site-marpad-L)}	.plL	{padding-left:var(--site-marpad-L)}
.mtM	{margin-top:var(--site-marpad-M)}	.mrM	{margin-right:var(--site-marpad-M)}		.mbM	{margin-bottom:var(--site-marpad-M)}	.mlM	{margin-left:var(--site-marpad-M)}			.ptM	{padding-top:var(--site-marpad-M)}		.prM	{padding-right:var(--site-marpad-M)}	.pbM	{padding-bottom:var(--site-marpad-M)}	.plM	{padding-left:var(--site-marpad-M)}
.mtS	{margin-top:var(--site-marpad-S)}	.mrS	{margin-right:var(--site-marpad-S)}		.mbS	{margin-bottom:var(--site-marpad-S)}	.mlS	{margin-left:var(--site-marpad-S)}			.ptS	{padding-top:var(--site-marpad-S)}		.prS	{padding-right:var(--site-marpad-S)}	.pbS	{padding-bottom:var(--site-marpad-S)}	.plS	{padding-left:var(--site-marpad-S)}
.mtXS	{margin-top:var(--site-marpad-XS)}	.mrXS	{margin-right:var(--site-marpad-XS)}	.mbXS	{margin-bottom:var(--site-marpad-XS)}	.mlXS	{margin-left:var(--site-marpad-XS)}			.ptXS	{padding-top:var(--site-marpad-XS)}		.prXS	{padding-right:var(--site-marpad-XS)}	.pbXS	{padding-bottom:var(--site-marpad-XS)}	.plXS	{padding-left:var(--site-marpad-XS)}
.mtXXS	{margin-top:var(--site-marpad-XXS)}	.mrXXS	{margin-right:var(--site-marpad-XXS)}	.mbXXS	{margin-bottom:var(--site-marpad-XXS)}	.mlXXS	{margin-left:var(--site-marpad-XXS)}		.ptXXS	{padding-top:var(--site-marpad-XXS)}	.prXXS	{padding-right:var(--site-marpad-XXS)}	.pbXXS	{padding-bottom:var(--site-marpad-XXS)}	.plXXS	{padding-left:var(--site-marpad-XXS)}
/* margin, padding | Legacy */
.mt005em{margin-top: 0.05em!important}	.mr005em{margin-right: 0.05em!important}	.mb005em{margin-bottom: 0.05em!important}	.ml005em{margin-left: 0.05em!important}			.pt005em{padding-top: 0.05em!important}	.pr005em{padding-right: 0.05em!important}	.pb005em{padding-bottom: 0.05em!important}	.pl005em{padding-left: 0.05em!important}
.mt01em	{margin-top: 0.1em!important}	.mr01em	{margin-right: 0.1em!important}		.mb01em	{margin-bottom: 0.1em!important}	.ml01em	{margin-left: 0.1em!important}			.pt01em	{padding-top: 0.1em!important}	.pr01em	{padding-right: 0.1em!important}	.pb01em	{padding-bottom: 0.1em!important}	.pl01em	{padding-left: 0.1em!important}
.mt02em	{margin-top: 0.2em!important}	.mr02em	{margin-right: 0.2em!important}		.mb02em	{margin-bottom: 0.2em!important}	.ml02em	{margin-left: 0.2em!important}			.pt02em	{padding-top: 0.2em!important}	.pr02em	{padding-right: 0.2em!important}	.pb02em	{padding-bottom: 0.2em!important}	.pl02em	{padding-left: 0.2em!important}
.mt03em	{margin-top: 0.3em!important}	.mr03em	{margin-right: 0.3em!important}		.mb03em	{margin-bottom: 0.3em!important}	.ml03em	{margin-left: 0.3em!important}			.pt03em	{padding-top: 0.3em!important}	.pr03em	{padding-right: 0.3em!important}	.pb03em	{padding-bottom: 0.3em!important}	.pl03em	{padding-left: 0.3em!important}
.mt04em	{margin-top: 0.4em!important}	.mr04em	{margin-right: 0.4em!important}		.mb04em	{margin-bottom: 0.4em!important}	.ml04em	{margin-left: 0.4em!important}			.pt04em	{padding-top: 0.4em!important}	.pr04em	{padding-right: 0.4em!important}	.pb04em	{padding-bottom: 0.4em!important}	.pl04em	{padding-left: 0.4em!important}
.mt05em	{margin-top: 0.5em!important}	.mr05em	{margin-right: 0.5em!important}		.mb05em	{margin-bottom: 0.5em!important}	.ml05em	{margin-left: 0.5em!important}			.pt05em	{padding-top: 0.5em!important}	.pr05em	{padding-right: 0.5em!important}	.pb05em	{padding-bottom: 0.5em!important}	.pl05em	{padding-left: 0.5em!important}
.mt06em	{margin-top: 0.6em!important}	.mr06em	{margin-right: 0.6em!important}		.mb06em	{margin-bottom: 0.6em!important}	.ml06em	{margin-left: 0.6em!important}			.pt06em	{padding-top: 0.6em!important}	.pr06em	{padding-right: 0.6em!important}	.pb06em	{padding-bottom: 0.6em!important}	.pl06em	{padding-left: 0.6em!important}
.mt07em	{margin-top: 0.7em!important}	.mr07em	{margin-right: 0.7em!important}		.mb07em	{margin-bottom: 0.7em!important}	.ml07em	{margin-left: 0.7em!important}			.pt07em	{padding-top: 0.7em!important}	.pr07em	{padding-right: 0.7em!important}	.pb07em	{padding-bottom: 0.7em!important}	.pl07em	{padding-left: 0.7em!important}
.mt08em	{margin-top: 0.8em!important}	.mr08em	{margin-right: 0.8em!important}		.mb08em	{margin-bottom: 0.8em!important}	.ml08em	{margin-left: 0.8em!important}			.pt08em	{padding-top: 0.8em!important}	.pr08em	{padding-right: 0.8em!important}	.pb08em	{padding-bottom: 0.8em!important}	.pl08em	{padding-left: 0.8em!important}
.mt09em	{margin-top: 0.9em!important}	.mr09em	{margin-right: 0.9em!important}		.mb09em	{margin-bottom: 0.9em!important}	.ml09em	{margin-left: 0.9em!important}			.pt09em	{padding-top: 0.9em!important}	.pr09em	{padding-right: 0.9em!important}	.pb09em	{padding-bottom: 0.9em!important}	.pl09em	{padding-left: 0.9em!important}
.mt1em	{margin-top: 1em!important}		.mr1em	{margin-right: 1em!important}		.mb1em	{margin-bottom: 1em!important}		.ml1em	{margin-left: 1em!important}			.pt1em	{padding-top: 1em!important}	.pr1em	{padding-right: 1em!important}		.pb1em	{padding-bottom: 1em!important}		.pl1em	{padding-left: 1em!important}
.mt1_5em{margin-top: 1.5em!important}	.mr1_5em{margin-right: 1.5em!important}		.mb1_5em{margin-bottom: 1.5em!important}	.ml1_5em{margin-left: 1.5em!important}			.pt1_5em{padding-top: 1.5em!important}	.pr1_5em{padding-right: 1.5em!important}	.pb1_5em{padding-bottom: 1.5em!important}	.pl1_5em{padding-left: 1.5em!important}
.mt2em	{margin-top: 2em!important}		.mr2em	{margin-right: 2em!important}		.mb2em	{margin-bottom: 2em!important}		.ml2em	{margin-left: 2em!important}			.pt2em	{padding-top: 2em!important}	.pr2em	{padding-right: 2em!important}		.pb2em	{padding-bottom: 2em!important}		.pl2em	{padding-left: 2em!important}
.mt2_5em{margin-top: 2.5em!important}	.mr2_5em{margin-right: 2.5em!important}		.mb2_5em{margin-bottom: 2.5em!important}	.ml2_5em{margin-left: 2.5em!important}			.pt2_5em{padding-top: 2.5em!important}	.pr2_5em{padding-right: 2.5em!important}	.pb2_5em{padding-bottom: 2.5em!important}	.pl2_5em{padding-left: 2.5em!important}
.mt3em	{margin-top: 3em!important}		.mr3em	{margin-right: 3em!important}		.mb3em	{margin-bottom: 3em!important}		.ml3em	{margin-left: 3em!important}			.pt3em	{padding-top: 3em!important}	.pr3em	{padding-right: 3em!important}		.pb3em	{padding-bottom: 3em!important}		.pl3em	{padding-left: 3em!important}
.mt3_5em{margin-top: 3.5em!important}	.mr3_5em{margin-right: 3.5em!important}		.mb3_5em{margin-bottom: 3.5em!important}	.ml3_5em{margin-left: 3.5em!important}			.pt3_5em{padding-top: 3.5em!important}	.pr3_5em{padding-right: 3.5em!important}	.pb3_5em{padding-bottom: 3.5em!important}	.pl3_5em{padding-left: 3.5em!important}
.mt4em	{margin-top: 4em!important}		.mr4em	{margin-right: 4em!important}		.mb4em	{margin-bottom: 4em!important}		.ml4em	{margin-left: 4em!important}			.pt4em	{padding-top: 4em!important}	.pr4em	{padding-right: 4em!important}		.pb4em	{padding-bottom: 4em!important}		.pl4em	{padding-left: 4em!important}
.mt4_5em{margin-top: 4.5em!important}	.mr4_5em{margin-right: 4.5em!important}		.mb4_5em{margin-bottom: 4.5em!important}	.ml4_5em{margin-left: 4.5em!important}			.pt4_5em{padding-top: 4.5em!important}	.pr4_5em{padding-right: 4.5em!important}	.pb4_5em{padding-bottom: 4.5em!important}	.pl4_5em{padding-left: 4.5em!important}
.mt5em	{margin-top: 5em!important}		.mr5em	{margin-right: 5em!important}		.mb5em	{margin-bottom: 5em!important}		.ml5em	{margin-left: 5em!important}			.pt5em	{padding-top: 5em!important}	.pr5em	{padding-right: 5em!important}		.pb5em	{padding-bottom: 5em!important}		.pl5em	{padding-left: 5em!important}
.mt5_5em{margin-top: 5.5em!important}	.mr5_5em{margin-right: 5.5em!important}		.mb5_5em{margin-bottom: 5.5em!important}	.ml5_5em{margin-left: 5.5em!important}			.pt5_5em{padding-top: 5.5em!important}	.pr5_5em{padding-right: 5.5em!important}	.pb5_5em{padding-bottom: 5.5em!important}	.pl5_5em{padding-left: 5.5em!important}
.mt6em	{margin-top: 6em!important}		.mr6em	{margin-right: 6em!important}		.mb6em	{margin-bottom: 6em!important}		.ml6em	{margin-left: 6em!important}			.pt6em	{padding-top: 6em!important}	.pr6em	{padding-right: 6em!important}		.pb6em	{padding-bottom: 6em!important}		.pl6em	{padding-left: 6em!important}
.mt6_5em{margin-top: 6.5em!important}	.mr6_5em{margin-right: 6.5em!important}		.mb6_5em{margin-bottom: 6.5em!important}	.ml6_5em{margin-left: 6.5em!important}			.pt6_5em{padding-top: 6.5em!important}	.pr6_5em{padding-right: 6.5em!important}	.pb6_5em{padding-bottom: 6.5em!important}	.pl6_5em{padding-left: 6.5em!important}
.mt7em	{margin-top: 7em!important}		.mr7em	{margin-right: 7em!important}		.mb7em	{margin-bottom: 7em!important}		.ml7em	{margin-left: 7em!important}			.pt7em	{padding-top: 7em!important}	.pr7em	{padding-right: 7em!important}		.pb7em	{padding-bottom: 7em!important}		.pl7em	{padding-left: 7em!important}
.mt7_5em{margin-top: 7.5em!important}	.mr7_5em{margin-right: 7.5em!important}		.mb7_5em{margin-bottom: 7.5em!important}	.ml7_5em{margin-left: 7.5em!important}			.pt7_5em{padding-top: 7.5em!important}	.pr7_5em{padding-right: 7.5em!important}	.pb7_5em{padding-bottom: 7.5em!important}	.pl7_5em{padding-left: 7.5em!important}
.mt8em	{margin-top: 8em!important}		.mr8em	{margin-right: 8em!important}		.mb8em	{margin-bottom: 8em!important}		.ml8em	{margin-left: 8em!important}			.pt8em	{padding-top: 8em!important}	.pr8em	{padding-right: 8em!important}		.pb8em	{padding-bottom: 8em!important}		.pl8em	{padding-left: 8em!important}
.mt8_5em{margin-top: 8.5em!important}	.mr8_5em{margin-right: 8.5em!important}		.mb8_5em{margin-bottom: 8.5em!important}	.ml8_5em{margin-left: 8.5em!important}			.pt8_5em{padding-top: 8.5em!important}	.pr8_5em{padding-right: 8.5em!important}	.pb8_5em{padding-bottom: 8.5em!important}	.pl8_5em{padding-left: 8.5em!important}
.mt9em	{margin-top: 9em!important}		.mr9em	{margin-right: 9em!important}		.mb9em	{margin-bottom: 9em!important}		.ml9em	{margin-left: 9em!important}			.pt9em	{padding-top: 9em!important}	.pr9em	{padding-right: 9em!important}		.pb9em	{padding-bottom: 9em!important}		.pl9em	{padding-left: 9em!important}
.mt9_5em{margin-top: 9.5em!important}	.mr9_5em{margin-right: 9.5em!important}		.mb9_5em{margin-bottom: 9.5em!important}	.ml9_5em{margin-left: 9.5em!important}			.pt9_5em{padding-top: 9.5em!important}	.pr9_5em{padding-right: 9.5em!important}	.pb9_5em{padding-bottom: 9.5em!important}	.pl9_5em{padding-left: 9.5em!important}
.mt5	{margin-top: 5px!important}		.mr5	{margin-right: 5px!important}		.mb5	{margin-bottom: 5px!important}		.ml5	{margin-left: 5px!important}			.pt5	{padding-top: 5px!important}	.pr5	{padding-right: 5px!important}		.pb5	{padding-bottom: 5px!important}		.pl5	{padding-left: 5px!important}
.mt10	{margin-top: 10px!important}	.mr10	{margin-right: 10px!important}		.mb10	{margin-bottom: 10px!important}		.ml10	{margin-left: 10px!important}			.pt10	{padding-top: 10px!important}	.pr10	{padding-right: 10px!important}		.pb10	{padding-bottom: 10px!important}	.pl10	{padding-left: 10px!important}
.mt15	{margin-top: 15px!important}	.mr15	{margin-right: 15px!important}		.mb15	{margin-bottom: 15px!important}		.ml15	{margin-left: 15px!important}			.pt15	{padding-top: 15px!important}	.pr15	{padding-right: 15px!important}		.pb15	{padding-bottom: 15px!important}	.pl15	{padding-left: 15px!important}
.mt20	{margin-top: 20px!important}	.mr20	{margin-right: 20px!important}		.mb20	{margin-bottom: 20px!important}		.ml20	{margin-left: 20px!important}			.pt20	{padding-top: 20px!important}	.pr20	{padding-right: 20px!important}		.pb20	{padding-bottom: 20px!important}	.pl20	{padding-left: 20px!important}
.mt25	{margin-top: 25px!important}	.mr25	{margin-right: 25px!important}		.mb25	{margin-bottom: 25px!important}		.ml25	{margin-left: 25px!important}			.pt25	{padding-top: 25px!important}	.pr25	{padding-right: 25px!important}		.pb25	{padding-bottom: 25px!important}	.pl25	{padding-left: 25px!important}
.mt30	{margin-top: 30px!important}	.mr30	{margin-right: 30px!important}		.mb30	{margin-bottom: 30px!important}		.ml30	{margin-left: 30px!important}			.pt30	{padding-top: 30px!important}	.pr30	{padding-right: 30px!important}		.pb30	{padding-bottom: 30px!important}	.pl30	{padding-left: 30px!important}
.mt35	{margin-top: 35px!important}	.mr35	{margin-right: 35px!important}		.mb35	{margin-bottom: 35px!important}		.ml35	{margin-left: 35px!important}			.pt35	{padding-top: 35px!important}	.pr35	{padding-right: 35px!important}		.pb35	{padding-bottom: 35px!important}	.pl35	{padding-left: 35px!important}
.mt40	{margin-top: 40px!important}	.mr40	{margin-right: 40px!important}		.mb40	{margin-bottom: 40px!important}		.ml40	{margin-left: 40px!important}			.pt40	{padding-top: 40px!important}	.pr40	{padding-right: 40px!important}		.pb40	{padding-bottom: 40px!important}	.pl40	{padding-left: 40px!important}
.mtAuto	{margin-top: auto!important}	.mrAuto	{margin-right: auto!important}		.mbAuto	{margin-bottom: auto!important}		.mlAuto	{margin-left: auto!important}			.ptAuto	{padding-top: auto!important}	.prAuto	{padding-right: auto!important}		.pbAuto	{padding-bottom: auto!important}	.plAuto	{padding-left: auto!important}
.mt0	{margin-top: 0!important}		.mr0	{margin-right: 0!important}			.mb0	{margin-bottom: 0!important}		.ml0	{margin-left: 0!important}				.pt0	{padding-top: 0!important}		.pr0	{padding-right: 0!important}		.pb0	{padding-bottom: 0!important}		.pl0	{padding-left: 0!important}

/* cliphidden | 構造上は存在するが表示させない要素 */
.cliphidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.99% 99.99%); overflow: hidden; width: 1px; height: 1px; white-space: nowrap; padding: 0; border: 0; }



/* ***************************************************************************************************
	@KEYFRAMES
*************************************************************************************************** */

/* ----------------------------------------------------------------------------
	fade
-------------------------------------------------------------------------------
	例	{ animation: .7s ease-out both M_fadeIn__0_1; }
	例	{ animation: 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s both M_fadeIn__0_1; }
	例	{ animation: 1.1s ease-out 0s infinite alternate both M_fadeIn__0_1; }
---------------------------------------------------------------------------- */
@keyframes M_fadeIn__0_1 {
	0% {opacity: 0}
	100% {opacity: 1}
}
@keyframes M_fadeIn__1_0 {
	0% {opacity: 1}
	100% {opacity: 0}
}
@keyframes M_fadeInUp__20px {
	0% {opacity: 0; transform: translateY(20px);}
	65% {opacity: 1;}
	100% {opacity: 1; transform: translateY(0);}
}
@keyframes M_width__0_100per {
	0% {	width: 0;}
	100% {	width: 100%;}
}
@keyframes M_height__0_100per {
	0% {	height: 0;}
	100% {	height: 100%;}
}