@charset "utf-8";

/* =======================================================================================
	TEMPLATE
======================================================================================= */

/* bnr_onlinesalonWrap
------------------------------------------------------------------------ */
	.bnr_onlinesalonWrap {}

/* pageThemeWrap, indexElemContainer
------------------------------------------------------------------------ */
/* indexElemContainer用の背景グラデ設定
---------------------------------------------------- */
	.pageThemeWrap {
		position: relative;
		z-index: 0;
	}
	.pageThemeWrap:has( .indexElemContainer.bgPattern02)::before {
		content: "";
		position: absolute;
		inset: 0 0 auto;
		z-index: -1;
		width: 100%;
		min-height: 790px;
		aspect-ratio: 1920 / 790;
		background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 0) 90%);
	}
	.indexElemContainer.bgPattern02 {
		background-position: center calc(max(90px, (90 / 1920 * 100vw)) * -1);
	}
@media screen and (max-width: 1200px) {
	.indexElemContainer.bgPattern02 {
		background-position: center calc(max(50px, (50 / 1920 * 100vw)) * -1);
	}
}
@media screen and (max-width: 736px) {
	.pageThemeWrap:has( .indexElemContainer.bgPattern02)::before {
		content: none;
	}
	.indexElemContainer.bgPattern02 {
		background: url("../images/index/bg_info_01@sp.jpg") center top / max(750px, 100%) auto no-repeat;
	}
}



/* =======================================================================================
	COMMON
======================================================================================= */

/* main | メインビジュアルをスティッキーヘッダーと重ねる場合「margin-top:0;」にする。 | （ざっくり対応ver ※厳密にする場合はJSで
------------------------------------------------------------------------ */
/*@media screen and (max-width: 1200px) {
	main { margin-top: var(--site-stickyHeader-height); }
}
@media screen and (max-width: 736px) {
	main { margin-top: 0; }
}*/



/* =======================================================================================
	PAGE
======================================================================================= */

/* mainVisualWrap
------------------------------------------------------------------------ */
	.mainVisualWrap {
		overflow: hidden;
		background: rgba(247, 247, 247, 1);
	}
	.mainVisualBox {
		text-align: center;
	}
	.mainVisualBox img {
		width: 100%;
		max-width: none;
	}
	.mainVisualBox .mainPicBox {
		position: relative;
	}
	.mainVisualBox .mainPicBox .mainTtlBox {
		position: absolute;
		inset: 0 0 auto;
		z-index: 1;
		width: max(680px, 50%); /* feeling. */
		margin-left: auto;
		margin-right: auto;
	}
	.mainVisualBox .mainPicBox .mainTtlBox::before {
		content: "";
		display: block;
		width: 1px;
		height: calc(196 / 1920 * 100vw);
		background: rgba(255, 255, 255, .62);
		margin-left: auto;
		margin-right: auto;
	}
	.mainVisualBox .mainPicBox .mainTtl {
		display: block;
	}
	.mainVisualBox .mainPicBox .mainPic {
		display: block;
	}
@media screen and (max-width: 1200px) {
	.mainVisualBox .mainPicBox .mainTtlBox {
		width: clamp(550px, 68%, 680px); /* feeling. */
	}
	.mainVisualBox .mainPicBox .mainTtlBox::before {
		height: min((110 / 1000 * 100vw), 130px); /* feeling. */
	}
}
@media screen and (max-width: 736px) {
	.mainVisualBox .mainPicBox .mainTtlBox {
		width: 100%;
	}
	.mainVisualBox .mainPicBox .mainTtlBox::before {
		height: max(195px, (195 / 375 * 100vw));
	}
}
/* ==========
	ANIME
========== */
@media screen {
	[data-js_show_target="mainVisualWrap"] {
		opacity: 1;
	}
	[data-js_show_target="mainVisualWrap"] .mainPic,
	[data-js_show_target="mainVisualWrap"] .mainTtlBox::before,
	[data-js_show_target="mainVisualWrap"] .mainTtl {
		opacity: 0;
	}
	[data-js_show_target-passed="mainVisualWrap"] .mainPic { /* 画像 */
		transform-origin: center bottom;
		animation: 4000ms ease 50ms both ANIME-mainPic;
	}
	[data-js_show_target-passed="mainVisualWrap"] .mainTtlBox::before { /* 線 */
		transform-origin: center top;
		animation: 1000ms ease 2300ms both ANIME-mainTtlBox_Line;
	}
	[data-js_show_target-passed="mainVisualWrap"] .mainTtl { /* タイトル */
		animation: 2070ms ease-out 3210ms both ANIME-mainTtl;
	}
}
@media screen and (max-width: 736px) {
	[data-js_show_target-passed="mainVisualWrap"] .mainTtl { /* タイトル */
		animation-duration: 2500ms;
	}
}
@keyframes ANIME-mainPic {
	0% {	opacity: 0;	scale: 1.3; filter: brightness(1.2) blur(4px);}
	7% {				scale: 1.3;}
	70% {	opacity: 1;}
	90% {							filter: brightness(1) blur(0px);}
	100% {	opacity: 1;	scale: 1;}
}
@keyframes ANIME-mainTtlBox_Line {
	0% {	opacity: 1; scale: 1 0;}
	100% {	opacity: 1; scale: 1 1;}
}
@keyframes ANIME-mainTtl {
	0% {	opacity: 0;	translate: 0 max(12px, 8%); }
	50% {				translate: 0 0%; }
	100% {	opacity: 1;	translate: 0 0%; }
}




/* meritWrap | 共通設定（'個別設定'は後述）
------------------------------------------------------------------------ */
	.meritWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 0;
		width: 95%;					/* feeling. */
		max-width: 1700px;			/* feeling. */
		min-height: 0.001vw;		/* for safari | font-sizeにclamp()使用時必須 */
		line-height: 1.35;
	/*	font-size: clamp(1.575rem, (20 / 1550 * 100vw), 2rem);*/		/* feeling. */
		font-size: clamp(1.55rem, (20 / 1650 * 100vw), 2rem);		/* feeling. */
		letter-spacing: .1em;
		margin-left: auto;
		margin-right: auto;
		padding: 30px 0;
	}
	.meritWrap sup {
		display: inline-block;
		top: -1em;
		font-family: var(--site-font_family-basic);
		font-size: max(.9rem, .45em);
		letter-spacing: .05em;
		margin-right: .25em;
	}
	.meritWrap small {
		font: inherit;
		font-size: 1rem;
		letter-spacing: normal;
	}
	.meritWrap .color01 {
		color: rgba(var(--site-themeColor-accent_1), 1);
	}
	.meritWrap .num {
		line-height: 1;
		font-weight: 500;
		font-family: var(--site-font_family-en_1);
		font-size: 1.7em;
	}
	.meritWrap .en {
		font-weight: 500;
		font-family: var(--site-font_family-en_1);
		font-size: 1.7em;
		letter-spacing: .05em;
	}
	.meritWrap .txtXL {
		line-height: 1.1;
		font-size: 1.5em;
	}
	.meritWrap .txtL {
		line-height: 1.2;
		font-size: 1.35em;
	}
	.meritWrap .txtS {
		font-size: max(1.16rem, .8em);
	}
	.meritWrap .txtXS {
		font-size: max(1.12rem, .7em);
	}
	.meritWrap .txtXXS {
		font-size: max(1rem, .6em);
	}
	.meritWrap .kara { /* 「～」の横幅を縮める */
		display: inline-block;
		scale: .7 1;
		margin-left: -.1em;
		margin-right: -.1em;
	}
	.meritWrap .kakeru { /* 「×」の上下を詰める　※文字サイズが混在する場合は個別に余白調整すること */
		display: block;
		margin-top: -.15em;
		margin-bottom: -.15em;
	}
	.meritWrap .tenn { /* 「・」の調整 */
		display: inline-block;
		margin-left: .05em;
		margin-right: .05em;
	}
	.meritWrap__captionBox {
		display: block;
		margin-top: calc(.5em + 10px);
		padding: 0 .25em;
	}
	.meritWrap__captionBox small {
		color: #444;
		font: inherit;
		font-size: 1.05rem;
		letter-spacing: normal;
	}

	.meritBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.meritBox > * {
		--_separateLine-width: 3.55em;
		flex-basis: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: relative;
		padding-top: 1.1em;
		padding-bottom: 1.1em;
	}
	.meritBox > * + *::before { /* 区切り線「／」の設定 （個別の非表示については'個別設定'にて） */
		content: "";
		display: block;
		/*width: clamp(40px, (71 / 1550 * 100vw), 71px);*/
		width: var(--_separateLine-width);
		height: 0;
		border-top: 1px solid rgba(110, 110, 110, .6);
		rotate: -45deg;
		margin: 0 .8em;
	}
	.meritBox > *::after { /* 区切り線「_」用の擬似要素（SP以下で使用） */
	}
	.meritBox .mInner {
		display: block;
		text-align: center;
	}
@media screen and (max-width: 1200px) {
	.meritWrap {
		max-width: 900px;											/* feeling. */
		font-size: clamp(1.575rem, (18 / 950 * 100vw), 1.8rem);		/* feeling. */
		padding: 18px 0;
	}
	.meritWrap__captionBox {
		margin-top: calc(1em + 10px);
	}
	.meritBox > * {
		flex-basis: 50%;
		padding-top: .9em;
		padding-bottom: .9em;
	}
	.meritBox > *::before { /* 区切り線「／」はみ出し設定 */
		position: absolute;
		inset: auto auto auto 0;
		translate: -75% 0;
	}
	.meritBox > *:nth-of-type(odd)::before { /* 区切り線「／」非表示 */
		display: none;
	}
	.meritBox > *:where(:nth-of-type(odd)) {	padding-right: calc((var(--_separateLine-width) / 2) + .25em);}	/* 区切り線「／」重なり対策 */
	.meritBox > *:where(:nth-of-type(even)) {	padding-left: calc((var(--_separateLine-width) / 2) + .25em);}	/* 区切り線「／」重なり対策 */
}
@media screen and (max-width: 736px) {
	.meritWrap {
		width: 94%;													/* feeling. */
		font-size: clamp(1.6rem, (16 / 375 * 100vw), 1.8rem);		/* feeling. */
		letter-spacing: .065em;
		padding: calc(10px + 1em) 0;
	}
	.meritWrap__captionBox {
		margin-top: calc(.5em + 10px);
	}
	.meritWrap .num {
		font-size: 1.5625em;
	}
	.meritWrap .en {
		font-size: 1.5625em;
		letter-spacing: .04em;
	}
	.meritWrap .txtXL {
		font-size: 1.4em;
	}
	.meritWrap .txtL {
		font-size: 1.275em;
	}
	.meritBox {
		display: block;
	}
	.meritBox > * {
		padding: 0;
	}
	.meritBox > *::before { /* 区切り線「／」削除 */
		content: none;
	}
	.meritBox > *::after { /* 区切り線「_」の設定 */
		content: "";
		display: block;
		width: 40px;
		height: 0;
		border-top: 1px solid #ababab;
		margin: .9em 0;
	}
	.meritBox .mInner {
		flex-basis: 100%;
	}
}
/* --------------------------------------------------------------
	meritWrap | 個別設定
-------------------------------------------------------------- */
	.meritBox01 .trainLineName {
		display: inline-block;
	}
@media screen and (max-width: 1200px) {
	.meritBox01 .trainLineName {
		display: inline-block;
	}
}
/* m01
----------------------- */
	.meritWrap .m01 .kakeru {
		margin-bottom: -.25em;
	}
/* m02
----------------------- */
	.meritWrap .m02 .premium {
		display: inline-flex;
		justify-content: center;
		align-items: baseline;
		color: rgba(var(--site-themeColor-accent_1_text), 1);
		font-size: max(1.1rem, .82em);
		background: rgba(var(--site-themeColor-accent_1), 1);
		background: linear-gradient(to right, rgba(var(--site-themeColor-accent_1), 1) 5%, rgba(var(--site-themeColor-accent_2), .85) 45% 55%, rgba(var(--site-themeColor-accent_1), 1) 95%);
		margin-top: .4em;
		padding: .1em .45em .15em;
		border-radius: 1px;
	}
	.meritWrap .m02 .premiumTtl {
		letter-spacing: -.09em;
		padding-right: .05em;
	}
	.meritWrap .m02 .premiumData {
		letter-spacing: .015em;
	}
	.meritWrap .m02 .premiumData .num {
		font-size: 1.23em;
	}
@media screen and (max-width: 736px) {
	.meritWrap .m02 .premium {
		font-size: max(1.435rem, .82em);
	}
}
/* ==========
	ANIME
========== */
@media screen {
	.meritBox[data-js_show_target_suite^="fadeIn_toTop"] :where([data-js_show_target_suite_descendant]) {
		opacity: .1;
		transition-duration: 900ms;
	}
	.meritBox[data-js_show_target_suite-passed^="fadeIn_toTop"] :where([data-js_show_target_suite_descendant]) {
		opacity: 1;
	}
	.meritBox[data-js_show_target_suite^="fadeIn_toTop"] li:nth-of-type(1) :where([data-js_show_target_suite_descendant]) {transition-delay: 0ms;}
	.meritBox[data-js_show_target_suite^="fadeIn_toTop"] li:nth-of-type(2) :where([data-js_show_target_suite_descendant]) {transition-delay: 150ms;}
	.meritBox[data-js_show_target_suite^="fadeIn_toTop"] li:nth-of-type(3) :where([data-js_show_target_suite_descendant]) {transition-delay: 300ms;}
	.meritBox[data-js_show_target_suite^="fadeIn_toTop"] li:nth-of-type(4) :where([data-js_show_target_suite_descendant]) {transition-delay: 450ms;}
	.meritBox[data-js_show_target_suite^="fadeIn_toTop"] li:nth-of-type(5) :where([data-js_show_target_suite_descendant]) {transition-delay: 600ms;}
	.meritBox[data-js_show_target_suite^="fadeIn_toTop"] li:nth-of-type(6) :where([data-js_show_target_suite_descendant]) {transition-delay: 750ms;}
}


/* ------------------------------------------------------------------------
	informationContainer | ▼インフォ
------------------------------------------------------------------------ */
	.informationContainer {
		padding-bottom: calc(var(--site-marpad-XXXL) + 10px);
	}
	.informationWrap .segmentHeading .en {
		letter-spacing: .2em;
		margin-bottom: 0;
	}
@media screen and (max-width: 736px) {
	.informationWrap .segmentHeading {
		margin-bottom: 30px;
	}
}
/* ==========
	ANIME
========== */
@media screen {
	[data-js_show_target="informationWrap"] {
		opacity: .8; translate: 0 30px;
	}
	[data-js_show_target-passed="informationWrap"] {
		 animation: 1000ms ease 200ms both ANIME-informationWrap;
	}
}
@keyframes ANIME-informationWrap {
	0% {	opacity: .8; translate: 0 30px;}
	100% {	opacity: 1; translate: 0 0%;}
}



/* ------------------------------------------------------------------------
	entryMeritContainer | ▼エントリーメリット
------------------------------------------------------------------------ */
	.entryMeritContainer {
		padding-bottom: calc(var(--site-marpad-XXXL) + 10px);
	}
	.entryMeritWrap .segmentHeading .en {
		letter-spacing: .2em;
		margin-bottom: 0;
	}
	.entryMeritHeader .headerTxt {
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: .06em;
	}
@media screen and (max-width: 736px) {
	.entryMeritWrap .segmentHeading {
		margin-bottom: 30px;
	}
	.entryMeritHeader .headerTxt {
		font-size: clamp(1.4rem, (14 / 375 * 100vw), 1.6rem);
	}
}
@media screen and (max-width: 480px) {
	.entryMeritHeader .headerTxt {
		letter-spacing: .02em;
		margin-left: -3vw; /* 微調整 */
		margin-right: -3vw; /* 微調整 */
	}
}

/* entryMeritListWrap
---------------------------------------------------- */
	.entryMeritListWrap {
		margin-top: var(--site-marpad-XL);
	}
	.entryMeritListWrap .btn_entryGuide {
		margin-top: var(--site-marpad-XXL);
	}
	.entryMeritListWrap .btn_entryGuide a { /* 色は default.css で設定済 */
		width: 100%;
		max-width: 550px;
		padding-left: .4em;
		padding-right: .4em;
	}
	.entryMeritListWrap .btn_entryGuide a .ja {
		letter-spacing: .1em;
	}

	/* entryMeritList
	--------------------------------- */
	.entryMeritList {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0 calc(50 / 1000 * 100%);
	}
	.entryMeritList li {
		--entryMeritListItem-odd-marginTop: min((66 / 1200 * 100vw), 66px);
		position: relative;
		z-index: 0;
		aspect-ratio: 300 / 420;
		overflow: hidden;
	}
	.entryMeritList li:where(:nth-of-type(odd)) {
		margin-top: var(--entryMeritListItem-odd-marginTop);
	}
	.entryMeritList li .ttl {
		display: grid;
		place-content: center;
		position: absolute;
		inset: 0;
		z-index: 1;
		width: 53.333333%;
		aspect-ratio: 1;
		line-height: 1.35;
		color: #fff;
		font-family: var(--site-font_family-en_1);
		font-size: clamp(1.2rem, (18 / 1200 * 100vw), 1.8rem);
		font-weight: 450;
		letter-spacing: .18em;
		background: rgba(36,19,0, .65);
		margin: auto;
	}
	.entryMeritList li .pic img {
		width: 100%;
		max-width: none;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}
	.entryMeritList li .imgcapkeep {
		--_textShadowColor: rgba(0, 0, 0, .7);
		font-size: 1rem;
		text-shadow: 0 0 1px var(--_textShadowColor), 0 0 2px var(--_textShadowColor), 0 0 3px var(--_textShadowColor), 0 0 5px var(--_textShadowColor);
		letter-spacing: .02em;
	}
	/* -- Individual -- */
	.entryMeritList .item1 .pic img { object-position: 59% 50%;}
	.entryMeritList .item1 .imgcapkeep { --_textShadowColor: rgba(105,85,63, .85);}
	
	.entryMeritList .item2 .pic img { object-position: 81% 50%;}
	.entryMeritList .item2 .imgcapkeep { --_textShadowColor: rgba(105,57,29, .85);}
	
	.entryMeritList .item3 .pic img { object-position: 47% 50%;}
	.entryMeritList .item3 .imgcapkeep { --_textShadowColor: rgba(75,40,0, 1);}

@media screen and (max-width: 736px) {
	.entryMeritListWrap {
		margin-top: 30px;
	}
	.entryMeritListWrap .btn_entryGuide {
		margin-top: 60px;
	}
	.entryMeritListWrap .btn_entryGuide a .ja {
		letter-spacing: .04em;
	}

	.entryMeritList {
		grid-template-columns: 1fr;
		gap: 7px 0;
		width: 93%;
		max-width: 510px;
		margin-left: auto;
		margin-right: auto;
	}
	.entryMeritList li {
		aspect-ratio: 300 / 100;
		margin-top: 0;
	}
	.entryMeritList li .ttl {
		width: auto;
		height: 80%;
		aspect-ratio: 100 / 80;
		font-size: clamp(1.2rem, (12 / 375 * 100vw), 1.8rem);
		letter-spacing: .12em;
	}
	.entryMeritList li .pic img {
		width: 100%;
		max-width: none;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}
	.entryMeritList li .imgcapkeep {
		--_textShadowColor: rgba(0, 0, 0, .7);
		text-shadow: 0 0 1px var(--_textShadowColor), 0 0 2px var(--_textShadowColor), 0 0 3px var(--_textShadowColor), 0 0 5px var(--_textShadowColor);
	}
	/* -- Individual -- */
	.entryMeritList li:nth-of-type(odd) .ttl {	margin-right: 2.8vw;} /* feeling */
	.entryMeritList li:nth-of-type(even) .ttl {	margin-left: 2.8vw;} /* feeling */
	.entryMeritList li:nth-of-type(odd) .imgcapkeep { left: 0; right: revert; }
	
	.entryMeritList .item1 .pic img { object-position: 50% 80%;}
	/*.entryMeritList .item1 .imgcapkeep { --_textShadowColor: rgba(255, 215, 200, .5); color:#333;}*/
	
	.entryMeritList .item2 .pic img { object-position: 50% 30%;}
	
	.entryMeritList .item3 .pic img { object-position: 50% 87%;}
	.entryMeritList .item3 .imgcapkeep { --_textShadowColor: rgba(30, 10, 0, .99);}
}
@media screen and (max-width: 480px) {
	.entryMeritListWrap .btn_entryGuide a .ja {
		font-size: 1.5rem;
		letter-spacing: -.05em;
	}
}
/* ==========
	ANIME
========== */
@media screen {
	[data-js_show_target="entryMeritWrap"] {
		opacity: .8; translate: 0 30px;
	}
	[data-js_show_target-passed="entryMeritWrap"] {
		animation: 1000ms ease 200ms both ANIME-entryMeritWrap;
	}

	[data-js_show_target="entryMeritList"] {
		opacity: 1;
	}
	[data-js_show_target="entryMeritList"] li .pic {
		 filter: blur(5px) grayscale(.6);
	}
	[data-js_show_target-passed="entryMeritList"] li .pic {
		 animation: 1700ms ease 600ms both ANIME-entryMeritListPic;
	}
}
@keyframes ANIME-entryMeritWrap {
	0% {	opacity: .8; translate: 0 30px;}
	100% {	opacity: 1; translate: 0 0%;}
}
@keyframes ANIME-entryMeritListPic {
	0% {	filter: blur(5px) grayscale(.6);}
	30% {	filter: blur(2px) grayscale(0);}
	100% {	filter: blur(0) grayscale(0);}
}

/*@media screen {
	[data-js_show_target="entryMeritList"] li {
		--_entryMeritListItemOdd_anime:		0 calc(var(--entryMeritListItem-odd-marginTop) * -1 / 2);
		--_entryMeritListItemEven_anime:	0 calc(var(--entryMeritListItem-odd-marginTop) * 1 / 2);
	}
	[data-js_show_target="entryMeritList"] li:where(:nth-of-type(odd)) {
		translate: var(--_entryMeritListItemOdd_anime);
	}
	[data-js_show_target="entryMeritList"] li:where(:nth-of-type(even)) {
		translate: var(--_entryMeritListItemEven_anime);
	}

			[data-js_show_target-passed="entryMeritList"] li {
				animation: 2000ms var(--M-easing-easeOutQuint) 300ms both;
			}
			[data-js_show_target-passed="entryMeritList"] li:where(:nth-of-type(odd)) {		animation-name: ANIME-entryMeritListItem-odd;}
			[data-js_show_target-passed="entryMeritList"] li:where(:nth-of-type(even)) {	animation-name: ANIME-entryMeritListItem-even;}
	
}
@media screen and (max-width: 736px) {
	[data-js_show_target="entryMeritList"] li {
		--_entryMeritListItemOdd_anime:		calc(clamp(10px, 6vw, 30px) * 1) 0;
		--_entryMeritListItemEven_anime:	calc(clamp(10px, 6vw, 30px) * -1) 0;
	}
}

@keyframes ANIME-entryMeritListItem-odd {
	0% {	translate: var(--_entryMeritListItemOdd_anime);}
	100% {	translate: 0 0;}
}
@keyframes ANIME-entryMeritListItem-even {
	0% {	translate: var(--_entryMeritListItemEven_anime);}
	100% {	translate: 0 0;}
}*/




/* ------------------------------------------------------------------------
	conceptContainer | ▼コンセプト
------------------------------------------------------------------------ */
/* PC用（div.conceptContainer）（SP用 は別クラスで後述）
------------------------------------------------------------------------ */
	.conceptContainer {}
	.conceptWrap {
		position: relative;
	}
	.conceptBgBox {
		position: relative;
		overflow: hidden;
		color: #fff;
		background: #8786c4;
	}
	.conceptBgBox .pic {}
	.conceptBgBox .pic img {
		display: block;
		width: 100%;
		max-width: none;
	}
	.conceptBgBox small.imgcapkeep {}
	.conceptTxtBox {
		position: absolute;
		inset: 0 0 auto;
		z-index: 0;
		/*max-width: max(min((780 / 1600 * 100%), 780px), (780 / 1920 * 100%));*/ /* ((1600以下で縮む, 固定値), 1920以上で伸びる) */
		width: 70%;
		color: #fff;
		font-size: max(clamp(16px, (18 / 1600 * 100vw), 18px), (18 / 1920 * 100vw)); /* ((1600以下で縮む, 固定値), 1920以上で伸びる) */
		text-shadow: 0 2px 1px rgba(0, 0, 0, .49), 0 0 4px rgba(0, 0, 0, .37), 0 0 15px rgba(0, 0, 0, .6), 0 0 30px rgba(0, 0, 0, .6);
		letter-spacing: .22em;
		margin-left: auto;
		margin-right: auto;
												/*background: rgb(0 0 0 / .3);*/
	}
	.conceptTxtBox::before {
		content: "";
		display: block;
		width: 0;
		height: max(min((192 / 1600 * 100vw), 192px), (192 / 1920 * 100vw)); /* 1600以下で縮む、固定値、1920以上で伸びる */
		margin-bottom: 1.5em;
		margin-left: auto;
		margin-right: auto;
		border-left: 1px solid rgba(255, 255, 255, .62);
	}
	.conceptTxtBox .heading {
		line-height: 1.5;
		text-align: center;
	}
	.conceptTxtBox .heading .symbolPic {
		display: block;
		width: calc(575 / 780 * 100%);
		margin-left: auto;
		margin-right: auto;
	}
	.conceptTxtBox .heading .ttl {
		display: block;
		font-size: 1.6875em;
		margin-top: .75em;
	}
	.conceptTxtBox .txtBox {
		display: grid;
		place-content: center;
		line-height: 2.722222;
		/*text-align: justify;*/
		margin-top: calc(140 / 1920 * 100vw);
	}
@media screen and (max-width: 1200px) {
	.conceptTxtBox {
		/*max-width: min((780 / 1200 * 100%), 780px);*/
		font-size: clamp(12.5px, (17 / 1200 * 100vw), 17px);
		letter-spacing: .15em;
	}
	.conceptTxtBox .heading .symbolPic {
		width: 70%;
		min-width: 400px;
	}
	.conceptTxtBox .heading .ttl {
		font-size: 1.55em;
	}
	.conceptTxtBox .txtBox {
		line-height: 2.5;
		margin-top: 3em;
	}
}
@media screen and (max-width: 736px) {
	.conceptContainer {
		display: none;
	}
}
/* ==========
	ANIME
========== */
@media screen {
	[data-js_show_target="conceptContainer"] {
		opacity: 1;
	}
	[data-js_show_target="conceptContainer"] .conceptBgBox .pic img {
		scale: 1.07;	filter: blur(5px) brightness(1.07);
	}
	[data-js_show_target="conceptContainer"] .conceptTxtBox::before,
	[data-js_show_target="conceptContainer"] .conceptTxtBox .heading,
	[data-js_show_target="conceptContainer"] .conceptTxtBox .txtBox {
		opacity: 0;
	}
	
	[data-js_show_target-passed="conceptContainer"] .conceptBgBox .pic img { /* 背景画像 */
		/*animation: 1500ms ease 2700ms both ANIME-conceptBgImg;*/
		animation: 4300ms ease-out 100ms both ANIME-conceptBgImg;
	}
	[data-js_show_target-passed="conceptContainer"] .conceptTxtBox::before { /* 線 */
		transform-origin: center top;
		animation: 1000ms ease 300ms both ANIME-conceptTxtBox_Line;
	}
	[data-js_show_target-passed="conceptContainer"] .conceptTxtBox .heading { /* タイトル */
		animation: 2070ms ease-out 1210ms both ANIME-conceptTxtBoxHeading;
	}
	[data-js_show_target-passed="conceptContainer"] .conceptTxtBox .txtBox { /* テキスト */
		animation: 2070ms ease-out 1710ms both ANIME-conceptTxtBoxTxtBox;
	}
}
@keyframes ANIME-conceptBgImg {
	0% {	scale: 1.07;	filter: blur(5px) brightness(1.07);}
	58% {					filter: blur(5px) brightness(1.07);}
	80% {	scale: 1;}
	100% {	scale: 1;		filter: blur(0) brightness(1);}
}
@keyframes ANIME-conceptTxtBox_Line {
	0% {	opacity: 1; scale: 1 0;}
	100% {	opacity: 1; scale: 1 1;}
}
@keyframes ANIME-conceptTxtBoxHeading {
	0% {	opacity: 0;	translate: 0 calc(max(12px, 8%) * -1); }
	50% {				translate: 0 0%; }
	100% {	opacity: 1;	translate: 0 0%; }
}
@keyframes ANIME-conceptTxtBoxTxtBox {
	0% {	opacity: 0;	translate: 0 calc(max(12px, 8%) * -1); }
	50% {				translate: 0 0%; }
	100% {	opacity: 1;	translate: 0 0%; }
}


/* SP用（div.conceptContainer_forSP）（PC用 は別クラスで前述）
------------------------------------------------------------------------ */
	.conceptContainer_forSP {
		display: none;
	}
@media screen and (max-width: 736px) {
	.conceptContainer_forSP {
		display: block;
	}
	.conceptWrap_forSP {}

	.conceptTxtBox_forSP {
		position: relative;
		width: 100%;
		max-width: none;
		color: #fff;
		font-size: min((14.25 / 375 * 100vw), 1.975rem);
		letter-spacing: .08em;
		background: #606399 url("../images/index/concept_main_bg_01@sp.jpg") repeat;
		margin-left: auto;
		margin-right: auto;
		padding: max(60px, (60 / 375 * 100vw)) calc(42 / 375 * 100%) 10px;
	}
	.conceptTxtBox_forSP .heading {
		line-height: 1.5;
		text-align: center;
	}
	.conceptTxtBox_forSP .heading .symbolPic {
		display: block;
		width: min(88%, 355px);
		max-width: none;
		min-width: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.conceptTxtBox_forSP .heading .ttl {
		display: block;
		font-size: 1.325em;
		letter-spacing: .09em;
		margin-top: .75em;
	}
	.conceptTxtBox_forSP .txtBox {
		display: grid;
		place-content: center;
		line-height: 1.85;
		margin-top: 1.8em;
	}

	.conceptBgBox_forSP {
		position: relative;
		width: 100%;
	}
	.conceptBgBox_forSP small.bltr {
		padding-left: .5em;
		padding-right: .5em;
	}
	.conceptBgBox_forSP .pic {
		overflow: hidden;
	}
	.conceptBgBox_forSP .pic img {
		display: block;
		width: 100%;
		max-width: none;
		height: auto;
	}

	/* ===== jsSwipeIt ===== */
	.conceptBgBox_forSP .jsSwipeIt.is-swipeReady .pic {
		width: 200%;
	}
	.conceptBgBox_forSP .swipeIt__overlay {
		/*background: linear-gradient(to bottom, rgba(96, 99, 153, 1) 5%, rgba(31, 34, 82, .8) 25%, rgba(22, 24, 56, .8) 100%);*/
		background: linear-gradient(to bottom, rgba(96, 99, 153, 1) 5%, rgba(31, 34, 82, .4) 25%, rgba(22, 24, 56, .4) 100%);
		backdrop-filter: blur(2.5px);
	}
	.conceptBgBox_forSP .swipeIt__body {
		overscroll-behavior: none;
		background: #606399 url("../images/index/concept_main_bg_01@sp.jpg") repeat;
	}

}
@media screen and (max-width: 600px) {
	/* ===== jsSwipeIt ===== */
	.conceptBgBox_forSP .jsSwipeIt.is-swipeReady .pic {
		width: calc(1152 / 375 * 100%);
	}
}
/* ==========
	ANIME
========== */
@media screen {
	/* テキスト */
	[data-js_show_target="conceptTxtBox_forSP"] {
		opacity: 1;
	}
	[data-js_show_target="conceptTxtBox_forSP"] .inner {
		opacity: .4; translate: 0 20px;
	}
	[data-js_show_target-passed="conceptTxtBox_forSP"] .inner {
		animation: 1000ms ease 200ms both ANIME-conceptTxtBox_forSP__inner;
	}
	
	/* 画像、オーバーレイ */
	[data-js_show_target="conceptBgBox_forSP"] {
		opacity: 1;
	}
	[data-js_show_target="conceptBgBox_forSP"] .pic img {
		transform-origin: center bottom;
		translate: 30% 0;	filter: blur(10px)	brightness(1.3);
	}
	[data-js_show_target-passed="conceptBgBox_forSP"] .pic img {
		animation: 2500ms ease-out 100ms both ANIME-conceptBgBox_forSP__img;
	}
}
@keyframes ANIME-conceptTxtBox_forSP__inner {
	0% {	opacity: .4; translate: 0 20px;}
	100% {	opacity: 1; translate: 0 0%;}
}
@keyframes ANIME-conceptBgBox_forSP__img {
	0% {	translate: 30% 0;	filter: blur(10px)	brightness(1.3);}
	100% {	translate: 0% 0;	filter: blur(0)		brightness(1);}
}



/* ------------------------------------------------------------------------
	innerpageLinkWrap | ▼下層ページのご案内
------------------------------------------------------------------------ */
	.innerpageLinkWrap {
		padding-top: clamp(120px, (180 / 1400 * 100vw), 180px);
		padding-bottom: clamp(120px, (180 / 1400 * 100vw), 180px);
	}
	.innerpageLink {
	}

	.innerpageLinkBox {
		--innerpageLinkBox-bgGraPicSide-gradientAngle:	to right;
		--innerpageLinkBoxInner-gridColumns-picW:		calc(1262 / 1920 * 100%);
		--innerpageLinkBoxInner-gridColumns-txtW:		1fr;
		
		/* 画像側の背面パターン隠し(ww1920以上対策)、上下なじませグラデ、背景パターン */
		background: linear-gradient( var(--innerpageLinkBox-bgGraPicSide-gradientAngle), rgba(255, 255, 255, 1) calc(50% - (1920px / 2)), rgba(255, 255, 255, 0) calc(50% - (1920px / 2) + 10%) ),
					linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 15% 85%, rgba(255, 255, 255, 1) 100%),
					url("../images/share/bg_01.webp") center 20% / cover no-repeat;
	}
	.innerpageLinkBox + .innerpageLinkBox {
		margin-top: clamp(80px, (140 / 1400 * 100vw), 140px);
	}
	.innerpageLinkBoxInner {
		display: grid;
		grid-template-columns: 1fr 1fr; /* 初期値。後述の'交互レイアウト'で上書きする */
		justify-content: space-between;
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
		backdrop-filter: blur(1.4px);
	}
	.innerpageLinkTxtBox {
		display: grid;
		align-items: center;
		font-size: clamp(1.5rem, (18 / 1600 * 100vw), 1.8rem);
		padding: 10px calc(95 / 660 * 100%) 50px;
	}
	.innerpageLinkTxtBox a {
		display: block;
	}
	.innerpageLinkTxtBox .heading {
		line-height: 1;
		color: rgba(var(--site-themeColor-accent_1), 1);
		font-family: var(--site-font_family-en_1);
		font-size: 3.055556em;
		letter-spacing: .04em;
		overflow-wrap: break-word; /* 長い英語対策 */
	}
	.innerpageLinkTxtBox .txtBox {
		line-height: 1.777778;
		letter-spacing: .14em;
		margin-top: 1.4em;
	}
	.innerpageLinkTxtBox .btnBox {
		display: grid;
		justify-content: start;
		line-height: 1.35;
		font-family: var(--site-font_family-en_1);
		font-size: max(1rem, .888889em);
		letter-spacing: .1em;
		margin-top: 3.5em;
	}
	.innerpageLinkTxtBox .btnBox .btn {
		display: inline-block;
	}
	.innerpageLinkTxtBox .btnBox .btn .more {
		display: block;
		padding-right: 3em;
	}
	.innerpageLinkTxtBox .btnBox .btn .arrow {
		display: block;
		position: relative;
		width: 100%;
		height: 0;
		border-top: 1px solid;
		transform-origin: left bottom;
	}
	.innerpageLinkTxtBox .btnBox .btn .arrow::after {
		content: "";
		position: absolute;
		inset: auto 0 0 auto;
		width: 1.1em;
		height: 0;
		border-top: 1px solid;
		transform: rotate(45deg) skewX(-45deg);
		transform-origin: right calc(100% - .5px);
	}
	.innerpageLinkPicBox {
		position: relative;
		overflow: hidden;
		aspect-ratio: 1262 / 750;
	}
	.innerpageLinkPicBox img {
		width: 100%;
		max-width: none;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}

	/* hover, focus, current */
	.innerpageLinkTxtBox .btnBox {
		transition: color .38s var(--M-easing-easeOutQuint);
	}
	.innerpageLinkTxtBox .btnBox .btn .more {
		transition: padding-right .38s var(--M-easing-easeOutQuint);
	}
	.innerpageLinkPicBox img {
		transition: scale .9s var(--M-easing-easeOutQuint), filter 1.5s var(--M-easing-easeOutQuint);
	}
	@media (hover: hover) and (pointer: fine) {
		.innerpageLinkTxtBox :where(a:hover) .btnBox {
			color: rgba(var(--site-themeColor-accent_1), 1);
		}
		.innerpageLinkTxtBox :where(a:hover) .btnBox .btn .more {
			padding-right: 3.5em;
		}
		.innerpageLinkTxtBox:has( :where(a:hover)) + .innerpageLinkPicBox img {
			scale: 1.06;
			filter: brightness(1.1) grayscale(20%);
		}
	}
	.innerpageLinkTxtBox :where(a:focus-visible) .btnBox {
			color: rgba(var(--site-themeColor-accent_1), 1);
	}
	.innerpageLinkTxtBox :where(a:focus-visible) .btnBox .btn .more {
			padding-right: 3.5em;
	}
	.innerpageLinkTxtBox:has( :where(a:focus-visible)) + .innerpageLinkPicBox img {
			scale: 1.06;
			filter: brightness(1.1) grayscale(20%);
	}
	@media (prefers-reduced-motion: reduce) {	/* (prefers-reduced-motion: reduce) = OSで「動きを減らす」設定のときはscale/filterを初期化 */
		.innerpageLinkTxtBox:has( a:hover) + .innerpageLinkPicBox img,
		.innerpageLinkTxtBox:has( a:focus-visible) + .innerpageLinkPicBox img {
				scale: revert;
				filter: revert;
		}
	}
	
	/* 交互レイアウト */
	/* 奇数 */
	:where(.innerpageLinkBox:nth-of-type(odd)) .innerpageLinkBoxInner {
		grid-template-columns: var(--innerpageLinkBoxInner-gridColumns-picW) var(--innerpageLinkBoxInner-gridColumns-txtW);
	}
	:where(.innerpageLinkBox:nth-of-type(odd)) .innerpageLinkPicBox {
		order: -1;
	}
	/* 偶数 */
	.innerpageLinkBox:where(:nth-of-type(even)) {
		--innerpageLinkBox-bgGraPicSide-gradientAngle:	to left;
	}
	:where(.innerpageLinkBox:nth-of-type(even)) .innerpageLinkBoxInner {
		grid-template-columns: var(--innerpageLinkBoxInner-gridColumns-txtW) var(--innerpageLinkBoxInner-gridColumns-picW);
	}

	/* -- Individual -- */
	.is_innerpagelinkbox-acc img {	object-position: 50% 100%;}
	.is_innerpagelinkbox-loc img {	object-position: 50% 100%;}
	.is_innerpagelinkbox-tow img {	object-position: 50% 50%;}
	.is_innerpagelinkbox-roo img {	object-position: 50% 50%;}
	.is_innerpagelinkbox-equ img {	object-position: 50% 50%;}


@media screen and (max-width: 1200px) {
	.innerpageLinkBox {
		--innerpageLinkBoxInner-gridColumns-picW:		calc(650 / 1200 * 100%);
	}
	.innerpageLinkTxtBox {
		padding-left: calc(50 / 550 * 100%);
		padding-right: calc(50 / 550 * 100%);
	}
	.innerpageLinkTxtBox .heading {
		font-size: 2.9em;
		letter-spacing: .03em;
	}
	.innerpageLinkPicBox {
		aspect-ratio: 650 / 600;
	}
	@media (hover: hover) and (pointer: fine) {
		.innerpageLinkTxtBox:has( :where(a:hover)) + .innerpageLinkPicBox img {
			scale: 1.1;
		}
	}
	.innerpageLinkTxtBox:has( :where(a:focus-visible)) + .innerpageLinkPicBox img {
			scale: 1.1;
	}

	/* -- Individual -- */
	.is_innerpagelinkbox-acc img {	object-position: 58% 100%;}
	.is_innerpagelinkbox-loc img {	object-position: 58% 100%;}
	.is_innerpagelinkbox-tow img {	object-position: 61% 50%;}
	.is_innerpagelinkbox-roo img {	object-position: 50% 50%;}
	.is_innerpagelinkbox-equ img {	object-position: 50% 50%;}
}
@media screen and (max-width: 736px) {
	.innerpageLinkWrap {
		padding-top: clamp(20px, (20 / 375 * 100vw), 40px);
		padding-bottom: clamp(100px, (100 / 375 * 100vw), 160px);
	}

	.innerpageLinkBox {
		--innerpageLinkBox-SP-bgPattern-position:		right top;
		
		/* 下部なじませグラデ、背景パターン */
		background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 30%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 1) 100%),
					url("../images/share/bg_01.webp") var(--innerpageLinkBox-SP-bgPattern-position) / 350% no-repeat;
	}
	.innerpageLinkBox + .innerpageLinkBox {
		margin-top: 0;
	}
	.innerpageLinkBoxInner {
		grid-template-columns: 1fr;
		padding-top: clamp(100px, (100 / 375 * 100vw), 130px);
	}
	.innerpageLinkTxtBox {
		font-size: clamp(1.5rem, (15 / 375 * 100vw), 1.6rem);
		padding: 0 calc(30 / 375 * 100%) 30px;
	}
	.innerpageLinkTxtBox a {
		pointer-events: none; /* リンク一時無効 */
	}
	.innerpageLinkTxtBox .heading {
		font-size: 2.333333em;
	}
	.innerpageLinkTxtBox .txtBox {
		line-height: 1.733333;
		letter-spacing: .1em;
	}
	.innerpageLinkTxtBox .btnBox {
		/*display: grid;
		justify-content: end;*/
		font-size: 1em;
		margin-top: 1.15em;
	}
	.innerpageLinkTxtBox .btnBox .btn {
		padding: 1em 0;
		pointer-events: auto; /* リンク復活 */
	}
	.innerpageLinkTxtBox .btnBox .btn .more {
		padding-right: 3.5em;
	}
	.innerpageLinkPicBox {
		width: calc(320 / 375 * 100%);
		aspect-ratio: 320 / 360;
	}
	
	/* 交互レイアウト */
	/* 奇数 */
	:where(.innerpageLinkBox:nth-of-type(odd)) .innerpageLinkPicBox {
		order: 0;
	}
	/* 偶数 */
	.innerpageLinkBox:where(:nth-of-type(even)) {
		--innerpageLinkBox-SP-bgPattern-position:		10% top;
	}
	:where(.innerpageLinkBox:nth-of-type(even)) .innerpageLinkTxtBox {
		text-align: right;
	}
	:where(.innerpageLinkBox:nth-of-type(even)) .innerpageLinkTxtBox .txtBox {
		display: inline-block;
		text-align: left;
	}
	:where(.innerpageLinkBox:nth-of-type(even)) .innerpageLinkTxtBox .btnBox {
		justify-content: end;
		text-align: left;
	}
	:where(.innerpageLinkBox:nth-of-type(even)) .innerpageLinkPicBox {
		margin-left: auto;
	}

	/* -- Individual -- */
	.is_innerpagelinkbox-acc img {	object-position: 61% 100%;}
	.is_innerpagelinkbox-loc img {	object-position: 76% 100%;}
	.is_innerpagelinkbox-tow img {	object-position: 58% 50%;}
	.is_innerpagelinkbox-roo img {	object-position: 50% 50%;}
	.is_innerpagelinkbox-equ img {	object-position: 50% 50%;}
}
@media screen and (max-width: 480px) {
	.innerpageLinkBox .innerpageLinkTxtBox .txtBox br {
		display: none;
	}
	.innerpageLinkBox .innerpageLinkTxtBox .txtBox span.inbl {
		display: inline;
	}
	/* 交互レイアウト */
	/* 偶数 */
	:where(.innerpageLinkBox:nth-of-type(even)) .innerpageLinkTxtBox .txtBox {
		display: block;
	}
}
/* ==========
	ANIME
========== */
/* ページ名 ---------- */
@media screen {
	.innerpageLinkTxtBox .heading[data-js_show_target="staggerChars"] {
		opacity: 1;
	}
	.innerpageLinkTxtBox .heading[data-js_show_target="staggerChars"] .char {
		display: inline-block;
		opacity: .07; scale: 1.3;	translate: 0 45%;	filter: brightness(1.6) blur(2px);
	}
	.innerpageLinkTxtBox .heading[data-js_show_target-passed="staggerChars"] .char {
		animation: 2000ms ease both ANIME-pTtl__char;
	}
}
@keyframes ANIME-pTtl__char {
	0% {	opacity: .07; scale: 1.3;	translate: 0 45%;	filter: brightness(1.6) blur(2px);}
	20% {												filter: brightness(1.6) blur(2px);}
	60% {	opacity: 1; scale: 1;	translate: 0 0%;	filter: brightness(1.3) blur(0);}
	100% {	opacity: 1; scale: 1;	translate: 0 0%;	filter: brightness(1) blur(0);}
}
@media (prefers-reduced-motion: reduce) {
	.innerpageLinkTxtBox .heading[data-js_show_target="staggerChars"] .char {
		opacity: 1;
		animation: none !important;
	}
}
/* 画像 ---------- */
@media screen {
	/*[data-js_show_target="innerpageLinkPicBox"] {
		opacity: 1;
	}*/
	:where(.innerpageLinkBox:nth-of-type(odd)) [data-js_show_target="innerpageLinkPicBox"] {
		opacity: 0;
	}
	:where(.innerpageLinkBox:nth-of-type(even)) [data-js_show_target="innerpageLinkPicBox"] {
		opacity: 0;
	}
	
	[data-js_show_target-passed="innerpageLinkPicBox"] {
		animation: 4000ms ease 100ms both;
		opacity: 0;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 300% 100%;
				mask-repeat: no-repeat;
				mask-size: 300% 100%;
	}
	:where(.innerpageLinkBox:nth-of-type(odd)) [data-js_show_target-passed="innerpageLinkPicBox"] { /* 奇数 */
		animation-name: ANIME-innerpageLinkPicBox_Odd;
	}
	:where(.innerpageLinkBox:nth-of-type(even)) [data-js_show_target-passed="innerpageLinkPicBox"] { /* 偶数 */
		animation-name: ANIME-innerpageLinkPicBox_Even;
	}
}
@keyframes ANIME-innerpageLinkPicBox_Odd {
	0% {	opacity: 0;
			-webkit-mask-image: linear-gradient(to left, transparent 0% 40%, black 60% 100%);
			-webkit-mask-position: 100% 0;
					mask-image: linear-gradient(to left, transparent 0% 40%, black 60% 100%);
					mask-position: 100% 0;
	}
	50% {	-webkit-mask-position: 0% 0; mask-position: 0% 0;}
	100% {	opacity: 1;}
}
@keyframes ANIME-innerpageLinkPicBox_Even {
	0% {	opacity: 0;
			-webkit-mask-image: linear-gradient(to right, transparent 0% 40%, black 60% 100%);
			-webkit-mask-position: 0% 0;
					mask-image: linear-gradient(to right, transparent 0% 40%, black 60% 100%);
					mask-position: 0% 0;
	}
	50% {	-webkit-mask-position: 100% 0; mask-position: 100% 0;}
	100% {	opacity: 1;}
}
/*
@media screen {
	[data-js_show_target="innerpageLinkBox"] {
		opacity: 1;
	}
	[data-js_show_target="innerpageLinkBox"]:nth-of-type(odd) .innerpageLinkPicBox {
		opacity: 0; clip-path: inset(0 100% 0 0);
	}
	[data-js_show_target="innerpageLinkBox"]:nth-of-type(even) .innerpageLinkPicBox {
		opacity: 0; clip-path: inset(0 0 0 100%);
	}
	
	[data-js_show_target-passed="innerpageLinkBox"] .innerpageLinkPicBox {  画像 
		animation: 800ms ease 200ms both;
	}
	[data-js_show_target-passed="innerpageLinkBox"]:nth-of-type(odd) .innerpageLinkPicBox {  画像_奇数 
		animation-name: ANIME-innerpageLinkPicBox_Odd;
	}
	[data-js_show_target-passed="innerpageLinkBox"]:nth-of-type(even) .innerpageLinkPicBox {  画像_偶数 
		animation-name: ANIME-innerpageLinkPicBox_Even;
	}
}
@keyframes ANIME-innerpageLinkPicBox_Odd {
	0% {	opacity: 0; clip-path: inset(0 100% 0 0);}
	50% {	opacity: 1;}
	100% {	opacity: 1; clip-path: inset(0 0 0 0);}
}
@keyframes ANIME-innerpageLinkPicBox_Even {
	0% {	opacity: 0; clip-path: inset(0 0 0 100%);}
	50% {	opacity: 1;}
	100% {	opacity: 1; clip-path: inset(0 0 0 0);}
}
*/



/* ------------------------------------------------------------------------
	premiumPlanBnSection | ▼プレミアムプランバナー（default.css参照）
------------------------------------------------------------------------ */
	.premiumPlanBnSection {}