@charset "utf-8";
/* *************************************************************************************************************
 *	file name:		default.css
 *	Alteration:		2022.09 ※		（IE非対応、フォント読込はHTMLにて）※2022/06_2_gracestage_の調整版
 *	style info:		全ページ共通のデフォルトCSS（物件用ベースCSS）
----------------------------------------------------------------------------------------------------------------
 *	< load >
 *	< COMMON > - WidthCheckerForJs - Normalize - Reset - CssCustomProperties - Setting - AddParts - etc
 *	< @KEYFRAMES >
 *	< STYLE_CSS >
 *	< BASE > - OuterWide - Module_Wrapper - Framework_Wrapper - Framework_Elements - Module_Elements
 *	< COMMON_LAST > - etc
----------------------------------------------------------------------------------------------------------------
 * {A}	物件メニューが入らないページもあるので余白設定は注意。margin,paddingは基本設定不可。設定する場合は物件メニューが入らない場合のことも考慮すること。
----------------------------------------------------------------------------------------------------------------
 * 01	「.contents」はバッティングするため使用不可。「.contbox」を使用する。
 * 02	カスタムプロパティ名「--ファイル名-要素クラス名等-内容-種類: xxx;」（例：--default-pageTheme-color-light: #ccc;）
----------------------------------------------------------------------------------------------------------------
@media screen and (min-width: 736.02px) {}
@media screen and (min-width: 1200.02px) {}
@media screen and (max-width: 1200px) {}
@media screen and (min-width: 736.02px) and (max-width: 1200px) {}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 320px) {}
************************************************************************************************************* */

/* ***************************************************************************************************
	load | @importより上にコード記述不可。
*************************************************************************************************** */
/* ----------------------------------------------------------------------------
 * フォント読込はHTMLにて。
-------------------------------------------------------------------------------
 * [ Zen Old Mincho ]
 * [ Noto Sans JP]
 * [ Cormorant]
 * [ EB Garamond]
 * [ YakuHanJP ]
 * [ YakuHanMP ]
 *
 * URL	:
 * 		https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+JP&family=Zen+Old+Mincho&display=swap
 * 		https://yakuhanjp.qranoko.jp
 * CODE	:
 * 		font-family: 'Zen Old Mincho';
 * 		font-family: 'Noto Sans JP';
 * 		font-family: 'Cormorant';
 * 		font-family: 'EB Garamond';
 * 		font-weight: 400,500;
 *
 * MEMO	: GoogleFontsは@importの記述を和文フォント/英文フォントで分けないとIEで表示されないバグあり(2019.10)。
 * MEMO	: [ Yaku Han JP ]のweightは[ Noto Serif JP ] [ Noto Serif ]と同様。
 */



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

/* ============================================================================
	[ WidthCheckerForJs ] setting.jsと連携 | ※CSS依存型ウィンドウ幅判別
-------------------------------------------------------------------------------
	if ($('.WidthCheckerForJs').css('zIndex') == '-160') { {overPCl} }
	else if ($('.WidthCheckerForJs').css('zIndex') == '-150') { {PCs} }
============================================================================ */
.WidthCheckerForJs {position:absolute;top:0;left:0;z-index:-100;width:0;height:0;} /* blank span */
@media screen and (min-width: 1600.02px) {							.WidthCheckerForJs {z-index:-160;}} /*{overPCl}*/
@media screen and (min-width: 1200.02px) and (max-width: 1600px) {	.WidthCheckerForJs {z-index:-150;}} /*{PCs}*/
@media screen and (min-width: 1050.02px) and (max-width: 1200px) {	.WidthCheckerForJs {z-index:-140;}} /*{TBl}*/
@media screen and (min-width: 736.02px) and (max-width: 1050px) {	.WidthCheckerForJs {z-index:-130;}} /*{TBs}*/
@media screen and (min-width: 480.02px) and (max-width: 736px) {	.WidthCheckerForJs {z-index:-120;}} /*{SPl}*/
@media screen and (max-width: 480px) {								.WidthCheckerForJs {z-index:-110;}} /*{SPs}*/

/* ============================================================================
	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
-------------------------------------------------------------------------------
	[2022.04] Adding | Several styles have been used and tuned.
============================================================================ */
/*html {box-sizing:border-box;-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;}
a {background-color:transparent;-webkit-text-decoration-skip:objects;}*/

/*input {border-radius:0;}
button,[type="button"],[type="reset"],[type="submit"],[role="button"] {cursor:pointer;}
[disabled] {cursor:default;}
textarea {overflow:auto;resize:vertical;}
button,input,optgroup,select,textarea {font:inherit;}
button {overflow:visible;}*/

/*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;}
::-moz-selection {background-color:#2184f2;color:#fff;text-shadow:none;}
::selection {background-color:#2184f2;color:#fff;text-shadow:none;}*/


/* ============================================================================
	Reset 															2022.08
============================================================================ */
html {box-sizing:border-box;-webkit-text-size-adjust:100%;/*overflow-y:scroll;*/}
::before, ::after {text-decoration:inherit;vertical-align:inherit;box-sizing:inherit;}
details, main, menu, summary  {display:block;}					/* for IE11 */
	/*ul, ol {list-style:none;}
	h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal;}
	table {border-collapse:collapse;border-spacing:0;}
	b, strong {font-weight:inherit;}*/
i, em {font-style:normal;}
	/*img {vertical-align:bottom;}*/							/* 余白対策 | base.cssとバッティングするためここは非表示 */
	/*small, figcaption {font:inherit;}*/
sub, sup {min-height:0.001vw;font-size:max(.9rem,63%);line-height:0;position:relative;vertical-align:baseline;}		/* for safari | font-sizeにclamp()使用時必須 */
sub {bottom:-.25em;}
sup {top:-.5em;}
:where(small) sub {bottom:-.05em; font-size:max(.9rem,.91em);}
:where(small) sup {top:-.1em; font-size:max(.9rem,.91em);}


:where(main) :is(h1 , h2 , h3 , h4 , h5 , h6, b, strong, i, em) {
  font-weight: inherit;
}


/* ============================================================================
	CssCustomProperties 											2022.06
============================================================================ */
/* SITE　　　--site-font_family-sans: YakuHanJP_Noto, 'Noto Sans JP','Noto Sans', YuGothic,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;
---------------------------------------------------- */
	:root {
		/* フォント */
		--site-font_family-sans: YakuHanJP,'Noto Sans JP', YuGothic,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;
		--site-font_family-serif: YakuHanMP, 'Zen Old Mincho', YuMincho,'Hiragino Mincho ProN','Yu Mincho',serif;
		--site-font_family-en_1: 'Cormorant', var(--site-font_family-serif);
		--site-font_family-en_2: 'EB Garamond', var(--site-font_family-serif);
		--site-font_family-basic: var(--site-font_family-serif);
		--site-font_family-caption: var(--site-font_family-sans);

		/* テーマカラー */
		--site-themeColor-base:					255, 255, 255; /*rgb | #ffffff | */
		--site-themeColor-base_text:			9,28,39;       /*rgb | #091c27 | */
		--site-themeColor-base_text-accent:		142,139,115;    /*rgb | #8e8b73 | */
		
		/*--site-themeColor-main:					url("../images/share/bg_sunshine.jpg") top right / 100% auto repeat;*/
		
		--site-themeColor-accent:				219,238,241;         /*rgb | #dbeef1 | */
		
		/*--site-themeColor-accent_text:		    46,53,57; */      /*rgb | #2e3539 | */
		/*--site-themeColor-accent_text-accent:	130,115,74; */   /*rgb | #82734a | */
		
		
		/* カラーバリエーション */
		--site-variationColor-gold_1:		142,139,115;   /* rgb | #8e8b73 | 明ゴールド*/
		/*--site-variationColor-gold_2:		172,152,98; */  /* rgb | #ac9862 |　暗ゴールド*/
		
		/*--site-variationColor-green:		3,86,71;*/   /* rgb | #035647 |　green*/
		
		/*--site-variationColor-heading-dark:			var(--site-themeColor-accent);
		--site-variationColor-heading-light:		var(--site-themeColor-accent_2);
		--site-variationColor-gradient_gold:		linear-gradient(to right, #aa902a 0%, #f4e8b8 50%, #aa902a 100%);*/ /* 金グラデ */
		/* リンク用カラー */
		/*--site-linkColor-basic:					255, 255, 255;
		--site-linkColor-basic-reverse:			0, 0, 0;*/

		/* 罫線用カラー */
		--site-lineColor-basic:					184,183,171;   /* rgb | #b8b7ab | */
		--site-lineColor-accent:				139,124,92;     /* rgb | #8b7c5c | */
		
		
		
		
		/* 幅 */
		--site-sizeContentWide-L:	100%;
		--site-sizeContentWide-XM:	94%;		/* XMは736以下からLと同じ幅にする */
		--site-sizeContentWide-M:	88%;		/* Mは1200以下からSと同じ幅にする */
		--site-sizeContentWide-S:	80%;       /*85.625%;*/
		--site-sizeMaxWidth-L:		1920px;
		--site-sizeMaxWidth-XM:		1600px;
		--site-sizeMaxWidth-M:		1260px;		/* Mは1200以下からSと同じ幅にする */
		--site-sizeMaxWidth-S:		1100px;
		--site-sizeMaxWidth-XS:		1000px;
		--site-sizeMaxWidth-XXS:	 900px;
		--site-sizeMaxWidth-XXXS:	 800px;
		--site-sizeMaxWidth-XXXXS:	 700px;
		
		/* 余白 */
		--site-marpad-XXXL:			200px;
		--site-marpad-XXL:			150px;		/* 下げ幅大 */
		--site-marpad-XL:			120px;
		--site-marpad-L:			100px;
		--site-marpad-M:			80px;
		--site-marpad-S:			60px;
		--site-marpad-XS:			40px;
		--site-marpad-XXS:			30px;
	}
	
	
@media print, screen and (max-width: 1600px) { /*{belowPCs}*/
	:root {
		/* 余白 */
		--site-marpad-XXXL:			clamp(150px, (150 / 1400 * 100vw), 200px);
		--site-marpad-XXL:			clamp(120px, (120 / 1400 * 100vw), 150px);
		--site-marpad-XL:			clamp(100px, (100 / 1400 * 100vw), 120px);
		--site-marpad-L:			clamp(80px, (80 / 1400 * 100vw), 100px);
		--site-marpad-M:			clamp(70px, (70 / 1400 * 100vw), 80px);
		--site-marpad-S:			clamp(50px, (50 / 1400 * 100vw), 60px);	
	}
}
@media screen and (max-width: 1200px) {
	:root {
		/* 幅 */
		--site-sizeContentWide-M:	var(--site-sizeContentWide-S);	/* Mは1200以下からSと同じ幅にする */
		--site-sizeMaxWidth-M:		var(--site-sizeMaxWidth-S);		/* Mは1200以下からSと同じ幅にする */
		/* 余白 */
		--site-marpad-XXXL:			clamp(100px, (100 / 900 * 100vw), 150px); /*150px*/
		--site-marpad-XXL:			clamp(80px, (80 / 900 * 100vw), 120px); /*120px*/
		--site-marpad-XL:			clamp(70px, (70 / 900 * 100vw), 100px); /*100px*/
		--site-marpad-L:			clamp(60px, (60 / 900 * 100vw), 80px);  /*80px*/
		--site-marpad-M:			clamp(40px, (40 / 900 * 100vw), 60px);  /*60px*/
		--site-marpad-S:			clamp(25px, (25 / 900 * 100vw), 40px);  /*40px*/
		--site-marpad-XS:			clamp(20px, (20 / 900 * 100vw), 30px);  /*30px*/
		--site-marpad-XXS:			clamp(15px, (15 / 900 * 100vw), 20px);  /*20px*/
		
		/* スティッキーヘッダー分余白 ※数値は要確認（ざっくり対応ver ※厳密にする場合はJSで） */
		--site-stickyHeader-height:	64px;
	}
}
@media screen and (max-width: 736px) {
	:root {
		/* 幅 */
		--site-sizeContentWide-XM:	100%;	/* XMは736以下からLと同じ幅にする */
		/* 余白 */
		--site-marpad-XXXL:			clamp(80px, (80 / 480 * 100vw), 100px); /*100px*/
		--site-marpad-XXL:			clamp(60px, (60 / 480 * 100vw), 80px); /*80px*/
		--site-marpad-XL:			clamp(50px, (50 / 480 * 100vw), 70px); /*70px*/
		--site-marpad-L:			clamp(40px, (40 / 480 * 100vw), 60px); /*60px*/
		--site-marpad-M:			clamp(30px, (30 / 480 * 100vw), 40px); /*40px*/
		--site-marpad-S:			20px;
		--site-marpad-XS:			20px;
		--site-marpad-XXS:			15px;
	}
}


/*サイト固有------------------*/
	/*隙間*/
	:root {
		/*隙間*/
		--contentsLittlePadding: clamp(30px, (30 / 1200 * 100vw), 50px);
	}
@media screen and (max-width: 1200px) { /*{belowTB}*/
	:root {
		/*隙間*/
		--contentsLittlePadding: clamp(20px, (20 / 736 * 100vw), 30px);
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	:root {
		/*隙間*/
		--contentsLittlePadding: clamp(10px, (10 / 736 * 100vw), 20px);
	}
}

	/*よく使うボックスのpadding*/
	:root {
		--contentsUsePadding: 50px;
	}
@media screen and (max-width: 1200px) { /*{belowTB}*/
	:root {
		--contentsUsePadding: clamp(30px, (30 / 736 * 100vw), 50px);
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	:root {
		--contentsUsePadding: clamp(20px, (20 / 480 * 100vw), 30px);
	}
}





/* 文字サイズ可変CSS
------------------------------------------------------
- [--M-fluidFontSize-fontSize:]と[font-size:]は書き換えなしでそのまま使用する。
------------------------------------------------------
[例]：文字サイズ[1.85rem~2.4rem]・ビューポート[320~980]
font-size: clamp(最小文字, calc(最小文字 + (1vw - ビューポート最小幅のrem値) * (100 * (文字可変量) / (ビューポート可変量))), 最大文字);
font-size: clamp(1.85rem, calc(1.85rem + (1vw - .32rem) * (100 * (24 - 18.5) / (980 - 320))), 2.4rem);
	↓
.xxxxx {
	--M-fluidFontSize-max-fontsize: 24;
	--M-fluidFontSize-min-fontsize: 18.5;
	--M-fluidFontSize-max-viewport: 980;
	--M-fluidFontSize-min-viewport: 320;
	--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * .1rem );

	min-height: 0.001vw;	// for safari | font-sizeにclamp()使用時必須 //
	font-size: var(--M-fluidFontSize-fontSize);
}
---------------------------------------------------- */


/* ============================================================================
	Setting
============================================================================ */
/* html */
	/*html {font-size:.625em;}*/										/* base.cssとバッティングするためここは非表示 ※問題があれば再検討 */

/* Img */
	:where(main) img,
	:where(main) object[data-obj-roleimg*="roleImg"] {					/* base.cssとバッティングするためmain要素の中のimg,objectとする */
		max-width: 100%;
		/*height: auto;*/												/* base.cssとバッティングするためここは非表示 */
		vertical-align: bottom;											/* 余白対策 */
	}
	:where(main) a object[data-obj-roleimg*="_link"] {					/* リンクが効かなくなる仕様の解除 | 例：<a href="#"><object data="xxx.svg" data-obj-roleimg="roleImg_link"></object></a> */
		pointer-events: none;
	}

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

/* form */
:where(main) :is(button, input, select, textarea) {
	font: inherit;
}

/* ---------------------------------
	Text Base
--------------------------------- */
	main {
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 2;
		color: rgba(var(--site-themeColor-base_text), 1);
		font-family: var(--site-font_family-basic);
		font-size: 1.4rem;
		font-weight: 400;
		letter-spacing: 0;
	}
	.fontSizeReset {
		font-size:1.4rem;
	}
	small, figcaption {
		color: inherit;
		/*color:#555;*/
		font-family: var(--site-font_family-caption);
		font-size: 1rem;
		font-weight: 400;
		letter-spacing: 0;
	}
@media screen and (min-width: 736.02px) and (max-width: 1200px) {
	main,
	.fontSizeReset {
		min-height: 0vw;/* Safari resize fix */
		line-height: 2;
		--M-fluidFontSize-max-fontsize: 13;
		--M-fluidFontSize-min-fontsize: 12;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
	}
}
@media screen and (max-width: 736px) {
	main,
	.fontSizeReset {
		font-size: 1.2rem;
		font-weight: 400;
	}
	small, figcaption {
		font-size: 0.95rem;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	main,
	.fontSizeReset {
		font-size: 1.2rem;
	}
}


/* Font Family */
	.fontSerif,
	.fontSerifBox * {
		font-family: var(--site-font_family-serif);
		letter-spacing: .12em;
	}
	.breadcrumbBox,
	.fontSans,
	.fontSansBox * {
		font-family: var(--site-font_family-sans);
	}
	.fontEn01,
	.fontEn01Box * {/*Cormorant*/
		font-family: var(--site-font_family-en_1);
		font-weight: 400;
		letter-spacing: 0em;
	}
	.fontEn02,
	.fontEn02Box * {/*EB Garamond*/
		font-family: var(--site-font_family-en_2);
		font-weight: 400;
		letter-spacing: 0em;
	}
/* Text */
	.txtSizeInherit {	font-size: inherit;}
	.txtSizeLLLL {		font-size: 1.8em;}
	.txtSizeLLL {		font-size: 1.5em;}
	.txtSizeLL {		font-size: 1.35em;}
	.txtSizeL {			font-size: 1.15em;}
	.txtSizeMS {		font-size: 0.95em;}
	.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;} /*白系*/
	.txtColorWh02 {		color: #ddd !important;} /*白系*/
	.txtColorGr {		color: #666 !important;} /*灰系*/
	.txtColor01 {		color: #8e0c0c !important;} /*暗赤系*/
	.txtColor02 {		color: #c7000a !important;} /*明赤系*/
	.txtColor03 {		color: #8a8c2b !important;} /*明黄系*/
	.txtColor04 {		color: #aa9477 !important;} /*鈍い黄系*/

	.txtColor_basetxt        {	color: rgba(var(--site-themeColor-base_text), 1) !important;}
	.txtColor_basetxt_accent {	color: rgba(var(--site-themeColor-base_text-accent), 1) !important;}
	
	.txtColor_accent_text        {	color: rgba(var(--site-themeColor-accent_text), 1) !important;}
	.txtColor_accent_text-accent {	color: rgba(var(--site-themeColor-accent_text-accent), 1) !important;}
	
	
	.txtColor_maintxt        {	color: rgba(var(--site-themeColor-main_text), 1) !important;}
	.txtColor_maintxt_accent {	color: rgba(var(--site-themeColor-main_text-accent), 1) !important;}
	
	.txtColor_gold_1 {	color: rgba(var(--site-variationColor-gold_1), 1) !important;}
	.txtColor_gold_2 {	color: rgba(var(--site-variationColor-gold_2), 1) !important;}
	
	/*.txtColor_green {	color: rgba(var(--site-variationColor-green), 1) !important;}*/

	/*.txtColor_goldtxt        {	color: rgba(var(--site-variationColor-heading-gold), 1) !important;}*/

	.emphasis {font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

	.EmParentheses {margin-left:-.5em;margin-right:-.5em;}
	.EmParenthesesL {margin-left:-.5em;}
	.EmParenthesesR {margin-right:-.5em;}
	.EmParenthesesH {margin-left:-.25em;margin-right:-.25em;}/* Half */
	.EmParenthesesHL {margin-left:-.25em;}
	.EmParenthesesHR {margin-right:-.25em;}

	.ptHeading sub {bottom:-.1em;margin-right:.1em; font-size:max(.9rem,.55em);}
	.ptHeading sup {top:-.6em;margin-right:.1em; font-size:max(.9rem,.55em);}

/* Small Text */
	small.bl,
	small.bltr,
	small.blPCtrSPtl {display:block;line-height:1.4;margin-top:.35em;}
	small.bltr,
	small.blPCtrSPtl {text-align:right;}
	small .punc {margin-right:-.5em;}/* punctuation mark（約物）｜※inline-block内の文末使用は不可。inline-block自身への使用は可。 */
	
	.captionWrap {display:block;}
	.captionWrap small {display:inline-block;/*line-height: 1.75;font-size:1.1rem;*/letter-spacing:.07em;}
@media screen and (max-width: 736px) {
	small.blPCtrSPtl {text-align:left;}
}

/* Imgcap | 例:	 <p class="imgcapParent"><img><small class="imgcap bk">caption</small></p>	 <p class="imgcapParent"><img><small class="imgcap"><span class="wh">caption</span></small></p> */
	.imgcapParent {
		position: relative;
	}
	.imgcap, .imgcapkeep {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		line-height: 1.5;
		font-size: .9rem;
		padding: 5px 10px;
	}
	.imgcap > span,
	.imgcapkeep > span {
		display: inline-block;
	}
	
	.imgcapkeep.is_imgcapkeep_bottom_right {inset: auto 0 0 auto;}
	.imgcapkeep.is_imgcapkeep_bottom_left {	inset: auto auto 0 0;}
	.imgcapkeep.is_imgcapkeep_top_right {	inset: 0 0 auto auto;}
	.imgcapkeep.is_imgcapkeep_top_left {	inset: 0 auto auto 0;}	.imgcap.wh, .imgcapkeep.wh {color: rgba(255,255,255,.8);text-shadow:0 0 3px rgba(0,0,0,.3);}
	.imgcap.bk, .imgcapkeep.bk {color:#202020;text-shadow:0 0 3px rgba(255,255,255,.3);}
	.imgcap.gr, .imgcapkeep.gr {color:#666666;text-shadow:0 0 3px rgba(255,255,255,.3);}
	.imgcap .wh, .imgcapkeep .wh {color:#ffffff;text-shadow:0 0 5px rgba(0,0,0,.9), 0 0 4px rgba(0,0,0,.9), 0 0 3px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1);}
	.imgcap .bk, .imgcapkeep .bk {color:#202020;text-shadow:0 0 9px rgba(255,255,255,.9), 0 0 9px rgba(255,255,255,.9), 0 0 5px rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.5), 0 0 1px rgba(255,255,255,.5), 0px 1px 1px rgba(255,255,255,.5), 0px -1px 1px rgba(255,255,255,.5), 1px 0px 1px rgba(255,255,255,.5), -1px 0px 1px rgba(255,255,255,.5), 1px 1px 1px rgba(255,255,255,.5), -1px 1px 1px rgba(255,255,255,.5), 1px -1px 1px rgba(255,255,255,.5), -1px -1px 1px rgba(255,255,255,.5), .5px .5px .5px rgba(255,255,255,.7);}
	.imgcap .gr, .imgcapkeep .gr {color:#666666;text-shadow:0 0 9px rgba(255,255,255,.9), 0 0 9px rgba(255,255,255,.9), 0 0 5px rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.5), 0 0 1px rgba(255,255,255,.5), 0px 1px 1px rgba(255,255,255,.5), 0px -1px 1px rgba(255,255,255,.5), 1px 0px 1px rgba(255,255,255,.5), -1px 0px 1px rgba(255,255,255,.5), 1px 1px 1px rgba(255,255,255,.5), -1px 1px 1px rgba(255,255,255,.5), 1px -1px 1px rgba(255,255,255,.5), -1px -1px 1px rgba(255,255,255,.5), .5px .5px .5px rgba(255,255,255,.7);}
	.imgcap.wh.bg, .imgcapkeep.wh.bg {background-color:rgba(0,0,0,.5);text-shadow:none;}
	.imgcap.bk.bg, .imgcapkeep.bk.bg {background-color:rgba(255,255,255,.6);text-shadow:none;}
	.imgcap.gr.bg, .imgcapkeep.gr.bg {background-color:rgba(255,255,255,.6);text-shadow:none;}
@media screen and (max-width: 736px) {
	.imgcap, .imgcapkeep {
		font-size: .8rem;
	}
	.imgcap {
		position: static;
		padding: .3em .5em 0;
	}
	.imgcap.wh,
	.imgcap.bk,
	.imgcap.gr,
	.imgcap > span {
		display: block;
		color: inherit;
		text-shadow: none!important;
		margin: .3em 0 0;
	}
	.imgcap.wh.bg,
	.imgcap.bk.bg,
	.imgcap.gr.bg {background-color: transparent;}
}

/* Bgcap | （~=スペース区切り毎の正確な値） | content 内に「\A」で改行可能。 white-space:pre; 必須。 */
	[data-bgcap-parent] {
		position: relative;
		/*background-image: ; 各ページ用CSSで設定*/
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	[data-bgcap-parent]::after {
		/*content: ""; 各ページ用CSSで設定*/
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		line-height: 1.5;
		font-family: var(--site-font_family-caption);
		color: inherit;
		font-size: .9rem;
		font-weight: 300;
		letter-spacing: .03em;
		white-space: pre;
		padding: 5px 10px;
		opacity: .92; /* 気持ち軽くする(不要なら削除) */
	}
	[data-bgcap-parent~="topLeft"]::after {		top: 0;	left: 0;}
	[data-bgcap-parent~="topRight"]::after {	top: 0; right: 0;}
	[data-bgcap-parent~="bottomLeft"]::after {	bottom: 0; left: 0;}
	[data-bgcap-parent~="bottomRight"]::after {	bottom: 0; right: 0;}
	[data-bgcap-parent~="wh"]::after {
		color:#ffffff;text-shadow:0 0 3px rgba(0,0,0,.3);
	}
	[data-bgcap-parent~="bk"]::after {
		color:#202020;text-shadow:0 0 3px rgba(255,255,255,.3);
	}
	[data-bgcap-parent~="1rem"]::after {
		font-size: 1rem;
	}
	[data-bgcap-parent~="08rem"]::after {
		font-size: .8rem;
	}

/* Symbol List */
	/* ul.symList>li.symItem*2>div.sym+div.symItemText */
	.symList > .symItem {display:flex;width:100%;}
	.symList > .symItem::before,
	.symList > .symItem .sym {display:block;white-space:nowrap;padding-right:.25em;}
	.symList > .symItem .symItemText {flex:1 1;display:block;}
	.symList[data-star-symlist-styletype="circleFill"] > .symItem::before { content: "●";}
	.symList[data-star-symlist-styletype="squareFill"] > .symItem::before { content: "■";}
	.symList[data-star-symlist-styletype="squareLine"] > .symItem::before { content: "□";}
	
	/* small.symList-kome>span.symItem*2>span.sym{※}+span.symItemText{xxx}>br */
	.symList-kome {display:block!important;}
	.symList-kome .symItem {display:flex;width:100%;}
	.symList-kome .sym {display:block;white-space:nowrap;padding-right:.25em;}
	.symList-kome .symItemText {flex:1 1;display:block;}
	
	/* small.symList-kome>span.symItem.legendBox>(i*3>img[src="xxx"][alt="xxx色"][width="000"][height="000"])+(i*3>{XXXxxxxxx})+br */
	.symList-kome .legendBox {display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:.2em;margin-bottom:.2em;}
	.symList-kome .legendBox i {display:inline-block;margin-right:1.5em;}
	.symList-kome .legendBox img {vertical-align:middle;line-height:1;margin-right:4px; margin-top:-3px; height:1em;}
	.symList-kome .legendBox img.outframe {margin-right:6px;}
	.symList-kome .legendBox br:last-child {display: none;}
	
	
	
/*img multiply	*/
	.imgMultiply { mix-blend-mode: multiply;}
	

/* align */
	.tcl {
		margin-inline: auto;
		max-inline-size: max-content;
	}
	.tcPCTBtlSP {
		text-align: center;
	}
@media screen and (max-width: 736px) { /*{SP}*/
	.tcPCTBtlSP {
		text-align: left;
	}
	.tlSP {
		text-align: left!important;
	}
}

/*.captionWrap .is_pageCaptionSPWide*/
@media screen and (max-width: 736px) { /*{SP}*/
	.captionWrap.is_pageCaptionSPWide {
		width:96%;
	}
}



/* ---------------------------------
	Link
--------------------------------- */
	/* ----- tmplリセット ----- */
	:where(main) a {
		color: inherit;
		text-decoration: none;
	}
	:where(main) a .inbl {
		color: inherit;
		text-decoration: inherit;
	}
	:where(main) a:hover {
		text-decoration: none; /* base.cssのリセット */
	}
	:where(main) a:focus {
		color: inherit;
	}

@media screen and (max-width: 736px) {
	 :where(main)  a:active , :where(main) a:focus {
		color: inherit;
	  }
}	
	
	/* ----- 汎用：文字色青・下線付き ----- */
	a.txtLink,
	.txtLink a {
		/*color: #4d92ff!important;*/
		text-decoration: underline !important;
	}
	/* ----- 汎用：hover時_透過フェード ----- */
	a.hover,
	.hover a,
	.hoverItem {
		transition: opacity .15s ease-out;
	}
	@media (hover: hover) and (pointer: fine) {
		a.txtLink:hover,
		.txtLink a:hover {
			text-decoration: none !important;
		}
		a.hover:hover,
		.hover a:hover,
		.hoverItem:hover {
			opacity: .63;
		}
	}
	a.txtLink:focus-visible,
	.txtLink a:focus-visible {
		text-decoration: none !important;
	}
	a.hover:focus-visible,
	.hover a:focus-visible,
	.hoverItem:focus-visible {
		opacity: .63;
	}

/* ---------------------------------
	Button
--------------------------------- */
	/* ボタン要素のスタイルリセット | button.M_btnReset */
	.M_btnReset {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: inherit;
		font: inherit;
		background: transparent;
		border: none;
		border-radius: 0;
		cursor: pointer;
	}


/* ============================================================================
	AddParts
-------------------------------------------------------------------------------
	* generalBtnUnit
	- btn_XXX
	* [data-buttonicon]
	- ico_plus
	- bgico_
	* M_shinyEffect
	* generalColBox
	* js_swipeMe
============================================================================ */

/* generalBtnUnit												2022.09
---------------------------------------------------------------------------
- 汎用ボタン
- 例：<a href="xxx" class="generalBtnUnit">XXX</a>
- 例：<a href="xxx" class="generalBtnUnit btnS">XXX</a>
- 例：<a href="xxx" class="generalBtnUnit_border">XXX</a>
- 例：<a href="xxx" class="generalBtnUnit is_generalBtnUnit_round">XXX</a>
- 例：<button type="button" class="generalBtnUnit">XXX</button>
------------------------------------------------------------------------ */
	[class*="generalBtnUnit"] {
		--M-fluidFontSize-max-fontsize: 15;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 737;
		--M-fluidFontSize-min-viewport: 360;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * .1rem );

		display: block;
		position: relative;
		z-index: 1;				/* for Safari.（border-radius時必須） */
		width: 95%;
		max-width: 320px;
		min-height: 0.001vw;	/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.3;
		font-size: var(--M-fluidFontSize-fontSize);
		font-family: var(--site-font_family-serif);
		text-align: center;
		text-decoration: none;
		letter-spacing: 0em;
		margin: 0 auto;
		padding: 20px 28px;		/* アイコンが入る場合は後述で調整 */
	}
	[class*="generalBtnUnit"]::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		opacity: 0;
		/*clip-path: inset(0 100% 0 0);*/
	}
	[class*="generalBtnUnit"] .inbl {	text-decoration: inherit;}
	[class*="generalBtnUnit"] .kana {	letter-spacing: -.06em;}
	[class*="generalBtnUnit"] .kochira {}
	
	/* btn000 */
	[class*="generalBtnUnit"].btnL {
		--M-fluidFontSize-max-fontsize: 22; /* 736以下からノーマルと同じ値にする */
		--M-fluidFontSize-min-fontsize: 13;
		max-width: 600px;
	}
	[class*="generalBtnUnit"].btnS {
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 11;
		max-width: 280px;
	}
	/* 角丸 */
	.is_generalBtnUnit_round {
		overflow: hidden;
		border-radius: 2px;
		/*border-radius: 100vh;*/

	}
	/* hover（共通） */
	[class*="generalBtnUnit"][href],
	button:not([disabled])[class*="generalBtnUnit"] {
		transition: color .18s ease-out, background .18s ease-out, border .18s ease-out, box-shadow .18s ease-out, opacity .18s ease-out;
	}
	[class*="generalBtnUnit"][href]::before,
	button:not([disabled])[class*="generalBtnUnit"]::before {
		transition: /*clip-path .3s ease-out, */opacity .2s ease-out;
	}
	@media (hover: hover) and (pointer: fine) {
		[class*="generalBtnUnit"][href]:hover::before,
		button:not([disabled])[class*="generalBtnUnit"]:hover::before {
			opacity: 1;
			/*clip-path: inset(0 0 0 0);*/
		}
	}
	[class*="generalBtnUnit"][href]:focus-visible::before,
	button:not([disabled])[class*="generalBtnUnit"]:focus-visible::before {
		opacity: 1;
		/*clip-path: inset(0 0 0 0);*/
	}
	/* ---------------------------------
		単色
	--------------------------------- */
	.generalBtnUnit {
		background: #333;
	}
	.generalBtnUnit,
	.generalBtnUnit:active,
	.generalBtnUnit:focus {							/* base.cssのリセット */
		color: #fff;
	}
	.generalBtnUnit::before {
		background: #666;
	}
	/* ---------------------------------
		枠線
	--------------------------------- */
	.generalBtnUnit_border {
		background: transparent;
		box-shadow: 0 0 0 1px #666 inset;
	}
	.generalBtnUnit_border,
	.generalBtnUnit_border:active,
	.generalBtnUnit_border:focus {					/* base.cssのリセット */
		color: #666;
	}
	.generalBtnUnit_border::before {
		background: rgba(200, 200, 200, .3);
	}

@media screen and (max-width: 1050px) {
	[class*="generalBtnUnit"] {
		letter-spacing: .02em;
		/*padding-top:	16px;*/
		/*padding-bottom:	16px;*/
	}
}
@media screen and (max-width: 736px) {
	[class*="generalBtnUnit"] {
		padding-left: 35px;
		padding-right: 35px;
	}
	[class*="generalBtnUnit"].btnL {
		--M-fluidFontSize-max-fontsize: 18; /* 736以下からノーマルと同じ値にする */
		max-width: 400px;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	[class*="generalBtnUnit"] {
		max-width: 280px;
		padding-top:	18px;
		padding-bottom:	18px;
	}
}



/* btn_XXX | 特定のボタンカラー
---------------------------------------------------- */
	/* -- req, res, lim, att, gMap -- */
/*	:is(.btn_req, .btn_res, .btn_lim, .btn_att, .gMapLink) [class*="generalBtnUnit"][href] {
		color: #fff;
		transition: color .18s ease-out, background .18s ease-out, border .18s ease-out, box-shadow .18s ease-out, opacity .18s ease-out;
	}*/
	/* -- req,res,lim,att,gMap -- */
	/* ベースカラー */
	.btn_req [class*="generalBtnUnit"] {	background: #a58d52;}
	.btn_lim [class*="generalBtnUnit"] {	background: #; }
	.btn_guide [class*="generalBtnUnit"] {	background: #ab8c37; }
	
	.btn_req [class*="generalBtnUnit"]::before {  background: #c7af76;}
	.btn_lim [class*="generalBtnUnit"]::before {  background: #;}
	.btn_guide [class*="generalBtnUnit"]::before { background: #d0aa41;}
	
	
	/*.btn_res [class*="generalBtnUnit"] {	background: #0f0; }
	.btn_att [class*="generalBtnUnit"] {	background: #ff0; }
	.gMapLink [class*="generalBtnUnit"] {	background: #f0f; }
	
	@media (hover: hover) and (pointer: fine) {
			.btn_req [class*="generalBtnUnit"][href]:hover {	color: #000; background: #fcc; }
			.btn_res [class*="generalBtnUnit"][href]:hover {	color: #000; background: #cfc; }
			.btn_lim [class*="generalBtnUnit"][href]:hover {	color: #000; background: #ccf; }
			.btn_att [class*="generalBtnUnit"][href]:hover {	color: #000; background: #ffc; }
			.gMapLink [class*="generalBtnUnit"][href]:hover {	color: #000; background: #fcf; }
	}
	.btn_req [class*="generalBtnUnit"][href]:focus-visible {	color: #000; background: #fcc; }
	.btn_res [class*="generalBtnUnit"][href]:focus-visible {	color: #000; background: #cfc; }
	.btn_lim [class*="generalBtnUnit"][href]:focus-visible {	color: #000; background: #ccf; }
	.btn_att [class*="generalBtnUnit"][href]:focus-visible {	color: #000; background: #ffc; }
	.gMapLink [class*="generalBtnUnit"][href]:focus-visible {	color: #000; background: #fcf; }*/
	
	/* -- noticeBtn -- */
/*	.btn_touroku .generalBtnUnit_bgGradient {}*/

	/*.btn_XXXXX .generalBtnUnit_bgGradient {background: #0ff;}*/
	/*.btn_YYYYY .generalBtnUnit {color: #fff; background: #777;}
	@media (hover: hover) and (pointer: fine) {.btn_YYYYY .generalBtnUnit[href]:hover {background: #999;}}
	.btn_YYYYY .generalBtnUnit[href]:focus-visible {background: #999;}*/

@media screen and (max-width: 480px) {
	/*.btn_req [class*="generalBtnUnit"] .kochira,
	.btn_res [class*="generalBtnUnit"] .kochira,
	.btn_lim [class*="generalBtnUnit"] .kochira,
	.btn_att [class*="generalBtnUnit"] .kochira,
	.gMapLink [class*="generalBtnUnit"] .kochira {
		display: block;
	}*/
}


/* [data-buttonicon]											2022.09
---------------------------------------------------------------------------
- [generalBtnUnit]につけるのが前提だが、個別に親要素の設定をすれば汎用使用も可能。
- 「span.ico」タイプ
- 例：<a href="xxx" class="generalBtnUnit" data-buttonicon="bgico_arrow_M"><span class="label">XXX</span><span class="ico"></span></a>
------------------------------------------------------------------------ */

/* ボタンアイコン系の共通設定
---------------------------------------------------- */
	[data-buttonicon] {
		--default-dataButtonIcon-padding-lr: .75em + 5px;		/* 文字からアイコンまでの余白（ボタンアイコン系の共通の余白） */
	}
@media screen and (max-width: 736px) {
	[data-buttonicon] {
		--default-dataButtonIcon-padding-lr: .65em + 5px;
	}
}

/* ico_plus
-------------------------------------------------------
- 背景画像の矢印アイコン。ボタン右端に固定した＋アイコン。
- setting.jsの「slideToggleFocus」と連携(.active)。
- カスタムデータ属性（^= と = の違いに注意。^=先頭の値）
- 例：<button type="button" class="generalBtnUnit js_slideToggleFocusBtn" aria-controls="xxx" data-buttonicon="ico_plus"><span class="label" data-button-text-show="開く" data-button-text-hide="閉じる">開く</span><span class="ico"></span></button>
---------------------------------------------------- */
	[data-buttonicon^="ico_plus"] {
		--default-dataButtonIcon-icoPlus_-right:			30px;	/* 右端からの距離（初期値） */
		--default-dataButtonIcon-icoPlus_-width:			15px;	/* アイコン幅（初期値） */
		--default-dataButtonIcon-icoPlus_-height:			var(--default-dataButtonIcon-icoPlus_-width); /* アイコン高さ（初期値はアイコン幅と同じ） */
		--default-dataButtonIcon-icoPlus_-padding-adjust:	0px;	/* 微調整 */
	}
	[class*="generalBtnUnit"][data-buttonicon^="ico_plus"] {		/* calc(文字からアイコンまでの余白 + 右端からの距離 + アイコン幅 + 微調整); */
		padding-left:	calc(var(--default-dataButtonIcon-padding-lr) + var(--default-dataButtonIcon-icoPlus_-right) + var(--default-dataButtonIcon-icoPlus_-width) + var(--default-dataButtonIcon-icoPlus_-padding-adjust));
		padding-right:	calc(var(--default-dataButtonIcon-padding-lr) + var(--default-dataButtonIcon-icoPlus_-right) + var(--default-dataButtonIcon-icoPlus_-width) + var(--default-dataButtonIcon-icoPlus_-padding-adjust));
	}
	[data-buttonicon^="ico_plus"] .ico {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: var(--default-dataButtonIcon-icoPlus_-right);
		width: var(--default-dataButtonIcon-icoPlus_-width);
		height: var(--default-dataButtonIcon-icoPlus_-height);
		margin: auto;
		opacity: .89;
	}
	[data-buttonicon^="ico_plus"] .ico::before,
	[data-buttonicon^="ico_plus"] .ico::after {
		content: "";
		display: block;
		position: absolute; top: calc(50% - .5px); left: 0;
		width: 100%;
		height: 1px;
		background: currentColor;
	}
	[data-buttonicon^="ico_plus"] .ico::after {
		transform: rotate(90deg);
		transition: all .3s ease-out;
	}
	.active[data-buttonicon^="ico_plus"] .ico::after {
		transform: scale(.01) rotate(90deg);
	}
@media screen and (max-width: 736px) {
	[data-buttonicon^="ico_plus"] {
		--default-dataButtonIcon-icoPlus_-right:			22px; /*16px*/
	}
}
/*@media screen and (max-width: 480px) {
	[data-buttonicon^="ico_plus"] {
		--default-dataButtonIcon-icoPlus_-right:			12px;
		--default-dataButtonIcon-icoPlus_-width:			11px;
	}
}*/

/* bgico_
-------------------------------------------------------
- 背景画像の矢印アイコン。ボタン右端に固定したarrow。
- カスタムデータ属性（^= と = の違いに注意。^=先頭の値）
- 例：<a href="xxx" class="generalBtnUnit" data-buttonicon="bgico_circleArrow_M"><span class="label">プラスアイコン_JS連携</span><span class="ico"></span></a>
- 例：<a href="xxx" class="generalBtnUnit" data-buttonicon="bgico_circleArrow_XL"><span class="label">画像アイコン_丸付き矢印_M</span><span class="ico"></span></a>
- 例：<a href="xxx" class="generalBtnUnit btnS" data-buttonicon="bgico_returnArrow"><span class="label">プラン一覧に戻る</span><span class="ico"></span></a>
---------------------------------------------------- */
	[data-buttonicon^="bgico_"] {
		--default-dataButtonIcon-bgico_-right:			20px;	/* 右端からの距離（初期値） */
		--default-dataButtonIcon-bgico_-width:			10px;	/* アイコン幅（初期値） */
		--default-dataButtonIcon-bgico_-height:			var(--default-dataButtonIcon-bgico_-width); /* アイコン高さ（初期値はアイコン幅と同じ） */
		--default-dataButtonIcon-bgico_-padding-adjust:	0px;	/* 微調整 */
	}
	[data-buttonicon^="bgico_"] span.ico {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: var(--default-dataButtonIcon-bgico_-right);
		width: var(--default-dataButtonIcon-bgico_-width);
		height: var(--default-dataButtonIcon-bgico_-height);
		background: center center / contain no-repeat;
		margin: auto;
	}
	[data-buttonicon^="bgico_"] {		/* calc(文字からアイコンまでの余白 + 右端からの距離 + アイコン幅 + 微調整); */
		padding-left:	calc(var(--default-dataButtonIcon-padding-lr) + var(--default-dataButtonIcon-bgico_-right) + var(--default-dataButtonIcon-bgico_-width) + var(--default-dataButtonIcon-bgico_-padding-adjust));
		padding-right:	calc(var(--default-dataButtonIcon-padding-lr) + var(--default-dataButtonIcon-bgico_-right) + var(--default-dataButtonIcon-bgico_-width) + var(--default-dataButtonIcon-bgico_-padding-adjust));
	}
	
	/* -- Individual -- */
	
	
	/*bgico_arrow_M*/
	[data-buttonicon="bgico_arrow_M"] {
		--default-dataButtonIcon-bgico_-width:			11px;
		/*--default-dataButtonIcon-bgico_-height:			19px;*/
	}
	[data-buttonicon="bgico_arrow_M"] span.ico.wh {
		background-image: url("../images/share/ico_arr_white.svg");
	}
	[data-buttonicon="bgico_arrow_M"] span.ico.gr {
		background-image: url("../images/share/ico_arr_gray.svg");
	}
	[data-buttonicon="bgico_arrow_M"] span.ico.gold {
		background-image: url("../images/share/ico_arr_gold.svg");
	}
	[data-buttonicon="bgico_arrow_M"] span.ico.sky {
		background-image: url("../images/share/ico_arr_sky.svg");
	}

	
	/*bgico_arrow_L*/
	[data-buttonicon="bgico_arrow_L"] {
		--default-dataButtonIcon-bgico_-width:			15px;
	}
	[data-buttonicon="bgico_arrow_L"] span.ico.wh {
		background-image: url("../images/share/ico_arr_white.svg");
	}
	[data-buttonicon="bgico_arrow_L"] span.ico.gr {
		background-image: url("../images/share/ico_arr_gray.svg");
	}
	[data-buttonicon="bgico_arrow_L"] span.ico.gold {
		background-image: url("../images/share/ico_arr_gold.svg");
	}
	[data-buttonicon="bgico_arrow_L"] span.ico.sky {
		background-image: url("../images/share/ico_arr_sky.svg");
	}
	
	
	
	
	
	
	
	/*[data-buttonicon="bgico_circleArrow_M"] {
		--default-dataButtonIcon-bgico_-width:			48px;
		--default-dataButtonIcon-bgico_-height:			48px;
	}*/
	
	/*[data-buttonicon="bgico_circleArrow_L"] {
		--default-dataButtonIcon-bgico_-width:			60px;
		--default-dataButtonIcon-bgico_-height:			60px;
	}*/
	/*[data-buttonicon*="bgico_circleArrow_"] span.ico {
		background: url("../images/share/ico_arr_r_gr.svg") 55% center / auto 50% no-repeat;
		border: 1px solid #ccc;
		border-radius: 100%;
	}*/
	
	
	/*[data-buttonicon="bgico_returnArrow"] {
		--default-dataButtonIcon-bgico_-right:			12px;
		--default-dataButtonIcon-bgico_-width:			23px;
		--default-dataButtonIcon-bgico_-height:			17.8618px;
	}*/
	/*[data-buttonicon="bgico_returnArrow"] span.ico {
		background-image: url("../images/share/ico_arr_return.svg");
	}*/
	
@media screen and (max-width: 736px) {
	[data-buttonicon^="bgico_"] {
		--default-dataButtonIcon-bgico_-right:			18px;
	}
	/*[data-buttonicon="bgico_arrow_M"] {
		--default-dataButtonIcon-bgico_-width:			8px;
		--default-dataButtonIcon-bgico_-height:			16px;
	}*/
	/*[data-buttonicon="bgico_circleArrow_M"] {
		--default-dataButtonIcon-bgico_-width:			30px;
		--default-dataButtonIcon-bgico_-height:			30px;
	}*/
	/*[data-buttonicon="bgico_circleArrow_L"] {
		--default-dataButtonIcon-bgico_-width:			45px;
		--default-dataButtonIcon-bgico_-height:			45px;
	}*/
	/*[data-buttonicon*="bgico_circleArrow_"] span.ico {
		border-width: .8px;
	}*/

	/*[class*="generalBtnUnit"][data-buttonicon="bgico_returnArrow"] {
		--default-dataButtonIcon-bgico_-right:			11px;
		--default-dataButtonIcon-bgico_-width:			20px;
		--default-dataButtonIcon-bgico_-height:			15px;
	}*/
}
/*@media screen and (max-width: 480px) {
	[data-buttonicon^="bgico_"] {
		--default-dataButtonIcon-bgico_-right:			13px;
	}
}*/


/* M_shinyEffect 													2022.09
---------------------------------------------------------------------------
- 光が走るエフェクト
- 横長コンテンツ専用（横長～正方形まで）（※縦長コンテンツは[padding-top:calc(長辺/短辺*100%);]で個々に設定）
- 親要素に position:relative; 必須。
---------------------------------------------------------------------------
a.generalBtnUnit>(span.label{xxx}+span.M_shinyEffect_toRight)
a.generalBtnUnit[data-m-shinyeffect="toRight__after"]>(span.label{xxx})
------------------------------------------------------------------------ */
	.M_shinyEffect_toRight {
		display: block;
		position: absolute;
		inset: 0;
		z-index: 0;
		overflow: hidden;
		background: transparent;
		pointer-events: none;
	}
	[data-m-shinyeffect] {
		position: relative;
		overflow: hidden;
	}
	.M_shinyEffect_toRight::before,
	[data-m-shinyeffect="toRight__before"]::before,
	[data-m-shinyeffect="toRight__after"]::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		height: 0;
		width: 100%;
		padding-top: 100%;
		background: rgba(255, 255, 255, .7);
		transform: translate(-100%, -100%) rotate(-45deg) scale(1);
		transform-origin: center center;
		animation: 4.5s ease-out infinite ANIME-M_shinyEffect_toRight;
		pointer-events: none;
	}
@keyframes ANIME-M_shinyEffect_toRight {
	0% {		transform: translate(-100%, -100%) rotate(-45deg) scale(1); opacity: 1;}
	15% {		transform: translate(-100%, -100%) rotate(-45deg) scale(4);}
	30%, 100% {	transform: translate(-100%, -100%) rotate(-45deg) scale(4); opacity: 0;}
}



/* M_shinyEffect 													
---------------------------------------------------------------------------
<p class="shinyEffect_hoverBox">
<a href="" class="generalBtnUnit"><span class="label">xxxxx</span><span class="shinyEffect_hover"></span></a>
</p>
hoverで光るエフェクト
------------------------------------------------------------------------ */
	.shinyEffect_hoverBox [class*="generalBtnUnit"][href]::before {
		display: none;
	}
	.shinyEffect_hover {
		display: block;
		position: absolute;
		inset: 0;
		z-index: 0;
		overflow: hidden;
		background: transparent;
		pointer-events: none;
	}
	.generalBtnUnit:hover .shinyEffect_hover::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		height: 0;
		width: 100%;
		padding-top: 100%;
		background: rgba(255, 255, 255, .7);
		transform: translate(-100%, -100%) rotate(-45deg) scale(1);
		transform-origin: center center;
		animation: 2s ease-out infinite ANIME-shinyEffect_hover;
		pointer-events: none;
	}
@keyframes ANIME-shinyEffect_hover {
	0% {		transform: translate(-100%, -100%) rotate(-45deg) scale(1); opacity: 1;}
	50% {		transform: translate(-100%, -100%) rotate(-45deg) scale(4);}
	60%, 100% {	transform: translate(-100%, -100%) rotate(-45deg) scale(4); opacity: 0;}
}




/* icoArr_tri
-------------------------------------------------------
- 三角アイコン。ボタン右端に固定したarrow。
- 例：<a href="xxx" class="generalBtnUnit icoArr_tri01">三角矢印__右向き</a>
- 例：<a href="xxx" class="generalBtnUnit icoArr_tri01_b">三角矢印__下向き</a>
- 例：<a href="xxx" class="generalBtnUnit icoArr_tri02">　＞__右向き</a>
---------------------------------------------------- */
	[class*="icoArr_tri"]::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 15px;
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 8px 0 8px 7px;
		border-color: transparent transparent transparent #fff;
	}
	
	/*icoArr_tri01_b*/
	.icoArr_tri01_b::after {
		right: 13px;
		border-width: 10px 6px 0 6px;
		border-color: #fff transparent transparent transparent;
	}
	/*icoArr_tri02*/
	.icoArr_tri02::after {
	  width: 14px;
	  height: 14px;
	  border-width: 1px 1px 0 0;
	  border-color: #fff;
	 transform: rotate(45deg);
	}
	
	
	
/* icoArr_cir
-------------------------------------------------------
- 丸背景に[三角]または[くの字]アイコン。ボタン右端に固定したarrow。
- 例：<a href="xxx" class="generalBtnUnit icoArr_cir_tri">丸背景_三角__右向き</a>
- 例：<a href="xxx" class="generalBtnUnit icoArr_cir_ku">丸背景_くの字__右向き</a>
---------------------------------------------------- */
	[class*="icoArr_cir"]::before,
	[class*="icoArr_cir"]::after {
		content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
	}
	[class*="icoArr_cir"]::before {
		left: auto;
		right: 13px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #fff;
	}
	.icoArr_cir_tri::after {
		left: auto;
		right: 13px;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #737070;
	}
	.icoArr_cir_ku::after {
		left: auto;
		right: 18px;
		width: 6px;
		height: 6px;
		border: 1px solid #737070;
		border-width: 1px 1px 0 0;
		transform: rotate(45deg);
	}



/*lineArrow
-------------------------------------------------------
- ボタン右端に固定した伸びるarrow。
- 例：<a href="xxx" class="generalBtnUnit">丸背景_三角__右向き<span class="lineArrow01"></span></a>
---------------------------------------------------- */
	.lineArrow01 {
		display:inline-block;
		position: absolute;
		right:10px;
		top:50%;
		width: 40px;
		border-bottom: 1px solid #fff;
		transform-origin: left bottom;
	}
	.lineArrow01::after {
		content: "";
		display:inline-block;
		position: absolute;
		right:0px;
		width: 15px;
		margin: auto 0 -1px auto;
		border-bottom: 1px solid #fff;
		transform: rotate(25deg);
		transform-origin: right bottom;
	}
	.lineArrow01 {
		transition: transform .22s ease-out;
	}
	body.DEVICEPC a:hover .lineArrow01,
	a:focus .lineArrow01 {
		transform: scale(1.1);
	}
@media screen and (max-width: 480px) { /*{SPs}*/
	.lineArrow01 {
		width: 35px;
	}
}

/*lineArrow02
-------------------------------------------------------
- ボタン右端→。
- 例：<a href="xxx" class="generalBtnUnit lineArrow02Parent">丸背景_三角__右向き<span class="lineArrow02"></span></a>
---------------------------------------------------- */
	.lineArrow02Parent {
		position: relative;
	}
	.lineArrow02 {
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		right: 50px;
		/*width: 19px;*/
		/*height: 19px;*/
		/*border-radius: 50%;*/
		/*-webkit-border-radius: 50%;*/
		/*border: 1px solid #fff;*/
	}
	.lineArrow02::before,
	.lineArrow02::after{
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		/*vertical-align: middle;*/
	}
	.lineArrow02::before{
		/*left: 18px*/;
		width: 30px;
		height: 1px;
		background: #fff;
	}
	.lineArrow02::after{
		left: 8px;
		width: 20px;
		height: 20px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}




/*lineArrow_svg
-------------------------------------------------------
- ボタン右端→ SVG画像
- 例：<a href="xxx" class="generalBtnUnit lineArrow_svgParent">SVG画像矢印→__右向き<span class="lineArrow_svg"></span></a>
---------------------------------------------------- */
	.lineArrow_svgParent {
		position: relative;
		height:100%;
	}
    .lineArrow_svg:before {
        content:"";
        display: block;
        padding-top: 100%; 
      }
	.lineArrow_svg {
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		right:25px;
		width: 30px;
		background: url("../images/share/ico_arrow.svg") center center no-repeat;
		background-size: 100% auto;
	}

@media screen and (max-width: 736px) { /*{SP}*/
	.lineArrow_svg {
		right:18px;
		width: 20px;
	}
}



/*circleArrow 
-------------------------------------------------------
-円の中に→
- 例：<a href="xxx" class="generalBtnUnit circleArrowParent">丸背景_三角__右向き<span class="circleArrow"></span></a>
---------------------------------------------------- */
	.circleArrowParent {
		position: relative;
	}
	.circleArrow {
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		right: 10px;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		/*background: rgba(255,255,255,.9);*/
		border: 1px solid #fff;
	}
	.circleArrow::before {
		position: absolute;
		content: "";
		background: url("../images/share/ico_arr_white.svg") center center no-repeat;
		background-size: 100% auto;
		top: 0%;
		left: 0%;
		bottom:0;
		right:0;
		margin:auto;
		text-align: center;
		width:22px;
	}
	
	
/*	.circleArrow::before,
	.circleArrow::after{
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		vertical-align: middle;
	}
	.circleArrow::before{
		left: 5px;
		width: 7px;
		height: 1px;
		background: #fff;
	}
	.circleArrow::after{
		left: 5px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}*/
	





/* generalColBox													2022.09
---------------------------------------------------------------------------
- シンプルver
- 子要素の上左右にマージンを設定。親ボックスで上左右のマージン相殺
- .wrapper に overflow:hidden; が入っているため、ここでoverflowは設定していない
- カスタムデータ属性（~=スペース区切り毎の正確な値）
- 各ページ用CSSで、ユニーククラスに対してであればカスタムプロパティの値を変更可
	- × .generalColBox {		--default-generalColBox-margin-t: 30px;}
	- ○ .generalColBox.xxxBox {	--default-generalColBox-margin-t: 30px;}
	- ○ .xxxBox {				--default-generalColBox-margin-t: 30px;}
---------------------------------------------------------------------------
div.generalColBox[data-colbox-size="maxCol3 toCol1_SP"]>(div.xxx{xxx})*3
------------------------------------------------------------------------ */
	.generalColBox {
		--default-generalColBox-margin-t:	30px;
		--default-generalColBox-margin-lr:	clamp(20px, (20 / 1200 * 100vw), 30px);
		display: flex;
		flex-wrap: wrap;
		margin-top:		calc(var(--default-generalColBox-margin-t) * -2);
		margin-left:	calc(var(--default-generalColBox-margin-lr) * -1);
		margin-right:	calc(var(--default-generalColBox-margin-lr) * -1);
	}
	.generalColBox > * {
		margin-top:		calc(var(--default-generalColBox-margin-t) * 2);
		margin-left:	var(--default-generalColBox-margin-lr);
		margin-right:	var(--default-generalColBox-margin-lr);
	}
	[data-colbox-size~="maxCol1"] > * {		width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="maxCol2"] > * {		width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="maxCol3"] > * {		width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="maxCol4"] > * {		width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
@media screen and (max-width: 1200px) {
	[data-colbox-size~="toCol1_TB"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_TB"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_TB"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_TB"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}
@media screen and (max-width: 1050px) {
	[data-colbox-size~="toCol1_TBs"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_TBs"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_TBs"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_TBs"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}
@media screen and (max-width: 736px) {
	[data-colbox-size~="toCol1_SP"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_SP"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_SP"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_SP"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}
@media screen and (max-width: 480px) {
	[data-colbox-size~="toCol1_SPs"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_SPs"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_SPs"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_SPs"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}


/* js_swipeMe														2023.09
---------------------------------------------------------------------------
- 2022.07 設定一新
- 2023.09 設定一新。[data-js_swipeme-maxwidth]設定必須。「スワイプアイテムの初期表示位置」関連追加。
---------------------------------------------------------------------------
- スワイプを促すアイコンを表示させる。
---------------------------------------------------------------------------
- setting.jsの「jsSwipeMe (swipeIcon)」と連携
- [data-js_swipeme-maxwidth] で、メディアクエリの値を設定すること。（必須）
- [data-js_swipeme-position] で、スワイプアイテムの初期表示位置を設定可能。（指定可能な値はJS参照）
---------------------------------------------------------------------------
div.xxx>(div.js_swipeMe[data-js_swipeme-maxwidth="000"][data-js_swipeme-position=""]>div.yyyPic>img)+small.bltr
---------------------------------------------------------------------------
// -------------
	スワイプ
-------------- //
@media screen and (max-width: 736px) {
	.xxx .js_swipeMeIcon,
	.xxx .js_swipeMeInnerBoxOverlay { display: block;}
	.xxx .js_swipeMeInnerBox { overflow-x: scroll;}
	.xxx .js_swipeMeInnerBox img {width: 100%; max-width: none;}
	.xxx .js_swipeMeInnerBoxOverlay,
	.xxx .js_swipeMeSwipeItem {width: 160%;}
	.xxx .js_swipeMeSwipeItem > * {padding: 20px;}
}
@media screen and (max-width: 480px) {
	.xxx .js_swipeMeInnerBoxOverlay,
	.xxx .js_swipeMeSwipeItem {width: 180%;}
}
------------------------------------------------------------------------ */
	.js_swipeMe {
		position: relative;
		z-index: 0;
	}
	.js_swipeMeIcon { /* 初期値は display: none; としている */
		display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
		width: 60px;
		height: 60px;
		margin: auto;
		background: url("../images/share/ico_swipe.svg") 50% center / contain no-repeat;
		animation: 1.1s ease-in-out .2s infinite alternate both js_swipeMeIcon_motion;
	}
	.js_swipeMeInnerBox {
		display: block;
		position: relative;
		z-index: 0;
		width: 100%;
		-webkit-overflow-scrolling: touch;
	}
	.js_swipeMeInnerBoxOverlay { /* 初期値は display: none; としている */
		display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;
		background: rgba(0, 0, 0, .35);
	}
	/* [data-js_swipeme-maxwidth]でメディアクエリを設定した場合の初期値 */
	.js_swipeMe_active .js_swipeMeIcon,
	.js_swipeMe_active .js_swipeMeInnerBoxOverlay { display: block;}
	.js_swipeMe_active .js_swipeMeInnerBox { overflow-x: scroll;}
	.js_swipeMe_active .js_swipeMeInnerBox img {width: 100%; max-width: none;}
	.js_swipeMe_active .js_swipeMeInnerBoxOverlay,
	.js_swipeMe_active .js_swipeMeSwipeItem {width: 150%;}
	.js_swipeMe_active .js_swipeMeSwipeItem > * {padding: 20px;}

@keyframes js_swipeMeIcon_motion {
	0% {	transform: translateX(-20px);}
	100% {	transform: translateX(20px);}
}


/* M_css_scrollMe | v1.0											2023.09
---------------------------------------------------------------------------
- スクロールを促すアイコンを表示させる。
- 使用するタイミングで「.M_css_scrollMe」を display: block; にする。
- 「.M_css_scrollMe」に幅は設定してもしなくてもよい（width: 80px; | flex: 0 0 max(80px, 25vw); など）。
- スクロールアイテム要素を右寄せにするJS追加（右から左へスクロール）。
- （補足：今回未対応だがJSで追加設定を書けば「tabindex="0"」も設定可能）
---------------------------------------------------------------------------
div.xxx>div.M_css_scrollMe>div.M_css_scrollMeInnerBox>((p.labelBox[aria-label="スクロール移動ができます"]>span.label{Scroll}+span.arrow)+div.handIcon)
------------------------------------------------------------------------ */
/*
	.M_css_scrollMe {
		display: none;
		line-height: 1.2;
		color: #999;
		font-family: var(--site-font_family-sans, sans-serif);
		font-size: 1.5rem;
		letter-spacing: .02em;
	}
	.M_css_scrollMeInnerBox {
		position: relative;
		z-index: 0;
		width: 5.3em;
		margin-left: auto;
		margin-right: auto;
		padding: .6em;
	}
	.M_css_scrollMe .labelBox {}
	.M_css_scrollMe .label {
		display: block;
		padding-right: 1em;
	}
	.M_css_scrollMe .arrow {
		display: block;
		position: relative;
		margin-bottom: .35em;
		border-bottom: 1px solid currentColor;
	}
	.M_css_scrollMe .arrow::before {
		content: "";
		position: absolute;
		inset: auto 0 -1px auto;
		display: block;
		width: 1em;
		border-bottom: 1px solid currentColor;
		transform: rotate(45deg) skewX(-45deg);
		transform-origin: right bottom;
	}
	.M_css_scrollMe .handIcon {
		display: block;
		width: 2em;
		aspect-ratio: 29 / 35;
		background: url("../images/share/ico_scrollme.svg") center center / contain no-repeat;
		animation: 3s ease-in-out .2s infinite both css_scrollMeIcon_motion;
	}
@keyframes css_scrollMeIcon_motion {
	0% {		opacity: 1; transform: translateX(100%);}
	35%, 48% {	opacity: 1; transform: translateX(0);}
	60% {		opacity: 0; transform: translateX(0);}
	85% {		opacity: 0; transform: translateX(100%);}
	95%, 100% {		opacity: 1; transform: translateX(100%);}
}
*/


/* ============================================================================
	Display
============================================================================ */
@media screen and (min-width: 1200.02px) {
	.TBSP, .TB, .TBl, .TBs, .SP, .SPs {				display:none;}
	.PCTB, .PC, .PCs {								display:inherit;}
	.PCTB_inline, .PC_inline {						display:inline !important;}
	.PCTB_inbl, .PC_inbl {							display:inline-block !important;}
	.PC_bl {										display:block !important;}
	.PCTB_none, .PC_none {							display:none !important;}
}
@media screen and (min-width: 1600.02px) {
	.PCs {											display:none;}
	.PCl {											display:inherit;}
	.PCl_inline {									display:inline !important;}
	.PCl_inbl {										display:inline-block !important;}
	.PCl_bl {										display:block !important;}
	.PCl_none {										display:none !important;}
}
@media screen and (min-width: 736.02px) and (max-width: 1200px) {
	.PCl, .PC, .PCs, .SP, .SPs {					display:none;}
	.PCTB, .TBSP, .TB, .TBl, .TBs {					display:inherit;}
	.PCTB_inline, .TB_inline {						display:inline !important;}
	.PCTB_inbl, .TBSP_inbl, .TB_inbl {				display:inline-block !important;}
	.TB_bl {										display:block !important;}
	.PCTB_none, .TBSP_none, .TB_none {				display:none !important;}
}
@media screen and (max-width: 736px) {
	.PCTB, .PCl, .PC, .PCs, .TB, .TBl, .TBs, .SPs {	display:none;}
	.TBSP, .SP {									display:inherit;}
	.SP_inline {									display:inline !important;}
	.TBSP_inbl, .SP_inbl {							display:inline-block !important;}
	.SP_bl {										display:block !important;}
	.TBSP_none, .SP_none {							display:none !important;}
}
@media screen and (max-width: 480px) {
	.SPs {											display:inherit;}
	.SPs_inline {									display:inline !important;}
	.SPs_inbl {										display:inline-block !important;}
	.SPs_bl {										display:block !important;}
	.SPs_none {										display:none !important;}
}


/* ============================================================================
	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}
/* line-height */
.lineh1 {line-height: 1;}
/* letterSpacing */
.lettsp0	{letter-spacing: 0 !important;}
.lettsp002	{letter-spacing: .02em !important;}
.lettsp003	{letter-spacing: .03em !important;}
.lettsp005	{letter-spacing: .05em !important;}
.lettsp007	{letter-spacing: .07em !important;}
.lettsp01	{letter-spacing: .1em !important;}
.lettsp015	{letter-spacing: .15em !important;}
.lettsp02	{letter-spacing: .2em !important;}
/* margin, padding | Legacy */
.mt005em{margin-top: .05em!important}	.mr005em{margin-right: .05em!important}		.mb005em{margin-bottom: .05em!important}	.ml005em{margin-left: .05em!important}			.pt005em{padding-top: .05em!important}	.pr005em{padding-right: .05em!important}	.pb005em{padding-bottom: .05em!important}	.pl005em{padding-left: .05em!important}
.mt01em	{margin-top: .1em!important}	.mr01em	{margin-right: .1em!important}		.mb01em	{margin-bottom: .1em!important}		.ml01em	{margin-left: .1em!important}			.pt01em	{padding-top: .1em!important}	.pr01em	{padding-right: .1em!important}		.pb01em	{padding-bottom: .1em!important}	.pl01em	{padding-left: .1em!important}
.mt02em	{margin-top: .2em!important}	.mr02em	{margin-right: .2em!important}		.mb02em	{margin-bottom: .2em!important}		.ml02em	{margin-left: .2em!important}			.pt02em	{padding-top: .2em!important}	.pr02em	{padding-right: .2em!important}		.pb02em	{padding-bottom: .2em!important}	.pl02em	{padding-left: .2em!important}
.mt03em	{margin-top: .3em!important}	.mr03em	{margin-right: .3em!important}		.mb03em	{margin-bottom: .3em!important}		.ml03em	{margin-left: .3em!important}			.pt03em	{padding-top: .3em!important}	.pr03em	{padding-right: .3em!important}		.pb03em	{padding-bottom: .3em!important}	.pl03em	{padding-left: .3em!important}
.mt04em	{margin-top: .4em!important}	.mr04em	{margin-right: .4em!important}		.mb04em	{margin-bottom: .4em!important}		.ml04em	{margin-left: .4em!important}			.pt04em	{padding-top: .4em!important}	.pr04em	{padding-right: .4em!important}		.pb04em	{padding-bottom: .4em!important}	.pl04em	{padding-left: .4em!important}
.mt05em	{margin-top: .5em!important}	.mr05em	{margin-right: .5em!important}		.mb05em	{margin-bottom: .5em!important}		.ml05em	{margin-left: .5em!important}			.pt05em	{padding-top: .5em!important}	.pr05em	{padding-right: .5em!important}		.pb05em	{padding-bottom: .5em!important}	.pl05em	{padding-left: .5em!important}
.mt06em	{margin-top: .6em!important}	.mr06em	{margin-right: .6em!important}		.mb06em	{margin-bottom: .6em!important}		.ml06em	{margin-left: .6em!important}			.pt06em	{padding-top: .6em!important}	.pr06em	{padding-right: .6em!important}		.pb06em	{padding-bottom: .6em!important}	.pl06em	{padding-left: .6em!important}
.mt07em	{margin-top: .7em!important}	.mr07em	{margin-right: .7em!important}		.mb07em	{margin-bottom: .7em!important}		.ml07em	{margin-left: .7em!important}			.pt07em	{padding-top: .7em!important}	.pr07em	{padding-right: .7em!important}		.pb07em	{padding-bottom: .7em!important}	.pl07em	{padding-left: .7em!important}
.mt08em	{margin-top: .8em!important}	.mr08em	{margin-right: .8em!important}		.mb08em	{margin-bottom: .8em!important}		.ml08em	{margin-left: .8em!important}			.pt08em	{padding-top: .8em!important}	.pr08em	{padding-right: .8em!important}		.pb08em	{padding-bottom: .8em!important}	.pl08em	{padding-left: .8em!important}
.mt09em	{margin-top: .9em!important}	.mr09em	{margin-right: .9em!important}		.mb09em	{margin-bottom: .9em!important}		.ml09em	{margin-left: .9em!important}			.pt09em	{padding-top: .9em!important}	.pr09em	{padding-right: .9em!important}		.pb09em	{padding-bottom: .9em!important}	.pl09em	{padding-left: .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(.25, .46, .45, .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_fadeInBlurBecomesmaller {
	0% {	filter: blur(5px);	transform: scale(1.06);}
	15% {	filter: blur(5px); }
	75% {	filter: blur(0); }
	100% {	filter: blur(0);	transform: scale(1);}
}
@keyframes M_blurBecomesmaller {
	0% {	filter: blur(5px);}
	100% {	filter: blur(0);}
}
@keyframes M_width__0_100per {
	0% {	width: 0;}
	100% {	width: 100%;}
}
@keyframes M_height__0_100per {
	0% {	height: 0;}
	100% {	height: 100%;}
}
@keyframes M_stretchLeft {
	0% {	opacity: 0;	clip-path: inset(0 100% 0 0);}
	100% {	opacity: 1;	clip-path: inset(0 0 0 0);}
}
@keyframes M_stretchLeft__0_50_100{
	0% {	opacity: 0;	clip-path: inset(0 100% 0 0);}
	50% {	opacity: 1;}
	100% {	opacity: 1;	clip-path: inset(0 0 0 0);}
}




/* ***************************************************************************************************
	STYLE_CSS | style.css
*************************************************************************************************** */

/* コンタクトエリア、H1タイトル
---------------------------------------------------------- */
	.ttl-property-main .pageName {
		display: inline-block;
	}
	body.indexP .ttl-property-main .pageName {
		display: none;
	}
	.box-bukken-contact {
		letter-spacing: .05em;
	}
@media screen and (max-width: 736px) {
	.ttl-property-main .pageName,
	.ttl-property-main .inbl {
		display: inline;
	}
}

/* holiday | コンタクトエリア内
-------------------------------------------------------------
<p class="box-bukken-contact-text">営業時間xxx<br><small class="holiday"><em>HOLIDAY_ANNOUNCE</em></small></p>
-------------------------------------------------------------
[SAMPLE]
color: #b54144;	// 赤_明るい背景用
color: #d18fa6;	// 赤_暗い背景用
color: #dec774;	// 黄_暗い背景用
---------------------------------------------------------- */
	.box-bukken-contact-text .holiday {
		display: inline-block;
		max-width: 100%;
		color: #ffe98e;
		text-align: inherit;
		font-family: inherit;
		font-size: 1.05em;
		font-weight: inherit;
		letter-spacing: .05em;
		margin-top: 10px;
		padding: 5px 10px;
		border: 2px solid #ffe98e;
	}
	.box-bukken-contact-text .holiday a,
	.box-bukken-contact-text .holiday a:focus,
	.box-bukken-contact-text .holiday a:visited {
		color: #ffe98e;!important;
	}
	.holiday .kokuchi {
		display: block;
		margin-top: 5px;
		padding-top: 5px;
		border-top: 1px dotted #ffe98e;
	}
	.holiday .kokuchi a {
		text-decoration: underline!important;
	}
@media screen and (max-width: 736px) {
	.box-bukken-contact-text .holiday {
		padding: 3px 10px;
	}
}

/* bukkenContactTtl_note | コンタクトエリア内
-------------------------------------------------------------
<p class="box-bukken-contact-title">お問い合わせは○○○<em class="bukkenContactTtl_note">NOTETEXT_NOTETEXT<br>※NOTENOTENOTENOTENOTENOTE</em></p>
---------------------------------------------------------- */
	.box-bukken-contact-title .bukkenContactTtl_note {
		display: inline-block;
		line-height: 1.5;
		font-size: 1.1rem;
		margin-top: .25em;
		opacity: .9;
	}
@media screen and (max-width: 480px) {
	.box-bukken-contact-title .bukkenContactTtl_note {
		font-size: 1rem;
	}
}




/* ***************************************************************************************************
	BASE
*************************************************************************************************** */

/* ============================================================================
	ボディ、サイトラッパー、メインの初期値設定。
============================================================================ */
	/*
	main {
		animation: 1s cubic-bezier(.25, .46, .45, .94) .3s both M_fadeIn__0_1;
	}
	*/
/*@media screen and (max-width: 1200px) {
	main { margin-top: var(--site-stickyHeader-height); }	// スティッキーヘッダー分余白を空ける（ざっくり対応ver ※厳密にする場合はJSで） //
}*/


/* ============================================================================
	OuterWide
-------------------------------------------------------------------------------
	ヘッダー、ページテーマ、フッター、コンテナ、コンテンツ類の初期値設定。
============================================================================ */
	
	/* ---------------- margin */
	.pageThemeWrap,
	/*.pageThemeWrapHeader,*/
	.breadcrumbBox,
	.container,
	.contbox,
	[class*="sizeContentWide"],
	[class*="sizeMaxWidth"] {
		margin-left: auto;
		margin-right: auto;
	}
	
	/* ---------------- width */
	/* OUTER */
	.pageThemeWrap,
	/*.pageThemeWrapHeader,*/
	.pageTheme,
	.container {
		width: 100%;
	}
	/* INNER */
	.breadcrumbBox {
		width: 100%;
	}
	.contbox {
		width: var(--site-sizeContentWide-M);		/* 88% */
		max-width: var(--site-sizeMaxWidth-M);		/* 1260px */
	}
	/* OVERWRITE */ /* 上書き指定の為必ず最後に記述する。 */
	.sizeContentWideL {
		width: var(--site-sizeContentWide-L);		/* 100% */
		max-width: var(--site-sizeMaxWidth-L);		/* 1920px */
	}
	.sizeContentWideXM {
		width: var(--site-sizeContentWide-XM);		/* 94% */
		max-width: var(--site-sizeMaxWidth-XM);		/* 1600px */
	}
	.sizeContentWideM {
		width: var(--site-sizeContentWide-M);		/* 88% */
		max-width: var(--site-sizeMaxWidth-M);		/* 1260px */
	}
	.sizeContentWideS {
		width: var(--site-sizeContentWide-S);		/* 80% */
		max-width: var(--site-sizeMaxWidth-S);		/* 1100px */
	}
	.sizeContentWideXS {
		width: var(--site-sizeContentWide-S);		/* 80% */
		max-width: var(--site-sizeMaxWidth-XS);		/* 1000px */
	}
	.sizeMaxWidthL {
		max-width: var(--site-sizeMaxWidth-L);		/* =1920px */
	}
	.sizeMaxWidthXM {
		max-width: var(--site-sizeMaxWidth-XM);		/* =1600px */
	}
	.sizeMaxWidthM {
		max-width: var(--site-sizeMaxWidth-M);		/* =1260px */
	}
	.sizeMaxWidthS {
		max-width: var(--site-sizeMaxWidth-S);		/* =1100px */
	}
	.sizeMaxWidthXS {
		max-width: var(--site-sizeMaxWidth-XS);		/* =1000px */
	}
	.sizeMaxWidthXXS {
		max-width: var(--site-sizeMaxWidth-XXS);	/* =900px */
	}
	.sizeMaxWidthXXXS {
		max-width: var(--site-sizeMaxWidth-XXXS);	/* =800px */
	}
	.sizeMaxWidthXXXXS {
		max-width: var(--site-sizeMaxWidth-XXXXS);	/* =700px */
	}
	
	/* stickoutFullbox */ /* 固定幅のボックスをはみ出して、ウィンドウ幅いっぱいに広げる */
	.stickoutFullbox {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
							/*opacity: .5; box-shadow: 0 0 0 10px red inset, 0 0 5px 10px red;*/
	}
	.stickoutFullbox img.stickoutFullboxPic,
	.stickoutFullbox .stickoutFullboxPic img {
		width: 100%;
		max-width: none;
	}
	
	/* stickoutFullbox SPのみ固定幅のボックスをはみ出して、ウィンドウ幅いっぱいに広げる*/ 
@media screen and (max-width: 736px) { /*{SP}*/
	.stickoutFullbox_SPonly {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
							/*opacity: .5; box-shadow: 0 0 0 10px red inset, 0 0 5px 10px red;*/
	}
	.stickoutFullbox_SPonly img.stickoutFullboxPic,
	.stickoutFullbox_SPonly .stickoutFullboxPic img {
		width: 100%;
		max-width: none;
	}
}	
	
	
	
	
/* ------------------------ reset */ /* contents類の入れ子は100%にリセットする。 */
	.contbox .contbox/*,
	.contbox [class*="sizeContentWide"],
	[class*="sizeContentWide"] .contbox*/ {
		width: 100%;
		max-width: none;
	}


/* ============================================================================
	Module_Wrapper
-------------------------------------------------------------------------------
	コンテナ、コンテントボックス、センテンス、
	フィーチャーコンテント(特別)、背景色チェンジ
============================================================================ */

	/* container
	----------------------- */
	.container {
		padding: var(--site-marpad-XXL) 0;
	}
	
	/* contbox
	----------------------- */
	/*.contbox ~ .contbox {
		padding-top: 60px;
	}*/
	
	/* sentens style.
	----------------------- */
	/*.sentensBox {
		margin-top: 60px;
	}
	.sizeSentenceMaxWidth {
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}*/
	
	
	/* bgColor
	----------------------- */
	.bgColorWh {		background: #fff;}								/* 白 */
	.bgColorWhOpa {		background: rgba(255, 255, 255, .3);}			/* 白（透過） */
	.bgColorBk {		background: #000;}								/* 黒 */
	.bgColorBkOpa {		background: rgba(0, 0, 0, .3);}					/* 黒（透過） */
	
	.bgColor_base {     color: rgba(var(--site-themeColor-base_text), 1); background:rgba(var(--site-themeColor-base), 1);}
	/*.bgColor_main {		color: rgba(var(--site-themeColor-base_text), 1); background: rgba(var(--site-themeColor-main), 1);}*/
	.bgColor_accent {	color: rgba(var(--site-themeColor-base_text), 1); background: rgba(var(--site-themeColor-accent), 1);}
	
	.bgColor_sunshine {
		position: relative;
		overflow: hidden;
		background:url("../images/share/bg_sunshine.jpg") top right / 100% auto no-repeat;
	}
	.bgColor_sunshine > * {
		position: relative;
		z-index: 1;
	}
	@media screen and (max-width: 736px) { /*{SP}*/
		.bgColor_sunshine {
			background:url("../images/share/bg_sunshine.jpg") top right / 150% auto no-repeat;
		}
	}	
	.bgColor_sunshine::before {
		content:"";
		display: block;
		position: absolute;
		width: 100%;
		height:1000px;
		background:url("../images/share/bg_sunshine_02.png") top right / 100% auto no-repeat;
		z-index: 0;
		top:0;
		left:0;
		z-index: 0;
		filter: blur(7px) brightness(1);
		transform: scale(1.05);
	}
	@media screen and (max-width: 736px) { /*{SP}*/
		.bgColor_sunshine::before {
			background:url("../images/share/bg_sunshine_02.png") top right / 150% auto no-repeat;
		}
	}	
	/*anime*/
	.bgColor_sunshine.js_showTargetAnimate::before {
		animation: sunshine 16s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite;
	}
    @keyframes sunshine {
		0% {
			filter: blur(4px);
			transform: scale(1);
			opacity: 1;
		}
		30% {
			filter: blur(0px);
			transform: scale(1.05) skewY(5deg);
			opacity: 0;
		}
		60% {
			filter: blur(4px);
			transform: scale(1) skewY(0deg);
			opacity: 1;
		}
		90% {
			filter: blur(0);
			transform: scale(1.05) skewY(-2deg);
			opacity: 0;
		}
		100% {
			filter: blur(4);
			transform: scale(1);
			opacity: 1;
		}
    }


	
	
	


	/* featuredContent
	----------------------- */
	.featuredContent {
		margin:var(--contentsLittlePadding);
	}
	/* featuredContent contbox
	----------------------- */
	.featuredContent .contbox {
		width: calc(var(--site-sizeContentWide-M) + (var(--contentsLittlePadding)) *2);		/* 88% + featuredContent*/
	}
	/* bgColorContent contbox
	----------------------- */
	@media screen and (max-width: 736px) { /*{SP}*/
		.featuredContent .contbox.is_bgColorContent  {
			width: var(--site-sizeContentWide-M);
		}
	}
	

	/* elementGapWrap
	----------------------- */
	.elementGapWrap {
	  width: calc(((100% - var(--site-sizeContentWide-M))/ 2) + var(--site-sizeContentWide-M));
	  max-width: calc(((100% - 1260px)/ 2) + 1260px);
	  margin-left: 0;
	  margin-right:auto;
	  padding-right: calc(((100% - var(--site-sizeContentWide-M))/ 2));
	}
	/*.elementGapBox {
		width: 100%;
		max-width:1260px;
	}*/
	@media screen and (max-width: 1200px) {
		.elementGapWrap {
		  padding-right:0;
		}
	}
	
	
	
	/* elementImageGapWrap
	----------------------- */
	.elementImageGapWrap {
	  width: calc(((100% - var(--site-sizeContentWide-M))/ 2) + var(--site-sizeContentWide-M));
	  max-width: calc(((100% - 1260px)/ 2) + 1260px);
	  margin-right: auto;
	  margin-left:0;
	  
	}
	
	/* generalBorderBox
	----------------------- */
	.generalBorderBox {
		padding: var(--contentsUsePadding);
		border:1px solid rgba(var(--site-lineColor-accent), 1);
	}


	/* generalCategoryPic
	----------------------- */
	.generalCategoryPic {
		margin:var(--contentsLittlePadding);
		overflow: hidden;
	}
	.generalCategoryPic.js_showTarget img {
		opacity: 0;
		transform: scale(1.1)
	}
	.generalCategoryPic.js_showTargetAnimate img {
		opacity: 1;
		transform: scale(1);
		transition: all 1.5s ease-out 0s;
	}
@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.generalCategoryPic img {
		object-fit: cover;
		min-height:280px;
		object-position: 50% 0;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	.generalCategoryPic img {
		min-height:200px;
	}
}



/* ============================================================================
	Framework_Wrapper
============================================================================ */



/* ------------------------------------------------------------------------
mainHeaderVisualWrap
------------------------------------------------------------------------ */
	/*pTtl--------*/
	.mainHeaderVisualWrap {
		position: relative;
		filter: blur(5px) brightness(5);
		opacity: 0;
		overflow: hidden;
	}
	.mainHeaderVisualWrap.js_showTargetAnimate {
		filter: blur(0) brightness(1);
		opacity: 1;
		transition: all 1s ease 0.1s;
	}
	.mainHeaderVisualWrap .pTtl {	
		position: absolute;
		top: 0%;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		text-align: center;
		z-index: 1;
	}
	
	.mainHeaderVisualWrap .pTtl .en {
		display: block;
		margin-top:clamp(30px, (30 / 1200 * 100vw), 60px);
		--M-fluidFontSize-max-fontsize: 90;
		--M-fluidFontSize-min-fontsize: 60;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_1);
		color: rgba(var(--site-variationColor-gold_1), 1);
		line-height: 1;
	}
	.mainHeaderVisualWrap .pTtl .ja {
		display: block;
		margin-top:0.5em;
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */

		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
	}	
	
	/*pPic--------*/
	.mainHeaderVisualWrap .pPic {
		position: relative;
	}
	
@media screen and (max-width: 1200px) { /*{belowTB}*/
	/*pTtl--------*/
	.mainHeaderVisualWrap .pTtl .en {
		margin-top:clamp(80px, (80 / 736 * 100vw), 90px);
		--M-fluidFontSize-max-fontsize: 60;
		--M-fluidFontSize-min-fontsize: 40;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
	}
	.mainHeaderVisualWrap .pTtl .ja {
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
	}	
	/*pPic--------*/
	.mainHeaderVisualWrap .pPic {
		padding-top:clamp(100px, (100 / 736 * 100vw), 80px);
	}
}

@media screen and (max-width: 736px) { /*{SP}*/
	/*pTtl--------*/
	.mainHeaderVisualWrap .pTtl .en {
		margin-top:clamp(80px, (80 / 480 * 100vw), 120px);
	}
	.mainHeaderVisualWrap .pTtl .ja {
		--M-fluidFontSize-max-fontsize: 15;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 736;
		--M-fluidFontSize-min-viewport: 480;
	}	
	/*pPic--------*/
	.mainHeaderVisualWrap .pPic {
		padding-top:0;
	}

}








/* mainHeaderSmall
------------------------------------------------------------------------ */
	.mainHeaderSmallWrap {
		text-align: center;
	}
	/*pTtl--------*/
	.mainHeaderSmallWrap .pTtl .en {
		display: block;
		padding:clamp(50px, (50 / 1200 * 100vw), 80px) 30px;
		--M-fluidFontSize-max-fontsize: 70;
		--M-fluidFontSize-min-fontsize: 60;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_1);
		color: rgba(var(--site-variationColor-gold_1), 1);
		line-height: 1;
	}


@media screen and (max-width: 1200px) { /*{belowTB}*/
	/*pTtl--------*/
	.mainHeaderSmallWrap .pTtl .en {
		padding:clamp(100px, (100 / 736 * 100vw), 120px) 30px clamp(40px, (40 / 736 * 100vw), 60px);
	}
}

@media screen and (max-width: 736px) { /*{SP}*/
	.mainHeaderSmallWrap .pTtl .en {
		padding:clamp(80px, (80 / 480 * 100vw), 100px) 30px clamp(30px, (30 / 480 * 100vw), 40px);
		--M-fluidFontSize-max-fontsize: 60;
		--M-fluidFontSize-min-fontsize: 40;
		--M-fluidFontSize-max-viewport: 736;
		--M-fluidFontSize-min-viewport: 480;
	}
}	
	
	
	
	
	
/* pageThemeWrap
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
pageThemeWrap
------------------------------------------------------------------------ 
	
	
	/* pageTheme
	----------------------- */
	.pageTheme {}


/* breadcrumbBox
------------------------------------------------------------------------ */
	.breadcrumbWrap {
		max-width:1920px;
		margin-left:auto;
		margin-right:auto;
		padding-right:var(--contentsLittlePadding);
		padding-left:var(--contentsLittlePadding);
	}
	.breadcrumbBox {
		display: flex;
		 align-items: center;		
		line-height: 2;
		color: #000;
		font-size: 1rem;
		letter-spacing: .1em;
		padding: 0;
		/*opacity: .9;*/
	}
	.breadcrumbBox ol {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		margin-left:auto;
		margin-right:0;
		padding: 1.2em 0;
		/*padding: .7em 1.5em;*/
	}
	.breadcrumbBox li:not(:last-child)::after {
		content: "＞";
		margin: 0 5px;
		opacity: .6;
	}
	.breadcrumbBox li.current {}
	.breadcrumbBox li a {
		border-bottom: 1px solid transparent;
		transition: border .05s ease-out;
	}
	@media (hover: hover) and (pointer: fine) {
		.breadcrumbBox li a:hover {
			border-bottom-color: currentColor;
		}
	}
	.breadcrumbBox li a:focus-visible {
		border-bottom-color: currentColor;
	}
	
@media screen and (max-width: 736px) {
	body:not(.roomplanP.detailP , .limitedP) .breadcrumbWrap ol {
		display: none;
	}
	.breadcrumbBox {
		font-size: .9rem;
		word-break: break-all;
		letter-spacing: .02em;
	}
	.breadcrumbBox ol {
		display: block;
		padding: 1em 0;
		margin-left:0;
		margin-right:auto;
	}
	.breadcrumbBox li {
		display: inline;
	}
}





/* headLeadTxt
------------------------------------------------------------------------ */
	.headLeadTxt {
		font-size:1.45rem;
		letter-spacing: 1.8;
	}

@media screen and (max-width: 1200px) { /*{belowTB}*/
	.headLeadTxt {
		--M-fluidFontSize-max-fontsize: 14.5;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
	}
}





/* -------------------------------------------------------------------
footerNavSection
----------------------------------------------------------------------
/* footerNavWrap
-------------------------------------*/
	.footerNavSection .footerNavWrap {
		display: flex;
		flex-wrap: wrap;
		background: #333;
	}
	.footerNavWrap .footerNavBox {
		display: block;
		position: relative;
		overflow: hidden;
		width: 50%;
		margin-top:0;
		marign-bottom:0;
	}
	/*txt*/
	.footerNavWrap .footerNavBox .txt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		color: #fff; 
		z-index: 1;
	}
	.footerNavWrap .footerNavBox .txt .en {
		display: block;
		line-height: 1;
	}
	.footerNavWrap .footerNavBox .pic {
		position: relative;
		overflow: hidden;
	}
	.footerNavWrap .footerNavBox .txt .en {
		--M-fluidFontSize-max-fontsize: 50;
		--M-fluidFontSize-min-fontsize: 30;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_1);
		letter-spacing: 0em;
	}
	

@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.footerNavWrap .footerNavBox .txt .en {
		--M-fluidFontSize-max-fontsize: 30;
		--M-fluidFontSize-min-fontsize: 25;
		--M-fluidFontSize-max-viewport: 1050;
		--M-fluidFontSize-min-viewport: 480;
	}
	.footerNavWrap .footerNavBox .pic img {
		width: 100%;
		object-fit: cover;
		aspect-ratio: 520 / 200;
	}
}	

@media screen and (max-width: 480px) { /*{SPs}*/
	.footerNavWrap .footerNavBox {
		width: 100%;
	}
	.footerNavWrap .footerNavBox .pic img {
		aspect-ratio: auto;
	}

}









/*hover*/
@media (hover: hover) and (pointer: fine) {
	.footerNavWrap .footerNavBox .pic::before{
		content: "";
		position: absolute;
		top:0;
		left:0;
		z-index:-1;
		width: 100%;
		height:100%;
		background: #000;
	}
	.footerNavWrap .footerNavBox .pic img {
		transform: scale(1);
		opacity: 1;
		transition: all 0.5s ease-in-out 0s;
	}
	.footerNavWrap .footerNavBox:hover .pic img {
		transform: scale(1.15);
		filter: brightness(150%);
	}	
	
}

/* pageLastCaptionWrap
---------------------------------------------------- */
	.pageLastCaptionWrap {
		padding: 60px 0;
		border-bottom:1px solid rgba(var(--site-lineColor-basic), 1);
	}
	.pageLastCaptionWrap.is_paddingAjust {
		padding-top:calc((var(--contentsLittlePadding)) + 40px);
	}
	.pageLastCaptionWrap.noLine {
		border-width:0 0 0;
	}
	.pageLastCaptionWrap .captionWrap a {
		text-decoration: underline;
		transition: background .13s ease-out;
		padding-left: .1em;
		padding-right: .1em;
	}
	.pageLastCaptionWrap .captionWrap small {
		line-height: 1.75;
	}
	
@media (hover: hover) and (pointer: fine) {
	.pageLastCaptionWrap .captionWrap a:hover {
			text-decoration: underline;
			background: rgba(150, 150, 150, .15);
		}
	.pageLastCaptionWrap .captionWrap a:focus-visible {
		text-decoration: underline;
		background: rgba(150, 150, 150, .15);
	}
}

@media screen and (max-width: 1200px) { /*{belowTB}*/
	.pageLastCaptionWrap {
		padding: clamp(40px, (40 / 736 * 100vw), 60px)  0;
	}
}

@media screen and (max-width: 736px) {
	.captionWrap.contbox {
		width: 96%;
	}
	
	.pageLastCaptionWrap.noCap {
		padding: 20px 0;
	}
}



/* fNavWrap
-------------------------------------------------------
- ul以下はJSで生成（setting.js）
- 物件メニューが入らないページもあるので余白設定は注意（.fNavWrap、.fNav）＿{A} margin,paddingは基本設定不可
- 擬似要素は用途が決まっているものがあります。
-------------------------------------------------------
- 例：<ul><li class="indNav is-new"><a href="../" class="is-current" data-end-date="xxx">トップ</a></li></ul>
---------------------------------------------------- */
	.fNavWrap {
		width: var(--site-sizeContentWide-M);		/* 88% */
		max-width: var(--site-sizeMaxWidth-M);		/* 1260px */
	}
	.fNav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding:25px 0;
	} /* margin,paddingつけるならココ!! */
	.fNav a {
		position: relative;
		display: block;
		width: 100%;
	}
	.fNav a .ja,
	.fNav a br {
		display: none;
	}
	.fNavWrap a .en {
		display: block;
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 1400;
		--M-fluidFontSize-min-viewport: 1000;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */

		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_4);
		font-weight: 500;
	}
	.fNavWrap a:not(.is-current) .en {
		color: rgba(var(--site-themeColor-base_text), 1);
	}
	
	@media (hover: hover) and (pointer: fine) {
		.fNav a:hover {
			opacity: 0.7;
		}
	}
	
	/* -- placeholder, hover, current -- */
	.fNav a:not([href]) {
		color: rgba(204, 204, 204, 1);
	}
	.fNav a:not(.is-current):focus {
	}
	.fNav a:not(.is-current):active {
	}
	.fNav a.is-current::after {
		content:"";
		display:block;
		height:1px;
		width:30px;
		background:#7ac5be;
	}
	
	.fNav li.is-new a::before { /* NEWマーク */
		content: "NEW";
		display: block;
		position: absolute;
		top: 2px;
		right: 3px;
		line-height: 1;
		color: #fff;
		font-size: 10px;
		background: #b42d43;
		padding: .25em;
		transform: scale(.9);
		transform-origin: top right;
	}
	
@media screen and (max-width: 1000px) {
	.fNav ul {
		padding:15px 0;
		justify-content:flex-start;
	} /* margin,paddingつけるならココ!! */
	.fNavWrap .fNav {
		/*width: 100%;*/
	} 
	.fNav li {
		width: 20%;
		padding:3px 0;
		--M-fluidFontSize-max-fontsize: 12;
		--M-fluidFontSize-min-fontsize: 10;
		--M-fluidFontSize-max-viewport: 1000;
		--M-fluidFontSize-min-viewport: 480;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
	}
}

@media screen and (max-width: 736px) {
	.fNav li {
		width: 25%;
		padding:5px 0;
	}
}
@media screen and (max-width: 640px) {
	.fNav li {
		width: 33%;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	.fNavWrap {
		width:88%;
		
	}
}



/* ============================================================================
	Framework_Elements
============================================================================ */

/* ptHeading 													2022.09.16
---------------------------------------------------------------------------
- [2022.09] fluidFontSizeカスタムプロパティver
------------------------------------------------------------------------ */
/* hTxt
---------------------------------------------------- */
	.ptHeading .hTxt,
	[class*="hTxtStyh"] {
		--M-fluidFontSize-max-fontsize: 23;
		--M-fluidFontSize-min-fontsize: 19;
		--M-fluidFontSize-max-viewport: 1400;
		--M-fluidFontSize-min-viewport: 430;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * .1rem );
		
		display: block;
		min-height: 0.001vw;				/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.9;
		color: inherit;
		font-size: var(--M-fluidFontSize-fontSize);
		font-family: var(--site-font_family-serif);
		text-align: center;
		letter-spacing: 0.03em;
		padding: 0;
	}
	
	.ptHeading .hTxt .kana,
	[class*="hTxtStyh"] .kana {
		letter-spacing: -0.15em;
		margin-right: 0.15em;
		margin-left: -0.15em;
	}
	/* -- */
	:where(h2).ptHeading .hTxt,
	.hTxtStyh2 {
		--M-fluidFontSize-max-fontsize: 28;
		--M-fluidFontSize-min-fontsize: 18;
		line-height: 2;
		margin-bottom: 1em;
	}
	:where(h3).ptHeading .hTxt,
	.hTxtStyh3 {
		--M-fluidFontSize-max-fontsize: 24;
		--M-fluidFontSize-min-fontsize: 16;
		margin-bottom: 1.2em;
	}
	:where(h4).ptHeading .hTxt,
	.hTxtStyh4 {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 15;
		margin-bottom: 1em;
	}
	:where(h5).ptHeading .hTxt,
	.hTxtStyh5 {
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 14;
		margin-bottom: 1em;
	}
	:where(h6).ptHeading .hTxt,
	.hTxtStyh6 {
		--M-fluidFontSize-max-fontsize: 15;
		--M-fluidFontSize-min-fontsize: 13;
		margin-bottom: 1em;
	}
@media screen and (max-width: 736px) {
	.ptHeading .hTxt,
	[class*="hTxtStyh"] {
		line-height: 1.8;
		/*text-align: left;*/
		letter-spacing: .12em;
		margin-bottom: 0.9em;
	}
}

/* enHeading_* 													2022.09.16
---------------------------------------------------------------------------
h3.enHeading_L>(span.hTxt{enenenen}>br)+(span.hTxtEnSupplement{xxxxx})
------------------------------------------------------------------------ */
	[class*="enHeading_"] {
		display: block;
		text-align: center;
		padding: 0;
		--M-fluidFontSize-max-fontsize: 50;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 1400;
		--M-fluidFontSize-min-viewport: 480;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * .1rem );
		min-height: 0.001vw;
		line-height: 1;/* for safari | font-sizeにclamp()使用時必須 */
		font-size: var(--M-fluidFontSize-fontSize);
		font-family: var(--site-font_family-en_1);
		letter-spacing: 0.01em;
		color: rgba(var(--site-variationColor-gold_1), 1); 
	}
	
	/* -- */
	.enHeading_L {
		--M-fluidFontSize-max-fontsize: 60;
		--M-fluidFontSize-min-fontsize: 40;
	}
	.enHeading_M {
		--M-fluidFontSize-max-fontsize: 50;
		--M-fluidFontSize-min-fontsize: 30;
	}
	.enHeading_S {
		--M-fluidFontSize-max-fontsize: 40;
		--M-fluidFontSize-min-fontsize: 20;
	}
	.enHeading_XS {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 16;
	}
	.enHeading_XXS {
		--M-fluidFontSize-max-fontsize: 15;
		--M-fluidFontSize-min-fontsize: 13;
	}

	
	/* hTxtEnSupplement */
	.hTxtEnSupplement {
		--M-fluidFontSize-max-fontsize: 22;
		--M-fluidFontSize-min-fontsize: 14;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * .1rem );
		display: block;
		min-height: 0.001vw;				/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.6;
		font-size: var(--M-fluidFontSize-fontSize);
		font-family: var(--site-font_family-serif);
		text-align: center;
		letter-spacing: .05em;
	}
	
	
	
	
	/* decoCursive */
	.decoCursive {
		position: relative;
		display: block;
		text-align: center;
		line-height: 0.8;
		font-family: var(--site-font_family-en_3);
		color: rgba(var(--site-themeColor-base_text-accent), 1);
		transform: rotate(-5deg);
		--M-fluidFontSize-max-fontsize: 90;
		--M-fluidFontSize-min-fontsize: 40;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 480;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
	}
	


/* ============================================================================
	heading_Line
============================================================================ */
/* heading_Line01 上下ライン
------------------------------------------------------------------------ */
	.heading_Line01 {
		padding:clamp(10px, (10 / 1200 * 100vw), 15px) 0;
		border:0 solid rgba(var(--site-lineColor-accent), 1);
		border-width:1px 0;
	}
@media screen and (max-width: 736px) { /*{SP}*/
	.heading_Line01 {
		padding:clamp(10px, (10 / 480 * 100vw), 15px) 0;
	}
}	
/* heading_Line02 下ライン
------------------------------------------------------------------------ */
	.heading_Line02 {
		border:0 solid rgba(var(--site-lineColor-accent), 1);
		border-width:0 0 2px 0;
	}
/* heading_Line03  両端ライン 
		<div class="tc"><p class="heading_Line03 "><span class="heading_Line03_inner">xxxxxxx</span></p></div>
------------------------------------------------------------------------ */
	.heading_Line03 {
		text-align: center;
		display:inline-block;
	}
	.heading_Line03_inner {
		display: flex;
		align-items: center;
	}
	.heading_Line03_inner::before,
	.heading_Line03_inner::after {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: rgba(var(--site-lineColor-basic), 1);
		min-width:80px;
	}
	.heading_Line03_inner::before {
		margin-right: 1rem;
	}
	.heading_Line03_inner::after {
		margin-left: 1rem;
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.heading_Line03_inner::before,
	.heading_Line03_inner::after {
		min-width:30px;
	}
}

/* heading_Line04  両端ライン 
		<p class="heading_Line04"><span class="heading_Line04_inner">xxxxxxx</span></p>
------------------------------------------------------------------------ */
	.heading_Line04 {
		text-align: center;
	}
	.heading_Line04_inner {
		display: flex;
		align-items: center;
	}
	.heading_Line04_inner::before,
	.heading_Line04_inner::after {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: rgba(var(--site-lineColor-basic), 1);
		min-width:60px;
	}
	.heading_Line04_inner::before {
		margin-right: 1rem;
	}
	.heading_Line04_inner::after {
		margin-left: 1rem;
	}

/* heading_Line0５  →端ライン 
		<div class="tc"><p class="heading_Line05"><span class="heading_Line05_inner">xxxxxxx</span></p></div>
------------------------------------------------------------------------ */
	.heading_Line05 {
		text-align: left;
		display:inline-block;
	}
	.heading_Line05_inner {
		display: flex;
		align-items: center;
	}
	.heading_Line05_inner::after {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: rgba(var(--site-themeColor-base_text-accent), 1);
		min-width:150px;
		margin-left: 1rem;
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.heading_Line05_inner::after {
		min-width:40px;
		margin-right: 0.8rem;
	}
}


/* heading_Line06  左端ライン 
		<div class="tc"><p class="heading_Line06"><span class="heading_Line06_inner">xxxxxxx</span></p></div>
------------------------------------------------------------------------ */
	.heading_Line06 {
		text-align: left;
		display:inline-block;
	}
	.heading_Line06_inner {
		display: flex;
		align-items: center;
	}
	.heading_Line06_inner::before {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: rgba(var(--site-themeColor-base_text-accent), 1);
		min-width:26px;
		margin-right: 1rem;
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.heading_Line06_inner::before {
		min-width:20px;
		margin-right: 0.8rem;
	}
}
	
/*marker 
-------------------------------------------------------
-テキストマーカー
- 例：<span class="marker js_showTarget">xxxxxxxxxxxx</span>
---------------------------------------------------- */
	.marker {
		background-image: linear-gradient(to right, transparent 50%, #b8eae5 50%);
		background-repeat: repeat-x;
		background-size: 200% 0.5em;
		background-position: 0 1em;
		transition: all 1s ease;
	}
	.marker.js_showTargetAnimate{
		background-position: -100% 1em;
	}


	
	
/* heading_circle  左端●
		<p class="heading_circle">xxxxxxxxxxxxxxxxxxxxxxxxx</p>
------------------------------------------------------------------------ */
	.heading_circle {
		position: relative;
		display: block;
		padding-left:18px;
		line-height: 1;
	}
	.heading_circle:before {
		position: absolute;
		top:0.25em;
		left:0;
		content: "";		
		display:inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;		
		background:#b4a965;
		line-height: 1;
	}
	
@media screen and (max-width: 1200px) { /*{belowTB}*/
	.heading_circle:before {
		/*margin-top: clamp(9px, (12 / 1200 * 100vw), 12px);*/
	}
}

	
	
/* heading_bg01 ※改行ある場合は使わない
------------------------------------------------------------------------ */
	.heading_bg01 {
		padding: 0.1em 0.8em;
		color: #fff;
		background: rgba(var(--site-lineColor-basic), 1);
	}
	.bgColor_main .heading_bg01 {
		background: rgba(var(--site-lineColor-basic), 1);
	}
	
	
/* hr
------------------------------------------------------------------------ */
	hr.hrLine {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 1px;
		background: rgba(var(--site-lineColor-accent), 1);
		border: none;
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-block: 0;
		margin-inline: 0;
		padding: 0;
	}	
	
	
	
	

/* ============================================================================
	circleIconBtn
============================================================================ */
	.circleIconBtnBox {
		position: relative;
		display: block;
		text-align: center;
		width: 50px;
		height:50px;
		border-radius: 50%;
		background: rgba(var(--site-themeColor-accent), 1);
		z-index:1;
	}
	.circleIconBtnBox::after {
		position: absolute;
		top:0;
		left:0;
		display: block;
		width: 100%;
		height:100%;
		border-radius: 50%;
		background: #86792a;
		z-index:0;
		content: "";
		opacity: 0;
		transition: all 0.2s ease;
	}
	
	@media (hover: hover) and (pointer: fine) {
		.circleIconBtnBox:hover::after {
			opacity: 1;
		}
	}

	.circleIconBtn img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 40%;
		height: 40%;
		text-align: center;
		line-height: 1;
		z-index: 1;
	}
	
	.circleIconBtn.is_reverse {
		transform: translate(-50%,-50%) rotate(180deg);
	}



/* ============================================================================
	Module_Elements
============================================================================ */

/* noticeWrap | 全ページ共通用（基本的に書き換えない。調整は後述の「is_noticeWrap_all」へ）
------------------------------------------------------------------------ */
/* noticeItem
---------------------------------------------------- */
	.noticeWrap .noticeItem {
		margin-top: 30px;
	}
	.noticeWrap .noticeItem .kana {
		letter-spacing: -0.02em;
	}
	.noticeWrap .noticeItem a,
	.noticeWrap .noticeItem a .inbl {
		text-decoration: none;
	}
	/* 文字サイズ調整
	----------------------- */
	/* noticeItem ----- */
	.noticeWrap .noticeItem {
		--default-noticeItem-fontsize:			22;
		--default-noticeItem-fontsize-first:	22; /* --default-noticeItem-fontsize と同じ値を設定する。変数の代入は不可。 */
		line-height: 1.6;
		font-size: calc(var(--default-noticeItem-fontsize) * .1rem);
		font-family: var(--site-font_family-serif);
		letter-spacing: .12em;
		/*text-align: center;*/
	}
	.noticeWrap .noticeItem small {
		display: inline-block;
		/*color: inherit;*/
	}
	.noticeWrap .noticeItem :is(.txtLLL, .txtLL, .txtL, .txtM, .txtS, .txtSS, .txtSSS, .txtSSSS) {
		--default-noticeItem-fontsize-coefficient: 1em; /* 係数（倍率の調整＆単位を付けるための値） */
	}
	.noticeWrap .noticeItem :is(.txtLLL, .txtLL, .txtL, .txtM) {
		font-size: calc(var(--default-noticeItem-txt-fontsize) / var(--default-noticeItem-fontsize) * var(--default-noticeItem-fontsize-coefficient));
	}
	.noticeWrap .noticeItem :is(.txtS, .txtSS, .txtSSS, .txtSSSS) {
		font-size: max((var(--default-noticeItem-txt-fontsize) / var(--default-noticeItem-fontsize) * var(--default-noticeItem-fontsize-coefficient)), var(--default-noticeItem-txt-min-fontsize));
	}
	/* txtL ----- */
	.noticeWrap .noticeItem .txtLLL {
		--default-noticeItem-txt-fontsize:		30;
		line-height: 1.5;
		letter-spacing: 0.045em;
	}
	.noticeWrap .noticeItem .txtLL {
		--default-noticeItem-txt-fontsize:		28;
		line-height: 1.5;
		letter-spacing: 0.045em;
	}
	.noticeWrap .noticeItem .txtL {
		--default-noticeItem-txt-fontsize:		26;
		letter-spacing: 0.06em;
	}
	/* txtM ----- */
	.noticeWrap .noticeItem .txtM {
		--default-noticeItem-txt-fontsize:		24;
	}
	/* txtS ----- */
	.noticeWrap .noticeItem .txtS {
		--default-noticeItem-txt-fontsize:		18;
		--default-noticeItem-txt-min-fontsize:	1.4rem;
	}
	.noticeWrap .noticeItem .txtSS {
		--default-noticeItem-txt-fontsize:		16;
		--default-noticeItem-txt-min-fontsize:	1.3rem;
	}
	.noticeWrap .noticeItem .txtSSS {
		--default-noticeItem-txt-fontsize:		15;
		--default-noticeItem-txt-min-fontsize:	1.25rem;
	}
	.noticeWrap .noticeItem .txtSSSS {
		--default-noticeItem-txt-fontsize:		14;
		--default-noticeItem-txt-min-fontsize:	1.2rem;
	}
	/* letterSpacing ----- */
	.noticeWrap .noticeItem .letterSpacingL {
		letter-spacing: .26em;
	}
	/* color ----- */
	/* base.cssで設定済み。 .txtColor01 等
	*/
@media screen and (max-width: 1200px) {
	.noticeWrap .noticeItem {
		--default-noticeItem-fontsize: 19;
	}
	.noticeWrap .noticeItem :is(.txtLLL, .txtLL, .txtL, .txtM, .txtS, .txtSS, .txtSSS, .txtSSSS) { /* 親のフォントサイズに合わせた倍率を算出 */
		--default-noticeItem-fontsize-coefficient: calc(var(--default-noticeItem-fontsize) / var(--default-noticeItem-fontsize-first) * 1em);
	}
}
@media screen and (max-width: 736px) {
	.noticeWrap .noticeItem {
		--default-noticeItem-fontsize: 17;
	}
}
@media screen and (max-width: 480px) {
	.noticeWrap .noticeItem {
		--default-noticeItem-fontsize: 16;
		margin-top: 25px;
	}
	.noticeWrap .noticeItem :is(.txtLLL, .txtLL, .txtL, .txtM, .txtS, .txtSS, .txtSSS, .txtSSSS) { /* 仕切り直し */
		--default-noticeItem-fontsize-coefficient: 1em;
	}
	.noticeWrap .noticeItem .txtLLL {
		--default-noticeItem-txt-fontsize:		23;
	}
	.noticeWrap .noticeItem .txtLL {
		--default-noticeItem-txt-fontsize:		20;
	}
	.noticeWrap .noticeItem .txtL {
		--default-noticeItem-txt-fontsize:		18.5;
	}
	.noticeWrap .noticeItem .txtM {
		--default-noticeItem-txt-fontsize:		17;
	}
	.noticeWrap .noticeItem .txtS {
		--default-noticeItem-txt-fontsize:		14;
		--default-noticeItem-txt-min-fontsize:	1.1rem;
	}
	.noticeWrap .noticeItem .txtSS {
		--default-noticeItem-txt-fontsize:		12;
		--default-noticeItem-txt-min-fontsize:	1.05rem;
	}
	.noticeWrap .noticeItem .txtSSS {
		--default-noticeItem-txt-fontsize:		11.5;
		--default-noticeItem-txt-min-fontsize:	.97rem;
	}
	.noticeWrap .noticeItem .txtSSSS {
		--default-noticeItem-txt-fontsize:		11;
		--default-noticeItem-txt-min-fontsize:	.94rem;
	}
}


/* noticeBtnBox
---------------------------------------------------- */
	.noticeWrap .noticeBtnBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		/*margin-top: 32px;*/
	}
	.noticeWrap .noticeBtn {
		width:50%;
		max-width:380px;
		/*margin-top: 15px;*/
		/*margin-right: 30px;*/
	}
	.noticeWrap .noticeBtn a {
		display: block;
		position: relative;
		z-index: 1;				/* for Safari.（border-radius時必須） */
		text-decoration: none;
	}
	.noticeWrap .noticeBtn a::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		opacity: 0;
		clip-path: inset(0 100% 0 0);
	}
	.noticeWrap .noticeBtn a .en {
		display: block;
		line-height: 1;
		font-family: var(--site-font_family-en_1);
		font-size: 2.14285em;
		letter-spacing: .2em;
		margin-bottom: .3em;
	}
	/* hover */
	.noticeWrap .noticeBtn a[href] {
		transition: color .18s ease-out, background .18s ease-out, border .18s ease-out, box-shadow .18s ease-out, opacity .18s ease-out;
	}
	.noticeWrap .noticeBtn a[href]::before {
		transition: clip-path .3s ease-out, opacity .2s ease-out;
	}
	@media (hover: hover) and (pointer: fine) {
		.noticeWrap .noticeBtn a[href]:hover::before {
			opacity: 1;
			clip-path: inset(0 0 0 0);
		}
	}
	.noticeWrap .noticeBtn a[href]:focus-visible::before {
		opacity: 1;
		clip-path: inset(0 0 0 0);
	}
@media screen and (max-width: 1200px) {
	.noticeWrap .noticeBtnBox {
		/*margin-top: 20px;*/
	}
	.noticeWrap .noticeBtn {
		/*flex: 0 0 100%;*/
		/*margin-right: 0;*/
	}
}
@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.noticeWrap .noticeBtn {
		width:100%;
	}
	.noticeWrap .noticeBtn:not(:first-of-type) {
		margin-top:20px;
	}
}
@media screen and (max-width: 736px) {
	.noticeWrap .noticeBtn a {
	}
}
@media screen and (max-width: 480px) {
	.noticeWrap .noticeBtnBox {
	}
}


/* holiday | noticeWrap内
-------------------------------------------------------
[SAMPLE]
color: #bc254e;	// 赤_明るい背景用
color: #f09ab2;	// 赤_暗い背景用
color: #dec774;	// 黄_暗い背景用
---------------------------------------------------- */
	.noticeWrap .holidayWrap .holiday {
		width: 100%;
		max-width:1000px;
		margin: 2em auto 0;
		/*padding: 1.5em 0;*/
		font-family: var(--site-font_family-sans);
		font-size: 1.3rem;
		line-height: 1.6;
		letter-spacing: .05em;
		color: #bc254e;
		border: 1px solid #bc254e;
	}
	.noticeWrap .holidayWrap .holiday div.holidayInner {
		width: 100%;
		margin: auto;
		margin-inline: auto;
		max-inline-size: max-content;
		padding: .6em 1.5em;
		/*border: 1px solid #bc254e;*/
	}
	.noticeWrap .holidayWrap .holiday .kokuchi {
		border-top-color: #bc254e;
}
@media screen and (max-width: 736px) {
	.noticeWrap .holidayWrap .holiday {
		font-size: 1.2rem;
	}
}


/* is_noticeWrap_all （ページ下部に共通で掲載する場合で、トップページを除外したい場合等）
------------------------------------------------------------------------ */
	/*.is_noticeWrap_all.noticeWrap .noticeItem {
	}
	.is_noticeWrap_all.noticeWrap .noticeItem {
	}*/



/* lNav_Module
---------------------------------------------------------------------------
- [.lNavWrap]は入れ子にしないことが前提です。
- [data-lnav-position=""]で余白を変更可能。
- [data-lnav-option="label"]ラベルフレーム付きはSP時に必ず1カラムになります。
- [data-lnav_name="yyy"]はラベルフレームに表示する文言を入れます。
- 全ボタンの高さを揃えたい場合はJSにて調整を。
- 細かい設定は各ページ用CSSで設定を。
---------------------------------------------------------------------------
div.lNavWrap[data-lnav-option="label" data-lnav-position="top"]>nav.lNav[data-lnav_name="●/ PAGE MENU /" aria-label="●xxxメニュー"]>ul>li.ln01*4>a>span.ln{01lNav}
------------------------------------------------------------------------ */

/* lNavWrap
---------------------------------------------------- */
	.lNavWrap {
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 737;
		--M-fluidFontSize-min-viewport: 360;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * .1rem );
		--default-lNavWrap-li-padding-lr: 30px;
		width: 95%;
		min-height: 0.001vw;	/* for safari | font-sizeにclamp()使用時必須 */
		max-width: calc(1260px + (var(--default-lNavWrap-li-padding-lr) * 2)); /* feeling. */
		line-height: 1.3;
		font-size: var(--M-fluidFontSize-fontSize, 1.10345em);
		letter-spacing: .05em;
		margin: 0 auto;
		/*padding: 0;*/
	}
	.lNavWrap[data-lnav-position="top"] {		padding: 60px 0 100px;}
	.lNavWrap[data-lnav-position="bottom"] {	padding: 60px 0;}
	
	.lNavWrap ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.lNavWrap li {
		flex-grow: 0;
		display: flex;
		width: 33.333%;
		text-align: center;
		margin: 0;
		padding: .82em var(--default-lNavWrap-li-padding-lr);
		/*transition: padding .2s ease;*/
	}
	.lNavWrap li a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 1;
		width: 100%;
		min-height: 70px;
		color: #fff;
		text-decoration: none;
		background: #666;
		margin: 0 auto;
		padding: .45em calc(11px + 1em + .65em) .47em;
		transition: color .18s ease-out, background .18s ease-out, border .18s ease-out, box-shadow .18s ease-out, opacity .18s ease-out;
	}
	.lNavWrap li:not(.is-current) a::before { /* hover背景 */
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background: #888;
		opacity: 0;
		clip-path: inset(0 100% 0 0);
		transition: clip-path .3s ease-out, opacity .2s ease-out;
	}
	/*.lNavWrap li:not(.is-current) a::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 17px;
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 8px 0 8px 7px;
		border-color: transparent transparent transparent #fff;
	}*/
	.lNavWrap li a .ln {
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	.lNavWrap li a .ln .en {
		font-family: var(--site-font_family-en_1);
	}
	.lNavWrap li a .ln .sml {
		display: inline-block;
		line-height: inherit;
		color: inherit;
		font-family: inherit;
		font-size: .77em;
		margin-top: 1px;
	}
	/* -- placeholder, hover, current -- */
	.lNavWrap li a:not([href]) {
		color: rgba(255, 255, 255, .4);
		opacity: .32;
	}
	/*.lNavWrap li:not(.is-current) a:not([href])::after {
		opacity: 0;
	}*/
	@media (hover: hover) and (pointer: fine) {
		.lNavWrap li:not(.is-current) a[href]:hover {}
		.lNavWrap li:not(.is-current) a[href]:hover::before {
			opacity: 1;
			clip-path: inset(0 0 0 0);
		}
	}
	.lNavWrap li:not(.is-current) a[href]:focus-visible {}
	.lNavWrap li:not(.is-current) a[href]:focus-visible::before {
		opacity: 1;
		clip-path: inset(0 0 0 0);
	}
	.lNavWrap li.is-current a {
		background: #444;
	}
	
@media screen and (max-width: 1400px) {
	.lNavWrap {
		--default-lNavWrap-li-padding-lr: 1vw;
	}
	.lNavWrap[data-lnav-position="top"] {
		padding-top:	50px;
		padding-bottom:	80px;
	}
	.lNavWrap li {
		width: 50%;
		padding-top: .6em;
		padding-bottom: .6em;
	}
}
@media screen and (max-width: 736px) {
	.lNavWrap[data-lnav-position="bottom"] {
		padding-top:	40px;
		padding-bottom:	40px;
	}
	.lNavWrap ul {
		justify-content: space-between;
	}
	.lNavWrap li {
		width: 50%;
		padding: 5px;
	}
	.lNavWrap li a {
		min-height: 50px;
		/*padding: .75em 26px;*/ /* .75em .4em | .75em 26px; */
	}
	/*.lNavWrap li:not(.is-current) a::after {
		right: 13px;
		border-width: 6px 0 6px 5px;
	}*/
}
@media screen and (max-width: 520px) {
	.lNavWrap {
		font-size: 1.1em;
	}
	.lNavWrap li a {
		padding: .75em 24px;
	}
}

/* is_lNavWrap_labelFrame | SP時ラベルフレーム付き　（透過背景ver）
---------------------------------------------------- */
@media screen and (max-width: 736px) {
	.lNavWrap[data-lnav-option="label"] {
		width: 98%;
		/*font-size: 1.175em;*/
		padding: 0;
	}
	.lNavWrap[data-lnav-option="label"][data-lnav-position="top"] {
		padding-top:	80px;
		padding-bottom:	50px;
	}
	.lNavWrap[data-lnav-option="label"][data-lnav-position="bottom"] {
		padding-top:	80px;
		padding-bottom:	30px;
	}
	.lNavWrap[data-lnav-option="label"] .lNav {
		position: relative;
		text-align: center;
	}
	.lNavWrap[data-lnav-option="label"] .lNav::before {
		content: attr(data-lnav_name); /*content: "PAGE MENU";*/
		display: inline-flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		line-height: 1;
		color: #666;
		font-family: var(--site-font_family-en_1);
		font-size: 1.3rem;
		text-align: center;
		text-indent: .2em;
		letter-spacing: .2em;
		margin: auto;
		padding: 1em;
	}
	.lNavWrap[data-lnav-option="label"] ul {
		position: relative;
		width: 100%;
		/*background: #999;*/
		padding: 1.1em 0;
		border: 1px solid #999;
		border-radius: 10px;
	}
	.lNavWrap[data-lnav-option="label"] li {
		width: 94%;
		margin: 0 auto;
		padding: .3em 0;
	}
	.lNavWrap[data-lnav-option="label"] li a {
		padding: .9em 26px; /* .9em .4em | .9em 26px; */
	}
	/*.lNavWrap[data-lnav-option="label"] li:first-child a {
		border-radius: 4px 4px 0 0;
	}
	.lNavWrap[data-lnav-option="label"] li:last-child a {
		border-radius: 0 0 4px 4px;
	}*/
}
@media screen and (max-width: 520px) {
	.lNavWrap[data-lnav-option="label"] {
		/*font-size: 1.1em;*/
	}
	.lNavWrap[data-lnav-option="label"] li a {
		min-height: 1px;
	}
}

/* ancNavWrap
--------------------------------------------------------------------------- */
	.ancNav ul {
		width: 100%;
		max-width:1260px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left:auto;
		margin-right:auto;
		border:1px solid #dcdcdc;
		background: #fff;
	}
	.ancNav li:not(:last-of-type) {
		border-right:1px solid #dcdcdc;
	}
	.ancNav li {
		width : calc(100% / 3); /*各ページで設定*/
	}
	.ancNav li a {
		display: block;
		padding:clamp(8px, (8 / 1200 * 100vw), 10px)  5px;
		width: 100%;
		height: 100%;
	}
	.ancNav .label {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		text-align: center;
		width: 100%;
		height:100%;
	}
	.ancNav .txt {
		width: 100%;
		--M-fluidFontSize-max-fontsize: 14;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 1400;
		--M-fluidFontSize-min-viewport: 736;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-serif);
		line-height: 1;
		letter-spacing: .12em;
	}
	
	.ancNav li [href] {
		color: rgba(var(--site-themeColor-base_text-accent), 1);
	}

	.ancNav li [href].current {
		color:#fff;
		background: #8e8b73;
	}
	
	/* hover, focus */
	.ancNav [href] {
		transition: background .5s ease-out;
	}
	@media (hover: hover) and (pointer: fine) {
		.ancNav [href]:hover {
			background: #dddbcb;
		}
	}
	.ancNav [href]:focus {
			background: #dddbcb;
			/*opacity: .5;*/
	}

@media screen and (max-width: 736px) {
	.ancNav .txt {
		--M-fluidFontSize-max-fontsize: 13;
		--M-fluidFontSize-min-fontsize: 12;
		--M-fluidFontSize-max-viewport: 735;
		--M-fluidFontSize-min-viewport: 480;
	}
}
@media screen and (max-width: 480px) {
}



/* subTtlWrap
------------------------------------------------------------------------ */
	.subTtlWrap {
		position: relative;
	}
	/*txtBox--------*/
	.subTtlWrap .txtBox {
		display: flex;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
	}
	.subTtlWrap .txtBox .txtElement {
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		writing-mode: vertical-rl;
		color: rgba(var(--site-themeColor-accent_text), 1); 
	}	
	.subTtlWrap .txtBox .en {
		position: absolute;
		right:-1em;
		display: block;
		--M-fluidFontSize-max-fontsize: 13;
		--M-fluidFontSize-min-fontsize: 12;
		--M-fluidFontSize-max-viewport: 1400;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_1);
		letter-spacing: 0.2em;
		line-height: 1;
	}
	.subTtlWrap .txtBox .ja {
		--M-fluidFontSize-max-fontsize: 24;
		--M-fluidFontSize-min-fontsize: 22;
		--M-fluidFontSize-max-viewport: 1400;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		letter-spacing: 0.1em;
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.subTtlWrap .txtBox .en {
		--M-fluidFontSize-max-fontsize: 12;
		--M-fluidFontSize-min-fontsize: 11;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
	}
	.subTtlWrap .txtBox .ja {
		--M-fluidFontSize-max-fontsize: 22;
		--M-fluidFontSize-min-fontsize: 18;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
	}
}	
	
	/*picBox--------*/
	.subTtlWrap .picBox {
		position: relative;
	}
	.subTtlWrap .picBox img {
		object-fit: cover;
		min-height:clamp(400px, (400 / 1200 * 100vw), 500px);
		object-position: 50% 0;
	}
@media screen and (min-width: 736.02px) and (max-width: 1200px) { /*{TB}*/
	.subTtlWrap .picBox {
		width:100%;
		height:100%;
	}
	.subTtlWrap .picBox img {
		min-height:clamp(360px, (360 / 736 * 100vw), 400px);
	}
}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.subTtlWrap .picBox img {
		min-height:clamp(300px, (300 / 480 * 100vw), 360px);
	}
}	
/*animetion*/
	.subTtlWrap .picBox {
		overflow: hidden;
	}
	.subTtlWrap.js_showTarget .picBox img {
		opacity: 0;
		transform: scale(1.1);
	}
	.subTtlWrap.js_showTargetAnimate .picBox img {
		opacity: 1;
		transform: scale(1);
		transition: all 1s ease-in-out 0s;
	}
	.subTtlWrap.js_showTarget .txtBox {
		opacity: 0;
	}
	.subTtlWrap.js_showTargetAnimate .txtBox  {
		opacity: 1;
		transition: all 1s ease-in-out 0.5s;
	}

	
/* generalTxtBox
------------------------------------------------------------------------ */
	.generalTxtBox .generalTtl {
		margin-top:1.2em;
		font-size:1.05em;
		line-height: 1.4;
	}
	.generalTxtBox .generalTtl .distance {
		display: inline-block;
		font-size: 11px;
		letter-spacing: 0.02em;
	}
	.generalTxtBox .generalTxt {
		margin-top:0.8em;
		font-size:0.9em;
	}





/* ▼━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-----------デジタルライブラリーモーダル----------- */
/* ------------------------------------------------------------------------
/* =======================================================================================
	COMMON
======================================================================================= */
/* ------------------------------------------------------------------------
 decoLine01
------------------------------------------------------------------------ */
	.guideSection .decoLine01 {
		border:0 solid #666;
		border-width:1px 0;
	}
/* ------------------------------------------------------------------------
 enTtl
------------------------------------------------------------------------ */
	.guideSection .enTtl {
		text-align: center;
		--M-fluidFontSize-max-fontsize: 30;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_1);
		color: rgba(var(--site-themeColor-base_text), 1);
		line-height: 1.2;
	}
	
@media screen and (max-width: 1200px) { /*{belowTB}*/
	.guideSection .enTtl {
		text-align: center;
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 25;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 736;
	}
}	

/* ------------------------------------------------------------------------
	 myPageSection
------------------------------------------------------------------------ */
	.myPageSection .myPageWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.myPageSection .myPageWrap .txtBox {
		width: 50%;
	}
	.myPageSection .myPageWrap .picBox {
		width: 40%;
	}
	
/*txtBox*/
	.myPageSection .myPageWrap .txtBox .decoLine01 {
		padding:1em 0;
	}
	.myPageSection .myPageWrap .txtBox .jaTtl {
		position: relative;
		margin-bottom:1.5em;
		--M-fluidFontSize-max-fontsize: 26;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 736;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-serif);
	}	
	.myPageSection .myPageWrap .txtBox .jaTtl::after {
		position: absolute;
		content: "";
		left: 50%;
		transform: translateX(-50%);
		bottom: -1.2em;
		width: 40px;
		height: 1px;
		background: #555;
	}	
	.myPageSection .myPageWrap .txtBox .txt {
		padding-top:1.2em;
		text-align: center;
	}	
	
@media screen and (max-width: 1200px) { /*{belowTB}*/
	.myPageSection .contbox {
		padding: clamp(40px, (40 / 736 * 100vw), 60px) ;
	}
}
@media screen and (max-width: 900px) {
	.myPageSection .contbox {
		padding: clamp(30px, (30 / 480 * 100vw), 40px) ;
	}
	.myPageSection .myPageWrap .txtBox {
		width: 100%;
	}
	.myPageSection .myPageWrap .picBox {
		width: 100%;
		margin-top:1.5em;
	}
	.myPageSection .myPageWrap .picBox p {
		margin-left:auto;
		margin-right:auto;
		max-width:300px;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.myPageSection .contbox {
		padding: 0;
	}
}





/* ------------------------------------------------------------------------
 flowSection
------------------------------------------------------------------------ */
	.flowSection {
		background: rgba(var(--site-themeColor-accent), .5);
	}
	.flowSection .decoLine01 {
		padding:1.6em 3em;
	}
	
	.flowSection [class*="generalBtnUnit"][href] {
		text-decoration: none;
	}
	

@media screen and (max-width: 736px) { /*{SP}*/
	.flowSection .decoLine01 {
		padding:1.6em 1em;
	}

}

/*flowWrap-----------------------------*/
	.flowWrap {
		display: flex;
		flex-wrap: wrap;
		background: #fff;
	}
	.flowWrap .headingBox {
		width: 32%;
		padding: clamp(30px, (30 / 1200 * 100vw), 40px);
	}
	.flowWrap .detailBox {
		width: 68%;
		padding: clamp(30px, (30 / 1200 * 100vw), 40px);
	}
	
@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.flowWrap .headingBox {
		width: 100%;
		padding: clamp(10px, (10 / 736 * 100vw), 20px) 20px;
	}
	.flowWrap .detailBox {
		width: 100%;
	}
}	
@media screen and (max-width: 736px) { /*{SP}*/
	.flowWrap .detailBox {
		padding: clamp(25px, (25 / 736 * 100vw), 30px);
	}
}


	
/*headingBox---*/
	.flowWrap .headingBox {
		display: flex;
		align-items: center;
		color:#fff;
		background: #72a2a5;
	}
	.flowWrap .headingBox .headingUnit {
		display: flex;
		align-items: center;
		width: 100%;
	}
	.flowWrap .headingBox .headingUnit .num {
		margin-right:0.3em;
		--M-fluidFontSize-max-fontsize: 60;
		--M-fluidFontSize-min-fontsize: 50;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1050;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_2);
		font-style: italic;
		line-height: 1;
		/*color: rgba(var(--site-variationColor-gold_1), 1);*/
	}
	.flowWrap .headingBox .headingUnit .ttl {
		font-size:1.2em;
		font-family: var(--site-font_family-serif);
		line-height: 1.6;
	}
	
/*detailBox---*/
	.flowWrap .detailBox {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.flowWrap .detailBox .detailUnit {
		width: 100%;
		line-height: 1.6;
	}



/*個別-----*/
/*01*/
	.flowWrap.step01 .detailBox .detailElement {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flowWrap.step01 .detailBox .detailElement .txt {
		padding-right:2em;
	}
	.flowWrap.step01 .detailBox .detailElement .btn_req .generalBtnUnit {
		width: 100%;
		min-width: 250px;
		padding-top:20px;
		padding-bottom:20px;
		margin-right:0;
		margin-left:auto;
		--M-fluidFontSize-max-fontsize: 14;
		--M-fluidFontSize-min-fontsize: 12;
	}

@media screen and (max-width: 736px) { /*{SP}*/
	.flowWrap.step01 .detailBox .detailElement {
		flex-wrap: wrap;
	}
	.flowWrap.step01 .detailBox .detailElement .txt {
		width: 100%;
		padding-right: 0em;
		margin-bottom:1em;
	}
	.flowWrap.step01 .detailBox .detailElement .btn_req {
		width: 100%;
	}
	.flowWrap.step01 .detailBox .detailElement .btn_req .generalBtnUnit {
		margin-right:auto;
		min-width:auto;

	}
}	

/*03*/
	.flowWrap.step03 .detailBox .detailElement {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flowWrap.step03 .detailBox .detailElement .txt {
		padding-right:2em;
	}
	.flowWrap.step03 .detailBox .detailElement .pic {
		min-width:300px;
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.flowWrap.step03 .detailBox .detailElement {
		flex-wrap: wrap;
	}
	.flowWrap.step03 .detailBox .detailElement .txt {
		width: 100%;
		margin-bottom:1em;
		padding-right:0;

	}
	.flowWrap.step03 .detailBox .detailElement .pic {
		width: 100%;
		min-width:auto;
		text-align: center;
	}
}


/*04*/
	.flowWrap.step04 .detailBox .detailElement {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flowWrap.step04 .detailBox .detailElement .txt {
		padding-right:2em;
	}
	.flowWrap.step04 .detailBox .detailElement .pic {
		min-width:300px;
	}
	
@media screen and (max-width: 736px) { /*{SP}*/
	.flowWrap.step04 .detailBox .detailElement {
		flex-wrap: wrap;
	}
	.flowWrap.step04 .detailBox .detailElement .txt {
		width: 100%;
		margin-bottom:1em;
		padding-right:0;
	}
	.flowWrap.step04 .detailBox .detailElement .pic {
		width: 100%;
		min-width:auto;
		text-align: center;
	}
}


/*arrow	*/
	.flowWrap:not(:last-of-type) {
	  position: relative;
	  margin-bottom:60px;
	}
	.flowWrap:not(:last-of-type)::after {
	  content: "";
	  display: block;
	  position: absolute;
	  bottom: -40px;
	  left: 50%;
	  width: 0;
	  height: 0;
	  transform: translateX(-50%);
	  border: 30px solid transparent;
	  border-top: 20px solid #373b3c;
	  border-bottom-width: 0;
	}

/* ▲━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -->













	
	
	

/* ***************************************************************************************************
	printOnly 	（新フォーマット部については style.css に移動）
*************************************************************************************************** */
.unique--siteNameTxtPrintOnly,
.printonly {
	display:none;
}
@media print { /*{printOnly}*/
	/* ------------------------------------------------------
		Basically fixed.
	------------------------------------------------------ */
	body.printSetting .pageThemeWrapHeader,
	body.printSetting .mainHeaderVisualWrap,
	body.printSetting .mainHeaderNoPhotoWrap,
	body.printSetting .breadcrumbBox,
	body.printSetting .lNavWrap,
	body.printSetting .fLinkWrap,
	body.printSetting .fNavWrap,
	body.printSetting .controlButtonWrap,
	body.printSetting .pageBottomFreeSpaceWrap,
	.screenonly {
		display: none;
	}
	.printonly {
		display: block;
	}
	body.printSetting .unique--siteNameTxtPrintOnly { /* サイト名表示 | <div class="unique--siteNameTxtPrintOnly">NAMENAMENAMENAME</div> (※h1の直下に追加) */
		display: block;
		width: 100%;
		line-height: 1.3;
		color: #000;
			font-weight: bold;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			letter-spacing: 0.15em;
		text-align: center;
		text-shadow: 1px 1px 1px rgba(150,150,150,0.1), 1px 1px 2px rgba(150,150,150,0.1);
		background: #fff;
		margin: 0 0 10px;
		padding: 0.3em;
		border: 1px solid #ccc;
	}
	/* ------------------------------------------------------
		Setting
	------------------------------------------------------ */
	/* BODY */
	body {
    	opacity: 1; /* 読込時フェードインのリセット */
		padding: 0 2px !important;
	}
	/* CONTENTS */
	#unique--contents {
		overflow: visible !important; /* IE対策（Flaxboxの余白対策）のリセット */
	}
	body.printSetting .pageTheme {
		/*background: none;*/
	}
	body.printSetting .container {
		/*padding: 2.5em 0;*/
		padding: 3em 0;
	}
	body.printSetting .is_containerPaddingWide {
		padding: 4em 0;
	}
	body.printSetting .is_containerPaddingWideTop {
		padding-top: 4em;
	}
	body.printSetting .is_containerPaddingWideBottom {
		padding-bottom: 4em;
	}
	/*body.printSetting .is_containerPaddingNarrow {
		padding: 1.5em 0;
	}
	body.printSetting .is_containerPaddingNarrowTop {
		padding-top: 1.5em;
	}
	body.printSetting .is_containerPaddingNarrowBottom {
		padding-bottom: 1.5em;
	}
	body.printSetting .is_containerPaddingNarrowMin {
		padding: 0.9em 0 !important;
	}*/
	/*body.printSetting .pageThemeHeaderContainer {
		padding-top: 2.5em;
	}*/
	body.printSetting .pageThemeWrapFooter {
		margin-top: 1em;
		padding: 1em 0;
	}
	body.printSetting .pageThemeWrapCaption {
		padding: 0.5em 0;
	}

}




	
	
	
	
	
	
	
	
	

/* ***************************************************************************************************
	COMMON_LAST
*************************************************************************************************** */
/* ============================================================================
	etc
============================================================================ */
/* margin, padding | ~=スペース区切り毎の正確な値 | mt,mr,mb,ml,pt,pr,pb,pl,ptb,plr */
[data-marpad~="mtXXXL"]	{margin-top:var(--site-marpad-XXXL)}	[data-marpad~="mrXXXL"]	{margin-right:var(--site-marpad-XXXL)}	[data-marpad~="mbXXXL"]	{margin-bottom:var(--site-marpad-XXXL)}	[data-marpad~="mlXXXL"]	{margin-left:var(--site-marpad-XXXL)}		[data-marpad~="ptXXXL"]	{padding-top:var(--site-marpad-XXXL)}	[data-marpad~="prXXXL"]	{padding-right:var(--site-marpad-XXXL)}	[data-marpad~="pbXXXL"]	{padding-bottom:var(--site-marpad-XXXL)}	[data-marpad~="plXXXL"]	{padding-left:var(--site-marpad-XXXL)}	[data-marpad~="ptbXXXL"]	{padding-top:var(--site-marpad-XXXL);padding-bottom:var(--site-marpad-XXXL)}	[data-marpad~="plrXXXL"]	{padding-right:var(--site-marpad-XXXL);padding-left:var(--site-marpad-XXXL)}
[data-marpad~="mtXXL"]	{margin-top:var(--site-marpad-XXL)}		[data-marpad~="mrXXL"]	{margin-right:var(--site-marpad-XXL)}	[data-marpad~="mbXXL"]	{margin-bottom:var(--site-marpad-XXL)}	[data-marpad~="mlXXL"]	{margin-left:var(--site-marpad-XXL)}		[data-marpad~="ptXXL"]	{padding-top:var(--site-marpad-XXL)}	[data-marpad~="prXXL"]	{padding-right:var(--site-marpad-XXL)}	[data-marpad~="pbXXL"]	{padding-bottom:var(--site-marpad-XXL)}		[data-marpad~="plXXL"]	{padding-left:var(--site-marpad-XXL)}	[data-marpad~="ptbXXL"]		{padding-top:var(--site-marpad-XXL);padding-bottom:var(--site-marpad-XXL)}		[data-marpad~="plrXXL"]		{padding-right:var(--site-marpad-XXL);padding-left:var(--site-marpad-XXL)}
[data-marpad~="mtXL"]	{margin-top:var(--site-marpad-XL)}		[data-marpad~="mrXL"]	{margin-right:var(--site-marpad-XL)}	[data-marpad~="mbXL"]	{margin-bottom:var(--site-marpad-XL)}	[data-marpad~="mlXL"]	{margin-left:var(--site-marpad-XL)}			[data-marpad~="ptXL"]	{padding-top:var(--site-marpad-XL)}		[data-marpad~="prXL"]	{padding-right:var(--site-marpad-XL)}	[data-marpad~="pbXL"]	{padding-bottom:var(--site-marpad-XL)}		[data-marpad~="plXL"]	{padding-left:var(--site-marpad-XL)}	[data-marpad~="ptbXL"]		{padding-top:var(--site-marpad-XL);padding-bottom:var(--site-marpad-XL)}		[data-marpad~="plrXL"]		{padding-right:var(--site-marpad-XL);padding-left:var(--site-marpad-XL)}
[data-marpad~="mtL"]	{margin-top:var(--site-marpad-L)}		[data-marpad~="mrL"]	{margin-right:var(--site-marpad-L)}		[data-marpad~="mbL"]	{margin-bottom:var(--site-marpad-L)}	[data-marpad~="mlL"]	{margin-left:var(--site-marpad-L)}			[data-marpad~="ptL"]	{padding-top:var(--site-marpad-L)}		[data-marpad~="prL"]	{padding-right:var(--site-marpad-L)}	[data-marpad~="pbL"]	{padding-bottom:var(--site-marpad-L)}		[data-marpad~="plL"]	{padding-left:var(--site-marpad-L)}		[data-marpad~="ptbL"]		{padding-top:var(--site-marpad-L);padding-bottom:var(--site-marpad-L)}			[data-marpad~="plrL"]		{padding-right:var(--site-marpad-L);padding-left:var(--site-marpad-L)}
[data-marpad~="mtM"]	{margin-top:var(--site-marpad-M)}		[data-marpad~="mrM"]	{margin-right:var(--site-marpad-M)}		[data-marpad~="mbM"]	{margin-bottom:var(--site-marpad-M)}	[data-marpad~="mlM"]	{margin-left:var(--site-marpad-M)}			[data-marpad~="ptM"]	{padding-top:var(--site-marpad-M)}		[data-marpad~="prM"]	{padding-right:var(--site-marpad-M)}	[data-marpad~="pbM"]	{padding-bottom:var(--site-marpad-M)}		[data-marpad~="plM"]	{padding-left:var(--site-marpad-M)}		[data-marpad~="ptbM"]		{padding-top:var(--site-marpad-M);padding-bottom:var(--site-marpad-M)}			[data-marpad~="plrM"]		{padding-right:var(--site-marpad-M);padding-left:var(--site-marpad-M)}
[data-marpad~="mtS"]	{margin-top:var(--site-marpad-S)}		[data-marpad~="mrS"]	{margin-right:var(--site-marpad-S)}		[data-marpad~="mbS"]	{margin-bottom:var(--site-marpad-S)}	[data-marpad~="mlS"]	{margin-left:var(--site-marpad-S)}			[data-marpad~="ptS"]	{padding-top:var(--site-marpad-S)}		[data-marpad~="prS"]	{padding-right:var(--site-marpad-S)}	[data-marpad~="pbS"]	{padding-bottom:var(--site-marpad-S)}		[data-marpad~="plS"]	{padding-left:var(--site-marpad-S)}		[data-marpad~="ptbS"]		{padding-top:var(--site-marpad-S);padding-bottom:var(--site-marpad-S)}			[data-marpad~="plrS"]		{padding-right:var(--site-marpad-S);padding-left:var(--site-marpad-S)}
[data-marpad~="mtXS"]	{margin-top:var(--site-marpad-XS)}		[data-marpad~="mrXS"]	{margin-right:var(--site-marpad-XS)}	[data-marpad~="mbXS"]	{margin-bottom:var(--site-marpad-XS)}	[data-marpad~="mlXS"]	{margin-left:var(--site-marpad-XS)}			[data-marpad~="ptXS"]	{padding-top:var(--site-marpad-XS)}		[data-marpad~="prXS"]	{padding-right:var(--site-marpad-XS)}	[data-marpad~="pbXS"]	{padding-bottom:var(--site-marpad-XS)}		[data-marpad~="plXS"]	{padding-left:var(--site-marpad-XS)}	[data-marpad~="ptbXS"]		{padding-top:var(--site-marpad-XS);padding-bottom:var(--site-marpad-XS)}		[data-marpad~="plrXS"]		{padding-right:var(--site-marpad-XS);padding-left:var(--site-marpad-XS)}
[data-marpad~="mtXXS"]	{margin-top:var(--site-marpad-XXS)}		[data-marpad~="mrXXS"]	{margin-right:var(--site-marpad-XXS)}	[data-marpad~="mbXXS"]	{margin-bottom:var(--site-marpad-XXS)}	[data-marpad~="mlXXS"]	{margin-left:var(--site-marpad-XXS)}		[data-marpad~="ptXXS"]	{padding-top:var(--site-marpad-XXS)}	[data-marpad~="prXXS"]	{padding-right:var(--site-marpad-XXS)}	[data-marpad~="pbXXS"]	{padding-bottom:var(--site-marpad-XXS)}		[data-marpad~="plXXS"]	{padding-left:var(--site-marpad-XXS)}	[data-marpad~="ptbXXS"]		{padding-top:var(--site-marpad-XXS);padding-bottom:var(--site-marpad-XXS)}		[data-marpad~="plrXXS"]		{padding-right:var(--site-marpad-XXS);padding-left:var(--site-marpad-XXS)}

[data-marpad~="mt1px"]	{margin-top:1px}	[data-marpad~="mr1px"]	{margin-right:1px}	[data-marpad~="mb1px"]	{margin-bottom:1px}	[data-marpad~="ml1px"]	{margin-left:1px}		[data-marpad~="pt1px"]	{padding-top:1px}	[data-marpad~="pr1px"]	{padding-right:1px}	[data-marpad~="pb1px"]	{padding-bottom:1px}	[data-marpad~="pl1px"]	{padding-left:1px}		[data-marpad~="ptb1px"]	{padding-top:1px;padding-bottom:1px}	[data-marpad~="plr1px"]	{padding-right:1px;padding-left:1px}
[data-marpad~="mt1em"]	{margin-top:1em}	[data-marpad~="mr1em"]	{margin-right:1em}	[data-marpad~="mb1em"]	{margin-bottom:1em}	[data-marpad~="ml1em"]	{margin-left:1em}		[data-marpad~="pt1em"]	{padding-top:1em}	[data-marpad~="pr1em"]	{padding-right:1em}	[data-marpad~="pb1em"]	{padding-bottom:1em}	[data-marpad~="pl1em"]	{padding-left:1em}		[data-marpad~="ptb1em"]	{padding-top:1em;padding-bottom:1em}	[data-marpad~="plr1em"]	{padding-right:1em;padding-left:1em}
[data-marpad~="mt2em"]	{margin-top:2em}	[data-marpad~="mr2em"]	{margin-right:2em}	[data-marpad~="mb2em"]	{margin-bottom:2em}	[data-marpad~="ml2em"]	{margin-left:2em}		[data-marpad~="pt2em"]	{padding-top:2em}	[data-marpad~="pr2em"]	{padding-right:2em}	[data-marpad~="pb2em"]	{padding-bottom:2em}	[data-marpad~="pl2em"]	{padding-left:2em}		[data-marpad~="ptb2em"]	{padding-top:2em;padding-bottom:2em}	[data-marpad~="plr2em"]	{padding-right:2em;padding-left:2em}
[data-marpad~="mt0"]	{margin-top:0}		[data-marpad~="mr0"]	{margin-right:0}	[data-marpad~="mb0"]	{margin-bottom:0}	[data-marpad~="ml0"]	{margin-left:0}			[data-marpad~="pt0"]	{padding-top:0}		[data-marpad~="pr0"]	{padding-right:0}	[data-marpad~="pb0"]	{padding-bottom:0}		[data-marpad~="pl0"]	{padding-left:0}		[data-marpad~="ptb0"]	{padding-top:0;padding-bottom:0}		[data-marpad~="plr0"]	{padding-right:0;padding-left:0}