@charset "UTF-8";
/* UTF-8 日本語 */

/* ▼▼ ページのベース設定 :root～body */
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/* 　▼ 変数のセット remの基準となる文字サイズもここで設定 */
:root
{
	scroll-behavior: smooth;
	--bodyMinHeight: 100vh;
/*
	--mainWidth: 100%;
	--vw1: 1vw;
*/
	--mainWidth: 62vh;
	--vw1: 0.62vh;

/*
	--base-font-family: tbudmincho-std, sans-serif;
*/
	--base-font-family: heisei-mincho-std, serif;
	--base-font-weight: 500;
	--base-font-style: normal;
	--base-line-height: 170%;
	--base-letter-spacing: 0.05em;
/*
	--base-font-size: 4vw;
*/
	--base-font-size: calc(4vh * 0.62);

	--bold-font-family: heisei-mincho-std, serif;
	--bold-font-weight: 900;
	--bold-font-style: var(--base-font-style);
	--bold-line-height: var(--base-line-height);
	--bold-letter-spacing: var(--base-letter-spacing);

	--heavy-font-family: heisei-mincho-std, serif;
	--heavy-font-weight: 900;
	--heavy-font-style: var(--base-font-style);
	--heavy-line-height: var(--base-line-height);
	--heavy-letter-spacing: var(--base-letter-spacing);

	--blue1: rgba(67, 255, 255, 1);
	--blue1-half: rgba(67, 255, 255, 0.2);
	--blue1-noAlpha: rgba(67, 255, 255, 0);
	--blue2: rgba(0, 40, 59, 1);
	--blue2-half: rgba(0, 40, 59, 0.2);
	--blue2-noAlpha: rgba(0, 40, 59, 0);

	--yellow: #FE9;
	--yellow2: #FFF5BB;
	--orange: #FB8;
	--pink: #F89;
	--green: #AF9;
	--blue3: #9BF;
	--blue4: rgb(210, 255, 255);
	--blue5: rgba(10, 12, 88, 0.8);

	--tableBg: rgba(4, 2, 44, 0.7);
	--tableColor: #E1FBFF;

	--aboutHeadBg: rgba(8, 26, 80, 0.8);
	--aboutHeadBg2: rgba(8, 56, 120, 0.9);
	--aboutHeadColor: #FFF;
}

@support (height: 100dvh)
{
	:root
	{
		--bodyMinHeight: 100dvh;
	}
}
/* 　▼ フローティングメニューと公開日画像が被る縦横比 */
/*
@media screen and (min-width: 68vh)
{
	:root
	{
		--mainWidth: 68vh;
		--base-font-size: calc(4vh * 0.68);
		--vw1: 0.68vh;
	}
}
*/
/* 　▲ フローティングメニューと公開日画像が被る縦横比 */
/* 　▼ フローティングメニューと公開日画像が被らない縦横比 */
/*
@media screen and (min-width: 62vh)
{
	:root
	{
		--mainWidth: 62vh;
		--base-font-size: calc(4vh * 0.62);
		--vw1: 0.62vh;
	}
}
*/
@media screen and (max-width: 62vh)
{
	:root
	{
		--mainWidth: 100%;
		--base-font-size: 4vw;
		--vw1: 1vw;
	}
}
/* 　▲ フローティングメニューと公開日画像が被らない縦横比 */

:root
{
	--borderWidth: calc(0.2 * var(--vw1));
	--margin1: calc(16 * var(--vw1));
	--margin2: calc(3 * var(--vw1));
	--margin3: calc(1 * var(--vw1));
}
/* 　▲ 変数のセット remの基準となる文字サイズもここで設定 */

html, body
{
	padding: 0;
	margin: 0;
	padding: 0;
	margin: 0;
	font-family: var(--base-font-family);
	font-weight: var(--base-font-weight);
	font-style: var(--base-font-style);
	-webkit-font-smoothing: antialiased;
	text-autospace: ideograph-alpha;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/* 　　▼ font-feature-settings  */
	/*font-feature-settings: "pwid", "pkna", "pnum", "lnum', "kern";*/
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	/* 　　▲ font-feature-settings  */
	line-height: var(--base-line-height);
	text-spacing-trim: space-first;
	letter-spacing: var(--base-letter-spacing);
	font-size: var(--base-font-size);
}
/*
body,
.app > article,
.app > article > section
{
	min-height: var(--bodyMinHeight);
}
*/
html
{
	background: #000;
	color: #FFF;
}
a
{
	color: #FFF;
}
body.app
{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;

	touch-callout: none;
	-moz-touch-callout: none;
	-webkit-touch-callout: none;
	-ms-user-touch-callout: none;
}

body.app
{
	overflow-x: hidden;
	overflow-y: auto;
}

/* ▲▲ ページのベース設定 :root～body */

/* ================================================================ */

/* ▼▼ 全ページ共通/汎用 */

article
{
	width: var(--mainWidth);
	margin-left: auto;
	margin-right: auto;
	background: #000;
	box-shadow: 0 0.0001em 0.5em 0.1em var(--blue1);
}
article > section
{
	background:url('/src/image/mainBg.jpg') top center;
	background-size: 100% auto;
}
.topView, section, .footer
{
	padding: 0;
	margin: 0;
	width: 100%;
}
/* 　▼ in-view.jsで使用 */
.in-view
{
	opacity: 1;
	transition: none;
}
.in-view-view
{
	opacity: 1;
	transition: opacity 0.4s ease;
}
.in-view-hide
{
	opacity: 0.000001;
	transition: opacity 0.4s ease !important;
}
/* 　▲ in-view.jsで使用 */
b
{
	font-family: var(--bold-font-family);
	font-weight: var(--bold-font-weight);
	font-style: var(--bold-font-style);
	line-height: var(--bold-line-height);
	text-spacing-trim: space-first;
	letter-spacing: var(--bold-letter-spacing);
}
.small90,
.appInfo > :nth-child(2) > :nth-child(2)
{
	font-size: 90%;
	line-height: 150%;
}

.small, .copyright
{
	font-size: 70%;
	line-height: var(--base-line-height);
}

h2
{
	background-color: var(--aboutHeadBg);
	color: var(--aboutHeadColor);
	padding: 0.5em 0 0.2em 0;
	text-align: center;
	font-size: 170%;
	font-family: var(--bold-font-family);
	font-weight: var(--bold-font-weight);
	font-style: var(--bold-font-style);
	line-height: 130%;
	margin-top: 0;
	margin-bottom: var(--margin2);
	text-shadow: 0 0 0.08em rgba(255, 255, 255, 0.8), 0 0 0.2em rgba(64, 64, 255, 0.5);
}
h3
{
	background-color: var(--aboutHeadBg2);
	color: var(--aboutHeadColor);
	padding: 0.5em 4% 0.2em 4%;
	text-align: left;
	font-size: 140%;
	font-family: var(--bold-font-family);
	font-weight: var(--bold-font-weight);
	font-style: var(--bold-font-style);
	line-height: 130%;
	margin-top: 0;
	margin-bottom: var(--margin2);
	text-shadow: 0 0 0.08em rgba(255, 255, 255, 0.8), 0 0 0.2em rgba(64, 64, 255, 0.5);
}
h4
{
	background-color: var(--aboutHeadBg2);
	color: var(--aboutHeadColor);
	padding: 0.3em 4% 0.2em 4%;
	text-align: left;
	font-size: 110%;
	font-family: var(--bold-font-family);
	font-weight: var(--bold-font-weight);
	font-style: var(--bold-font-style);
	line-height: 130%;
	margin-top: 0;
	margin-bottom: var(--margin3);
	text-shadow: 0 0 0.08em rgba(255, 255, 255, 0.8), 0 0 0.2em rgba(64, 64, 255, 0.5);
}
.table2 h3,
.table h3,
.table2 h4,
.table h4
{
	margin-left: -4.348%;
	margin-right: -4.348%;
}
.table > h3:first-child,
.table2 > h3:first-child,
.table > h4:first-child,
.table2 > h4:first-child
{
	margin-top: -4.348%;
}
.table2 .decoStr,
.table .decoStr
{
	font-size: 135%;
	font-family: var(--bold-font-family);
	font-weight: var(--bold-font-weight);
	font-style: italic;
	text-shadow: 0 0 0.08em rgba(255, 255, 255, 0.8), 0 0 0.2em rgba(255, 255, 0, 0.5);
}

.width100
{
	width: 100%;
}
.width90, .width80, .width70, .width60, .width50, .width40, .width30, .width20, .width15, .width10
{
	margin-left: auto;
	margin-right: auto;
}
.width90 { width: 90%; }
.width80 { width: 80%; }
.width70 { width: 70%; }
.width60 { width: 60%; }
.width50 { width: 50%; }
.width40 { width: 40%; }
.width30 { width: 30%; }
.width20 { width: 20%; }
.width15 { width: 15%; }
.width10 { width: 10%; }

.marginBottom0  { margin-bottom: 0; }
.marginBottom1  { margin-bottom: calc(1 * var(--vw1)); }
.marginBottom2  { margin-bottom: calc(2 * var(--vw1)); }
.marginBottom3  { margin-bottom: calc(3 * var(--vw1)); }
.marginBottom4  { margin-bottom: calc(4 * var(--vw1)); }
.marginBottom5  { margin-bottom: calc(5 * var(--vw1)); }
.marginBottom6  { margin-bottom: calc(6 * var(--vw1)); }
.marginBottom7  { margin-bottom: calc(7 * var(--vw1)); }
.marginBottom8  { margin-bottom: calc(8 * var(--vw1)); }
.marginBottom9  { margin-bottom: calc(9 * var(--vw1)); }
.marginBottom10 { margin-bottom: calc(10 * var(--vw1)); }

.marginTop0  { margin-top: 0; }
.marginTop1  { margin-top: calc(1 * var(--vw1)); }
.marginTop2  { margin-top: calc(2 * var(--vw1)); }
.marginTop3  { margin-top: calc(3 * var(--vw1)); }
.marginTop4  { margin-top: calc(4 * var(--vw1)); }
.marginTop5  { margin-top: calc(5 * var(--vw1)); }
.marginTop6  { margin-top: calc(6 * var(--vw1)); }
.marginTop7  { margin-top: calc(7 * var(--vw1)); }
.marginTop8  { margin-top: calc(8 * var(--vw1)); }
.marginTop9  { margin-top: calc(9 * var(--vw1)); }
.marginTop10 { margin-top: calc(10 * var(--vw1)); }

.paddingBottom0  { padding-bottom: 0; }
.paddingBottom1  { padding-bottom: calc(1 * var(--vw1)); }
.paddingBottom2  { padding-bottom: calc(2 * var(--vw1)); }
.paddingBottom3  { padding-bottom: calc(3 * var(--vw1)); }
.paddingBottom4  { padding-bottom: calc(4 * var(--vw1)); }
.paddingBottom5  { padding-bottom: calc(5 * var(--vw1)); }
.paddingBottom6  { padding-bottom: calc(6 * var(--vw1)); }
.paddingBottom7  { padding-bottom: calc(7 * var(--vw1)); }
.paddingBottom8  { padding-bottom: calc(8 * var(--vw1)); }
.paddingBottom9  { padding-bottom: calc(9 * var(--vw1)); }
.paddingBottom10 { padding-bottom: calc(10 * var(--vw1)); }

.paddingTop0  { padding-top: 0; }
.paddingTop1  { padding-top: calc(1 * var(--vw1)); }
.paddingTop2  { padding-top: calc(2 * var(--vw1)); }
.paddingTop3  { padding-top: calc(3 * var(--vw1)); }
.paddingTop4  { padding-top: calc(4 * var(--vw1)); }
.paddingTop5  { padding-top: calc(5 * var(--vw1)); }
.paddingTop6  { padding-top: calc(6 * var(--vw1)); }
.paddingTop7  { padding-top: calc(7 * var(--vw1)); }
.paddingTop8  { padding-top: calc(8 * var(--vw1)); }
.paddingTop9  { padding-top: calc(9 * var(--vw1)); }
.paddingTop10 { padding-top: calc(10 * var(--vw1)); }

.spacer1  { font-size: 0; line-height: 100%; height: calc(1 * var(--vw1)); }
.spacer2  { font-size: 0; line-height: 100%; height: calc(2 * var(--vw1)); }
.spacer3  { font-size: 0; line-height: 100%; height: calc(3 * var(--vw1)); }
.spacer4  { font-size: 0; line-height: 100%; height: calc(4 * var(--vw1)); }
.spacer5  { font-size: 0; line-height: 100%; height: calc(5 * var(--vw1)); }
.spacer6  { font-size: 0; line-height: 100%; height: calc(6 * var(--vw1)); }
.spacer7  { font-size: 0; line-height: 100%; height: calc(7 * var(--vw1)); }
.spacer8  { font-size: 0; line-height: 100%; height: calc(8 * var(--vw1)); }
.spacer9  { font-size: 0; line-height: 100%; height: calc(9 * var(--vw1)); }
.spacer10 { font-size: 0; line-height: 100%; height: calc(10 * var(--vw1)); }
.spacer11 { font-size: 0; line-height: 100%; height: calc(11 * var(--vw1)); }
.spacer12 { font-size: 0; line-height: 100%; height: calc(12 * var(--vw1)); }
.spacer13 { font-size: 0; line-height: 100%; height: calc(13 * var(--vw1)); }
.spacer14 { font-size: 0; line-height: 100%; height: calc(14 * var(--vw1)); }
.spacer15 { font-size: 0; line-height: 100%; height: calc(15 * var(--vw1)); }
.spacer16 { font-size: 0; line-height: 100%; height: calc(16 * var(--vw1)); }

.center
{
	text-align: center;
}

.indent > *
{
	display: block;
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.indent > *:nth-child(n+1)
{
	margin-top: 0.3em;
}
.indent > .noIndent
{
	text-indent: 0;
	padding-left: 0;
}

.appIcon
{
	border-radius: 23%;
}
.table,
.table2
{
	border: var(--borderWidth) var(--blue1) solid;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding: 4%;
}
.table,
.table2,
.bg
{
	background-color: var(--tableBg);
	color: var(--tableColor);
	text-shadow: 0 0.1em 0.2em #000, 0 0.1em 0.2em #000;
}
.table2, .bg2
{
	background-color: rgba(0, 0, 0, 0.7);
}
.box, .linkList
{
	background: #000;
	padding: var(--margin3) var(--margin2);
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-radius: calc(3 * var(--vw1));
}

.doc
{
	padding: 4%;
	text-shadow: 0 0.1em 0.2em #000, 0 0.1em 0.2em #000;
}

.line, .line2
{
	display: block;
	width: 100%;
	background: linear-gradient(to right, var(--blue1-noAlpha) 0%, var(--blue1) 50%, var(--blue1-noAlpha) 100%);
	overflow: hidden;
	position: relative;
}

.line2
{
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
}

.footer > .linkList
{
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.linkList > a
{
	display: block;
	line-height: 100%;
	text-decoration: none;
	padding: 0.5rem 0;
}
.linkList > a:not(:first-child):before
{
	content: ' ';
	display: block;
	width: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
	overflow: hidden;
	position: relative;
	top: -0.6rem;
}

.line,
.line2,
.linkList > a:not(:first-child):before
{
	height: calc(0.3 * var(--vw1));
}
.floatBottom
{
	display: block;
	width: auto;
	height: 3.3rem;
	position: fixed;
	bottom: env(safe-area-inset-bottom, 0.5vh);
	right: 0;
	left: auto;
	top: auto;
	font-size: 0;
	line-height: 100%;
	background: #000;
	padding: 0 0 0 0.2rem;
	transform-origin: bottom right;
	transform: scale(1, 1);
	z-index: 100;
}
.app .floatBottom
{
	transform: scale(0.6, 0.6);
}
.floatBottom > *
{
	display: inline-block;
	width: auto;
	height: 2.8rem;
	margin: 0.25rem 0.08rem 0 0.08rem;
	padding: 0;
}
/*
.floatBottom > *:not(.bnr_iOS):not(.bnr_Android)
{
	width: 3rem;
}
*/
.floatBottom > * > img
{
	width: auto;
	height: 2.8rem;
}
.floatBottom > .toTop
{
	position: absolute;
	width: 2.8rem;
	height: 2.8rem;
	line-height: 100%;
	background: rgba(0, 0, 0, 0.85);
	border-radius: 50%;
	right: 0.2rem;
	top: -3.2rem;
	font-size: 1rem;
	line-height: 100%;
	text-decoration: none;
	text-align: center;
	display: grid;
	place-items: center;
}
.floatBottom > .toTop:hover
{
	cursor: pointer;
}

.floatBottom > .toTop > * > *:first-child
{
	font-size: 150%;
	line-height: 100%;
}
.floatBottom > .toTop > * > *:nth-child(2)
{
	font-size: 60%;
	line-height: 100%;
}


.copyright
{
	background: #000;
	padding: 2% 0;
	text-align: center;
}
.started .copyright
{
	padding: 2% 0 calc(3.5rem + env(safe-area-inset-bottom, 0.5vh));
}

.buttonArea
{
	text-align: center;
	padding: 0.5rem 0 2rem 0;
}

.buttonArea a,
.button3
{
	display: inline-block;
	line-height: 100%;
	text-decoration: none;
	padding: 0.2rem 1rem 0 1rem;
	border-style: solid;
	border-width: 0.4rem;
	-moz-border-image: url('/src/image/btn_bg3.png') 24 fill stretch;
	-webkit-border-image: url('/src/image/btn_bg3.png') 24 fill stretch;
	-o-border-image: url('/src/image/btn_bg3.png') 24 fill stretch;
	border-image: url('/src/image/btn_bg3.png') 24 fill stretch;
}

.date-right
{
	text-align: right;
	padding: 0.4em 0;
}
.date-left
{
	text-align: left;
	padding: 0.4em 0;
}

/* 　▼ .color-XXX */
.color-yellow { color: var(--yellow); }
.color-orange { color: var(--orange); }
.color-pink   { color: var(--pink); }
.color-green  { color: var(--green); }
.color-blue1  { color: var(--blue1); }
.color-blue2  { color: var(--blue2); }
.color-blue3  { color: var(--blue3); }
/* 　▲ .color-XXX */

/* 　▼ .app .noApp アプリ参照かつ.noApp付きは隠す */
.app .noApp
{
	display: none;
}
/* 　▲ .app .noApp アプリ参照かつ.noApp付きは隠す */
/* 　▼ .app .viewApp アプリ参照かつ.viewApp付きは表示 (.block, .inline-block, .inline) */
.app .viewApp
{
	display: block;
}
.app .viewApp.block
{
	display: block;
}
.app .viewApp.inline-block
{
	display: inline-block;
}
.app .viewApp.inline
{
	display: inline;
}
/* 　▲ .app .viewApp アプリ参照かつ.viewApp付きは表示 (.block, .inline-block, .inline) */

/* ▲▲ 全ページ共通/汎用 */

/* ================================================================ */

/* ▼▼ サイトトップ用 */

.firstGradient
{
	background: url('/src/image/img_firstGradient.png') no-repeat top center;
	background-size: 100% 100%;
	position: relative;
	padding-top: calc(20 * var(--vw1));
}
.firstGradient > img
{
	position: absolute;
	bottom: 0;
}
.movieArea
{
	text-align: center;
	padding-top: var(--margin2);
	padding-bottom: var(--margin3);
	font-size: 0;
	line-height: 100%;
}
.movieArea > *
{
	width: 90%;
	aspect-ratio: 560 / 315;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	box-shadow: 0.00001rem 0 0.1rem 0 #FFF, 0.00001rem 0 0.1rem 0 #FFF, 0.0001rem 0 0.5rem 0 var(--blue1);
}

.topView
{
	background: #000 url('/src/image/img_topView.jpg') no-repeat top center;
	background-size: 100% auto;
	text-align: center;
	line-height: 100%;
	font-size: 0;
	position: relative;
}
.topView > .logo
{
	width: 72%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75%;
	margin-bottom: 0;
}
.topView > .logo + *:not(.str_topView)
{
	margin: 0.5% 0 3% 0;
}
.topView > .str_topView
{
	position: absolute;
	width: 21.33%;
	top: 0.5%;
	right: 2%;
}

.footer
{
	padding-top: 1rem;
}

.introductionBox
{
	width: 94%;
	margin-left: 3%;
	background: rgba(0, 0, 0, 0.4);
	padding: 3% 0;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.8) inset;
}
.introductionBox .head
{
	width: 50%;
}
.imgBorder
{
	border: 0.1rem solid rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 0.2rem rgba(255, 255, 255, 0.8);
}
.imgOnly
{
	line-height: 0%;
}

.appInfo,
.appInfo2
{
	display: grid;
	grid-template-columns: 22% 1fr;
	gap: 4%;
	align-items: start;
}
.appInfo2
{
	grid-template-columns: 30% 1fr;
}
.appInfo > *,
.appInfo2 > *
{
	padding: 0.2rem 0;
}
.appInfo img,
.appInfo2 img
{
	width: 100%;
	margin-top: 0.2rem;
}
.bnrArea_appInfo
{
	position: relative;
}
.bnrArea_appInfo > *
{
	display: inline-block;
	font-size: 0;
}
.bnrArea_appInfo > *:only-child
{
	width: 100%;
}
.bnrArea_appInfo > *:not(:only-child):first-child
{
	width: 44.0%;
}
.bnrArea_appInfo > *:not(:only-child):nth-child(2)
{
	width: 53.0%;
}
.bnrArea_appInfo img
{
	margin-top: 0.1rem;
	vertical-align: top;
}

/* 　▼ infoSection */
.infoSection
{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%), url('/src/image/subBg.jpg');
	background-repeat: none, repeat-y; background-size: contain, contain;
}
.infoSection h2
{
	color: var(--yellow);
	padding-top: 0.2em;
	background-color: transparent;
	background-image: radial-gradient(rgba(64, 0, 0, 0.2) 0%, rgba(192, 0, 0, 0.5) 100%);
	margin-bottom: calc(2 * var(--vw1));
}
.infoSection h4
{
	color: var(--yellow);
	background: transparent linear-gradient(to right, rgba(192, 0, 0, 0.3) 0%, rgba(64, 0, 0, 0.2) 100%);
	margin-bottom: calc(2 * var(--vw1));
}
.infoSection .doc
{
	padding-top: 0;
}
.infoSection .indent
{
	line-height: 130%;
}
.infoSection .indent > *:nth-child(n+2)
{
	margin-top: 0.8em;
}
/* 　▲ infoSection */
/* 　▼ .topMenu */
.topMenu
{
	display: grid;
	grid-template-columns: 25% 25% 25% 1fr;
	gap: 0.1em;
	place-items: stretch, center;
	font-size: 85%;
	line-height: 120%;
	background: #000000;
	box-shadow: 0 0.1em 0 0 #000000;
}
.topMenu > *
{
	display: grid;
	place-items: center;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0 0.4em 0;
	text-decoration: none;
	background-color: var(--blue5);
	box-shadow: 0 0.000001em 0.2em 0.05em #FFFFFF inset, 0 0.000001em 0.5em 0.05em var(--blue1) inset;
	color: var(--yellow2);
	text-shadow: 0 0.000000em 0.3em rgba(255, 255, 255, 0.8);
}
.topMenu > *:hover
{
	cursor: pointer;
}
/* 　▲ .topMenu */

/* ▲▲ サイトトップ用 */

/* ================================================================ */

/* ▼▼ body.sub 子ページ用 */

/* 　▼ body.app.sub */
.app.sub > article > section > .table,
.app.sub > article > section > .table2,
.app.sub > article > section > .doc
{
	width: 100%;
	border-style: none;
}
/*
.app.sub > article > section > main > h2:first-child,
*/
.app.sub > article > section > h2:first-child,
.app .floatBottom
{
	display: none;
}
/* 　▲ body.app.sub */

/* ▲▲ body.sub 子ページ用 */

/* ================================================================ */

.keiyaku > h2,
.keiyaku > h3,
.keiyaku > h4
{
	margin-left: -4.348%;
	margin-right: -4.348%;
	padding-left: 1rem;
	margin-bottom: 0.5rem !important;
}
dl.settlement > dt,
dl.transaction > dt,
.settlement > dl > dt,
.transaction > dl > dt
{
	background-color: var(--aboutHeadBg);
	color: var(--aboutHeadColor);
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	font-family: var(--bold-font-family);
	font-weight: var(--bold-font-weight);
	font-style: var(--bold-font-style);
	text-shadow: 0 0 0.08em rgba(255, 255, 255, 0.8), 0 0 0.2em rgba(64, 64, 255, 0.5);
}

dl.settlement > dt,
dl.transaction > dt,
.settlement > dl > dt,
.transaction > dl > dt
{
	padding-left: 2.5em !important;
	padding-right: 1em;
	margin-bottom: 0.5em !important;
}
dl.settlement > dd,
dl.transaction > dd,
.settlement > dl > dd,
.transaction > dl > dd
{
	padding-left: 2.5em !important;
	padding-right: 1em;
}