@charset "UTF-8";
/* ===========================================================

	Title: style.css
	Created: 2022-1-11
	必要に応じて編集。モジュール一覧に準拠

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

	基本スタイル : テキスト
	基本スタイル : コンテンツ間にマージンをとる
	基本スタイル : リンク
	基本スタイル : インデントリスト・注意書き
	基本スタイル : シンプルテーブルta
	基本スタイル : テーブル
	基本スタイル : コラム
	基本スタイル : 画像
	コンテンツスタイル : タブモジュール
	コンテンツスタイル : リリースリスト
	コンテンツスタイル : リンクモジュール


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

.global-content {
	font-size: 1.0em;
	line-height: 1.8;
}


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

	基本スタイル : テキスト

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

/* 超小文字 12px */
.text--x-small {
	font-size: 1.1rem !important;
}

/* 小文字 14px */
.text--small,
.caption li {
	font-size: 1.3rem !important;
}

/* 通常 16px */
.text--medium {
	font-size: 1.6rem !important;
}

/* 大文字 18px */
.text--large {
	font-size: 1.8rem !important;
}

/* 特大文字 20px */
.text--x-large {
	font-size: 2.4rem !important;
}

/* 色文字 */
.contents-style em {
	color: #00127e;
	font-style: normal;
}

/* 太文字 */
.contents-style strong {
	font-weight: bold;
}

/* リード文 */
.contents-style p.text--read {
	font-family: var(--font-family-serif);
	font-size: var(--px--28);
	color: var(--color--brown);
	letter-spacing: 0.08rem;
	line-height: 140%;
	font-weight: 400;
}

@media (768px <=width) {
	.contents-style p.text--read {
		font-size: var(--px--36);
	}
}

/* 強調 */
.text--emphasis {
	background-color: #f0f0f0;
	padding: 32px;
	margin: 0 0 32px;
}

.text--emphasis h2:first-child {
	margin-top: 0 !important;
}

.text--emphasis ul {
	margin-bottom: 0 !important;
}

/* 数値 */
.data-value {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 5.0rem;
	font-weight: 400 !important;
	color: #000;
	line-height: 1;
	margin: 0 4px 0 0;
}

/* フォントファミリーリセット */
.font-family--reset {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace !important;
}

/* 赤文字 */
.text--red {
	color: #f00;
}

/* 白文字 */
.text--white {
	color: #fff;
}

.text--blue {
	color: #5278a7;
}


/* br */
br.pc-only {
	display: none;

	@media (min-width: 1200px) {
		display: block;
	}
}

br.sp-only {
	display: block;

	@media (min-width: 1200px) {
		display: none;
	}
}

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

	基本スタイル : コンテンツ間にマージンをとる

=========================================================== */
.cont-margin {
	margin-bottom: 4.0em !important;
}

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

	基本スタイル : リンク

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

a {
	font-style: inherit;
	font-weight: inherit;
	text-decoration: none;
	color: #193ea1;
	transition: all 0.5s;
}

a:link,
a:visited {
	color: #193ea1;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

/* リンク色反転 */
.link-reverse a:link,
.link-reverse a:visited,
a.link-reverse:link,
a.link-reverse:visited {
	color: #CCCCCC;
	text-decoration: underline;
}

.link-reverse a:hover,
a.link-reverse:hover {
	color: #555;
	text-decoration: none;
}

/* 外部リンク */
.link-blank,
.blank {
	display: inline-block;
	padding-right: 15px !important;
	margin: 0;
	background-image: url(../../assets/img/global/icon_blank_a.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 9px auto;
}



/* 矢印付きリンク（三角） */
a.link-triangle,
.link-triangle a,
a.link-triangle--top,
.link-triangle--top a,
a.link-triangle--left,
.link-triangle--left a,
a.link-triangle--bottom,
.link-triangle--bottom a,
a.link-triangle--right,
.link-triangle--right a {
	/* Default (Basic form : basicstyle.css)
	padding-left: 0.75em;
	*/
}

a.link-triangle::before,
.link-triangle a::before,
a.link-triangle--top::before,
.link-triangle--top a::before,
a.link-triangle--left::before,
.link-triangle--left a::before,
a.link-triangle--bottom::before,
.link-triangle--bottom a::before,
a.link-triangle--right::before,
.link-triangle--right a::before {
	/* Default (Basic form : basicstyle.css)
	margin-top: -0.20em;
	border-width: 0.20em 0 0.20em 0.25em;
	border-color: transparent transparent transparent #000;
	*/
	border-color: transparent transparent transparent #285183;
}






/* 矢印付きリンク */
a.link-arrow,
.link-arrow a,
a.link-arrow--top,
.link-arrow--top a,
a.link-arrow--left,
.link-arrow--left a,
a.link-arrow--bottom,
.link-arrow--bottom a,
a.link-arrow--right,
.link-arrow--right a {
	/* Default (Basic form : basicstyle.css)
	padding-left: 0.75em;
	*/
	padding-left: 12px;
	text-decoration: none;
}

a.link-arrow::before,
.link-arrow a::before,
a.link-arrow--top::before,
.link-arrow--top a::before,
a.link-arrow--left::before,
.link-arrow--left a::before,
a.link-arrow--bottom::before,
.link-arrow--bottom a::before,
a.link-arrow--right::before,
.link-arrow--right a::before {
	/* Default (Basic form : basicstyle.css)
	width: 0.30em;
	height: 0.30em;
	margin-top: -0.15em;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	*/
	width: 0.4em;
	height: 0.4em;
	border-top: 1px solid #11216c;
	border-right: 1px solid #11216c;
}

@media screen and (max-width: 767px) {

	.link-arrow a::before,
	.link-arrow--bottom a::before,
	.link-arrow--left a::before,
	.link-arrow--right a::before,
	.link-arrow--top a::before,
	a.link-arrow--bottom::before,
	a.link-arrow--left::before,
	a.link-arrow--right::before,
	a.link-arrow--top::before,
	a.link-arrow::before {
		top: 11px;
	}
}


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

	link-button

=========================================================== */
/* リンクボタン */
.link-button {
	text-align: center;
}

/* リンクボタン */
.link-button a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	padding: 0 24px;
	margin: 0 auto;
	transition: all 0.4s ease-out;
	max-width: 363px;
	min-height: 64px;
	line-height: 1.2;
	font-weight: bold;
	background: url(../img/global/arrow__regular--white.svg) 97% 50% no-repeat;
	border-radius: 0 64px 64px 0;
	overflow: hidden;
}

.link-button a::after,
.link-button a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	transition: all 0.10s ease-in;
}

.link-button a::after {
	width: 0%;
	z-index: -1;
}

.link-button a::before {
	width: 100%;
	z-index: -3;
	background-color: #916625;
}

/* hover */
.link-button a:hover {
	text-decoration: none;
	padding: 0 32px;
	color: #fff;
}

.link-button a:hover::after {
	width: 100%;
	background-color: #1B58A7;
	opacity: 1;
}

/* link-button__arrow
------------------------------------------------- */
.link-button__arrow {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: solid 1px #ddd;
	margin-left: 16px;
	overflow: hidden;
	flex-shrink: 0;
}

.link-button__arrow::after {
	position: absolute;
	content: " ";
	vertical-align: middle;
	background-color: #fff;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	transition: all 0.50s ease-out;
	z-index: 1;
}

.link-button__arrow::before {
	position: absolute;
	content: " ";
	vertical-align: middle;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: translate(-50%, -50%) rotate(45deg);
	margin-left: -4px;
	z-index: 2;
}

.link-button a:hover .link-button__arrow {
	border: solid 1px rgba(255, 255, 255, 0);
}

.link-button a:hover .link-button__arrow::after {
	width: 100%;
	height: 100%;
}

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

	基本スタイル : ヘッドライン

=========================================================== */
.contents-style h2 {
	/* margin: 96px 0 32px;
	font-size: var(--px--36);
	font-family: var(--font-family-serif);
	letter-spacing: 0.08rem;
	color: var(--color--brown);
	text-align: center;
	position: relative;
	line-height: 1.2;*/
}

.contents-style h2 {
	margin: 96px 0 48px;
	font-size: var(--px--30);
	font-family: var(--font-family-serif);
	letter-spacing: 0.16rem;
	color: var(--color--brown);
	padding: 14px 16px;
	border: solid 1px var(--color--brown);
	text-align: center;
	position: relative;
	line-height: 1.2;
}

.contents-style h2:has(span) {
	line-height: 1;
}

.contents-style>h2:first-child,
.contents-style>table:first-child,
.contents-style>h3:first-child,
.contents-style>p:first-child,
.contents-style>ul:first-child,
.contents-style>section>h2:first-child {
	margin-top: 0;
}

.contents-style h3 {
	font-size: var(--px--24);
	font-family: var(--font-family-serif);
	font-weight: 500;
}

.contents-style h2+h3 {
	margin: 1.0em 0 1.0em 0;
}

.contents-style h4 {
	margin-top: 64px;
	color: rgba(25, 62, 161, 1.00);
	;
	font-size: 2.4rem;
	font-weight: 700;
}

.contents-style h3+h4 {
	margin-top: 0 !important;
}

.contents-style h5 {
	margin: 2.0em 0 1.0em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #2cb5e5;
}

.contents-style h6 {
	display: block;
	padding: 0;
	margin: 1.0em 0 0.5em 0;
	font-size: 1.000em;
	color: #333;
	position: relative;
}


.contents-style p {
	margin-top: var(--px--16);
	font-size: var(--px--16);
	line-height: 160%;
	letter-spacing: 0.1em;

	@media (768px <=width) {
		margin-top: var(--px--32);
	}
}


.contents-style ul,
.contents-style ol {
	margin-top: 32px;
	line-height: 1.8;
}

.contents-style li {
	margin: 0.5em 0;
}

.contents-style .caption {
	margin-top: 16px;
}

.caption {}

img {
	vertical-align: bottom;
	height: auto;
}

.contents-style img {
	width: 100%;
}

.img-margin,
.responsive-img {
	padding: 32px 0;
	text-align: center;
}

sup,
sub {
	font-size: 1.1rem;
	font-style: inherit;
	font-weight: inherit;
}

sup {
	vertical-align: top;
	top: 0.5em;
}

sub {
	vertical-align: baseline;
}

small {
	font-size: 0.78em;
}

.contents-style input,
.contents-style button,
.contents-style textarea,
.contents-style select {
	transition: all 0.5s;
}

.contents-style .input-ui__select {
	/*
	display: block; padding: 0; margin: 0;
	border: solid 1px #ddd; border-radius: 4px;
	position: relative; overflow: hidden;*/
	border-radius: 0;
}

.contents-style .input-ui__select select {
	/*
	display: block; width: 100%; padding: 0.5em 2.0em 0.5em 1.0em; margin: 0;
	font-size: 1em; line-height: 28px;
	*/
	padding: 0.5em 3.0em 0.5em 1.0em;
}

.contents-style .input-ui__select::before {
	display: block;
	padding: 0.5em 0;
	margin: 0;
	position: absolute;
	content: "\f107";
	font-family: FontAwesome;
	top: 0;
	right: 0;
	text-align: center;
	width: 3.0em;
	height: auto;
	line-height: 28px;
	border: none;
	transform: rotate(0);
}

.contents-style input.input-ui__button {
	border: solid 1px #131327;
	background-color: #131327;
	color: #fff;
	border-radius: 0;
}

.contents-style input.input-ui__button:hover {
	background-color: #fff;
	color: #131327;
}

.contents-style input.input-ui__button.input-ui__button--sub {
	border: solid 1px #ddd;
	background-color: #fff;
	color: #000;
}

.contents-style input.input-ui__button.input-ui__button--sub:hover {
	background-color: #ddd;
	color: #131327;
}

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

	list-style

=========================================================== */
.list-style--disc {}

.list-style--notes {
	margin-left: 1.5em !important;
	color: #193EA1;
	font-size: 2.0rem;
	font-weight: bold;
}

.list-style--notes>li {
	list-style-type: none;
	list-style-position: inside;
	text-indent: -1.5em;
}

.list-style--notes>li::before {
	content: "●";
	display: inline-block;
	width: 1.5em;
	text-indent: 0;
	color: #916625;
}

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

	time-stamp

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

.time-stamp {
	text-align: right;
	color: #666;
	font-size: 0.875em;
}

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

	基本スタイル : インデントリスト・注意書き

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

.indent-list {}

.indent-list>li {}

.indent-list>li>span {
	/* Default (Basic form : basicstyle.css)
	padding: 0.25em 0 0.25em 0.25em;
	*/
	padding-left: 1.0em;
}

.indent-list>li::before {
	/* Default (Basic form : basicstyle.css)
	padding: 0.25em 0;
	*/
	padding-right: 0.5em;
	vertical-align: inherit;
}

.caution-text,
.caution {
	font-size: 1.2rem;
}

.caution>li {}

.caution>li>span {
	/* Default (Basic form : basicstyle.css)
	padding: 0.25em 0 0.25em 0.25em;
	*/
}

.caution>li::before {
	/* Default (Basic form : basicstyle.css)
	padding: 0.25em 0;
	*/
}

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

	annotation

=========================================================== */
.c-annotation>li {
	margin-top: 0.5em;
	position: relative;
	padding-left: 1em;
	font-size: 1.3rem;
	color: #999999;
	display: inline-block;
}

.c-annotation>li:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "※";
}

.c-annotation ul {
	margin-left: 1em !important;
}

.c-annotation li {
	margin: 0.25em 0;
}

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

	基本スタイル : シンプルテーブル

=========================================================== */
/* modifyはcontents.cssにて */
/* dl-table  (Basic form : basicstyle.css) */
.dl-table {
	border-top: solid 1px #ddd;
}

.dl-table>dl {
	margin: 0;
	border-bottom: solid 1px #ddd;
}

.dl-table>dl>dt {
	width: 15em;
	padding: 0.5em 1em 0.5em 0;
}

.dl-table>dl>dd {
	padding: 0.5em 1em 0.5em 0;
}

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

	基本スタイル : テーブル

=========================================================== */
.table-label {
	text-align: right;
	font-size: 1.2rem !important;
	opacity: 0.6;
}

.table-label+table {
	margin-top: 8px;
}

table {
	margin: 2rem 0 0;
	line-height: 1.6;
	width: 100%;
	border-bottom: solid 1px var(--line-color);
}

table,
table th,
table td {}

table caption {
	border-top: solid 1px var(--line-color);
	font-size: 1.8rem;
	font-weight: 700;
	padding: 16px;
	text-align: left;
}

table th {
	padding: 2rem 0;
	border-top: solid 1px var(--line-color);
	vertical-align: top;
}

table td {
	padding: 2rem 0;
	border-top: solid 1px var(--line-color);
	vertical-align: middle;
}

table th:last-child,
table td:last-child {
	border-right: none;
}

table thead th,
table thead td {
	text-align: center;
}

table thead th {}

table thead td {}

table tbody th {
	width: 24%;
}

table tbody th,
table tbody td {}

table tbody th {
	position: relative;
}

table tbody th::before {
	position: absolute;
	top: -1px;
	left: 0;
	content: "";
	width: 16px;
	height: 1px;
	background-color: var(--color--brown);
}

table tbody td {}

table tfoot th,
table tfoot td {
	text-align: center;
}

table tfoot th {
	color: #000;
	background-color: #f0f0f0 !important;
}

table tfoot td {
	color: #000;
	background-color: #f0f0f0 !important;
}

table td ul:last-child,
table td ol:last-child,
table td p:last-child {
	margin-bottom: 0;
}

table table,
table table th,
table table td {
	margin: 0;
	padding: 0;
	border: none;
}


/* 狹い余白のテーブル */
table.table--narrow-padding {}

table.table--narrow-padding caption,
table.table--narrow-padding th,
table.table--narrow-padding td {
	padding: 5px;
}

/* responsive-table
----------------------------------------------------------- */
.responsive-table {}

@media screen and (max-width: 767px) {

	table.responsive-table>tbody>tr>th,
	table.responsive-table>tbody>tr>td {
		display: block;
		width: 100% !important;
	}
}

/* js-scroll-table  js-scroll-graph  js-scroll-area
----------------------------------------------------------- */
.js-scroll-table {}

.js-scroll-graph {}

.js-scroll-area {}

.js-scroll-table__caution {
	display: none;
	margin: 1.5em 0 0 !important;
	font-size: 12px;
	color: #999;
	padding: 0 0 0 45px;
	background-image: url(../img/global/icon_scroll_side.png);
	background-size: 40px auto;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
	.js-scroll-table__wrap {
		overflow: auto;
		position: relative;
	}

	.js-scroll-table th,
	.js-scroll-table td {
		white-space: nowrap;
	}

	.js-scroll-table__caution {
		display: block;
	}

	.js-scroll-table.table-layout--fixed {
		table-layout: auto !important;
	}

	.js-scroll-graph .chartdiv {
		width: 500px;
	}
}


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

	基本スタイル : コラム

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

.column {
	/* Default (Basic form : basicstyle.css)
	margin: 0 -1em;
	*/
	justify-content: space-between;
}

.column__cell {
	/* Default (Basic form : basicstyle.css)
	padding: 0 1.0em; margin: 0;
	*/
}

/* 等幅コラム */
.column--equal-width {
	/* Default (Basic form : basicstyle.css)
	margin: 0 -1em;
	*/
	margin: 0;
	gap: 32px;
}

.column--equal-width .column__cell {
	/* Default (Basic form : basicstyle.css)
	padding: 0 1.0em; margin: 0;
	*/
	padding: 0;
}

/* 3等分コラム */
.column--3 {
	/* Default (Basic form : basicstyle.css)
	margin: 0 -1em;
	*/
}

.column--3 .column__cell--3of1,
.column--3 .column__cell--3of2,
.column--3 .column__cell--3of3 {
	/* Default (Basic form : basicstyle.css)
	padding: 0 1.0em; margin: 0;
	*/
}

/* 4等分コラム */
.column--4 {
	/* Default (Basic form : basicstyle.css)
	margin: 0 -1em;
	*/
}

.column--4 .column__cell--4of1,
.column--4 .column__cell--4of2,
.column--4 .column__cell--4of3,
.column--4 .column__cell--4of4 {
	/* Default (Basic form : basicstyle.css)
	padding: 0 1.0em; margin: 0;
	*/
}

@media screen and (max-width: 1024px) {

	.column,
	.column--equal-width {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}

	.column__cell,
	.column--equal-width .column__cell {
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}
}





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

	基本スタイル : 画像

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

.img-float--right {
	/* Default (Basic form : basicstyle.css)
	0 0 2.0em 2.0em;
	*/
}

.img-float--left {
	/* Default (Basic form : basicstyle.css)
	margin: 0 2.0em 2.0em 0;
	*/
}

.img-float--none {
	/* Default (Basic form : basicstyle.css)
	margin: 0 0 2.0em 0;
	*/
}


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

	コンテンツスタイル : タブモジュール

=========================================================== */
.tab-row {
	/* Default (Basic form : basicstyle.css)
	display: flex; flex-wrap: nowrap;
	*/
	padding: 0 10px;
	position: relative;
}

.tab-row::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd;
	z-index: -1;
}

.tab-row>li {
	/* Default (Basic form : basicstyle.css)
	display: flex; width: 100%; flex-flow: 1;
	*/
	margin: 0 5px;
	overflow: hidden;
}

.tab-row>li:first-child {}

.tab-row>li:last-child {}

.tab-row>li>a {
	/* Default (Basic form : basicstyle.css)
	display: flex; width: 100%; flex-flow: 1;
	align-items: center; align-content: center;
	*/
	position: relative;
	color: #fff;
	background-color: #00127e;
	padding: 20px 25px;
	justify-content: center;
	font-size: 1.5rem;
	border: solid 1px #ddd;
}

@media all and (-ms-high-contrast:none) {
	.tab-row>li>a {
		padding: 22px 25px 18px;
	}
}

.tab-row>li>a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: translate(0, -50%) rotate(-45deg);
	display: inline-block;
	width: 12px;
	height: 12px;
}

.tab-row>li>a:hover {
	color: #00127e;
	background-color: #fff;
	text-decoration: none
}

.tab-row>li>a:hover::after {
	border-right: 1px solid #00127e;
	border-bottom: 1px solid #00127e;
}

.tab-row>li>a.current,
.tab-row>li>a.active,
.tab-row>li>a.current:hover,
.tab-row>li>a.active:hover {
	;
	border: solid 1px #ddd;
	border-bottom: none;
	background-color: #fff;
	color: #00127e;
	font-weight: bold
}

.tab-row>li>a.current::after,
.tab-row>li>a.active::after {
	border-right: 1px solid #00127e;
	border-bottom: 1px solid #00127e;
	transform: translate(0, -80%) rotate(45deg);
}

@media screen and (max-width: 1024px) {
	.tab-row {
		display: block;
		padding: 0;
	}

	.tab-row>li {
		margin: 0 0 1px;
	}

	.tab-row>li>a {
		padding: 15px 40px 15px 20px;
		justify-content: left;
	}

	.tab-row>li>a.current::after,
	.tab-row>li>a.active::after {
		right: 20px;
	}

	.tab-row>li>a.current,
	.tab-row>li>a.active,
	.tab-row>li>a.current:hover,
	.tab-row>li>a.active:hover {
		border: solid 1px #ddd;
	}
}


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

	コンテンツスタイル : リリースリスト

=========================================================== */
/* date-list */
.date-list {}

.date-list>dl {}

.date-list>dl>dt,
.date-list>dl>dd {}

.date-list>dl>dt {
	padding: 1.0em 1em;
	width: 1%;
	white-space: nowrap;
}

.date-list__date {
	display: inline-block;
	line-height: 20px;
	font-size: 0.875em;
	padding: 0 1.0em 0 0;
}

.date-list>dl>dd {
	padding: 1.0em 0;
	line-height: 1.8;
	font-size: 1.0em;
}

.date-list>dl>dd a {
	display: inline;
}

.date-list>dl>dd a[target="_blank"]:after {}

.date-list__text {
	font-size: 0.875em;
}


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

	コンテンツスタイル : リンクモジュール

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

/* ボタンパレード */

.link-button-parade {
	/* Default (Basic form : basicstyle.css)
	margin-left: -0.25em; margin-right: -0.25em;
	*/
	margin: 0 0 16px !important;
	padding: 16px 0 0;
	flex-wrap: wrap;
	display: block;
}

.link-button-parade li {
	/* Default (Basic form : basicstyle.css)
	padding-left: 0.25em; padding-right: 0.25em;
	*/
	width: 100%;
	margin: 0 0 16px;
	padding: 0;
}

@media (min-width: 768px) {
	.link-button-parade {
		display: flex;
		margin: 0 -8px 16px !important;
	}

	.link-button-parade li {
		width: calc(50% - 16px);
		margin: 0 8px 16px;
	}
}

.link-button-parade a {}

.link-button-parade a:hover,
.link-button-parade a.current,
.link-button-parade a.current:hover {}

/* ページ内リンク */
.link-button-parade.link-button-parade--in-page a {
	padding: 0.25em 1.0em 0.25em 2.0em;
}

.link-button-parade.link-button-parade--in-page a::before {
	left: 0.75em;
}

.link-button-parade.link-button-parade--in-page a:hover {
	background-color: #fff;
	color: #285183;
}




/* テキストパレード */

.link-text-parade {
	/* Default (Basic form : basicstyle.css)
	margin-left: -1.0em; margin-right: -1.0em;
	*/
	margin-bottom: 1.0em !important;
	flex-wrap: wrap;
}

.link-text-parade li {
	/* Default (Basic form : basicstyle.css)
	padding: 0 1.0em;
	*/
	border-right: solid 1px #ddd;
}

.link-text-parade li:first-child {
	border-left: solid 1px #ddd;
}

.link-text-parade a {
	font-size: 0.875em;
	line-height: 1.4;
	border-bottom: solid 1px transparent;
}

.link-text-parade a:hover,
.link-text-parade a.current,
.link-text-parade a.current:hover {
	border-bottom: solid 1px #285183;
}




/* 関連リンク */
.link-list-box,
.link-list-box--row,
.link-list-box--column {
	margin: 0 0 1.0em 0;
}

.link-list-box>dt,
.link-list-box--row>dt,
.link-list-box--column>dt {
	padding: 0 1.0em;
	background-color: rgba(35, 43, 79, 0.05);
	color: #131327;
	border: solid 1px #ddd;
}

.link-list-box>dt {
	border-right: none;
}

.link-list-box--row>dt {
	border-right: none;
}

.link-list-box--column>dt {
	padding: 0.5em 1.0em;
	border-bottom: none;
}

.link-list-box>dd,
.link-list-box--row>dd,
.link-list-box--column>dd {
	border: solid 1px #ddd;
}

.link-list-box>dd {
	padding: 0.25em 1.0em;
}

.link-list-box--row>dd {
	padding: 0.25em 1.0em;
}

.link-list-box--column>dd {
	padding: 0.25em 1.0em;
}

.link-list-box ul,
.link-list-box--row ul,
.link-list-box--column ul {
	margin: 0 -1.0em;
}

.link-list-box li,
.link-list-box--row li,
.link-list-box--column li {
	display: block;
	padding: 0.25em 1.0em;
	margin: 0;
}



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

	fadein

=========================================================== */
.js-fadein {
	opacity: 0;
	transform: scale(1.06, 1.06);
	transition: all 2000ms;
}

.js-scrollin {
	opacity: 1;
	transform: scale(1.0, 1.0);
}

.js-fadein__image {}

.js-fadin__image-wrap {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}

.js-scrollin__image .js-fadin__image-wrap {
	opacity: 1;
}

.js-fadin__image-wrap::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: calc(100% + 1px);
	background-color: rgba(255, 255, 255, 1.00);
	-webkit-transform: scale(1, 1) translate(0, 0);
	transform: scale(1, 1) translate(0, 0);
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}

.js-scrollin__image .js-fadin__image-wrap::before {
	left: 50%;
	-webkit-transform: scale(0, 1) translate(50%, 0);
	transform: scale(0, 1) translate(50%, 0);
}

.delay--1 .js-fadin__image-wrap::before {
	-webkit-transition: all 1.2s ease-in-out 1.0s;
	transition: all 1.2s ease-in-out 0.50s;
}

.delay--2 .js-fadin__image-wrap::before {
	-webkit-transition: all 1.2s ease-in-out 2.0s;
	transition: all 1.2s ease-in-out 1.0s;
}