@charset "utf-8";
/* CSS Document */

/* ======================================================
	@import"../css/test_line.css";
	[240904]追加
	全デバイス共通・index用
	------------------------------------------------------
	スマホ実機（iOS Safari）でborder-radiusが効かないときの対処法
	https://dezanari.com/ios-safari-border-radius/
	------------------------------------------------------
------------------------------------------------------ */
/* [pc, print]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media print, screen and (min-width: 480px) {
}

/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

/* [smartphone] */
}


:root
{
	--tracking				: 0em;
	--max_em				: 85;

	--line_height			: 1.5;

	--logo_h				: 7em;

	--border_color_alpha	: 0.53;
	--border_color_alpha	: 0.43;

	--drawer_toggle_size	: 6.125em;

	--w_gray				: 243 243 243;
	--r2					: 255 0 0;
	--bl					: 2 78 197;
}
/*
*/

/* [ヨコ長 + 高さ800px以下] */
@media screen and (orientation: landscape) and (max-height : calc(800px - 1px)) {
	:root
	{
		--logo_h				: 4em;

		--drawer_toggle_size	: 4em;
	}
/*
		--font					: 1.55vh;
		--logo_h		: 2em;
		--max_width		: calc(var(--font) * 80);
*/
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

/* [smartphone] */
	:root
	{
		--gap					: 1.5em;
		--padding_tb			: 3.5em;

		--logo_h				: 2.5em;
		--drawer_toggle_size	: 2.5em;

	}
}



/* ============================================================================================================
	[240904]追加
	index用
------------------------------------------------------------------------------------------------------------ */
/* 日本語(main) */
.G_thin
{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}

.G_Light,
.Index .track_record .info
{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: normal;
}

.G_Regular,
body
{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.G_Bold,
.Index .Ct02 .Gallery .ID_order_sellkun .catch
{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

/* 日本語(leadとか) */
.alata_regular,
.logo,
.Ct01 .Gallery.Slider .Item::before
{
	font-family: "Alata", sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* 欧文 */
.julius-sans-one_regular,
.lead,
h3>b
{
	font-family: "Julius Sans One", sans-serif;
	font-weight: 400;
	font-style: normal;
}


/* ------------------------------------------------------------------------------------------------------------
	<block>
------------------------------------------------------------------------------------------------------------ */
body
{
	--gradation_angle				: -30deg;
	--gradation_color_start			: 0 0 0;
	--gradation_color_start_alpha	: 0.2;
	--gradation_color_end			: 0 0 0;
	--gradation_color_end_alpha		: 0.0;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
	background-color: rgb(var(--w));

	background-attachment: fixed;
}

.WrapM,
:is(section, .section)>.Wrap
{
	width: initial;
}

label
{
}

.logo
{
	letter-spacing: 0.15em;
}

.lead
{
	font-size: inherit;
	margin: 0;
}



.ColorBtn
{
	--arrow_width		: 0.5em;

	background-color: rgb(var(--w) / 0.3);
	border-radius: 100em;
}
/*
	text-align: justify;
	border-color: rgb(var(--bk) / 0.53);
	border-color: rgb(var(--bk) / 0.43);
*/
.ColorBtn::before
{
	content: none;
}
.ColorBtn::after
{
	background-color: rgb(var(--bk) / 0.53);
	background-color: rgb(var(--bk) / 0.73);
}

.ColorBtn>*
{
	margin-top: -0.1em;
	margin-bottom: 0.1em;
}

.Index .Ct .ColorBtn.More,
.Index .Ct .detail .d_item .ColorBtn
{
	min-width: initial;
	width: 10em;
	background-color: transparent;

	margin-left: auto;
	margin-right: auto;
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	.ColorBtn
	{
		min-width: initial;
	}
}



/* 箱型矢印「→」 */
.box_arrow
{
	--box_arrow_angle			: 2em;
	--box_arrow_color			: var(--bl) / 0.1;
}
.box_arrow:before,
.box_arrow>.Wrap:before
{
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	left: calc(50% + (var(--box_arrow_angle) / 4));
	transform: translateX(-50%) translateY(-50%);

	width: calc(110% + var(--box_arrow_angle));
	height: 6em;

	background-color: rgb(var(--box_arrow_color));
	clip-path: polygon(
		0% 0%,
		calc(100% - var(--box_arrow_angle)) 0%,
		100% 50%,
		calc(100% - var(--box_arrow_angle)) 100%,
		0% 100%
	);
}
.box_arrow:before
{
	background-color: rgb(var(--w));
}

.box_arrow_bottom::before,
.box_arrow_bottom>.Wrap::before
{
	clip-path: polygon(
		0% 0%,
		100% 0%,
		100% calc(100% - var(--box_arrow_angle)),
		50% 100%,
		0 calc(100% - var(--box_arrow_angle))
	);
}



/* 平行四辺形 */
.parallelogram
{
	--parallelogram_angle			: 2em;
	--parallelogram_color			: var(--w) / 1.0;
}
.parallelogram:before,
.parallelogram>.Wrap:before
{
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

	width: calc(100% + (var(--gap) * 2));
	height: 6em;

	background-color: rgb(var(--parallelogram_color));
	clip-path: polygon(
		var(--parallelogram_angle) 0%,
		100% 0%,
		calc(100% - var(--parallelogram_angle)) 100%,
		0% 100%
	);
}
.parallelogram:before
{
	background-color: rgb(var(--w));
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	.parallelogram
	{
		--parallelogram_angle			: 1.5em;
	}
	.parallelogram:before,
	.parallelogram>.Wrap:before
	{
		height: 4em;
	}
}

/* 耳
.dog_ear
{
	--corner_size			: 5em;

	display: inline-grid;
	gap: var(--gap);

	margin-bottom: calc(var(--gap) * 1.5);
	padding: var(--padding_tb);
	padding-top: calc(var(--padding_tb) * 0.75);

	border-width: 1px;
	border-color: rgb(var(--or));

	clip-path: polygon(
		var(--corner_size) 0%,
		100% 0%,
		100% 100%,
		0 100%,
		0% var(--corner_size)
	);
	background-color: rgb(var(--w));
}

.dog_ear::before,
.dog_ear::after
{
	--b				:1px;

	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	top: -1px;
	left: -1px;

	width: calc(var(--corner_size) + var(--b));
}

.dog_ear::before
{
	clip-path: polygon(
		100% 100%,
		100% 0,
		0 100%,
		100% 100%,
		calc(100% - var(--b)) calc(100% - var(--b)),
		calc(var(--b)/tan(22.5deg)) calc(100% - var(--b)),
		calc(100% - var(--b)) calc(var(--b)/tan(22.5deg)),
		calc(100% - var(--b)) calc(100% - var(--b))
	);
	
	background: rgb(var(--or));
	background: rgb(var(--bl) / 1.0);

	opacity: 0.5;
}

.dog_ear::after
{
	clip-path: polygon(
		calc(var(--b) * 2) calc(100% - var(--b)),
		calc(100% - var(--b)) calc(var(--b) * 2),
		calc(100% - var(--b)) calc(100% - var(--b))
	);

	background: rgb(var(--or) / 0.75);

}
*/


/* [241225-1010/250108]新規　場外バナー */
.bannerL a
{
	display: block !important;

	margin-bottom: var(--gap);
}



/* ------------------------------------------------------------------------------------------------------------
	<table>
------------------------------------------------------------------------------------------------------------ */
table
{
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0;
}

table+table
{
	margin-top: var(--padding_tb);
}


:is(tbody, .Tbody) :is(th, td)
{

	background-color: transparent;
	font-weight: inherit;
	padding: 0;
	margin: calc(var(--gap) / 1.5) 0;
	border-width: 0;
}

:is(tbody, .Tbody) tr
{
	display: grid;
	grid-template-areas:
		"th td"
	;
	grid-template-columns: 12em 1fr;
	gap: 7em;

}
/*
	border-top-width: 1px;
	align-items: center;
*/
:is(tbody, .Tbody) tr>th
{
	grid-area: th;
}
:is(tbody, .Tbody) tr>td
{
	grid-area: td;
}

:is(tbody, .Tbody) tr::before
{
	content: "";
	display: block;

	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	width: 100%;
	height: 0;
	border-top-width: 1px;
}

:is(tbody, .Tbody) th
{
	width: auto;
	min-width: initial;
}

:is(tbody, .Tbody) th::after
{
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);

	width: 0px;
	height: 100%;

	border-left-width: 1px;
}

:is(tbody, .Tbody) td
{
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	:is(tbody, .Tbody) tr
	{
		grid-template-areas:
			"th"
			"td"
		;
		grid-template-columns: 1fr;
		gap: 0;
	}

	:is(tbody, .Tbody) th
	{
		margin-bottom: 0;
		padding-bottom: 1em;
		
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: rgb(var(--bk) / 0.3);
	}

	:is(tbody, .Tbody) th::after
	{
		border-color: transparent;
	}

}



/* ------------------------------------------------------------------------------------------------------------
	<form>
------------------------------------------------------------------------------------------------------------ */
input
{
	background-color: rgb(var(--w));
}

label>b
{
	font-weight: inherit;
}


.BtnBg
{
}


.BtnBack
{
	background-color: transparent;
}

.ColorBtn.BtnBack::after
{
	left: 1em;
	right: initial;
	clip-path: polygon(
		100% 0%,
		var(--arrow_weight) 50%,
		100% 100%,
		calc(100% - var(--arrow_weight)) 100%,
		0% 50%,
		calc(100% - var(--arrow_weight)) 0%
	);
}


.SortNavi
{
}

.SortNavi .active
{
	border-color: transparent;
}


/* ------------------------------------------------------------------------------------------------------------
	<文字>
------------------------------------------------------------------------------------------------------------ */
h2
{
	text-align: justify;
}

h2>b
{
	font-size: 2.5em;
	font-weight: inherit;
}

h3
{
	text-align: justify;

	margin-top: 0;
	margin-bottom: 0;
}

h3>b
{
	font-size: 2em;
}

h4
{
	margin-top: 0;
	margin-bottom: 0;
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	h2
	{
		text-align: left;
	}
	
	h2>b,
	h3>b
	{
		font-size: 1.5em;
	}
}


.Tape.ColorW
{
	color: rgb(var(--bk));
}


/* ------------------------------------------------------------------------------------------------------------
	<header>
------------------------------------------------------------------------------------------------------------ */
.Header
{
	display: grid;
	grid-template-areas:
		"new_mark emblem logo"
	;
	grid-template-columns: 1fr 12.5em 1fr;
	justify-content: space-between;
	align-items: center;
	gap: var(--gap);

	position: sticky;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	width: 100%;
	
	padding: 1em;

	z-index: 10;
}
/*
*/
.Header .Drawer
{
	grid-area: Drawer;
}
.Header .new_mark
{
	grid-area: new_mark;
}
.Header .emblem
{
	grid-area: emblem;
}



.Header:before
{
	content: none;
}

.scroll .Header
{
	background: transparent;
}


.Header .new_mark
{
	display: grid;
	align-items: center;
	justify-content: center;

	aspect-ratio: 1 / 1;
	width: 5em;

	margin-left: calc(var(--drawer_toggle_size) * 1.75);

	color: rgb(var(--r2));
	border-width: 1px;
	border-color: rgb(var(--r2));
	border-radius: 100em;
}
/*
[241009/241010]修正　赤くしたい
	border-color: rgb(var(--bk));
*/

.Header .new_mark>*
{
	font-size: 0.875em;
}

.Header .emblem
{
	text-align: center;
}

.Header .emblem img
{
	width: initial;
	height: var(--logo_h);

	margin-left: auto;
	margin-right: auto;
}

.Header .logo
{
	grid-area: logo;
	text-align: right;
	font-size: 1.5em;
}



/*
[240930-1136]<header>固定※色変えするけど、背景各色で入れる
[240927-1815]<header>固定※色変えいらない時は、背景白入れる
*/
.Header,
.scroll .Header
{
	--header_bg_color		: var(--w_gray);
	--header_bg_alpha		: 0.95;
	background-color: rgb(var(--header_bg_color) / var(--header_bg_alpha));
}

/*
[240927-1815]　indexで<header>固定※色変えいらなくても、他ページはsticky
*/
body:not(#Index) .Header
{
	position: sticky;
}



/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

/* [smartphone] */
	.Header
	{
		grid-template-columns: repeat(3, 1fr);
		gap: 0;
	}
/*
		grid-template-columns: none;
*/

	.Header .Drawer
	{
		top: 0.5em;
	}

	.Header .new_mark
	{
		margin-left: calc(var(--drawer_toggle_size) * 1.5);
		width: var(--drawer_toggle_size);
	}
	.Header .new_mark>*
	{
		font-size: 0.8em;
	}

	.Header .logo
	{
		font-size: 1em;
	}
}


/* ------------------------------------------------------------------------------------------------------------
	<Drawer>
------------------------------------------------------------------------------------------------------------ */
.Drawer
{
	display: block;

	--border_color		: var(--w);
	
	position: absolute;
	top: 1em;
	left: 1em;
	right: initial;
	bottom: initial;
}
/*
	position: fixed;
	top: initial;
	left: initial;
	right: inherit;
*/

.Drawer .toggle
{
	position: relative;
	top: 0.5em;
	right: initial;

	margin: 0;

}

.Drawer .toggle .Btn>span
{
	transform-origin: 40% 50%;
}


:is(#nav-close, #nav-content),
#nav-input:checked ~ :is(#nav-close, #nav-content)
{
	top: 0;
	padding: 0;

}
/*
	-webkit-transform: none;
	transform: none;
*/

:is(#nav-close, #nav-content)
{
	z-index: -1000;
}
#nav-input:checked ~ :is(#nav-close, #nav-content)
{
	z-index: 999;
}

#nav-content
{
	background-color: transparent;
}
#nav-input:checked ~ :is(#nav-close, #nav-content)
{
	background-color: rgb(var(--bk) / 0.5);
}

.Drawer .List>.Wrap
{
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100%;
}

.Drawer .List>.Wrap ul
{
	text-align: center;

	display: grid;
	justify-content: center;
	align-items: center;
	gap: var(--gap);
}

#Drawer .List>.Wrap ul li
{
	border-width: 0;
}

#Drawer .List ul>li:before
{
	content: "";
	display: block;

	position: absolute;
	top: calc(100% + ((var(--gap) + 1px) / 2));
	left: 50%;
	right: initial;
	bottom: initial;
	transform: translateX(-50%);

	width: 2em;
	height: 0px;
	border-top-width: 1px;
	border-color: rgb(var(--w));

	clip-path: none;

}
#Drawer .List ul>li:last-child::before
{
	content: none;
}

.Drawer .List :where(a, .a) .title
{
	display: grid;
	justify-content: center;
	align-items: center;
}

#Drawer .List :where(a, .a)::before
{
	content: none;
}


#Drawer .List .ClassContact span
{
	width: initial;
}


.Drawer .List .MenuOn
{
	background-color: transparent;
}


/* [ヨコ長 + 高さ800px以下] */
@media screen and (orientation: landscape) {
	.Drawer .List>.Wrap ul
	{
		--gap		: 3vh;
	}

}

/* ------------------------------------------------------------------------------------------------------------
	<main>
------------------------------------------------------------------------------------------------------------ */
#Contents
{
}
/*
	min-height: 100vh;
*/


/* ------------------------------------------------------------------------------------------------------------
	<footer>
------------------------------------------------------------------------------------------------------------ */
footer
{
	display: grid;
	justify-content: center;
	align-items: center;

	height: 10em;

	background-color: rgb(var(--bk));
	color: rgb(var(--w));
}

/*
[241106]修正　大きくする
footer :is(a, .a)
{
	font-size: 0.6875em;
}
*/


/* ============================================================================================================
	[240912-1015]　動画にする
	------------------------------------------------------
	[index]　クロスフェード
============================================================================================================ */
#Index .CrossFade
{
}

#Index .CrossFade img
{
	aspect-ratio: 1920 / 1080;
}


/* ============================================================================================================
	[index]　動画
============================================================================================================ */
.Index .Top
{
	aspect-ratio: 16 / 9;

	position: sticky;
	top: 0;
	left: 0;
	right: 0;

	width: 100%;
	
	z-index: -1;
}
/*
*/

.Index .Top .movie,
.Index .Top .movie>.Wrap
{
}

.Index .Top video
{
	aspect-ratio: 16 / 9;
}

.Index .Top iframe
{
	aspect-ratio: 16 / 9;

	width: 100%;
}

/* [ヨコ長 + 高さ800px以下] */
/*@media screen and (orientation: landscape) {*/
@media screen and (orientation: landscape) and (max-height : calc(800px - 1px)) {
	/*
		.Index .Top
	{
		height: 100vh;

		overflow: hidden;
	}

	.Index .Top .movie,
	.Index .Top .movie>.Wrap
	{
		height: 100%;
	}

	.Index .Top video
	{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: auto;
		height: 100vh;

	}
	*/
}

/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
/*
	.Index .Top
	{
		overflow: hidden;
	}
	.Index .Top>*>*
	{
		height: 50vh;
	}

	.Index .Top video
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);

		width: 100%;
		height: 100%;
		width: auto;
	}
*/
}


/* ============================================================================================================
	[index]　Ct
============================================================================================================ */
.Index ct_list
{
	z-index: 5;
}

.Index section.Ct
{
	--h2_num_size		: 6em;

	display: grid;
	grid-template-areas:
		"Header"
		"h2"
		"main"
		"detail"
	;
	gap: calc(var(--gap) * 2);

	padding-top: 0;
}
/*
	position: sticky;
	top: 0;
	left: 0;
	right: 0;

	text-align: justify;
	padding-top: calc(var(--padding_tb) * 2.5);
	padding-bottom: var(--padding_tb);
*/
.Index .Ct .Header
{
	grid-area: Header;
}
.Index .Ct>:is(.bg, .Gallery)
{
	grid-area: bg;
}
.Index .Ct .h2
{
	grid-area: h2;
}
.Index .Ct .Ct_body
{
	grid-area: main;
}
.Index .Ct .detail
{
	grid-area: detail;
}


.Index .Ct:nth-of-type(even)
{
	--border_color		: var(--w);

	background-color: rgb(var(--bk));
	color: rgb(var(--w));
}

.Index .Ct:nth-of-type(even) .Drawer .toggle .Btn span
{
	background-color: rgb(var(--w));
}


.Index .Ct>:is(.bg, .Gallery)
{
	position: fixed;
	position: sticky;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.Index .Ct .bg>.Wrap,
.Index .Ct .bg img
{
	width: 100%;
	height: 100%;
}

.Index .Ct .Gallery
{
}
/*
	margin-top: calc(var(--gap) * 2);
*/

.Index .Ct .Gallery>ul,
.Index .Ct .Gallery>ul>li,
.Index .Ct .Gallery>ul>li>.Wrap,
.Index .Ct .Gallery .Img
{
	height: 100%;
}


.Index .Ct .Ct_body
{
}

.Index .Ct .h2
{
	z-index: 5;
	width: 100%;
}

.Index .Ct h2
{
	display: grid;
	grid-template-areas:
		"num title"
	;
	grid-template-columns: calc(var(--h2_num_size) * 2) 1fr;
	align-items: baseline;
	gap: 0;

	width: 100%;
	margin-bottom: 0;
}
/*
*/
.Index .Ct h2 .num
{
	grid-area: num;
}
.Index .Ct h2>b
{
	grid-area: title;
}

.Index .Ct h2 .num
{
	font-size: var(--h2_num_size);

	line-height: 1.1;
	text-align: left;
}
/*
	width: 1em;
	height: 1em;
*/
.Index .Ct h2 .num:after
{
	content: "";
	display: block;

	position: absolute;
	top: 0.225em;
	left: 0.25em;
	
	width: 100%;
	height: 1.75em;

	background-color: rgb(var(--bk));

	clip-path: polygon(
		calc(100% - 1px) 0,
		100% 0%,
		1px 100%,
		0% 100%
	);

}
/*
	transform: translateX(-50%);
*/

.Index .Ct:nth-of-type(even) h2 .num:after
{
	background-color: rgb(var(--w));
}



.Index .Ct .Ct_body .Ct_main
{
	display: inline-grid;
	gap: var(--gap);
}
.Index .Ct .Ct_body .catch
{
	grid-area: catch;
}
.Index .Ct .Ct_body .lead
{
	grid-area: lead;
}
.Index .Ct .Ct_body .txt
{
	grid-area: txt;
}

.Index .Ct .Ct_body .Ct_main>*
{
	text-align: justify;
}


.Index .Ct .Ct_body .lead
{
}
.Index .Ct .Ct_body .lead>.Wrap
{
	font-size: 2em;

	text-indent: -0.4em;
	padding-left: 0.4em;
}


.Index .Ct .Ct_body .txt
{
	width: 39em;
}
.Index .Ct .Ct_body .txt>.Wrap
{
	font-size: 1.25em;
}


.Index .Ct .Ct_body .catch
{
	font-size: 1.625em;

	margin-left: auto;
	margin-right: auto;
}

.Index .Ct .detail
{
}
/*
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap) * 2);
*/

.Index .Ct .detail h3.Wrap
{
	margin-bottom: calc(var(--gap) * 2);

}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	.Index section.Ct
	{
		--h2_num_size		: 3em;
	}

	.Index .Ct h2
	{
		--fuchi_position_left	: 0px;
		--fuchi_position_top	: 0px;
		--fuchi_blur			: 0.5em;
		--fuchi_color			: 0 0 0;
		--fuchi_color_alpha		: 0;
		
		text-shadow:
			var(--fuchi_position_left) var(--fuchi_position_top) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			),
			calc(0em - var(--fuchi_position_left)) calc(0em - var(--fuchi_position_top)) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			),
			calc(0em - var(--fuchi_position_left)) var(--fuchi_position_top) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			),
			var(--fuchi_position_left) calc(0em - var(--fuchi_position_top)) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			),
			var(--fuchi_position_left) var(--fuchi_position_top) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			),
			var(--fuchi_position_left) calc(0em - var(--fuchi_position_top)) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			),
			calc(0em - var(--fuchi_position_left)) var(--fuchi_position_top) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			),
			var(--fuchi_position_left) var(--fuchi_position_top) var(--fuchi_blur) rgb(
				var(--fuchi_color) / var(--fuchi_color_alpha)
			)
		;
	}

	.Index .Ct .Ct_body .lead>.Wrap
	{
		font-size: 1.5em;
	}

	.Index .Ct .Ct_body .catch
	{
		font-size: 1.2em;
	}

	.Index .Ct .Ct_body .txt>.Wrap
	{
		font-size: 1em;
	}

	.Index .Ct .Ct_body .txt
	{
		width: auto;
	}

}


/* ------------------------------------------------------------------------------------------------------------
	<ct> Slider
------------------------------------------------------------------------------------------------------------ */
.Gallery.Slider
{
}

.Gallery.Slider>.Wrap
{
	padding-bottom: 0;
	max-width: 99vw;
}


.Gallery.Slider .slider .slick-track
{
	gap: var(--gap);
}


.Gallery.Slider .Item
{
}

.Gallery.Slider .Item :is(a, .a)
{
	display: flex;
	flex-direction: column;
	grid-template-areas:
		"img"
		"data"
	;
	gap: var(--gap);
}
/*
	display: grid;
*/
.Gallery.Slider .Item .img_list
{
	grid-area: img;
}
.Gallery.Slider .Item .data
{
	grid-area: data;
}


.Gallery.Slider .Item .data
{
	display: grid;
	gap: calc(var(--gap) / 2);
}

.Gallery.Slider .Item .title_copy
{
	position: absolute;
	top: 18em;
	left: 1em;
	right: 1em;

	width: auto;

	padding: 0.75em 0;
	background-color: rgb(var(--w) / 0.75);
	border-width: 1px;
	border-color: rgb(var(--bk) / 0.5);
	color: rgb(var(--bk));
}
/*
	transform: translateY(-50%);
*/

.Gallery.Slider .Item .title_copy>b
{
	font-size: 1.5em;
}

.Gallery.Slider .Item .head .gallery_title
{
	display: grid;
	grid-template-areas:
		"name border_line category"
	;
	justify-content: space-between;
	align-items: center;
	gap: 0.5em;
}
.Gallery.Slider .Item .head .name
{
	grid-area: name;
}
.Gallery.Slider .Item .border_line
{
	grid-area: border_line;
}
.Gallery.Slider .Item .category
{
	grid-area: category;
}

.Gallery.Slider .Item .head .name
{
	font-size: 1.25em;
	display: grid;
	gap: 0;

	text-align: justify;
}
.Gallery.Slider .Item .head .name>b
{
}

.Gallery.Slider .Item .border_line
{
	display: block;
	width: 1px;
	height: 100%;

	background-color: rgb(var(--bk));
}

.Gallery.Slider .Item .category
{
	display: block;
	padding: 0.25em;
	background-color: rgb(var(--bk) / 0.53);
	color: rgb(var(--w));
	line-height: 1;
}

.Gallery.Slider .Item .category>span
{
	display: inline-block;
	height: 1.1em;
}
/*
	vertical-align: middle;
	vertical-align: text-top;
	vertical-align: bottom;
	vertical-align: baseline;
	vertical-align: top;
*/

.Gallery.Slider .Item .txt
{
	text-align: justify;
}

.Gallery.Slider .Item .shot img
{
	background-color: rgb(var(--w));
}


/* <ct> Slider　<button> */
.Gallery.Slider .slick-arrow
{
}

.Gallery.Slider button[class]
{
	font-size: 2.5em;

	top: initial;
	left: initial;
	right: 0;
	bottom: calc(100% + ((var(--gap) * 1) - 1em));
	transform: none;

	background-color: rgb(var(--bk) / 0.53);
}

.Gallery.Slider button[class]::before,
.Gallery.Slider button[class]::after
{
	--slider_arrow_weight: 1px;
	width: 25%;
}

.Gallery.Slider button.slick-prev
{
	right: calc(5% + 3em);
}

.Gallery.Slider button.slick-prev::before
{
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	left: calc(100% + 1em);
	transform: translateX(-50%) translateY(-50%);

	width: 0;
	height: 90%;

	border-left-width: 1px;
	border-left-color: rgb(var(--bk) / 0.53);

}

.Gallery.Slider button.slick-next
{
	right: 5%;
}

/* [250502-1228/250509]　01　『渥美観光』『ビジネスソリューション』　new点滅追加 */
.Ct01 .detail
{
	overflow-x: hidden;
}

.Ct01 .Gallery.Slider .slick-list
{
	overflow: unset;
	overflow-x: visible;
}

.Ct01 .Gallery.Slider .Item
{
}

.Ct01 .Gallery.Slider .Item::before
{
	font-size: 0.9em;
	aspect-ratio: 1;

	content: "";

	display: grid;
	justify-content: center;
	align-items: center;

	position: absolute;
	left: 0;
	top: -2.5em;

	width: calc(5em / 0.9);

	border-color: rgb(var(--r2));
	border-radius: 100em;
	
	color: rgb(var(--r2));
	line-height: 1;

	z-index: 5;
}
.Ct01 .Gallery.Slider :is(.ID_taharakankou, .ID_business-solution)::before
{
	content: "NEW";

	background-color: rgb(var(--w) / 0.8);
	border-width: 1px;
}

/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {
	.Ct01 .Gallery.Slider :is(.ID_taharakankou, .ID_business-solution)::before
	{
		top: -1.5em;
		width: calc(var(--drawer_toggle_size) / 0.9);
	}
}


.Ct02 .Gallery.Slider button[class]
{
	background-color: rgb(var(--bl));
}
.Ct02 .Gallery.Slider button.slick-prev::before
{
	border-left-color: rgb(var(--w));

}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	.Index .Ct
	{
		overflow-x: hidden;
	}

	.Gallery.Slider .slick-list
	{
		width: 150vw;
	}

	.Gallery.Slider .Item .title_copy
	{
		top: 30vw;
		left: 0.5em;
		right: 0.5em;
	
		padding: 0.5em 0.125em;
	}
/*
		left: auto;
		right: auto;
*/
	.Gallery.Slider .Item .title_copy>b
	{
		font-size: 0.85em;
	}

	.Gallery.Slider .Item .head .gallery_title
	{
		grid-template-areas:
			"name"
			"border_line"
			"category"
		;
		justify-content: initial;
	}

	.Gallery.Slider .Item .head .name
	{
		font-size: 1em;
	}

	.Gallery.Slider .Item .category
	{
		width: initial;
		margin-left: auto;
		margin-right: 0;

		font-size: 0.8em;
	}
	
}



/* ------------------------------------------------------------------------------------------------------------
	<ct> 01
------------------------------------------------------------------------------------------------------------ */
.Index .Ct01
{
}

.Index .Ct01 .Ct_body
{
	text-align: justify;
}
.Index .Ct01 .Ct_body .Ct_main
{
	grid-template-areas:
		"lead"
		"txt"
	;
	margin-left: calc(var(--h2_num_size) * 2);
}


.Index .Ct01 .detail
{
}

.Index .Ct01 .detail .Slider .Item .img_list
{
}

.Index .Ct01 .detail .Slider .Item .img_list img
{
	background-position: top;
}

.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc,
.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc img
{
}

.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc
{
}

.Index .Ct01 .detail .Slider .Item .img_list .shot_set_sp,
.Index .Ct01 .detail .Slider .Item .img_list .shot_set_sp img
{
	aspect-ratio: 104 / 211;
	aspect-ratio: 392 / 800;
	border-radius: 1em;
}

.Index .Ct01 .detail .Slider .Item .img_list .shot_set_sp
{
	position: absolute;
	right: 2em;
	bottom: -1em;
	
	width: 20%;
}

.Index .Ct01 .detail .Slider .Item .img_list .shot
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

	width: calc(100% - 0.25em);
	overflow: hidden;
}
.Index .Ct01 .detail .Slider .Item .img_list .shot>.Wrap
{
	height: 100%;
}
.Index .Ct01 .detail .Slider .Item .img_list .shot img
{
	height: 100%;
}


.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc .shot
{
	width: 81%;
}
.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc .shot img
{
	border-radius: 1em;
}

.Index .Ct01 .detail .Slider .Item .img_list .shot_set_sp .shot
{
	width: calc(100% - 0.25em);
}


.Index .Ct01 .detail .Slider .Item .img_list .mockup
{
}

.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc .mockup img
{
}
/*
	aspect-ratio: 498 / 285;
*/

.Index .Ct01 .detail .Slider .Item .img_list .shot_set_sp .mockup
{
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */

	.Index .Ct01 h2
	{
		--fuchi_color			: 250 250 250;
		--fuchi_color_alpha		: 0.5;
	}

	.Index .Ct01 .Img.bg
	{
		background-image: linear-gradient(
			-90deg,
			rgb(237 238 240),
			rgb(244 244 246)
		);
		background-color: rgb(244 244 246 / 0);
	}

	.Index .Ct01 .bg img
	{
		background-position: top right;
		background-size: 100%;
	}

	.Index .Ct01 .Ct_body .Ct_main
	{
		margin-left: 0;
	}

	.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc,
	.Index .Ct01 .detail .Slider .Item .img_list .shot_set_pc .shot img
	{
		border-radius: 1.5vw;
	}

	.Index .Ct01 .detail .Slider .Item .img_list .shot_set_sp,
	.Index .Ct01 .detail .Slider .Item .img_list .shot_set_sp img
	{
		border-radius: 1.5vw;
	}

}


/* ------------------------------------------------------------------------------------------------------------
	<ct> 02
------------------------------------------------------------------------------------------------------------ */
.Index .Ct02
{
}

.Index .Ct02 .bg img
{
	opacity: 0.3;
}

.Index .Ct02 .bg::after
{
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	--gradation_angle				: 180deg;
	--gradation_color_start			: 0 0 0;
	--gradation_color_start_alpha	: 0;
	--gradation_color_end			: 0 0 0;
	--gradation_color_end_alpha		: 0.7;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
	background-color: rgb(var(--w) / 0);

}

.Index .Ct02 .Ct_body .Ct_main
{
	grid-template-areas:
		"catch"
		"lead"
		"txt"
	;
}


.Index .Ct02 .detail
{
}

.Index .Ct02 .detail .Item
{
}

.Index .Ct02 .detail .Item .Img img
{
	aspect-ratio: 501 / 668;
}

.Index .Ct02 .detail .Item .it_icon
{
	--it_icon_wh		: 6em;

	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute;
	top: 1em;
	right: 1em;

	font-size: 1.25em;

	width: var(--it_icon_wh);
	height: var(--it_icon_wh);
}

.Index .Ct02 .detail .Item .it_icon:before
{
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

	width: 100%;
	height: 100%;

	border-width: 1px;
	border-color: rgb(var(--w));
	background-color: rgb(var(--bk) / 0.15);
	border-radius: 100em;
}

.Index .Ct02 .detail .Item .it_icon>*
{
	font-weight: inherit;
}


.Index .Ct02 .detail .icon_bk .it_icon
{
	color: rgb(var(--bk));
}
.Index .Ct02 .detail .icon_bk .it_icon::before
{
	border-color: rgb(var(--bk));
	background-color: rgb(var(--w) / 0.15);
}
.Index .Ct02 .detail .icon_left .it_icon
{
	left: 1em;
	right: initial;
}


.Index .Ct02 .detail .Item .border_line
{
	background-color: rgb(var(--w));
}

.Index .Ct02 .detail .Item .head .category
{
	background-color: rgb(var(--w));
	color: rgb(var(--bk));
}


.Index .Ct02 .Gallery .ID_order_sellkun img
{
	background-size: 300%;
	background-position: left 52.5% top 50%;
}

.Index .Ct02 .Gallery .ID_engz img
{
	background-position: left 45% top 50%;
}

.Index .Ct02 .Gallery .ID_loonavi img
{
	background-position: left 55% top 50%;
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */

	.Index .Ct02 .detail .Item .it_icon
	{
		--it_icon_wh		: 15vw;
		font-size: 0.8em;
		line-height: 1.25;
	}

}


/* [241009/241010]修正・追加『オーダーセルくん』　catch追加※目立たせる */
.Index .Ct02 .Gallery .ID_order_sellkun .catch
{
	position: absolute;
	top: calc(var(--gap) / 2);
	left: calc(var(--gap) / 3);

	width: initial;

	text-align: justify;
	line-height: 1;

}

.Index .Ct02 .Gallery .ID_order_sellkun .catch>ul
{
	list-style: none;
	margin: 0;
	font-size: 1.2em;

	display: grid;
	gap: calc(var(--gap) / 6);

	text-align: inherit;

	margin-bottom: calc(var(--gap) / 3);
}

.Index .Ct02 .Gallery .ID_order_sellkun .catch>ul>li
{
	display: inline-block;
	margin: 0;
	transform: rotate(-4deg);
}

.Index .Ct02 .Gallery .ID_order_sellkun .catch>ul>li,
.Index .Ct02 .Gallery .ID_order_sellkun .catch>ul>li>b
{
	--angle			: 1em; /* control the cutout */
	clip-path: polygon(
		0% 0%,
		calc(100% - var(--angle)) 0%,
		100% 50%,
		calc(100% - var(--angle)) 100%,
		0% 100%
	);

	width: fit-content;
}

.Index .Ct02 .Gallery .ID_order_sellkun .catch>ul>li
{
	display: inline-block;

	color: rgb(var(--w));

	background-color: rgb(var(--w) / 0.9);
}
/*
*/

.Index .Ct02 .Gallery .ID_order_sellkun .catch>ul>li>b
{
	display: inline-block;

	top: -2px;
	left: -1px;
	padding: 0.5em 1.5em 0.5em 0.5em;

	background-color: rgb(var(--r) / 1.0);
}
/*
	content: "";
	display: inline-block;

	position: absolute;
	top: calc(50% + 1px);
	left: calc(50% + 1px);
	transform: translateX(-50%) translateY(-50%);

	width: calc(100% + (1px * 2));
	height: calc(100% + (1px * 2));

	background-color: rgb(var(--w));
*/

.Index .Ct02 .Gallery .ID_order_sellkun .catch .after
{
	color: rgb(var(--bk));
}

/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	.Index .Ct01 h2
	{
		--fuchi_color			: 244 244 246;
	}

	.Index .Ct02 .Gallery .ID_order_sellkun .it_icon
	{
		top: 0.5em;
		right: 0.5em;
	}

	.Index .Ct02 .Gallery .ID_order_sellkun .catch
	{
		top: 0.25em;
		font-size: 0.9em;
	}

	.Index .Ct02 .Gallery .ID_order_sellkun .catch>ul
	{
		font-size: inherit;
	}

	.Index .Ct02 .detail .ID_order_sellkun .Img img
	{
		background-size: 400%;
		background-position: left 52.5% top 30%;
	}
}


/* ------------------------------------------------------------------------------------------------------------
	<ct> 03, 04　共通
------------------------------------------------------------------------------------------------------------ */
.Index :is(.Ct03, .Ct04) .detail
{
}

.Index :is(.Ct03, .Ct04) .d_body
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gap);
}

.Index :is(.Ct03, .Ct04) .d_body .d_item
{
	padding: calc(var(--gap) / 2);
	border-width: 1px;
}

.Index :is(.Ct03, .Ct04) .d_body .d_item>*
{
	display: grid;
	grid-template-areas:
		"title"
		"main"
		"a"
	;
	grid-template-rows: 5em 1fr 3em;
	gap: calc(var(--gap) / 1.5) calc(var(--gap) / 3);

	height: 100%;
}
.Index :is(.Ct03, .Ct04) .d_body .d_item h3
{
	grid-area: title;
}
.Index :is(.Ct03, .Ct04) .d_body .d_item .d_main
{
	grid-area: main;
}
.Index :is(.Ct03, .Ct04) .d_body .d_item :is(a, .a)
{
	grid-area: a;
}

.Index :is(.Ct03, .Ct04) .d_body .d_item h3
{
	display: grid;
	gap: calc(var(--gap) / 2);

	border-bottom-width: 1px;
}
.Index :is(.Ct03, .Ct04) .d_body .d_item h3>b
{
	display: block;
	font-size: 1.25em;
	font-family: var(--font_family);
	font-weight: bold;
	text-align: center;
}
.Index :is(.Ct03, .Ct04) .d_body .d_item h3>em
{
	display: block;
	font-size: 0.875em;
	text-align: right;
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */

	.Index :is(.Ct03, .Ct04) .d_body
	{
		grid-template-columns: 1fr;
	}
}


/* ------------------------------------------------------------------------------------------------------------
	<ct> 03
------------------------------------------------------------------------------------------------------------ */
.Index .Ct03
{
}

.Index .Ct03 .Gallery img
{
	background-position: top;
}
.Index .Ct03 .Gallery .Item2
{
	position: absolute;
	top: 30%;
	top: 20vw;
	right: 0;

	width: 40%;
	height: initial;

	opacity: 0.5;
}
.Index .Ct03 .Gallery .Item2 img
{
	aspect-ratio: 1237 / 388;
}

.Index .Ct03 .Ct_body
{
	text-align: justify;
}
.Index .Ct03 .Ct_body .Ct_main
{
	grid-template-areas:
		"lead"
		"txt"
	;
	margin-left: calc(var(--h2_num_size) * 2);
}


.Index .Ct03 .detail
{
}

.Index .Ct03 .d_body .d_item .d_main
{
	display: grid;
	grid-template-areas:
		"img txt"
	;
	grid-template-columns: 37% 1fr;
	align-items: flex-start;
	gap: calc(var(--gap) / 2);
}
.Index .Ct03 .d_body .d_item .d_txt
{
	grid-area: txt;
}
.Index .Ct03 .d_body .d_item .screenshot
{
	grid-area: img;
}

.Index .Ct03 .d_body .d_item .d_main .d_data
{
}

.Index .Ct03 .d_body .d_item .d_main .d_txt
{
	text-align: justify;
}


.Index .Ct03 .d_body .d_item .screenshot img
{
	aspect-ratio: 131 / 219;
	aspect-ratio: 627 / 1280;
}

.Index .Ct03 .d_body .d_item .screenshot .photo
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);

	width: calc(100% - 0.25em);

	background-color: rgb(var(--w));
	border-radius: 1em;
	overflow: hidden;
}

.Index .Ct03 .d_body .d_item .screenshot .photo img
{
	background-position: top;
}

.Index .Ct03 .d_body .d_item .screenshot .mockup
{
	border-radius: 1.5em;

	--shadow_position		: 0.3em 0.3em;
	--shadow_blur			: 1em;
	--shadow_color			: 0 0 0;
	--shadow_color_alpha	: 0.3;
	
	-webkit-box-shadow: var(--shadow_position) var(--shadow_blur) rgb(
		var(--shadow_color) / var(--shadow_color_alpha)
	);
	box-shadow: var(--shadow_position) var(--shadow_blur) rgb(
		var(--shadow_color) / var(--shadow_color_alpha)
	);
}

.Index .Ct03 .d_body .d_item .screenshot .mockup img
{
}

/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	.Index .Ct03 .bg img
	{
		background-position: top right;
		background-size: 100%;
	}

	.Index .Ct03 .Item1 .Img
	{
		background-image: linear-gradient(
			-90deg,
			rgb(176 194 207),
			rgb(161 179 193)
		);
		background-color: rgb(170 188 200 / 0);
	}

	.Index .Ct03 .Ct_body .Ct_main
	{
		margin-left: 0;
	}

	.Index .Ct03 .d_body .d_item .d_main
	{
		grid-template-columns: 25% 1fr;
		gap: var(--gap);
	}
}


/* ------------------------------------------------------------------------------------------------------------
	<ct> 04
------------------------------------------------------------------------------------------------------------ */
.Index .Ct04
{
}

.Index .Ct04 .bg::after
{
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	--gradation_angle				: 180deg;
	--gradation_color_start			: 0 0 0;
	--gradation_color_start_alpha	: 0;
	--gradation_color_end			: 0 0 0;
	--gradation_color_end_alpha		: 0.52;
	--gradation_color_end_alpha		: 0.42;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
	background-color: rgb(var(--w) / 0);

}

.Index .Ct04 .bg img
{
	opacity: 0.48;
}


.Index .Ct04 .Ct_body
{
	top: calc(0em - (var(--gap) / 2));
}

.Index .Ct04 .Ct_body .Ct_main
{
	grid-template-areas:
		"lead"
		"txt"
	;
	justify-content: center;
	justify-items: center;
}
/*
	grid-template-areas:
		"data"
		"lead"
		"txt"
	;

.Index .Ct04 .Ct_main .data
{
	grid-area: data;
}
*/

.Index .Ct04 .Ct_main .lead
{
}
.Index .Ct04 .Ct_main .lead>.Wrap
{
	scale: 0.9;
}


.Index .Ct04 .Ct_main .txt
{
	font-size: inherit;
	width: auto;
}
.Index .Ct04 .Ct_main .txt>.Wrap
{
	display: grid;
	justify-items: center;
	gap: var(--gap);
}

.Index .Ct04 .Ct_main .txt h3
{
	padding: 0.5em 1em;

	border-width: 1px;
}

.Index .Ct04 .Ct_main .txt h3>b
{
	font-size: inherit;
}

.Index .Ct04 .Ct_main .txt ul
{
	margin-top: 0;
	margin-bottom: 0;
}
.Index .Ct04 .Ct_main .txt ul>li
{
	margin: 0;
}


.Index .Ct04 .Ct_main .txt .txt_body
{
	display: grid;
	gap: var(--gap);
}

.Index .Ct04 .Ct_main .txt .txt_body>*[class*="txt_item_"]
{
	--border_color			: var(--w);
	--border_color_alpha	: 1;

	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: var(--gap);
}
/*
*/

.Index .Ct04 .Ct_main .txt .txt_body .txt_lead
{
	display: inline-block;
	text-align: left;
}

.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1
{
	grid-template-columns: 1fr;
	gap: 2em 1em;
}

.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 h3
{
}
/*
.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 h3::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 100%;
	translate: -50% -0%;

	width: 0;
	height: 1.5em;

	border-left-width: 1px;
}
*/

.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 ul
{
	margin: 0;
	list-style: none;

	display: grid;
	grid-template-columns: repeat(5, auto);
	flex-wrap: wrap;
	justify-content: center;
	justify-items: center;
	gap: 1em;

	text-align: center;
}
.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 ul>li
{
	display: grid;
	align-items: center;
	height: 100%;
}
/*

	padding: 0.5em 1em;

	border-width: 1px;
*/
.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 ul>li::before
{
	aspect-ratio: 1;

	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 6em;

	background-color: rgb(var(--w) / 0.1);
	border-radius: 100em;
}
/*
.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 ul>li::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	bottom: 100%;
	translate: -50% -0%;

	width: 0;
	height: 1.5em;

	border-left-width: 1px;
}
*/
.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 ul>li>.Wrap
{
}
/*
	font-size: 0.9em;
*/

.Index .Ct04 .Ct_main .txt .txt_body .txt_item_2
{
	padding: var(--gap);

	background-color: rgb(var(--bk) / 0.2);
}

.Index .Ct04 .Ct_main .txt .txt_body .txt_item_2 h3
{
	background-color: rgb(var(--w) / 0.1);
	border-color: rgb(var(--w) / 0.2);
}
.Index .Ct04 .Ct_main .txt .txt_body .txt_item_2 ul
{
	list-style: square;

	display: grid;
	gap: 0.5em;
}


.Index .Ct04 .Ct_main .data
{
	--d_head_size			: 4em;
	--border_color_alpha	: 1;

	--box_line-weight		: 1px;
	--box_blank				: 0.6em;
	--box_tate_height		: 3em;
	--box_padding_tb		: 0.75em;

	--data_1_w				: 11em;
	--data_2_w				: 11em;
	--data_3_w				: 16em;

	display: inline-block;
	text-align: center;
	line-height: 1;


	aspect-ratio: 1;
	display: none;
	width: 0;
	opacity: 0;
	overflow: hidden;

}

.Index .Ct04 .Ct_main .data .d_head
{
}
.Index .Ct04 .Ct_main .data .d_head::before
{
	content: "";
	display: block;

	position: absolute;
	top: 100%;
	left: calc((var(--data_1_w) + (var(--box_line-weight) * 2)) / 2);
	right: calc((var(--data_3_w) + (var(--box_line-weight) * 2)) / 2);

	height: var(--box_line-weight);

	background-color: rgb(var(--w));
}
/*
	border-top-width: var(--box_line-weight);
*/
.Index .Ct04 .Ct_main .data .d_head:after
{
	content: "";
	display: block;

	margin-top: calc(0em - (var(--d_head_size) / 2));
	margin-left: auto;
	margin-right: auto;
	
	width: var(--box_line-weight);
	height: var(--box_tate_height);

	background-color: rgb(var(--w));
}
/*
	border-left-width: var(--box_line-weight);
*/
.Index .Ct04 .Ct_main .data .d_head .Img
{
	width: var(--d_head_size);
	margin-left: auto;
	margin-right: auto;
}

.Index .Ct04 .Ct_main .data .d_main
{
	display: inline-grid;
	grid-template-columns: var(--data_1_w) var(--data_2_w) var(--data_3_w);
	justify-content: center;
	gap: var(--gap);

	margin-left: auto;
	margin-right: auto;
	padding-top: calc(var(--box_tate_height) + (var(--box_blank) / 2));
}
/*
	display: inline-grid;
	display: inline-flex;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	gap: var(--gap);
*/

.Index .Ct04 .Ct_main .data .chart
{
}

.Index .Ct04 .data .chart::before,
.Index .Ct04 .data .chart::after,
.Index .Ct04 .data .chart>.Wrap::before,
.Index .Ct04 .data .chart>.Wrap::before
{
	content: "";
	display: block;

	position: absolute;
}

.Index .Ct04 .Ct_main .data .chart::before
{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;

	background-color: rgb(var(--w));

	clip-path: polygon(
		0% 0%,
		calc(50% - (var(--box_blank) / 2)) 0%,
		calc(50% - (var(--box_blank) / 2)) var(--box_line-weight),
		var(--box_line-weight) var(--box_line-weight),
		var(--box_line-weight) calc(100% - var(--box_line-weight)),
		calc(100% - var(--box_line-weight)) calc(100% - var(--box_line-weight)),
		calc(100% - var(--box_line-weight)) var(--box_line-weight),
		calc(50% + (var(--box_blank) / 2)) var(--box_line-weight),
		calc(50% + (var(--box_blank) / 2)) 0%,
		100% 0%,
		100% 100%,
		0% 100%
	);
}

.Index .Ct04 .Ct_main .data .chart::after
{
	top: calc(0em - (var(--box_blank) / 2));
	left: 50%;
	transform: translateX(-50%);

	width: var(--box_blank);
	height: var(--box_blank);

	border-width: 1px;
	border-radius: 100em;
}

.Index .Ct04 .Ct_main .data .chart>.Wrap::before
{
	left: 50%;
	bottom: calc(100% + (var(--box_blank) / 2));
	transform: translateX(-50%);

	width: var(--box_line-weight);
	height: var(--box_tate_height);
	
	background-color: rgb(var(--w));
}
/*	border-left-width: 1px;
*/


.Index .Ct04 .Ct_main .data .chart>.Wrap
{
	padding: var(--box_padding_tb) 1.5em var(--box_padding_tb) 1em;
}
.Index .Ct04 .Ct_main .data .chart b
{
	display: block;
	font-size: 1.25em;
	font-weight: inherit;

	display: list-item;
	list-style-type: square;
	margin-left: 1.5em;
}


.Index .Ct04 .detail
{
}


.Index .Ct04 .detail .movie,
.Index .Ct04 .detail .movie img
{
	aspect-ratio: 400 / 189;
	border-radius: 1em;
}

.Index .Ct04 .detail .movie
{
	--fuchi_blur			: 0.4em;
	--fuchi_color_alpha		: 0.25;

	width: 25em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: calc(var(--gap) * 2);

	border-width: 1px;
}
/*
	--fuchi_position_left	: 0px;
	--fuchi_position_top	: 0px;
	--fuchi_blur			: 1em;
	--fuchi_color			: 0 0 0;
	--fuchi_color_alpha		: 0.5;
*/

.Index .Ct04 .detail .movie img
{
	opacity: 0.32;
}

.Index .Ct04 .detail .movie .title
{
	position: absolute;
	left: 2em;
	top: 50%;
	transform: translateY(-50%);
}

.Index .Ct04 .detail .movie .title>b
{
	font-size: inherit;
	font-weight: inherit;
}

.Index .Ct04 .detail .movie .from
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1em;
	font-size: 0.75em;
}

.Index .Ct04 .detail .movie .from>b
{
	font-size: 1.16em;
	font-weight: inherit;
}

.Index .Ct04 .detail .movie .Btn
{
	position: absolute;
	top: calc(50% - 1em);
	right: 2em;
	transform: translateY(-50%);
	width: 7.5em;
	height: 7.5em;
	
	background-color: rgb(var(--bk) / 0.57);
	border-radius: 100em;
}

.Index .Ct04 .detail .movie .Btn>b
{
	display: block;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

	width: 0.875em;
	height: 0.6875em;
	background-color: rgb(var(--w));
	clip-path: polygon(
		0 0,
		0% 100%,
		100% 50%
	);
}


.Index .Ct04 .d_body .d_item>*
{
	grid-template-areas:
		"title"
		"main"
		"a"
	;
	grid-template-rows: 5em 1fr auto;
}
.Index .Ct04 .d_body .d_item h3
{
	grid-area: title;
}
.Index .Ct04 .d_body .d_item .d_txt
{
	grid-area: main;
}
.Index .Ct04 .d_body .d_item .d_footer
{
	grid-area: a;
}

.Index .Ct04 .detail ul,
.Index .Ct04 .detail ul>li
{
	margin-top: 0;
	margin-bottom: 0;
}

.Index .Ct04 .detail .ColorBtn:after
{
	background-color: rgb(var(--w));
}

.Index .Ct04 .d_body .d_item .d_txt
{
	text-align: justify;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.Index .Ct04 .d_body .d_item .d_footer
{
	display: grid;
	gap: 0.5em;
}

.Index .Ct04 .d_body .d_item .d_footer>*
{
	width: 100%;
}

.Index .Ct04 .d_body .d_item .d_footer :is(a, .a)
{
	grid-area: initial;
}
/*
.Index .Ct04 .d_body .url_array .d_footer
{
	grid-template-columns: repeat(3, 1fr);
}
.Index .Ct04 .d_body .url_array .d_footer>*,
.Index .Ct04 .d_body .url_array .d_footer .ColorBtn
{
	height: 100%;
}
.Index .Ct04 .d_body .url_array .d_footer .ColorBtn
{
	width: auto;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 1.5em;
}
*/
.Index .Ct04 .d_body .url_array .d_footer .ColorBtn
{
	width: auto;
}
/*
	font-size: 0.9em;
*/


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */

	.Index .Ct04 .Ct_main .data
	{
		font-size: 0.66em;
	}

	.Index .Ct04 .Ct_main .data .d_head::before
	{
	}

	.Index .Ct04 .Ct_main .txt .txt_body
	{
		gap: 3em;
	}

	.Index .Ct04 .Ct_main .txt .txt_body .txt_item_1 ul
	{
		grid-template-columns: repeat(3, auto);

		display: flex;
		flex-wrap: wrap;
		gap: 2em 1em;
	}

	.Index .Ct04 .Ct_main .txt .txt_body .txt_item_2
	{
		grid-template-columns: 1fr;
	}
	.Index .Ct04 .Ct_main .txt .txt_body .txt_item_2 ul
	{
		gap: 1em;
	}
}



/* ------------------------------------------------------------------------------------------------------------
	<ct> 実績
------------------------------------------------------------------------------------------------------------ */
.Index section.track_record
{
	display: block;

	position: relative;
	top: initial;
	left: initial;
	right: initial;
	bottom: initial;
	padding: 0;
}

.Index .track_record:before
{
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-color: rgb(var(--w) / 0.5);
}


.Index .track_record>.Wrap
{
	padding-top: calc(var(--padding_tb) / 3);
	padding-bottom: calc(var(--padding_tb) / 3);
}


.Index .track_record .Img
{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.Index .track_record .inner_txt
/*.Index .track_record .data*/
{
	position: absolute;
	left: 64%;
	bottom: 13%;
}

.Index .track_record .data
{
	display: grid;
	align-items: baseline;
}

.Index .track_record .data::before
{
	content: "";
	display: block;

	position: absolute;
	right: 0;
	bottom: 0;

	width: 250%;
	height: 130%;

	background-color: rgb(var(--w));

	--data_underline_weight		: 1px;
	--data_underline_angle		: 30%;

	clip-path: polygon(
		var(--data_underline_weight) 0,
		calc(var(--data_underline_angle) + var(--data_underline_weight)) calc(100% - var(--data_underline_weight)),
		100% calc(100% - var(--data_underline_weight)),
		100% 100%,
		var(--data_underline_angle) 100%,
		0% 0%
	);
}

.Index .track_record .data>span>b
{
	font-size: 2.5em;
	font-weight: inherit;
}


.Index .track_record .info
{
	display: grid;
	gap: calc(var(--gap) * 1);

	position: absolute;
	right: calc(var(--gap) / 2);
	bottom: var(--gap);
}

.Index .track_record .info>.Wrap
{
	display: grid;
	gap: calc(var(--gap) / 3);
}
/*
[241029-1210]修正　社名、設立、所在地、代表者をindexの地図内へ複製
.Index .track_record .info
{
	display: grid;
	gap: calc(var(--gap) / 2);

	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
*/


.Index .track_record .info h2
{
	display: block;
}

.Index .track_record .info h2>b
{
	font-size: 1.25em;
}

.Index .track_record .info ul
{
	list-style-type: square;
	margin-top: 0;
	margin-bottom: 0;

	display: grid;
	gap: 1em;
}

.Index .track_record .info ul>li
{
	margin-top: 0;
	margin-bottom: 0;
}

.Index .track_record .info :is(a, .a)
{
}
/*
.Index .track_record .info :is(a, .a)::before
{
	content: "■";
	display: block;

	position: absolute;
	top: 50%;
	right: calc(100% + 0.25em);
	transform: translateY(-50%);
}
*/

/* [241029]修正・追加　<ct> 実績・会社情報 */
.Index .track_record .company
{
	text-align: justify;
}
.Index .track_record .company .company_data
{
	display: grid;
	gap: calc(var(--gap) / 8);
	margin-left: 1em;
}
.Index .track_record .company .company_data .tr
{
	display: grid;
	grid-template-columns: 3em 1em 1fr;
	gap: 0.125em;
}

/* [241029-1500]修正・追加　<ct> 実績・会社情報　「CEO＆DMコンサルタント」削除 */
.Index .track_record .company .company_data .td .title
{
	display: none;
}



.Index .track_record .footer
{
	--contact_wh		: 12.5em;

	display: grid;
	gap: var(--gap);

	position: absolute;
	top: 50%;
	left: calc(0em - 1em);
	transform: translateY(-50%);
}

.Index .track_record .footer :is(a, .a)
{
	aspect-ratio: 1 / 1;
	width: var(--contact_wh);
	
	background-color: rgb(var(--bk) / 0.2);
	border-width: 1px;
	border-radius: 100em;
}

.Index .track_record .footer :is(a, .a) .title
{
	font-size: 1.25em;
}
/*
.Index .track_record .ClassContact
{
	--contact_wh		: 20vw;
	--contact_wh		: 18.75em;

	position: absolute;
	right :var(--gap);
	bottom: var(--gap);
}

.Index .track_record .ClassContact :is(a, .a)
{
	aspect-ratio: 1 / 1;
	width: var(--contact_wh);
	
	border-width: 1px;
	border-radius: 100em;
}
/
	height: var(--contact_wh);
/

.Index .track_record .ClassContact :is(a, .a) .title
{
	font-size: 1.5em;
}
*/



/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */

	.Index .track_record>.Wrap
	{
		display: grid;
		gap: var(--gap);
	}

	.Index .track_record .inner_txt
	{
		left: initial;
		right: 1em;
		bottom: 0;
	}

	.Index .track_record .data::before
	{
		width: 170%;
		height: 100%;
	}

	.Index .track_record .info
	{
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		bottom: initial;

		transform: none;

		margin-left: auto;
		margin-right: auto;
	}
/*
		gap: 0;
*/

	.Index .track_record .info ul
	{
		gap: 0;
	}

	.Index .track_record .footer
	{

		top: var(--gap);
		left: var(--gap);
		right: initial;
		bottom: initial;
		transform: none;
	}

	.Index .track_record .footer
	{
		--contact_wh		: 100%;
		grid-template-columns: repeat(2, 1fr);
		justify-content: center;
		gap: 0.5em;
	}

	.Index .track_record .footer :is(a, .a)
	{
		flex-direction: initial;

		padding: 0.5em;
	}

	.Index .track_record .footer :is(a, .a) .name
	{
		font-size: 0.8em;
	}
}



/* ------------------------------------------------------------------------------------------------------------
	<News>
------------------------------------------------------------------------------------------------------------ */
.News .List ul
{
	border-top-width: 1px;
	gap: 0;
}

.News .List ul>li
{
	border-bottom-width: 1px;
}

.News .List :is(a, .a)
{
	display: grid;
	grid-template-columns: 10em 1fr;
	gap: calc(var(--gap) / 2);

	padding-top: calc(var(--gap) / 1.5);
	padding-bottom: calc(var(--gap) / 1.5);
}


.News .List .data
{
	display: grid;
	grid-template-areas:
		"time title"
	;
	grid-template-columns: 12em 1fr;
	align-items: center;
	gap: 7em;
}
.News .List .data .Time
{
	grid-area: time;
}
.News .List .data .title
{
	grid-area: title;
}

.News .List .data .Time:after
{
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);

	width: 0;
	height: 3em;
	border-left-width: 1px;
}

.News .List .data .title>b
{
	font-weight: inherit;
}


.Index section.News
{
	grid-template-areas:
		"Header"
		"detail"
	;

	--gradation_angle				: 28deg;
	--gradation_color_start			: var(--w_gray);
	--gradation_color_start_alpha	: 1.0;
	--gradation_color_end			: 230 230 230;
	--gradation_color_end_alpha		: 1.0;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
	background-color: rgb(var(--w) / 0);
}
/*
	gap: calc(var(--gap)* 2) 0;
	grid-template-columns: 1fr 80%;
*/


.Index .News .h2
{
	display: grid;
}

.Index .News h2
{
	display: block;
	text-align: center;
}

.Index .News h2>b
{
	font-size: 2em;
}


.Index .News .detail
{
}

.Index .News .detail>.Wrap
{
	display: grid;
	grid-template-areas:
		"h2 list"
		"footer list"
	;
	grid-template-columns: 1fr 80%;
	align-content: space-between;
	gap: 4.4375em;
}
.Index .News .detail .List
{
	grid-area: list;
}
.Index .News .detail .footer
{
	grid-area: footer;
	align-self: flex-end;
}

.Index .News .detail .footer
{
	margin: 0;
}
.Index .News .detail .footer .ColorBtn
{
	min-width: initial;
	width: 100%;
}


/* [241009/241010]修正　旧お知らせページリンクする */
.News .List .old_page
{
	position: absolute;
	top: 100%;
	right: 0;
}

.News .List .old_page :is(a, .a)
{
	display: block;
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

/* [smartphone] */

	.Index section#track_record
	{
		padding-top: 0;
	}

	.Index .News .detail>.Wrap
	{
		grid-template-areas:
			"h2"
			"footer"
			"list"
		;
		grid-template-columns: none;
		gap: var(--gap);
	}

	.Index .track_record .Img
	{
		width: initial;
	}

	.Index .track_record .data
	{
		right: 0;
		top: 50%;
		bottom: initial;
	}

	.News .main.List :is(a, .a)
	{
		gap: calc(var(--gap) / 2);
	}

	.Index .News .detail .footer
	{
		text-align: right;
	}

	.Index .News .detail .footer .ColorBtn
	{
		display: inline-block;
		width: auto;

		margin-left: auto;
		margin-right: 0;
	}

	.News .List .old_page
	{
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		bottom: initial;

		text-align: right;
	}

	.News .List .old_page :is(a, .a)
	{}
}


/* ------------------------------------------------------------------------------------------------------------
	[241010]　新規設置したので不要
	[240927]
	〓<News>　旧(https://www.aiming-folder.com/databrain/news.php)に合わせる〓
------------------------------------------------------------------------------------------------------------ 
.News .List
{
}


.News .List :is(a, .a)
{
	display: grid;
	grid-template-areas:
		"time title"
	;
	grid-template-columns: 12em 1fr;
	align-items: center;
	gap: 7em;
}
.News .List ul>li [class*="Time"]
{
	grid-area: time;
}
.News .List ul>li [class*="Title"]
{
	grid-area: title;
}

.News .List ul>li [class*="Time"]:after
{
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);

	width: 0;
	height: 3em;
	border-left-width: 1px;
}

.News .List ul>li [class*="Title"]>b
{
	font-weight: inherit;
}


.NewsList
{
}

.NewsList .List
{
}

*/
.NewsDetail
{
}

.NewsDetail .NewsTitle
{
	padding-top: 0;
}

.NewsDetail .ImgArea
{
	--column			: 3;

	display: flex;
	justify-content: center;
	gap: var(--gap);
}
/*
	display: grid;
	grid-template-columns: repeat(3, 1fr);
*/
.NewsDetail .ImgArea>*
{
	width: calc((100% - (var(--gap) * (var(--column) - 1))) / var(--column));
}

.NewsDetail .ButtonArea
{
	display: flex;
	justify-content: center;
	gap: var(--gap);
}


.NewsDetail .ButtonArea .return
{
}

.NewsDetail .ButtonArea .prev,
.NewsDetail .ButtonArea .next
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 10em;
}

.NewsDetail .ButtonArea .prev
{
	right: 100%;
}
.NewsDetail .ButtonArea .next
{
	left: 100%;
}


/* [sp]　※PC版をスマホで見る場合は、「.ModePC」「.ModeSP」不要 */
@media screen and (max-width: 480px) {

	/* [smartphone] */
	.NewsDetail .ImgArea
	{
		--column			: 2;
	}

	.NewsDetail .ButtonArea
	{
		border-top-width: 1px;
		padding-top: calc(var(--gap) * 2);
	}

	.NewsDetail .ButtonArea .arrowUP
	{
		padding-left: 3em;
		padding-right: 3em;
	}
}



/* ------------------------------------------------------------------------------------------------------------
	お問い合わせフォーム
------------------------------------------------------------------------------------------------------------ */
.Contact td>.Wrap
{
	display: grid;
	gap: 0;
}



/* ------------------------------------------------------------------------------------------------------------
	[241009/241010]修正　「NEW」マークは赤くしたい
	[240930-1136]<header>固定※色変えするけど、背景各色で入れるのでやりなおし
	[240927-1815]<header>固定※色変えいらない
	<header>scroll event
------------------------------------------------------------------------------------------------------------ */
.Index section.Ct
{
	padding-top: var(--padding_tb);
}

body#Index:not(.Ct01C) .Header
{
	background-color: transparent;
}

body#Index.Ct01C #nav-input:checked ~ .toggle .Btn
{
	filter: invert(100%);
}

body#Index:not(.Ct01C) .Header :is(.logo, .emblem img, .Drawer .Btn)
/*body#Index:not(.Ct01C) .Header :is(.logo, .emblem img, .Drawer .Btn, .new_mark)*/
{
	filter: invert(100%);
}

body#Index.Ct02C .Header
{
	--header_bg_color		: var(--bk);
	--header_bg_alpha		: 0.85;
}
body#Index.Ct02C .Header :is(.logo, .emblem img, .Drawer .Btn)
/*body#Index.Ct02C .Header :is(.logo, .emblem img, .Drawer .Btn, .new_mark)*/
{
	filter: invert(100%);
}

body#Index.Ct03C .Header
{
	--header_bg_color		: 205 216 222;
	--header_bg_alpha		: 0.85;
}
body#Index.Ct03C .Header :is(.logo, .emblem img, .Drawer .Btn)
/*body#Index.Ct03C .Header :is(.logo, .emblem img, .Drawer .Btn, .new_mark)*/
{
	filter: invert(0%);
}

body#Index.Ct04C .Header
{
	--header_bg_color		: var(--bk);
	--header_bg_alpha		: 0.85;
}
body#Index.Ct04C .Header :is(.logo, .emblem img, .Drawer .Btn)
/*body#Index.Ct04C .Header :is(.logo, .emblem img, .Drawer .Btn, .new_mark)*/
{
	filter: invert(100%);
}

body#Index.CtNewsC .Header
{
	--header_bg_color		: var(--w_gray);
	--header_bg_alpha		: 0.95;
}
body#Index.CtNewsC .Header :is(.logo, .emblem img, .Drawer .Btn)
/*body#Index.CtNewsC .Header :is(.logo, .emblem img, .Drawer .Btn, .new_mark)*/
{
	filter: invert(0%);
}

body#Index.CtTrackRecordC .Header
{
	--header_bg_color		: var(--bk);
	--header_bg_alpha		: 0.0;
}
body#Index.CtTrackRecordC .Header :is(.logo, .emblem img, .Drawer .Btn)
/*body#Index.CtTrackRecordC .Header :is(.logo, .emblem img, .Drawer .Btn, .new_mark)*/
{
	filter: invert(100%);
}