@charset "utf-8";
/* トップMVの英字見出し用(Iosevka Charon Medium Italic)。@importは@charsetの直後、他のルールより前に置く必要がある */
@import url("https://fonts.googleapis.com/css2?family=Iosevka+Charon:ital,wght@1,500&display=swap");
/*---------------- based on 2026/09/09 */
/* > 1%, last 4 versions, Firefox ESR, not dead */
/*------------------------------------ */

/* 公開前に削除する事 */
.note_tx {display: none;}

/* --------------------------------------
 基本設定
-------------------------------------- */
:root {
	--key-color: #009DA5;
	--text-color: #222;
	--text-letter-spacing: 0.06em;
}

/* ベースフォント */
body {
	font-family: 'Noto Sans JP', YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
}

.mincho {
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif;
}


html:lang(zh) body {
	font-family: 'SimSun', 'Noto Sans JP', YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
}



/* ベースフォントサイズ */
body {
	color: var(--text-color);
	line-height: 1.75;
	font-size: 1.8rem;
}

@media screen and (width <= 768px) {
	body {
		font-size: 1.6rem;
	}
}


/* リンク */
select:focus-visible ,
a:focus-visible {
	outline: 2px ridge #000;
}

/*------------------------------------- 
 カラム設定パラメーター
-------------------------------------*/
html {
	/* ヘッダーfixedの場合 */
	scroll-padding-top: var(--header-height);

	/* PCコンテンツエリア幅 */
	--mainarea-width-pc: 1170px;
	/* SPコンテンツエリア幅 */
	--mainarea-width-sp: 750px;

	/* パーツ共通上マージン */
	--parts-common-margin-top: 30px;
}

@media print, screen and (width > 768px) {
	body {
		/* カラム間マージン */
		--column-side-margin: 30px;
	}
}
@media screen and (width <= 768px) {
	body {
		/* カラム間マージン */
		--column-side-margin: 20px;
	}
}


/*------------------------------------- 
 グリットレイアウト
-------------------------------------*/
@media print, screen and (width > 768px) {
	#wrapper-2 {
		margin-bottom: 120px;
	}

	#wrapper-3 {
		padding-top: 70px;
	}
}

@media screen and (width <= 768px) {
	#wrapper-2 {
		margin-bottom: 90px;
	}

	#wrapper-3 {
		padding-top: 30px;
	}
}


@media print, screen and (width > 768px) {
	/*== ローカルナビをサイドに配置するレイアウト ==*/
	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #wrapper-2 {
		display: flex;
		flex-flow: row wrap;
		padding-left: 20px;
		padding-right: 20px;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #nav {
		margin: 0;
		padding-top: 60px;
		width: calc(24% - 30px);
		max-width: calc(var(--mainarea-width) * 0.24 - 30px);
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #wrapper-3 {
		margin: 0;
		padding-top: 60px;
		width: 76%;
		--mainarea-width: calc(var(--mainarea-width-pc) * 0.76);
		max-width: var(--mainarea-width);
	}

	/* 左側に配置する場合 */
	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #wrapper-2 {
		flex-flow: row wrap;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #nav {
		margin-left: auto;
		margin-right: 30px;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #wrapper-3 {
		margin-left: 0;
		margin-right: auto;
	}

	/* 右側に配置する場合 */
/*
	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #wrapper-2 {
		flex-flow: row-reverse wrap;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #nav {
		margin-left: 30px;
		margin-right: auto;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #wrapper-3 {
		margin-left: auto;
		margin-right: 0;
	}
*/

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) [role="main"] .reuse-main-area ,
	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) [role="main"] .reuse-component {
		--mainarea-width: calc(var(--mainarea-width-pc) * 0.76);
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #page-intro {
		max-width: none;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #page-intro {
		padding-left: 0;
		padding-right: 0;
	}

	:where([data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) [role="main"]) > .multiColumn {
		padding-left: 0;
		padding-right: 0;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) [id=index] #wrapper-3 {
		padding-left: 0;
		padding-right: 0;
	}

	[data-page-marker~="layout-pc-nav-side"] body:not(.col-subcol) #promos3 {
		width: 100%;
	}
}

@media screen and (width <= 768px) {
	/*== 表示順を入れ替えて、ローカルナビをコンテンツエリアの下に設定 ==*/
	[data-page-marker~="layout-sp-nav-bottom"] #wrapper-2 {
		display: flex;
		flex-direction: column;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #wrapper-2 > * {
		flex: 0 0 auto;
		width: 100%;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #nav {
		order: 3;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #wrapper-3 {
		order: 1;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #promos3 {
		order: 2;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #nav {
		display: flex;
		flex-direction: column;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #nav > * {
		flex: 0 0 auto;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #promos1 {
		order: 2;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #nav-box {
		order: 3;
	}

	[data-page-marker~="layout-sp-nav-bottom"] #promos2 {
		order: 1;
	}
}



/* -----------------------------
 コンテンツエリア
--------------------------------- */
/* 本文 */
.rich-text {
	letter-spacing: var(--text-letter-spacing);
/*	line-height: 2; */
}


/* 文中リンクテキスト */
.rich-text a {
	color: var(--key-color);
	text-decoration: underline;
}

.rich-text a:hover {
	color: var(--key-color);
	text-decoration: none;
}


/* 文中リンクの別窓アイコン */
.rich-text a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin: 0 0.5em;
}

/* 文中リンクのPDFアイコン */
.rich-text a[href*=".pdf"]::after ,
.rich-text a.icon_pdf::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	margin: 0 0.5em;
}


/*------------------------------------- 
 ぱんくず
-------------------------------------*/
/* 4箇所ある枠の内1か所に入力 */
.bread-crumb {
	position: relative;
	z-index: 10;
	margin: auto;
	padding: 8px 0px;
	font-size: 1.4rem;
	letter-spacing: var(--text-letter-spacing);
}

.bread-crumb h5 {
	display: none;
}

.bread-crumb ol {
	display: flex;

	/* 折り返さず、横スクロール */
	flex-flow: row nowrap;
	overflow-x: auto;

	/* 折り返す */
/*	flex-flow: row wrap; */
}

/* 各階層 */
.bread-crumb ol li {
	flex: 0 0 auto;
}

.bread-crumb ol li::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 1px solid CurrentColor;
	border-right: 1px solid CurrentColor;
	transform: rotate(45deg) translateX(-2px);
	margin: 0 0.5em;
}

.bread-crumb li :is(a, span) {
/*	color: inherit; */
}

.bread-crumb a:hover {
}


/* 現在ページ */
.bread-crumb ol li:last-child::after {
	content: none;
}

.bread-crumb span {
}


@media print, screen and (width > 768px) {
	.bread-crumb {
	}

	.bread-crumb ol {
		max-width: calc(var(--mainarea-width) + 40px);
		padding-left: 20px;
		padding-right: 20px;
		margin: auto;
	}
}

@media screen and (width <= 768px) {
	.bread-crumb {
		font-size: 1.2rem;
		padding: 5px 10px;
	}
}



/* -----------------------------
 グローバルナビ
 ページプロパティに設定あり
--------------------------------- */
#nav-global {
	display: none;
}

/*------------------------------------- 
 サイドナビ（ローカルナビ）
 ページプロパティに設定あり
-------------------------------------*/
#nav-box {
}

#nav-box h6 {
/*	display: none; */
}

/* ページマーカーで非表示指定 */
[data-page-marker~="no-snav"] #nav-box ,
[data-page-marker~="no-snav"] #promos2 {
	display: none !important;
}

@media print, screen and (width > 768px) {
	/* 第１・２階層トップでは非表示 */
	[data-current-level="1"] #nav-box ,
	[data-current-level="2"] #nav-box {
		display: none !important;
	}

	/* ナビ上に無い独立したページでは非表示 */
	#nav-box.stray {
		display: none !important;
	
	}

	/* メインエリア上に設置するパターン */
	#nav-box {
		position: relative;
		font-size: 0;
		margin: auto;
		width: 100%;
		padding: 15px 0px;
		border-bottom: 1px solid #eee;
	}

	/* TOP 階層 */
	#nav-box > ul {
		position: relative;
		max-width: calc(var(--mainarea-width) + 40px);
		margin-left: auto;
		margin-right: auto;
		padding: 0 20px;
	}


	/* 1階分層 */
	#nav-box ul {
	}

	#nav-box li {
	}

	#nav-box br {
		display: none;
	}

	#nav-box a {
		display: none;

		position: relative;
		text-align: center;
		color: var(--text-color);
		line-height: 1.25;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: var(--text-letter-spacing);
		text-decoration: none;
		border-bottom: 1px solid transparent;
	}

	#nav-box a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: baseline;
		width: 14px;
		height: 14px;
		background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
		background-size: contain;
		margin-left: 0.5em;
	}

	#nav-box li.on > a ,
	#nav-box a.here {
		color: var(--key-color);
	}

	#nav-box a:hover {
		color: var(--key-color);
	}


	/* 現在地を含むフォルダーを表示 */
	#nav-box.within ,
	#nav-box .within {
		padding-left: 10px;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}

	#nav-box.within > ul ,
	#nav-box .within > ul {
		padding-right: 20px;
		display: inline-block;
		text-align: left;
	}

	#nav-box.within > ul:not(.navLevel_1) ,
	#nav-box .within > ul:not(.navLevel_1) {
		position: relative;
	}

	/* 親階層・現階層を区切る仕切り線、＋現階層の左端の線の目隠し */
	#nav-box.within > ul:not(.navLevel_1)::before ,
	#nav-box .within > ul:not(.navLevel_1)::before {
		content: "";
		position: absolute;
		top: 5px;
		left: 0;
		display: block;
		width: 40px;
		height: calc(100% - 10px);
		background: #fff;
		border-left: 1px solid var(--key-color);
		z-index: 1;
	}

	/* 現階層＝兄弟ページ */
	#nav-box.within > ul > li ,
	#nav-box .within > ul > li {
		position: relative;
		display: inline-block;
		margin: 4px 0;
	}

	#nav-box.within > ul > li > a ,
	#nav-box .within > ul > li > a {
		display: inline-block;
	}

	/* パターンA: 前後に枠線で区切り線 */
	#nav-box.within > ul ,
	#nav-box .within > ul {
		padding-left: 20px;
	}

	#nav-box.within > ul > li ,
	#nav-box .within > ul > li {
		border-left: 1px solid #c1c1c1;
		border-right: 1px solid #c1c1c1;
		margin-left: -1px;
	}

	#nav-box.within > ul > li > a ,
	#nav-box .within > ul > li > a {
		margin: 0 20px;
	}

	/* パターンB: 前側に区切り文字 */
/*
	#nav-box.within > ul > li ,
	#nav-box .within > ul > li {
		margin-left: 40px;
	}

	#nav-box.within > ul > li::before ,
	#nav-box .within > ul > li::before {
		content: "/";
		position: absolute;
		top: 0;
		right: 100%;
		display: block;
		width: 40px;
		text-align: center;
		color: #e7e7e7;
		font-size: 1.4rem;
		line-height: 1.25;
	}
*/

	/* 現在地の親ページ */
	#nav-box.within > a ,
	#nav-box .within > a {
		flex-shrink: 0;
		max-width: 25%;
		white-space: pre-line;
		display: inline-block;
		margin: 0;
		color: var(--key-color);
		font-size: 1.8rem;
		font-weight: bold;
		letter-spacing: var(--text-letter-spacing);
		margin-right: 60px;
	}

	#nav-box.within > a br,
	#nav-box .within > a br {
		display: inline;
	}

	/* 孫ページは非表示 */
	#nav-box.within > ul ul ,
	#nav-box .within > ul ul {
		display: none;
	}

}


@media screen and (width <= 768px) {
	#nav-box {
		display: none;
	}

	/*1階層*/
	#nav-box ul.navLevel_1 {
	}

	#nav-box ul.navLevel_1 > li {
	}

	#nav-box ul.navLevel_1 > li:not(.open) {
		display: none;
	}

	#nav-box ul.navLevel_1 > li.open {
	}

	#nav-box ul.navLevel_1 > li > a {
		position: relative;
		display: block;
		padding: 6px 12px;
		background: #646464;
		color: #fff; 
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: var(--text-letter-spacing);
		text-decoration: none;
		border: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_1 > li > a.here ,
	#nav-box ul.navLevel_1 > li.on > a {
	}

	#nav-box ul.navLevel_1 > li > a.here ,
	#nav-box ul.navLevel_1 > li > a:hover {
	}

	#nav-box ul.navLevel_1 > li > a:hover {
		background: #fff;
		color: #646464; 
	}

	/*2階層*/
	#nav-box ul.navLevel_2 {
	}

	#nav-box ul.navLevel_2 > li {
	}

	#nav-box ul.navLevel_2 > li.open {
	}

	#nav-box ul.navLevel_2 > li > a {
		position: relative;
		display: block;
		padding: 15px 12px;
		background: #fff;
		color: #323232;
		font-size: 1.4rem;
		font-weight: normal;
		letter-spacing: var(--text-letter-spacing);
		text-decoration: none;
		border-bottom: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_2 > li > a.here ,
	#nav-box ul.navLevel_2 > li.on > a {
	}

	#nav-box ul.navLevel_2 > li > a.here ,
	#nav-box ul.navLevel_2 > li > a:hover {
		background-color: #fef0e7;
	}


	/*3階層*/
	#nav-box ul.navLevel_3 {
	}

	#nav-box ul.navLevel_3 > li {
	}

	#nav-box ul.navLevel_3 > li.open {
	}

	#nav-box ul.navLevel_3 > li > a {
		position: relative;
		display: block;
		padding: 8px 12px;
		padding-left: 32px;
		background: #f0f0f0;
		color: #323232; 
		font-size: 1.4rem;
		font-weight: normal;
		letter-spacing: var(--text-letter-spacing);
		text-decoration: none;
		border-bottom: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_3 > li > a.here ,
	#nav-box ul.navLevel_3 > li.on > a {
	}

	#nav-box ul.navLevel_3 > li > a::before {
		content: ">";
		position: absolute;
		top: auto;
		left: 18px;
		display: inline-block;
	}

	#nav-box ul.navLevel_3 > li > a.here ,
	#nav-box ul.navLevel_3 > li > a:hover {
		background-color: #fef0e7;
	}


	/*4階層*/
	#nav-box ul.navLevel_4 {
	}

	#nav-box ul.navLevel_4 > li {
	}

	#nav-box ul.navLevel_4 > li.open {
	}

	#nav-box ul.navLevel_4 > li > a {
		position: relative;
		display: block;
		padding: 5px 12px;
		background: #dcdcdc;
		color: #323232; 
		font-size: 1.4rem;
		font-weight: normal;
		letter-spacing: var(--text-letter-spacing);
		text-decoration: none;
		border-bottom: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_4 > li > a::before {
		content: "・";
		margin-left: 0.5em;
		display: inline-block;
	}

	#nav-box ul.navLevel_4 > li > a.here ,
	#nav-box ul.navLevel_4 > li.on > a {
	}

	#nav-box ul.navLevel_4 > li > a.here ,
	#nav-box ul.navLevel_4 > li > a:hover {
		background: #eb3132;
		color: #fff; 
	}


	#nav-box ul.navLevel_5 {
		display: none;
	}
	/* ☆階層が増えるごとに、連番で追加 */


}

/*------------------------------------- 
 見出し
-------------------------------------*/
/* ページ概要エリア */

/* ページタイトルをテキストで表示 */
.page-intro-wrapper {
	position: relative;
	width: 100%;
	background: #f7f7f7;
	border-bottom: 1px solid #eee;
}

.page-intro {
	display: flex;
	align-items: center;
	min-height: 216px;
}

[data-page-marker~="large-h1"] .page-intro {
	min-height: 346px;
}


@media screen and (width <= 768px) {
	.page-intro {
		min-height: 120px;
	}

	[data-page-marker~="large-h1"] .page-intro {
		min-height: 160px;
	}
}


.page-intro > h1 {
	position: relative;
	z-index: 5;
	color: var(--key-color);
	font-size: 5.4rem;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: 0;
	padding: 10px 0;
}

@media screen and (width <= 768px) {
	.page-intro > h1 {
		font-size: 2.6rem;
	}
}


/* ページタイトルを画像で表示 */
.page-intro .titleImage ,
#page-intro:not(.cloned) .titleImage {
	padding-top: 20px;
	margin-bottom: 20px;
}

/* 見出し背景(デフォルトはテキスト非表示) */
.page-intro-wrapper .intro-bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: -1;
}

.page-intro-wrapper .intro-bg > div {
	display: none;
}

.page-intro-wrapper .intro-bg video ,
.page-intro-wrapper .intro-bg img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;

	-o-object-fit: cover;
	   object-fit: cover;
}

/* 背景画像設定時は、h1を非表示にして、画像内のテキストを表示 */
[data-page-intro~="has-bg-video"] .page-intro-wrapper ,
[data-page-intro~="has-bg-image"] .page-intro-wrapper {
	background: none;
}

[data-page-intro~="has-bg-video"] .page-intro > h1 ,
[data-page-intro~="has-bg-image"] .page-intro > h1 {
	opacity: 0;
	z-index: -10;
}


/* MV上のテキスト */
[data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div ,
[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: calc(var(--mainarea-width) + 40px);
	display: block;
	width: 100%;
	height: auto;
	padding: 0 20px;

	color: #fff;
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.25;
}

[data-page-marker~="large-h1"][data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div ,
[data-page-marker~="large-h1"][data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div {
	font-size: 5.4rem;
}

[data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div em ,
[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div em {
	font-style: normal;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: 0.05em;
}

[data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div p:has(em) ,
[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div p:has(em) {
	font-size: 180%;
	line-height: 1.4;
}

@media screen and (width <= 768px) {
	[data-page-marker~="large-h1"][data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div ,
	[data-page-marker~="large-h1"][data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div {
		font-size: 2.8rem;
	}

	[data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div ,
	[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div {
		font-size: 1.6rem;
	}

	[data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div em ,
	[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div em {
	}

	[data-page-intro~="has-bg-video"] .page-intro-wrapper .intro-bg > div p:has(em) ,
	[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div p:has(em) {
		font-size: 200%;
		line-height: 1.4;
	}
}

/* 背景画像設定時は、写真を右寄せで置き、左下にグラデーション枠でテキストを重ねる(背景動画は従来どおり) */
[data-page-intro~="has-bg-image"] .page-intro-wrapper {
	width: calc(100% - 40px);
	max-width: 1070px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 14px;
	border-bottom: none;
}

[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg {
	position: relative;
	height: auto;
	z-index: auto;
}

[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg img {
	position: static;
	width: calc(100% - 50px);
	height: auto;
	margin-left: 50px;
	aspect-ratio: 1020 / 564;
}

/* h1は非表示のまま、高さを持たせない */
[data-page-intro~="has-bg-image"] .page-intro {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	pointer-events: none;
}

[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	width: 490px;
	max-width: calc(100% - 14px);
	margin-top: -144px;
	padding: 27px 30px 28px;
	letter-spacing: 0;
	background: linear-gradient(90deg, #009DA5 0%, #90EBF0 100%);
	box-shadow: 14px 14px 0 #000;
}

[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div p {
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.45;
}

/* 1行目の小見出し(太字指定部分) */
[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div .strong {
	display: block;
	margin-bottom: 6px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.06em;
}

[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div .strong + br {
	display: none;
}

@media screen and (width <= 768px) {
	[data-page-intro~="has-bg-image"] .page-intro-wrapper {
		width: calc(100% - 20px);
		padding-bottom: 5px;
		margin-top: 10px;
	}

	[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg img {
		width: calc(100% - 15px);
		margin-left: 15px;
		aspect-ratio: 340 / 188;
	}

	[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div {
		width: 230px;
		max-width: calc(100% - 5px);
		margin-top: -22px;
		padding: 14px 16px 16px;
		box-shadow: 5px 5px 0 #000;
	}

	[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div p {
		font-size: 1.6rem;
		line-height: 1.375;
	}

	[data-page-intro~="has-bg-image"] .page-intro-wrapper .intro-bg > div .strong {
		margin-bottom: 2px;
		font-size: 1.2rem;
		letter-spacing: 0.04em;
	}
}

/* カテゴリアイコン */
[data-page-marker~="js-intro-c-icon"] #page-intro .c_icon {
	display: flex;
	flex-flow: row wrap;
	gap: 10px 10px;
}

[data-page-marker~="js-intro-c-icon"] #page-intro .c_icon li {
	display: block;
}

[data-page-marker~="js-intro-c-icon"] #page-intro .c_icon span {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-bottom: 5px;

	min-width: 100px;
	line-height: 1.5;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	padding: 4px 5px;

	color: #fff;
	background: var(--key-color);
}

[data-page-marker~="js-intro-c-icon"] #page-intro .c_icon span[data-category-level="1"] {
	display: none;
}


/* ページ概要・サムネイル画像 */
.page-intro .abstractImage ,
#page-intro .abstractImage {
	display: none;
}

/* 説明文 */
.page-intro .explanation ,
#page-intro .explanation {
}

/* リンク */
.page-intro .link-info ,
#page-intro .link-info {
}

/* 日付(日付順フォルダ配下ページのみ) */
/* hideとshowを両方設定した場合、showが優先される */
#page-intro .text-meta {
	margin-top: 20px;
}
#page-intro .text-meta ul.text-data {
	text-align: right;
}

[data-page-marker~="hide-date"] #page-intro .text-meta {
	display: none;
}

[data-page-marker~="show-date"] #page-intro .text-meta {
	display: block;
}


/* HOME 見出しh1非表示 */
[data-page-marker~="sitetop"] .page-intro-wrapper ,
[data-page-marker~="sitetop"] #page-intro > .h1 ,
[data-page-marker~="sitetop"] #page-intro .titleImage {
	display: none;
}

/*==== 中見出し ====*/
.text-section h2 ,
.link-list h2 ,
.link-list-url h2 ,
.news-result h2 ,
.news-yuho h2 ,
.news-presentation h2 ,
.news-material h2 ,
.title2 {
	position: relative;
	margin-top: 2em;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.33;
}

.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title3 {
	position: relative;
	margin-top: 1.5em;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.33;
}

.title4 {
	position: relative;
	margin-top: 1em;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.33;
}

.title5 {
	position: relative;
	margin-top: 1em;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.33;
}

.title6 {
	position: relative;
	margin-top: 1em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.33;
}

.title2 p ,
.title3 p ,
.title4 p ,
.title5 p ,
.title6 p {
	font-size: 1.4rem;
}

.title2 p + h2 ,
.title3 p + h3 ,
.title4 p + h4 ,
.title5 p + h5 ,
.title6 p + h6 ,
.title2 h2 + p ,
.title3 h3 + p ,
.title4 h4 + p ,
.title5 h5 + p ,
.title6 h6 + p {
	margin-top: 5px;
}

.title2:not(.no-icon) ,
.title3:not(.no-icon) ,
.title4:not(.no-icon) ,
.title5:not(.no-icon) ,
.title6:not(.no-icon) {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 15px;
}

body.in-editor .title2:not(.no-icon) ,
body.in-editor .title3:not(.no-icon) ,
body.in-editor .title4:not(.no-icon) ,
body.in-editor .title5:not(.no-icon) ,
body.in-editor .title6:not(.no-icon) {
	flex-wrap: wrap;
}


.title2 dl ,
.title3 dl ,
.title4 dl ,
.title5 dl ,
.title6 dl {
	flex: 0 0 auto;
}

.title2 dl img ,
.title3 dl img ,
.title4 dl img ,
.title5 dl img ,
.title6 dl img {
	display: block;
}

/*
.title2 dl + h2 ,
.title3 dl + h3 ,
.title4 dl + h4 ,
.title5 dl + h5 ,
.title6 dl + h6 ,
.title2 dl + div ,
.title3 dl + div ,
.title4 dl + div ,
.title5 dl + div ,
.title6 dl + div {
}
*/


/* 見出しh2レベル(共通) */
.text-section h2 ,
.link-list h2 ,
.link-list-url h2 ,
.news-result h2 ,
.news-yuho h2 ,
.news-presentation h2 ,
.news-material h2 ,
.title2.style1 {
	margin-top: 2em;
	padding-left: 20px;
	color: var(--text-color);
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 0.02em;
}


.text-section h2::before ,
.link-list h2::before ,
.link-list-url h2::before ,
.news-result h2::before ,
.news-yuho h2::before ,
.news-presentation h2::before ,
.news-material h2::before ,
.title2.style1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2px;
	height: 100%;
	background: var(--key-color);
}


/* 見出しh3レベル */
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title3.style1 {
	margin-top: 1.6em;
	padding: 10px 0;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.33;
	border-bottom: 1px solid var(--key-color);
}

/* 見出しh4レベル */
.title4.style1 {
	margin-top: 1.7em;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.33;
	margin-bottom: -0.75em;
}

/* 見出しh5レベル */
.title5.style1 {
	margin-top: 1.7em;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.33;
	margin-bottom: -0.75em;
}

/* 見出しh6レベル */
.title6.style1 {
	margin-top: 1.7em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.33;
	margin-bottom: -0.75em;
}



@media screen and (width <= 768px) {
	.text-section h2 ,
	.link-list h2 ,
	.link-list-url h2 ,
	.news-result h2 ,
	.news-yuho h2 ,
	.news-presentation h2 ,
	.news-material h2 ,
	.title2.style1 {
		font-size: 2.6rem;
	}

	.news-result dl dt ,
	.news-yuho dl dt ,
	.news-presentation dl dt ,
	.news-material dl dt ,
	.title3.style1 {
		font-size: 2.2rem;
	}

	.title4.style1 {
		font-size: 1.8rem;
	}

	.title5.style1 {
	}

	.title6.style1 {
	}
}


/* 見出しh2・h3・h4・h5・h6 スタイルＢ */
.title2.style2 {
}

.title3.style2 {
}

.title4.style2 {
}

.title5.style2 {
}

.title6.style2 {
}


/* 見出しh2・h3・h4 スタイルＣ */
.title2.style3 {
}

.title3.style3 {
}

.title4.style3 {
}

.title5.style3 {
}

.title6.style3 {
}


body.in-editor .title2 ,
body.in-editor .title3 ,
body.in-editor .title4 ,
body.in-editor .title5 ,
body.in-editor .title6 {
	margin-bottom: 0;
}


/*==== アコーディオン用、開閉ボタン ====*/
.lx_title2_acc_icon.open > .column1 .title2 h2  ,
.lx_title2_acc_icon.close > .column1 .title2 h2  ,
.lx_title3_acc_icon.open > .column1 .title3 h3  ,
.lx_title3_acc_icon.close > .column1 .title3 h3  ,
.lx_title4_acc_icon.open > .column1 .title4 h4  ,
.lx_title4_acc_icon.close > .column1 .title4 h4  {
	padding-right: 50px;
}

.lx_title2_acc_icon.open > .column1 .title2 h2::after  ,
.lx_title2_acc_icon.close > .column1 .title2 h2::after  ,
.lx_title3_acc_icon.open > .column1 .title3 h3::after  ,
.lx_title3_acc_icon.close > .column1 .title3 h3::after  ,
.lx_title4_acc_icon.open > .column1 .title4 h4::after  ,
.lx_title4_acc_icon.close > .column1 .title4 h4::after  {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	left: auto;

	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: 15px;
	display: block;
	width: 18px;
	height: 18px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_close.svg") center center no-repeat;
	background-size: contain;
}

.lx_title2_acc_icon.open > .column1 .title2 h2::after ,
.lx_title3_acc_icon.open > .column1 .title3 h3::after ,
.lx_title4_acc_icon.open > .column1 .title4 h4::after {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_open.svg");
}



/*------------------------------------- 
 テキスト・画像
-------------------------------------*/
/*-------------- 緊急お知らせエリア --------------*/
/* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */
.quoted-text {
	padding: 20px 0;
	background: #fafbfb;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.quoted-text blockquote {
	background: none;
	padding: 20px 20px;
	border: #ff0000 4px solid;
	color: #ff0000;
}

@media print, screen and (width > 768px) {
	.quoted-text blockquote {
		width: var(--mainarea-width);
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (width <= 768px) {
	.quoted-text {
		padding: 15px 15px;
	}
}


/*-------------- 囲み線ありテキスト --------------*/
.highlight-quoted-text {
	background: #f5f5f5;
	padding: 35px 40px;
}

.highlight-quoted-text cite {
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/bgs/dash.png") no-repeat scroll 0px 8px;
	padding-left: 10px;
	font-size: 1.2rem;
	font-style: italic;
}


@media screen and (width <= 768px) {
	.highlight-quoted-text {
		padding: 20px;
	}
}

/*-------------- キャプション・リード・注釈 --------------*/
.lead-section.catch .rich-text {
	font-size: 4.6rem;
	font-weight: bold;
}

.lead-section.lead .rich-text {
	font-size: 2.2rem;
}

.lead-section.note .rich-text {
	font-size: 1.6rem;
}

.lead-section.style1 .rich-text {
}

@media screen and (width <= 768px) {
	.lead-section.catch .rich-text {
		font-size: 2.6rem;
	}

	.lead-section.lead .rich-text {
		font-size: 1.8rem;
	}
}


/*-------------- テキストと画像 --------------*/
.text-section {
}

/* デフォルトで画像を角丸にする場合 */
.text-section:not(.highlight) img {
/*	border-radius: 10px; */
}

/*-------------- FAQ --------------*/
.faq-list {
}

.faq-list > ul {
}

.faq-list > ul > li {
	clear: both;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: -1px;
}

.faq-list h3 {
	position: relative;
}

.faq-list h3::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0px;
	display: block;
	width: 70px;
	height: 39px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_q.png") center center no-repeat;
	background-size: 32px 53px;
}

.faq-list h3 a {
	display: block;
	color: inherit;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 25px 55px 25px 70px;
}


/* 開閉アイコン */
.faq-list h3 a::before ,
.faq-list h3 a::after {
	content: "";
	position: absolute;
	display: block;
	background: #d6000f;
	transition: 0.3s;
}

.faq-list h3 a::before {
	top: 50%;
	right: 40px;
	width: 18px;
	height: 2px;
	transform: translate(50%, -50%);
}
.faq-list h3 a::after {
	top: 50%;
	right: 40px;
	width: 2px;
	height: 18px;
	transform: translate(50%, -50%);
}

.faq-list h3 a.js-selected::after {
	background-color: transparent;
}

.faq-item {
	position: relative;
	color: inherit;
	font-size: 1.8rem;
	font-weight: normal;
/*	min-height: 35px; */
	padding: 0px 0px 0px 80px;
	border-left: 1px solid var(--key-color);
	margin-left: 35px;
	margin-bottom: 30px;
}

.faq-item::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 35px;
	display: block;
	width: 20px;
	height: 40px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_a.png") center center no-repeat;
	background-size: 20px 40px;
}


/*------------------------------------- 
 ページ内リンク・パネルリンク・バナーリンク・エリアリンク
 原則、内部リンクと外部リンクは同スタイルを設定する
-------------------------------------*/

/*-------------- ページ内リンク --------------*/
/* ページ内リンクは１カラム内にまとめて入力し、マルチカラムクラスでアライメントを設定する */
.anchor-link {
}

.anchor-link a {
	position: relative;
	display: block;
	color: inherit;
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 20px;
}

.anchor-link a::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 8px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_anchor.svg") center center no-repeat;
	background-size: contain;
}


/* PC:幅をなりゆきにして、横に並べる */
/* SP:縦に並べる */
/* 基本的には lx_anchor_inline_pc を設定しておく */


/*-------------- パネル（共通設定） --------------*/
.panel {
}

.panel figcaption {
	display: none;
}

/* テキストパネルは、コンテンツエリア幅/3まで */
@media print, screen and (width > 768px) {
	.panel.no-img {
		max-width: calc((var(--mainarea-width) - var(--column-side-margin) * 2) / 3);
	}
}


/* ----- 内部・外部パネル（テキストのみ）　スタイルＡ ----- */
/* ----- ダウンロードパネル（テキストのみ）　スタイルＡ ----- */
.panel.no-img.style1 {
}

.panel.no-img.style1 a {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	min-height: 60px;
	padding: 5px 15px;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: var(--text-letter-spacing);
	background: var(--key-color);
	border: 1px solid var(--key-color);
	text-decoration: none;
	border-radius: 4px;
}

.panel.no-img.style1 a:hover {
	color: var(--text-color);
	background: #fff;
}

/* パターン1:矢印アイコンと別窓アイコンが同じ位置で排他表示 */
.panel.no-img.style1 a .text {
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
}

.panel.no-img.style1 a:not([target="_blank"]) .icon_rear {
	flex-shrink: 0;
	display: block;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01_white.svg") no-repeat center center;
	background-size: contain;
}

.panel.no-img.style1 a:not([target="_blank"]):hover .icon_rear {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg");
}

/* パターン2:矢印アイコンと別窓アイコンを両方表示 */
/*
.panel.no-img.style1 a .text {
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	gap: 0 10px;
}

.panel.no-img.style1 a .icon_front {
	flex-shrink: 0;
	position: absolute;
	top: calc(50% - 10px);
	right: 10px;
	display: block;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01_white.svg") no-repeat center center;
	background-size: contain;
}

.panel.no-img.style1 a:hover .icon_front {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg");
}
*/

/* 外窓アイコン */
.panel.no-img.style1 a[target="_blank"] .icon_rear {
	flex-shrink: 0;
	display: block;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg") center center no-repeat;
	background-size: contain;
}

.panel.no-img.style1 a[target="_blank"]:hover .icon_rear {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg");
}

/* ファイルアイコン */
.panel.no-img.style1 a[href*=".pdf"]:hover .icon_rear ,
.panel.no-img.style1 a[href*=".xls"]:hover .icon_rear ,
.panel.no-img.style1 a[href*=".zip"]:hover .icon_rear ,
.panel.no-img.style1 a[href*=".pdf"] .icon_rear ,
.panel.no-img.style1 a[href*=".xls"] .icon_rear ,
.panel.no-img.style1 a[href*=".zip"] .icon_rear {
	flex-shrink: 0;
	display: block;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
}

.panel.no-img.style1 a[href*=".xls"]:hover .icon_rear ,
.panel.no-img.style1 a[href*=".xls"] .icon_rear {
	width: 18px;
	height: 20px;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/excel.png");
}

.panel.no-img.style1 a[href*=".zip"]:hover .icon_rear ,
.panel.no-img.style1 a[href*=".zip"] .icon_rear {
	width: 18px;
	height: 20px;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/zip.png");
}

.panel.no-img.style1 a + p {
	margin-top: 10px;
	font-size: 1.8rem;
}



/*-- 画像ギャラリー テキストパネル --*/
.panel.no-img.style1 a[data-modaal-scope] .modal-icon ,
.panel.no-img.style2 a[data-modaal-scope] .modal-icon ,
.panel.no-img.style3 a[data-modaal-scope] .modal-icon {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 20px;
	height: 20px;
	background: url("../../../../../../resources/sw_img_saiyo/default/icon_zoom.svg") center center no-repeat;
	background-size: contain;
	margin: 0 10px;
}



/*-- チェックボックスつきテキストパネル --*/
.panel.no-img.with-checkbox ,
.panel.has-img.with-checkbox {
	display: flex;
	flex-direction: column;
}

.panel.no-img.with-checkbox > * ,
.panel.has-img.with-checkbox > * {
	flex: 0 0 auto;
}

.panel.no-img.with-checkbox a + p ,
.panel.has-img.with-checkbox a + p {
	order: -1;
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.8rem;
}

.panel.no-img.with-checkbox input[type=checkbox] ,
.panel.has-img.with-checkbox input[type=checkbox] {
	vertical-align: middle;
}

/* リンク無効時 */
.panel.no-img.with-checkbox.disabled a ,
.panel.has-img.with-checkbox.disabled a {
	background: #ccc !important;
	color: #999 !important;
	pointer-events: none;
}

.panel.no-img.with-checkbox.disabled a .icon_front ,
.panel.has-img.with-checkbox.disabled a .icon_front ,
.panel.no-img.with-checkbox.disabled a::before ,
.panel.has-img.with-checkbox.disabled a::before {
	content: none;
	display: none;
}


/*-- ニュース詳細ページ用 一覧に戻るボタン --*/
#promos3 >*> .panel.no-img.style1 {
	margin-top: 60px;
/*	max-width: 400px; */
}


@media screen and (width <= 768px) {
	#promos3 >*> .panel.no-img.style1 {
		width: calc(100% - 30px);
	}
}

#promos3 >*> .panel.no-img.style1 a {
}

#promos3 >*> .panel.no-img.style1 a::before {
	right: auto;
	left: 25px;
	transform: scaleX(-1);
}

/* ニュース一覧では非表示 */
.multi3Overview[data-page-marker~="news-folder"]:not(.in-editor) #promos3 >*> .panel.no-img.style1 ,
[data-page-marker~="news-folder"] > .multi3Overview:not(.in-editor) #promos3 >*> .panel.no-img.style1 {
	display: none;
}



/* ----- 内部・外部パネル（テキストと画像）　スタイルＡ ----- */
/* ----- ダウンロードパネル（テキストと画像）　スタイルＡ ----- */
.panel.has-img.style1 {
}

.panel.has-img.style1 a {
	display: flex;
	flex-flow: column nowrap;
}

.panel.has-img.style1 a > * {
	flex: 0 0 auto;
}

.panel.has-img.style1 .text {
	order: 2;
	margin-top: 20px;

	position: relative;
	padding: 0;
	padding-left: 25px;
	text-align: left;
	font-size: 2.0rem;
	color: var(--text-color);
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
}

.panel.has-img.style1 .icon_front {
	flex-shrink: 0;
	position: absolute;
	top: calc(50% - 10px);
	left: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") no-repeat center center;
	background-size: contain;
}

.panel.has-img.style1 a[target="_blank"] .icon_rear {
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

.panel.has-img.style1 a[href*=".pdf"] .icon_rear ,
.panel.has-img.style1 a[href*=".xls"] .icon_rear ,
.panel.has-img.style1 a[href*=".zip"] .icon_rear {
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
}

.panel.has-img.style1 a[href*=".xls"] .icon_rear {
	width: 18px;
	height: 20px;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/excel.png");
}

.panel.has-img.style1 a[href*=".zip"] .icon_rear {
	width: 18px;
	height: 20px;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/zip.png");
}

.panel.has-img.style1 a figure {
	position: relative;
	overflow: hidden;
}

.panel.has-img.style1 a img {
	display: block;
	transition: 0.3s;
}

.panel.has-img.style1 .text + figure {
	order: 1;
	display: block;
}

.panel.has-img.style1 .text + figure img {
	width: 100%;
}

.panel.has-img.style1 figcaption {
	display: none;
}

.panel.has-img.style1 a + p {
	margin: 20px 0 0;
	font-size: 1.8rem;
	color: inherit;
	font-weight: normal;
}

.panel.has-img.style1 a:hover .text {
	text-decoration: underline;
}

.panel.has-img.style1 a:hover {
	opacity: 0.7;
}


/* ----- 内部・外部パネル（テキストと画像）　スタイルB ----- */
/* ----- ダウンロードパネル（テキストと画像）　スタイルB ----- */
.panel.has-img.style2 a {
	display: flex;
	flex-flow: column nowrap;
}

.panel.has-img.style2 a > * {
	flex: 0 0 auto;
}

.panel.has-img.style2 .text {
	order: 2;
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	min-height: 90px;
	padding: 5px 15px;
	padding-left: 35px;
	text-align: left;
	font-size: 2.0rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
	background: var(--key-color);
}

.panel.has-img.style2 .icon_front {
	position: absolute;
	top: calc(50% - 10px);
	left: 15px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01_white.svg") no-repeat center center;
	background-size: contain;
}

.panel.has-img.style2 a[target="_blank"] .icon_rear {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

.panel.has-img.style2 a[href*=".pdf"] .icon_rear ,
.panel.has-img.style2 a[href*=".xls"] .icon_rear ,
.panel.has-img.style2 a[href*=".zip"] .icon_rear {
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
}

.panel.has-img.style2 a[href*=".xls"] .icon_rear {
	width: 18px;
	height: 20px;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/excel.png");
}

.panel.has-img.style2 a[href*=".zip"] .icon_rear {
	width: 18px;
	height: 20px;
	background-image: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/zip.png");
}

.panel.has-img.style2 figure {
	position: relative;
	overflow: hidden;
}

.panel.has-img.style2 .text + figure {
	order: 1;
	display: block;
}

.panel.has-img.style2 .text + figure img {
	width: 100%;
}

.panel.has-img.style2 a img {
	display: block;
	transition: 0.3s;
}

.panel.has-img.style2 a + p {
	margin: 20px 0 0;
	font-size: 1.8rem;
	color: inherit;
	font-weight: normal;
}

.panel.has-img.style2 a:hover .text {
	text-decoration: underline;
}

.panel.has-img.style2 a:hover figure img {
	transform: scale(1.15);
}



/* モーダルダイアログ・画像ギャラリー パネル */
.panel.has-img a[data-modaal-scope] .modal-icon {
	content: "";
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("../../../../../../resources/sw_img_saiyo/default/icon_zoom.svg") center center no-repeat;
	background-size: contain;
}

.panel.has-img.style2 a[data-modaal-scope] .text ~ .modal-icon {
	right: 20px;
	bottom: 20px;
}




/*------ 内部・外部・ダウンロード エリアリンク ------*/
.link-area:not(.highlight) ,
.link-area.highlight {
}

.link-area:not(.highlight) > a ,
.link-area.highlight > a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.link-area:not(.highlight) > a:hover ,
.link-area.highlight > a:hover {
	opacity: 0.7;
}


/* 画像マージン */
.link-area:not(.highlight) > a img.large {
	margin-bottom: 20px;
}

.link-area:not(.highlight) > a p ~ img.large {
	margin-bottom: 0;
	margin-top: 20px;
}


/*------ ダウンロード エリアリンク ------*/
/* -- テキスト先頭にpdfアイコンを付ける -- */
.download-link-area:not(.highlight) > a[href$=".pdf"] > p:first-child::before ,
.download-link-area:not(.highlight) > a[href$=".pdf"] > img + p::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	margin: 0 5px;
}

/* モーダルダイアログ・画像ギャラリー */
/* テキスト先頭に虫眼鏡アイコンを付ける */
.download-link-area:not(.highlight) > a[data-modaal-scope] > p:first-child::before ,
.download-link-area:not(.highlight) > a[data-modaal-scope] > img + p::before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 20px;
	height: 20px;
	background: url("../../../../../../resources/sw_img_saiyo/default/icon_zoom.svg") center center no-repeat;
	background-size: contain;
	margin: 0 10px;
}


/*------------------------------------- 
 インデックス・サイトマップ
-------------------------------------*/
.index-map {
	font-size: 0;
}

/* デフォルト */
/* フォルダトップを表示しない場合：PC３列表示 */
@media print, screen and (width > 768px) {
	.index-map > ul.indexLevel_1:only-of-type {
		--subparts-par-parts: 3;
	}
}


/* フォルダトップを表示する場合：フォルダトップ(第０階層) */
/* フォルダトップを表示しない場合：直下(第１階層)ページ */
/* パネルスタイルで表示 */
.index-map > ul:first-of-type > li > .item {
	position: relative;
	margin-top: 30px;
}

.index-map > ul:first-of-type > li > .item > span ,
.index-map > ul:first-of-type > li > .item > a {
	position: relative;
	display: block;
	color: inherit;
	text-decoration: none;
}

/* 画像なし */
.index-map > ul:first-of-type > li > .item .news_tx {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	min-height: 76px;
	padding: 5px 10px;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: var(--text-letter-spacing);
	background: var(--key-color);
	border: 1px solid var(--key-color);
	text-decoration: none;
	border-radius: 4px;
}

.index-map > ul:first-of-type > li > .item .news_tx::before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	right: 25px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01_white.svg") center center no-repeat;
	background-size: contain;
}

.index-map > ul:first-of-type > li > .item > a[target="_blank"] .news_tx::after {
	content: "";
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}


.index-map > ul:first-of-type > li > .item .det_tx ,
.index-map > ul:first-of-type > li > .item .explanation ,
.index-map > ul:first-of-type > li > .item .link-info {
	display: block;
	margin-top: 10px;
	font-size: 1.8rem;
}

.index-map > ul:first-of-type > li > .item > a:hover .news_tx {
	color: var(--key-color);
	background: #fff;
}

.index-map > ul:first-of-type > li > .item > a:hover .news_tx::before {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg");
}



/* 画像あり */
.index-map > ul:first-of-type > li > .item .n_img {
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
}

.index-map > ul:first-of-type > li > .item .n_img img {
	display: block;
	margin: auto;
}

.index-map > ul:first-of-type > li > .item .n_img ~ .news_tx {
	border: none;
	border-radius: 0;
	background: none;
	min-height: auto;
	height: auto;

	position: relative;
	display: block;
	padding: 5px 0px;
	text-align: left;
	font-size: 2.0rem;
	color: inherit;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
}

.index-map > ul:first-of-type > li > .item .n_img ~ .news_tx::before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	right: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

.index-map > ul:first-of-type > li > .item > a:hover .n_img ~ .news_tx {
	text-decoration: underline;
	color: var(--key-color);
	background: none;
}

.index-map > ul:first-of-type > li > .item > a:hover .n_img ~ .news_tx::before {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg");
}


/* フォルダトップを表示する場合：直下(第１階層)ページ */
/* フォルダトップを表示しない場合：直下のさらに下層(第２階層)ページ */
/* リンクリストスタイルで表示 */
.index-map > ul:only-of-type > li > ul ,
.index-map > ul + ul.indexLevel_1 {
	margin-top: 25px;
}

.index-map > ul:only-of-type > li > ul > li ,
.index-map > ul + ul.indexLevel_1 > li {
}

.index-map > ul:only-of-type > li > ul > li > .item ,
.index-map > ul + ul.indexLevel_1 > li > .item {
	position: relative;
	display: block;
	padding-left: 30px;
	color: inherit;
	font-size: 1.8rem;
	margin-top: 5px;
}

.index-map > ul:only-of-type > li > ul > li > .item > a ,
.index-map > ul + ul.indexLevel_1 > li > .item > a {
	display: inline;
	color: inherit;
}

.index-map > ul:only-of-type > li > ul > li > .item > a::before ,
.index-map > ul + ul.indexLevel_1 > li > .item > a::before {
	content: "";
	position: absolute;
	top: calc(0px + 1.75em / 2 - 19px / 2);
	left: 6px;
	display: inline-block;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") no-repeat center center;
	background-size: contain;
}

.index-map > ul:only-of-type > li > ul > li > .item > a[target="_blank"]::after ,
.index-map > ul + ul.indexLevel_1 > li > .item > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

.index-map > ul:only-of-type > li > ul > li > .item .news_tx ,
.index-map > ul + ul.indexLevel_1 > li > .item .news_tx {
	display: inline;
}

.index-map > ul:only-of-type > li > ul > li > .item .det_tx ,
.index-map > ul + ul.indexLevel_1 > li > .item .det_tx ,
.index-map > ul:only-of-type > li > ul > li > .item .explanation ,
.index-map > ul + ul.indexLevel_1 > li > .item .explanation ,
.index-map > ul:only-of-type > li > ul > li > .item .link-info ,
.index-map > ul + ul.indexLevel_1 > li > .item .link-info {
	display: block;
	margin-top: 0px;
	font-size: 1.4rem;
	letter-spacing: var(--text-letter-spacing);
}


/* フォルダトップを表示する場合：第２階層 */
/* フォルダトップを表示しない場合：第３階層 */
/* 非表示 */
.index-map ul.indexLevel_3 ,
.index-map > ul + ul > li > ul.indexLevel_2 {
	display: none;
}


/*------------------------------------- 
 リスト
-------------------------------------*/
/* 年度区切りの上マージンは、リンクリストと同じく、パーツ共通の上マージン */
.news-result .group_year dl ,
.news-yuho .group_year dl ,
.news-presentation .group_year dl ,
.news-material .group_year dl ,
.link-list:not(.highlight) ul ,
.link-list.highlight ul ,
.link-list-url ul {
}

/* 決算短信・有報・説明会資料（自動連携） */
.news-result h2 ,
.news-yuho h2 ,
.news-presentation h2 {
}

/* h2と同内容の為非表示 */
.news-result h2 ~*> dl dt ,
.news-yuho h2 ~*> dl dt ,
.news-presentation h2 ~*> dl dt {
	display: none;
}

/* 最新決算資料（自動連携） */
.news-material h2 {
}

/* 最新決算資料（自動連携）は、四半期見出しに下マージン */
.news-material dl dt {
	margin-bottom: 20px;
}

.news-material .title-quater {
	display: none;
}
.news-material .title-q4 {
}

.news-material .prefix-quarter ,
.news-material .postfix-quarter ,
.news-material .addition-quarter {
	display: none;
}

.ux_result_show_title_quarter .news-material .title-quater ,
.ux_result_show_prefix_quarter .news-material .prefix-quarter ,
.ux_result_show_postfix_quarter .news-material .postfix-quarter ,
.ux_result_show_addition_quarter .news-material .addition-quarter {
	display: inline;
}


/* リスト共通設定 決算短信・有報・最新決算資料・説明会資料（自動連携）、リンクリスト（手動） */
.link-list ul li ,
.link-list-url ul li ,
.news-result dl dd ,
.news-yuho dl dd ,
.news-presentation dl dd ,
.news-material dl dd {
	position: relative;
	margin-bottom: 5px;
}

/* リンクテキスト */
.link-list:not(.highlight) ul li > a:not(.d_icon) ,
.link-list:not(.highlight) ul li > span ,
.link-list-url ul li > a:not(.d_icon) ,
.news-result dl dd > a:not(.d_icon) ,
.news-yuho dl dd > a:not(.d_icon) ,
.news-presentation dl dd > a:not(.d_icon) ,
.news-material dl dd > a:not(.d_icon) {
	color: inherit;
}

.link-list:not(.highlight) ul li > a:not(.d_icon):hover ,
.link-list-url ul li > a:not(.d_icon):hover ,
.news-result dl dd > a:not(.d_icon):hover ,
.news-yuho dl dd > a:not(.d_icon):hover ,
.news-presentation dl dd > a:not(.d_icon):hover ,
.news-material dl dd > a:not(.d_icon):hover {
	text-decoration: underline;
}

/* 外窓アイコン（ダウンロードにはつけない） */
.link-list:not(.highlight) .internal-link-text > a[target="_blank"]::after ,
.link-list:not(.highlight) .external-link-text > a[target="_blank"]::after ,
.link-list-url .internal-link-text > a[target="_blank"]::after ,
.link-list-url .external-link-text > a[target="_blank"]::after ,
.news-result dl dd.no-download > a[target="_blank"]::after ,
.news-yuho dl dd.no-download > a[target="_blank"]::after ,
.news-presentation dl dd.no-download > a[target="_blank"]::after ,
.news-material dl dd.no-download > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin: 0 0.5em;
}

/* 虫眼鏡アイコン（モーダルダイアログ） */
.link-list:not(.highlight) .internal-link-text > a[data-modaal-scope]::after ,
.link-list:not(.highlight) .download-link-text > a[data-modaal-scope]::after ,
.link-list-url .internal-link-text > a[data-modaal-scope]::after ,
.link-list-url .download-link-text > a[data-modaal-scope]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url("../../../../../../resources/sw_img_saiyo/default/icon_zoom.svg") center center no-repeat;
	background-size: contain;
	margin: 0 0.5em;
}


/* アイコン パターンA：ダウンロードもアイコンをつける場合 */
.link-list ul li ,
.link-list-url ul li ,
.news-result dl dd ,
.news-yuho dl dd ,
.news-presentation dl dd ,
.news-material dl dd {
	padding-left: 25px;
}

.link-list ul li a:not(.d_icon)::before ,
.link-list-url ul li a:not(.d_icon)::before ,
.news-result dl dd a:not(.d_icon)::before ,
.news-yuho dl dd a:not(.d_icon)::before ,
.news-presentation dl dd a:not(.d_icon)::before ,
.news-material dl dd a:not(.d_icon)::before {
	content: "";
	position: absolute;
	top: calc(0px + 1.75em / 2 - 19px / 2);
	left: 2px;
	display: inline-block;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") no-repeat center center;
	background-size: contain;
}

/* アイコン パターンB：ダウンロードにリンクアイコンをつけない場合 */
/*
.link-list li.internal-link-text:not(.highlight) ,
.link-list li.external-link-text:not(.highlight) ,
.link-list-url .internal-link-text:not(.highlight) ,
.link-list-url .external-link-text:not(.highlight) ,
.news-result dl dd.no-download:not(.highlight) ,
.news-yuho dl dd.no-download:not(.highlight) ,
.news-presentation dl dd.no-download:not(.highlight) ,
.news-material dl dd.no-download:not(.highlight) {
	padding-left: 25px;
}

.link-list li.internal-link-text:not(.highlight) a::before ,
.link-list li.external-link-text:not(.highlight) a::before ,
.link-list-url .internal-link-text:not(.highlight) a::before ,
.link-list-url .external-link-text:not(.highlight) a::before ,
.news-result dl dd.no-download:not(.highlight) a:not(.d_icon)::before ,
.news-yuho dl dd.no-download:not(.highlight) a:not(.d_icon)::before ,
.news-presentation dl dd.no-download:not(.highlight) a:not(.d_icon)::before ,
.news-material dl dd.no-download:not(.highlight) a:not(.d_icon)::before {
	content: "";
	position: absolute;
	top: calc(5px + 1.75em / 2 - 19px / 2);
	left: 2px;
	display: inline-block;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") no-repeat center center;
	background-size: contain;
}
*/


/* ハイライト表示のリンクは、直前のリンクに属する様に見えるスタイルにする。 */
/* (ハイライト表示されていないリンクは、他の決算短信・有報と同列に表示）  */
.link-list:not(.highlight) li.highlight ,
.link-list-url li.highlight ,
.news-result dl dd.highlight ,
.news-yuho dl dd.highlight ,
.news-presentation dl dd.highlight ,
.news-material dl dd.highlight {
	padding-left: 50px;
}

/* ハイライト表示のリンクのＬ字アイコン */
.link-list:not(.highlight) li.highlight a:not(.d_icon)::before ,
.link-list-url li.highlight a:not(.d_icon)::before ,
.news-result dl dd.highlight a:not(.d_icon)::before ,
.news-yuho dl dd.highlight a:not(.d_icon)::before ,
.news-presentation dl dd.highlight a:not(.d_icon)::before ,
.news-material dl dd.highlight a:not(.d_icon)::before {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	transform: none;

	content: "";
	position: absolute;
	top: 6px;
	left: 30px;
	display: block;
	width: 10px;
	height: 10px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* 非ハイライト表示のリンクなしテキストは、リンクアイコン無し */
/*
.link-list:not(.highlight) li.text-without-link:not(.highlight)::before ,
.link-list-url li.text-without-link:not(.highlight)::before ,
.news-result dl dd.no-link:not(.highlight)::before ,
.news-yuho dl dd.no-link:not(.highlight)::before ,
.news-presentation dl dd.no-link:not(.highlight)::before ,
.news-material dl dd.no-link:not(.highlight)::before {
	content: none;
}
*/



/* 自動連携 アイコン */
body.in-editor .news-result dl dd:not(.merged)::after ,
body.in-editor .news-yuho dl dd:not(.merged)::after ,
body.in-editor .news-presentation dl dd:not(.merged)::after ,
body.in-editor .news-material dl dd:not(.merged)::after {
	content: "自動連携";
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	text-transform: none;
	font-size: 1.2rem;
	color: #fff;
	background: #83B63F;
	border-radius: 6px;
	padding: 0 5px;
	margin-left: 0.5em;
}

body.in-editor .news-material .link-list > .mgnlEditor ,
body.in-editor .news-material .link-list > ul > .mgnlEditor:last-child {
	display: block !important;
}


/*-- リンクリスト（ハイライト表示） --*/
.link-list.highlight {
}

.link-list.highlight h2 {
}

.link-list.highlight ul {
}

.link-list.highlight ul li {
}

.link-list.highlight ul li > a ,
.link-list.highlight ul li > span {
}



/*------------------------------------- 
 表組・テーブル・財務ハイライト(表組)・配当金(表組)
-------------------------------------*/
/* table共通 */
.highlights-table table ,
.highlights-alltable-2nd table ,
.haitou-table-2nd table ,
.vtable-item ,
.ircalendar-title ,
.ircalendar-item ,
.tbCore ,
.htCore ,
table.icell {
/*	font-size: calc(100% - 0.2rem); */
/*	font-size: 1.8rem; */
}

/* セル */
/* 枠線とセル内余白を指定 */
/* ※枠線が必要ない場合、1px solid transparentで設定する */
.form-summary table td ,
.shwTable table.htCore tr td ,
.shwTable table.tbCore tr th ,
.shwTable table.tbCore tr td ,
:is(.highlights-table, .highlights-alltable-2nd, .haitou-table-2nd) :is(th, td) ,
:is(.vertical-table, .ircalendar) :is(th, td) ,
table.icell th ,
table.icell td ,
.uni-table th ,
.uni-table td {
	color: inherit;
	padding: 15px 15px;
	border: 1px solid #e0e0e0;
	vertical-align: middle;

	/* 背景色指定必須 */
	background: #fff;
}


/* 背景色を交互に */
.vtable-item:nth-child(2n) > table > tbody > tr > td ,
.ircalendar-item:nth-child(2n+1) > table > tbody >tr > td ,
.highlights-table tr:nth-child(2n+1) td[class^="c"] ,
.highlights-alltable-2nd tr:nth-child(2n+1) td[class^="c"] ,
.haitou-table-2nd tr:nth-child(2n+1) td[class^="c"] ,
.htCore tr:nth-child(2n+1) td:not(.tableRowHead):not(.tableColumnHead) ,
.tbCore tr:nth-child(2n+1) td:not(.tbRowHead):not(.tbColumnHead) ,
.icell tr:nth-child(2n) td {
/*	background-color: #ededed; */
}

/* 見出し列 */
/* 背景色と文字色を指定 */
.form-summary table td:first-child ,
.highlights-table tr td:first-child ,
.highlights-alltable-2nd tr td:first-child ,
.haitou-table-2nd td.t1 ,
.haitou-table-2nd td.t2 ,
.haitou-table-2nd td.t12 ,
.shwTable table tr td.tableColumnHead ,
.shwTable table.tbCore .tbColumnHead ,
.uni-table.style1 .tbColumnHead ,
.vtable-item > table > tbody > tr > th ,
table.icell th {
	text-align: left;
	vertical-align: middle;
	background-color: #f5f5f5;
	color: inherit;
	font-weight: bold;
}

/* 見出し行 */
/* 背景色と文字色を指定 */
.highlights-table tr.r0 th ,
.highlights-alltable-2nd tr.r0 th ,
.haitou-table-2nd th ,
.shwTable table tr td.tableRowHead ,
.shwTable table.tbCore .tbRowHead ,
.uni-table.style1 .tbRowHead ,
.ircalendar-title > table > tbody > tr > th ,
table.icell thead th {
	text-align: center;
	vertical-align: top;
	background-color: #eee;
	color: inherit;
	font-weight: bold;
}


/* マルチセル スタイルB */
.uni-table.style2 th ,
.uni-table.style2 td {
}

/* 見出し列 */
.uni-table.style2 .tbColumnHead {
	text-align: left;
	vertical-align: middle;
	background-color: #eee;
	color: inherit;
	font-weight: bold;
}

/* 見出し行 */
.uni-table.style2 .tbRowHead {
}


/* 見出しセル中の太字 */
/* thはboldが基本設定なので、thをnormalに設定する場合は、要変更 */
.vtable-item > table > tbody > tr > th .strong ,
.ircalendar-title > table > tbody > tr > th .strong {
/*	font-weight: normal; */
}

/* テーブル縦・横の枠線を重ねる */
.vtable-item > table ,
.ircalendar-title > table ,
.ircalendar-item > table {
	margin-top: -1px;
}

/*-------------- テーブル縦 --------------*/
/* デフォルト比率 */
.vtable-item > table > tbody > tr > th ,
.vtable-item > table > tbody > tr > td {
	width: 20%;
}

/*-------------- テーブル横 --------------*/
/* デフォルト比率 */
.ircalendar-title > table > tbody > tr > th ,
.ircalendar-item > table > tbody >tr > td {
	width: 20%;
}


/*-------------- 表組 --------------*/
/* 表タイトル */
.shwTableTitle {
}

.shwTableTitle h2 {
	font-weight: bold;
	margin-top: 5px;
}

/* 表組 */
.shwTable {
}

/* 単位（表組の外）*/
.shwTable td.shw-table-row {
	color: inherit;
}

/*-------------- マルチセル --------------*/
.uni-table {
}


/*-------------- 財務ハイライト表組 --------------*/
.highlights-table ,
.highlights-alltable-2nd {
}

/* 単位 */
.highlights-table .unit {
}

/* 年度 */
.highlights-table tr.r0 th ,
.highlights-alltable-2nd tr.r0 th {
	white-space: nowrap;
}

/*-------------- 配当 表組 --------------*/
.haitou-table-2nd {
}

/* 配当予想セル */
.haitou-table-2nd table th.y0 ,
.haitou-table-2nd table td.y0 {
}



/*------------------------------------- 
 グラフ・財務ハイライト(グラフ)・配当金(グラフ)
-------------------------------------*/
/* important付きは、html上のスタイルを上書きする必要があるもの */

/*-------------- グラフ --------------*/
.graph {
}

@media screen and (width <= 768px) {
	/* グラフをタップしてもツールチップが出ない様にする代わりに */
	/* グラフ部分をドラッグしてのスクロールを可能にする */
	.graph > div {
		position: relative;
		width: auto !important;
		margin: auto;
	}

	.highlights-2nd .highlights-graph .highcharts-container ,
	.graph .highcharts-container {
		position: static !important;
	}

	.highlights-2nd .highlights-graph::before ,
	.graph::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.highcharts-tooltip {
		display: none !important;
	}

	.highcharts-container .highcharts-legend ,
	.highcharts-container input[type=checkbox] {
		z-index: 2;
	}

	.highcharts-title {
		white-space: normal !important;
	}

	/* 横スワイプを可能にする */
	/* 横幅はUIで設定する必要がある */
	.lx_graph_sp_swipe .graph {
		overflow-x: scroll;
	}

	.lx_graph_sp_swipe .graph > div {
		display: inline-block;
	}

	.ux_graph_sp_swipe .icon-swip::before {
		content: '';
		position: absolute;
		top: calc(5% + 30px);
		left: calc(50% - 30px);
		display: block;
		width: 60px;
		height: 60px;
		background: #fff url("../../../../../../resources/sw_img_saiyo/default/icon_swip.png") no-repeat center center;
		background-size: contain;
		border: 3px solid #fff;
		border-radius: 5px;
		z-index: 50;
		opacity: 0.85;
	}
}


/* 財務ハイライトver2 グラフ (凡例を含むエリア) */
.highlights-2nd > div:not(.highlights-table) {
/*	height: auto !important; */
}

/* 財務ハイライトver2 グラフ (凡例を含まないエリア) */
.highlights-2nd .highlights-graph {
/*	width: 100% !important; */
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	height: 400px !important; */
}

/* 財務ハイライトver2 グラフ 凡例 */
.highlights-2nd .legend {
/*	margin: auto !important; */
/*	width: auto !important; */
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	text-align: center; */
}

.highlights-2nd .legend-item-box {
/*	float: none !important; */
/*	display: inline-block !important; */
/*	margin-left: -5px; */
}


@media print, screen and (width > 768px) {
}
.multiColumn1 .graph .highlights-graph ,
.multiColumn1 .highlights-2nd .highlights-graph ,
.multiColumn1 .haitou-graph-2nd .graph {
	height: 500px !important;
}

/*-------------- 配当グラフ --------------*/
.haitou-graph-2nd {
}

.haitou-graph-2nd .graph {
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	height: 400px !important; */
}



/*------------------------------------- 
 RSS
-------------------------------------*/
/*-------------- rss --------------*/
.rss-content {
}
.rss-content::after {
	content: "";
	display: block;
	clear: both;
}

.rss-content em {
	position: relative;
	font-style: normal;
	float: right;
	margin-bottom: 10px;
	z-index: 1;
}

.rss-content a {
	text-decoration: none;
}

/*
.rss-content em {
	padding: 0 !important;
	background: none !important;
	margin-top: -16px;
}

.rss-content a {
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../../../../../.resources/feed.gif") no-repeat left top;
}

.rss-content a:hover {
	opacity: 0.7;
}
*/


/*------------------------------------- 
 マルチ３
-------------------------------------*/
/* リストがない場合 */
.basic-list2 > ul:not(.tabItems) > p:empty::before {
	content: "表示する項目がありません";
}
html:lang(en) .basic-list2 > ul:not(.tabItems) > p:empty::before {
	content: "There are no items to display.";
}


/* 年(セレクトボックス) */
.basic-list2 .yearTabs select {
	display: block;
	font-size: 1.8rem;
}
.basic-list2 .yearTabs select option {
	display: block;
}

.basic-list2 .yearTabs > div {
	position: relative;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 1;
}

.basic-list2 .yearTabs select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-transform: none;
	background: none;
	border: none;
	width: 100%;
	height: 100%;
	cursor: pointer;

	display: block;
	min-width: 180px;
    min-height: 44px;
	padding: 5px 40px 5px 20px;
	color: var(--text-color);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--text-letter-spacing);
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
    transition: .2s ease all;
}

.basic-list2 .yearTabs select:active ,
.basic-list2 .yearTabs select:focus ,
.basic-list2 .yearTabs select:hover {
	box-shadow: 0 0 3px rgba(0,0,0, 0.5);
}

.basic-list2 .yearTabs select option:checked {
	color: #fff;
	background: var(--key-color);
}

.basic-list2 .yearTabs > div::after {
	content: "";
	top: 45%;
	right: 24px;
	position: absolute;
	width: 10px;
	height: 10px;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 2px solid var(--key-color);
	border-right: 2px solid var(--key-color);
}

.basic-list2 .yearTabs > div:hover::after {
}

/* 年・カテゴリタブ(絞込み) */
.basic-list2 .yearTabs {
	margin-bottom: 20px;
	padding: 0px 0px 1px;
}

.basic-list2 .tabs {
	margin-bottom: 40px;
}

.basic-list2 .tabs > ul > li {
	display: block;
	margin-bottom: 10px;
	padding: 0px 0px 1px;
}

.basic-list2 .yearTabs span ,
.basic-list2 .tabs span {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-right: -1px;
	margin-bottom: -1px;

	min-width: 110px;
	padding: 5px 10px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0;
	background: #fff;
	border: 1px solid #ddd;
}

.basic-list2 .tabs span {
	min-width: 160px;
	padding: 10px 10px;
	font-size: 1.5rem;
	font-weight: bold;
}

.basic-list2 .yearTabs span[active] ,
.basic-list2 .tabs span[active] ,
.basic-list2 .yearTabs span:hover ,
.basic-list2 .tabs span:hover {
	color: #fff;
	font-weight: bold;
	background: var(--key-color);
	border-color: var(--key-color);
	z-index: 1;
}

.basic-list2 .yearTabs span:focus ,
.basic-list2 .tabs span:focus ,
.basic-list2 .yearTabs span:active ,
.basic-list2 .tabs span:active {
	z-index: 2;
}

/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list2 .tabs > ul > li > span {
	display: none;
}

/* 全ての全てタブは、デフォルト非表示 */
.basic-list2 .tabs li.allall {
	display: none;
}



/* 年・カテゴリ見出しを表示する場合 */
.lx_style_multi3_tab_title .basic-list2 .yearTabs::before {
	content: "掲載年";
}

.lx_style_multi3_tab_title .basic-list2 .tabs > ul > li {
	position: relative;
}

.lx_style_multi3_tab_title .basic-list2 .tabs > ul > li.allall ,
.lx_style_multi3_tab_title .basic-list2 .tabs > ul > li.pickup {
	display: none;
}

.lx_style_multi3_tab_title .basic-list2 .tabs > ul  > li > span:not(.allall) {
	padding: 0;
	margin: 0;
	min-width: auto;
	height: auto;
	line-height: inherit;
	font-size: 1.8rem;
	color: inherit;
	background: none;
	border: none;
}

.lx_style_multi3_tab_title .basic-list2 .yearTabs::before ,
.lx_style_multi3_tab_title .basic-list2 .tabs > ul  > li > span:not(.allall) {
	display: inline-flex;
	justify-content: center;
	text-align: left;
	width: 105px;
	padding: 10px 0;
	font-size: 1.4rem;
	font-weight: bold;
	pointer-events: none;
}

@media print, screen and (width > 768px) {
	.lx_style_multi3_tab_title .basic-list2 .yearTabs ,
	.lx_style_multi3_tab_title .basic-list2 .tabs {
		padding-left: 105px;
	}

	.lx_style_multi3_tab_title .basic-list2 .yearTabs::before ,
	.lx_style_multi3_tab_title .basic-list2 .tabs > ul > li > span:not(.allall) {
		margin-left: -105px;
	}
}

@media screen and (width <= 768px) {
	.lx_style_multi3_tab_title .basic-list2 .yearTabs::before ,
	.lx_style_multi3_tab_title .basic-list2 .tabs > ul > li > span:not(.allall) {
		display: block;
		margin-top: -10px;
	}
}

/*-- 情報パネル --*/
.basic-list2 .infoPanel {
	position: relative;
	margin-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

@media screen and (width <= 768px) {
	.basic-list2 .infoPanel {
		margin-top: 20px;
		padding-bottom: 40px;
	}
}

.basic-list2 .infoPanel .clearTab {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 0;
}

.basic-list2 .infoPanel .clearTab span {
	display: inline-block;
	padding: 1px 0px;
	text-align: center;
	color: inherit;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: var(--text-letter-spacing);
	border-bottom: 1px solid #666;
}

.basic-list2 .infoPanel .countTab {
	display: block;
	text-align: center;
	color: inherit;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
}

.basic-list2 .infoPanel .countTab .total ,
.basic-list2 .infoPanel .countTab .view {
	vertical-align: baseline;
	font-size: 2.4rem;
	letter-spacing: 0;
}

/* 列数切り替え */
.basic-list2 .viewColumnPanel {
	margin: 20px 0 30px;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	gap: 0 20px;
}

.basic-list2 .viewColumnPanel * {
	display: block;
}

.basic-list2 .viewColumnPanel > div {
	position: relative;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 1;
}

.basic-list2 .viewColumnPanel > div::after {
	content: "";
	top: 45%;
	right: 15px;
	position: absolute;
	width: 10px;
	height: 10px;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 2px solid var(--key-color);
	border-right: 2px solid var(--key-color);
}

.basic-list2 .viewColumnPanel > div:hover::after {
}

.basic-list2 .viewColumnPanel select {
	display: block;
	font-size: 1.8rem;
}
.basic-list2 .viewColumnPanel select option {
	display: block;
}

.basic-list2 .viewColumnPanel select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-transform: none;
	background: none;
	border: none;
	outline: none;
	width: 100%;
	height: 100%;
	cursor: pointer;

	min-width: 90px;
/*    min-height: 44px; */
	padding: 5px 30px 5px 10px;
	color: var(--text-color);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--text-letter-spacing);
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
    transition: .2s ease all;
}

.basic-list2 .viewColumnPanel select:focus-visible {
	outline: 2px ridge #000;
}

.basic-list2 .viewColumnPanel select:active ,
.basic-list2 .viewColumnPanel select:focus ,
.basic-list2 .viewColumnPanel select:hover {
	box-shadow: 0 0 3px rgba(0,0,0, 0.5);
}

.basic-list2 .viewColumnPanel select option:checked {
	color: #fff;
	background: var(--key-color);
}

/* 表示件数切り替え */
.basic-list2 .pageSettingPanel {
	margin: 10px 0 10px;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	gap: 0 20px;
}

.basic-list2 .pageSettingPanel * {
	display: block;
}

.basic-list2 .pageSettingPanel > div {
	position: relative;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 1;
}

.basic-list2 .pageSettingPanel > div::after {
	content: "";
	top: 45%;
	right: 15px;
	position: absolute;
	width: 10px;
	height: 10px;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 2px solid var(--key-color);
	border-right: 2px solid var(--key-color);
}

.basic-list2 .pageSettingPanel > div:hover::after {
}

.basic-list2 .pageSettingPanel select {
	display: block;
	font-size: 1.8rem;
}
.basic-list2 .pageSettingPanel select option {
	display: block;
}

.basic-list2 .pageSettingPanel select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-transform: none;
	background: none;
	border: none;
	outline: none;
	width: 100%;
	height: 100%;
	cursor: pointer;

	min-width: 90px;
/*    min-height: 44px; */
	padding: 5px 30px 5px 10px;
	color: var(--text-color);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: var(--text-letter-spacing);
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
    transition: .2s ease all;
}

.basic-list2 .pageSettingPanel select:focus-visible {
	outline: 2px ridge #000;
}

.basic-list2 .pageSettingPanel select:active ,
.basic-list2 .pageSettingPanel select:focus ,
.basic-list2 .pageSettingPanel select:hover {
	box-shadow: 0 0 3px rgba(0,0,0, 0.5);
}

.basic-list2 .pageSettingPanel select option:checked {
	color: #fff;
	background: var(--key-color);
}


/*----------- ページャー-----------*/
.basic-list2 .pager {
	margin: 0 auto;
}

/* moreボタン */
.basic-list2 .pager .moreBtn {
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}

.basic-list2 .pager .moreBtn > span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 5px;

	padding: 5px 20px;
	font-size: 1.4rem;
	letter-spacing: var(--text-letter-spacing);
	background: #eee;
}

.basic-list2 .pager .moreBtn > span:hover {
	background: #ccc;
}

/* pageボタン */
.basic-list2 .pager .pageBtn {
	margin: 40px auto 0;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	flex-flow: row nowrap;
	gap: 10px;
}

.basic-list2 .pager .pageBtn > span {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	text-align: center;

	padding: 5px 5px;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--key-color);
	background: #fff;
	border: 1px solid var(--key-color);
	border-radius: 4px;
}

.basic-list2 .pager .pageBtn > span[active] ,
.basic-list2 .pager .pageBtn > span:hover {
	color: #fff;
	background: var(--key-color);
}

.basic-list2 .pager .pageBtn > span[data-page="prev"] ,
.basic-list2 .pager .pageBtn > span[data-page="next"] {
	background: var(--key-color);
}


.basic-list2 .pager .pageBtn > span[data-page="prev"]::before ,
.basic-list2 .pager .pageBtn > span[data-page="next"]::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01_white.svg") no-repeat center center;
	background-size: contain;
}

.basic-list2 .pager .pageBtn > span[data-page="prev"]::before {
	transform: translate(-50%, -50%) scaleX(-1);
}

.basic-list2 .pager .pageBtn > span[data-page="prev"]:hover ,
.basic-list2 .pager .pageBtn > span[data-page="next"]:hover {
	background: #fff;
}

.basic-list2 .pager .pageBtn > span[data-page="prev"]:hover::before ,
.basic-list2 .pager .pageBtn > span[data-page="next"]:hover::before {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg");
}

.basic-list2 .pager .pageBtn > span[data-page="prev"][disabled] ,
.basic-list2 .pager .pageBtn > span[data-page="next"][disabled] {
	pointer-events: none;
	background: #ccc;
	border-color: #ccc;
}


/*-- サムネイルなし --*/
.basic-list2:not(.thumnail) {
}

.basic-list2:not(.thumnail) .tabItems {
/*	border-top: 1px solid #dfdfdf; */
}

/* リリース1件分 */
.basic-list2:not(.thumnail) .tabItems > li {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px solid #dfdfdf;
}

/* 偶数・奇数件目の背景色(10件分) */
/*
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) {
	background: #f7f7f7;
}

.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ,
.basic-list2:not(.thumnail) .tabItems > li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) ~ li:not(.hidden) {
}
*/

.basic-list2:not(.thumnail) .item {
	position: relative;
	display: block; 
	padding-top: 2em;
	padding-left: 0;
}

.basic-list2:not(.thumnail) .item::after {
	content: "";
	display: block;
	clear: both;
}

.basic-list2:not(.thumnail) .item > a ,
.basic-list2:not(.thumnail) .item > span {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

/* リリースのテキスト */
.basic-list2:not(.thumnail) .item .news_tx {
}

.basic-list2:not(.thumnail) .item > a .news_tx {
	color: inherit;
}

.basic-list2:not(.thumnail) .item > a:hover .news_tx {
	color: var(--key-color);
	text-decoration: underline;
}

/* 日付 */
.basic-list2:not(.thumnail) .item .date {
	position: absolute;
	top: 0;
	left: 0;
}

/* カテゴリアイコン */
.basic-list2:not(.thumnail) .item .c_icon {
	text-decoration: none;

	display: flex;
	flex-flow: row wrap;

	margin-top: -33px;
	min-height: 30px;
	padding-left: 8.8em;
}

/* ファイルアイコン */
.basic-list2:not(.thumnail) .item .d_icon {
	vertical-align: baseline;
	margin-left: 0.5em;
}

/* NEWアイコン */
.basic-list2:not(.thumnail) .item .n_icon[aria-hidden="false"] {
	display: inline;
}

.basic-list2:not(.thumnail) .item .n_icon {
	margin: 0 0.5em;
}

.basic-list2:not(.thumnail) .item .n_icon::before {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	color: #ff3333;
	font-size: 1rem;
	font-weight: bold;
}

/* 外窓アイコン */
.basic-list2:not(.thumnail) a .t_icon {
	display: inline-block;
	vertical-align: middle;
}

.basic-list2:not(.thumnail) a[target="_blank"] .t_icon::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin: 0 0.5em;
}

.basic-list2:not(.thumnail) a .d_icon ~ .t_icon {
	display: none;
}

/* もっと読む・詳細（ニュース概要） */
.basic-list2:not(.thumnail) .item .det_tx {
	display: none;
}

/* 説明文 */
.basic-list2:not(.thumnail) .item .explanation > li {
}

/* ファイル */
.basic-list2:not(.thumnail) .item .link-info {
}

/*-- カテゴリアイコン --*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list2:not(.thumnail) .item .c_icon span[data-category-level="1"] {
	display: none;
}

.basic-list2:not(.thumnail) .item .c_icon span {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-bottom: 5px;

	min-width: 100px;
	line-height: 1.5;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	padding: 4px 5px;

	color: #fff;
	background: var(--key-color);
}

/* カテゴリアイコン個別に背景色等を設定する */
/*
.basic-list2:not(.thumnail) .item .c_icon span[data-category-group="renkei"] {
	background: #996464;
}

.basic-list2:not(.thumnail) .item .c_icon span.result {
	background: #FF5358;
}
.basic-list2:not(.thumnail) .item .c_icon span.gyouseki {
	background: #0082C8;
}
.basic-list2:not(.thumnail) .item .c_icon span.tekiji {
	background: #7C1A7C;
}
.basic-list2:not(.thumnail) .item .c_icon span.pr {
	background: #BE7846;
}
.basic-list2:not(.thumnail) .item .c_icon span.ir {
	background: #000;
}
.basic-list2:not(.thumnail) .item .c_icon span.governance {
	background: #50BE50;
}
.basic-list2:not(.thumnail) .item .c_icon span.meeting {
	background: #F064A0;
}
.basic-list2:not(.thumnail) .item .c_icon span.yuho {
	background: #FF7800;
}
*/


@media print, screen and (width > 768px) {
	/*== 日付～本文を横並びにする ==*/
	/* １カラム時。２カラム以上はSPと同じ表示 */
/*	[role="main"] > .multiColumn1 >*> .basic-list2:not(.thumnail) .item , */
	.lx_multi3_news_col1pc .basic-list2:not(.thumnail) .item {
		padding-top: 0px;
		padding-left: 15em;
	}

/*	html:lang(en) [role="main"] > .multiColumn1 >*> .basic-list2:not(.thumnail) .item , */
	html:lang(en) .lx_multi3_news_col1pc .basic-list2:not(.thumnail) .item {
	}

/*	[role="main"] > .multiColumn1 >*> .basic-list2:not(.thumnail) .item .c_icon , */
	.lx_multi3_news_col1pc .basic-list2:not(.thumnail) .item .c_icon {
		width: auto;
		float: none;
		margin: 0;
		padding: 0;

		display: inline-flex;
		vertical-align: top;
		margin-top: 3px;
		margin-bottom: -5px;

	/* 縦並び */
		width: 120px;
		float: left;
		margin-left: -120px;

	/* 横並び */
	/*
		min-width: 120px;
		margin-left: -120px;
	*/
	}
}

/*== カテゴリアイコン無し ==*/
.lx_multi3_no_c_icon .basic-list2.thumnail .item {
	padding-bottom: 0;
}

@media print, screen and (width > 768px) {
/*	[role="main"] > .multiColumn1.lx_multi3_no_c_icon >*> .basic-list2:not(.thumnail) .item , */
	.lx_multi3_news_col1pc.lx_multi3_no_c_icon .basic-list2:not(.thumnail) .item {
		padding-left: 8.8em;
	}

/*	html:lang(en) [role="main"] > .multiColumn1.lx_multi3_no_c_icon >*> .basic-list2:not(.thumnail) .item , */
	html:lang(en) .lx_multi3_news_col1pc.lx_multi3_no_c_icon .basic-list2:not(.thumnail) .item {
	}
}


/*--- サムネイルあり --*/
.basic-list2.thumnail {
}

/* デフォルト：PC3列、SP1列 */
@media print, screen and (width > 768px) {
	.basic-list2.thumnail .tabItems {
		--subparts-par-parts: 3;
	}
}

.basic-list2.thumnail .tabItems > li {
	position: relative;
	display: block;
}

.basic-list2.thumnail .item {
	overflow: hidden;
	font-size: 1.4rem;
	letter-spacing: var(--text-letter-spacing);
	padding-bottom: 40px;
}

@media screen and (width <= 768px) {
	.basic-list2.thumnail .item {
		padding-bottom: 70px;
	}
}

.basic-list2.thumnail li.lazy .item > span::before ,
.basic-list2.thumnail li.lazy .item > a::before ,
.basic-list2.thumnail li.no-img .item > span::before ,
.basic-list2.thumnail li.no-img .item > a::before ,
.basic-list2.thumnail .item .n_img {
	position: relative;
	display: block;
	width: auto;
	aspect-ratio: 320 / 240;
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.basic-list2.thumnail li.no-img .item > span::before ,
.basic-list2.thumnail li.no-img .item > a::before {
	content: "";
	background: url(../../../../../../resources/sw_img_saiyo/image/img_news_default.png) no-repeat center center;
	background-size: cover;
}

.basic-list2.thumnail .item .n_img {
}

.basic-list2.thumnail .item .n_img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: none;
	max-height: none;
	width: 100%;
	height: 100%;
	margin: auto;
	-o-object-fit: cover;
	   object-fit: cover;
}

.basic-list2.thumnail .item > a ,
.basic-list2.thumnail .item > span {
	color: inherit;
	text-decoration: none;
}

.basic-list2.thumnail .item > a:hover {
	opacity: 0.7;
}

/* リリースのテキスト */
.basic-list2.thumnail .item .news_tx {
}

/* NEWアイコン */
.basic-list2.thumnail .item .n_icon[aria-hidden="false"] {
	display: inline;
}

.basic-list2.thumnail .item .n_icon {
	position: absolute;
	top: 0;
	right: 0;
}
.basic-list2.thumnail .item .n_icon::before {
	content: "NEW";
	display: block;
	padding: 3px 10px;
	font-size: 1.2rem;
	color: #fff;
	background: #ff3333;
}

/* 概要テキスト */
.basic-list2.thumnail .item .det_tx {
	display: block;
}

/* 説明文 */
.basic-list2.thumnail .item .explanation > li {
}

/* ファイル */
.basic-list2.thumnail .item .link-info {
}


/* 日付 */
.basic-list2.thumnail .item .date {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* カテゴリアイコン */
.basic-list2.thumnail .item .c_icon {
	position: absolute;
	bottom: -5px;
	right: 0;
}

@media screen and (width <= 768px) {
	.basic-list2.thumnail .item .date {
		bottom: 32px;
	}

	.basic-list2.thumnail .item .c_icon {
		right: auto;
		left: 0;
	}
}


/*----------- カテゴリアイコン -----------*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list2.thumnail .item .c_icon span[data-category-level="1"] {
	display: none;
}

.basic-list2.thumnail .item .c_icon span {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-bottom: 5px;

	min-width: 100px;
	height: 20px;
	line-height: 1.25;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	padding: 3px 5px 0;

	color: #000;
	background: #fff;
	border: 1px solid #999;
}

/* カテゴリアイコン個別に背景色等を設定する */
/*
.basic-list2.thumnail .item .c_icon span[data-category-group="renkei"] {
	background: #996464;
}

.basic-list2.thumnail .item .c_icon span.result {
	background: #FF5358;
}
.basic-list2.thumnail .item .c_icon span.gyouseki {
	background: #0082C8;
}
.basic-list2.thumnail .item .c_icon span.tekiji {
	background: #7C1A7C;
}
.basic-list2.thumnail .item .c_icon span.pr {
	background: #BE7846;
}
.basic-list2.thumnail .item .c_icon span.ir {
	background: #000;
}
.basic-list2.thumnail .item .c_icon span.governance {
	background: #50BE50;
}
.basic-list2.thumnail .item .c_icon span.meeting {
	background: #F064A0;
}
.basic-list2.thumnail .item .c_icon span.yuho {
	background: #FF7800;
}
*/



/*== マルチ３一覧 カテゴリをフラット選択に ==*/
.ux_multi3_flat_category .basic-list2 .tabs li.allall {
	display: inline;
}

.ux_multi3_flat_category .basic-list2 .tabs span.allall {
	display: inline-flex;
}

.ux_multi3_flat_category .basic-list2 .tabs li.all {
	display: none;
}

.ux_multi3_flat_category .basic-list2 .tabs > ul > li {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

.ux_multi3_flat_category .basic-list2 .tabs {
	padding: 0 0 5px;
}


/*== IR統合アイコン ==*/
.lx_multi3_combine_tab_ir .basic-list2 .tabs li.renkei > span ,
.lx_multi3_combine_ir .basic-list2 .tabs li.renkei > span {
	display: inline-flex;
}

.lx_multi3_combine_tab_ir .basic-list2 .tabs li.renkei ul ,
.lx_multi3_combine_ir .basic-list2 .tabs li.renkei ul {
	display: none;
}


.lx_multi3_combine_ir .basic-list2 .item .c_icon span[data-category-group="renkei"] {
	display: none;
}
.lx_multi3_combine_ir .basic-list2 .item .c_icon span.renkei {
	display: inline-flex;
}


/*==== マルチ３一覧をリスト風に ====*/
.lx_multi3_list_style .basic-list2:not(.thumnail) .note_tx ,
.lx_multi3_list_style .basic-list2:not(.thumnail) .item .date ,
.lx_multi3_list_style .basic-list2:not(.thumnail) .item .c_icon {
	display: none !important;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) {
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems {
	border: none;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems li {
	margin: 0;
	padding: 0;
	border: none;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems .item {
	margin: 0;
	padding: 0;

	padding-top: 5px;
	margin-bottom: 5px;
	padding-left: 30px;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems .item::before {
	content: "";
	position: absolute;
	top: calc(5px + 1.75em / 2 - 19px / 2);
	left: 2px;
	display: inline-block;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") no-repeat center center;
	background-size: contain;
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems .item > a {
	color: var(--key-color);
}

.lx_multi3_list_style .basic-list2:not(.thumnail) .tabItems .titleOnly .item::before {
	content: "";
	position: absolute;
	top: calc(5px + 1.75em / 2 - 8px / 2);
	left: 6px;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: currentColor;
	border-radius: 100%;
}


/*==== マルチ３一覧 テーブル風に (アイコン後ろ) ====*/
.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .tabItems {
	border: none;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .tabItems > li {
	padding: 0;
	margin: 0;
	border: none;

	border: 1px solid #ccc;
	margin-bottom: -1px;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item {
	position: relative;
	padding: 0;
	padding: 20px;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item > a ,
.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item > span {
	display: inline;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item > a .news_tx {
	color: var(--key-color);
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") no-repeat center center;
	background-size: contain;
	margin-top: -10px;
	margin-right: 3px;
}


.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item .date {
	display: none;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item .c_icon {
	padding: 0;
	margin: 0;

	float: right;
	width: 150px;
	margin: -20px -20px -20px 20px;
	padding: 10px 10px 10px 20px;
	text-align: center;
}

.lx_multi3_tablestyle01 .basic-list2:not(.thumnail) .item .c_icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: auto;
	margin-left: -20px;
	display: block;
	width: 1px;
	height: 100%;
	background: #ccc;
}


/*------------------------------------- 
 メディア
-------------------------------------*/
/*-------------- 動画 --------------*/
/* .videoとしてはいけない */
div.video {
}

/* 動画の直後のテキスト（ハイライト表示）は、動画の右下に視聴時間として表示する */
/* CMSでは時間（例: 1:30）だけを入力する。アイコンと「視聴時間」はCSSで付ける */
.youtube + .text-section.highlight {
	margin-top: 12px;
	text-align: right;
}

.youtube + .text-section.highlight .rich-text {
	display: inline-block;
	vertical-align: top;
	padding: 8px 16px 8px 15px;
	color: #000;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	text-align: left;
	background: #f1f1f1;
	border-radius: 25px;
}
.lx_bg_grayContent .youtube + .text-section.highlight .rich-text {
	background: #fff;
}
/* 時計のアイコン */
.youtube + .text-section.highlight .rich-text::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	margin: 2px 10px 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg fill='%23009DA5'%3E%3Cpath d='M16.4626 3.9675L15.245 4.79009C16.0569 5.993 16.5304 7.43751 16.5306 9.00003C16.5304 11.0816 15.6889 12.9597 14.325 14.3251C12.96 15.6886 11.0819 16.5301 8.99998 16.5304C6.9181 16.5301 5.04001 15.6886 3.67524 14.3251C2.31111 12.9597 1.4696 11.0816 1.4696 9.00003C1.4696 6.91814 2.31111 5.04037 3.67524 3.67497C4.87759 2.47357 6.47818 1.67851 8.26518 1.50589V4.12149H9.73478V2.35062e-07H8.99998C6.51682 -0.000562267 4.26232 1.00846 2.63599 2.63603C1.00839 4.2624 -0.000316332 6.5169 7.44151e-08 9.00003C-0.000316332 11.4832 1.00842 13.7374 2.63599 15.3641C4.26232 16.9914 6.51682 18.0007 8.99998 18.0001C11.4831 18.0007 13.7376 16.9914 15.364 15.3641C16.9916 13.7374 18.0006 11.4832 18 9.00003C18.0006 7.13843 17.433 5.40329 16.4626 3.9675Z'/%3E%3Cpath d='M5.45423 4.22732C5.28312 4.22732 5.11799 4.28937 4.98915 4.40176C4.72481 4.63281 4.66968 5.02811 4.87046 5.33439L8.07974 9.64108C8.11272 9.69501 8.15044 9.74747 8.19421 9.79816C8.40908 10.0448 8.72015 10.1859 9.04742 10.1859C9.32072 10.1859 9.58503 10.0868 9.79122 9.90697C10.2614 9.49698 10.3103 8.78045 9.89943 8.30904C9.85598 8.25989 9.80862 8.21465 9.77716 8.19067L5.91815 4.39993C5.78927 4.28873 5.62446 4.22732 5.45423 4.22732Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center / contain;
}

.youtube + .text-section.highlight .rich-text p {
	display: inline;
	vertical-align: top;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 22px;
}

/* 「視聴時間」と、時間との間の区切り線 */
.youtube + .text-section.highlight .rich-text p::before {
	content: "視聴時間";
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #000;
}


/*-------------- 音声 --------------*/
/* .audioとしてはいけない */
div.audio {
}



/*-------------- GoogleMap（地図埋め込み） --------------*/
div.map {
	position: relative;
}

div.map::after {
	content: "";
	display: block;
/*	padding-top: 56.25%; */	/* 高さと幅の比を16:9に固定。9/16*100=56.25 */
	padding-top: 75%;	/* 高さと幅の比を4:3に固定。3/4*100=75 */
}

div.map > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


@media print, screen and (width > 768px) {
	/* １カラムの場合、地図が画面端まであるとスクロールさせずらいので余白を設ける */
	.multiColumn1 div.map {
		margin-left: 30px;
		margin-right: 30px;
	}
}


@media screen and (width <= 768px) {
	/* 地図が画面端まであるとスクロールさせずらいので余白を設ける */
	div.map {
		padding: 0 10px;
	}
}


/*------------------------------------- 
 サイトマップ
-------------------------------------*/
#sharewithmain .lx_style_sitemap {
}

/* 共通 */
#sharewithmain .lx_style_sitemap .index-map .item > a {
	color: var(--key-color);
}

#sharewithmain .lx_style_sitemap .index-map .item > span {
}

#sharewithmain .lx_style_sitemap .index-map .item > a[target="_blank"] .news_tx::after {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

#sharewithmain .lx_style_sitemap .index-map .item > a:hover .news_tx  {
	text-decoration: underline;
}

#sharewithmain .lx_style_sitemap .index-map .item a:focus-visible {
	outline: 2px ridge #000;
}



/* 第１階層(ja・en)・第２階層 */
#sharewithmain .lx_style_sitemap .index-map > ul {
	display: flex;
	flex-flow: row wrap;
	gap: 30px 30px;
}

#sharewithmain .lx_style_sitemap .index-map > ul > li {
	width: 100%;
}

@media print, screen and (width > 768px) {
	#sharewithmain .lx_style_sitemap .index-map > ul > li {
		width: calc((100% - 30px) / 2);
	}
}

#sharewithmain .lx_style_sitemap .index-map > ul:first-of-type > li > .item .news_tx {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	min-height: 76px;
	padding: 5px 10px;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: var(--text-letter-spacing);
	background: var(--key-color);
	border: 1px solid var(--key-color);
	text-decoration: none;
	border-radius: 4px;
}

#sharewithmain .lx_style_sitemap .index-map > ul:first-of-type > li > .item .news_tx::before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	right: 25px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01_white.svg") center center no-repeat;
	background-size: contain;
}

#sharewithmain .lx_style_sitemap .index-map > ul:first-of-type > li > .item > a[target="_blank"] .news_tx::after {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg");
}

#sharewithmain .lx_style_sitemap .index-map > ul:first-of-type > li > .item > a:hover .news_tx {
	color: var(--key-color);
	background: #fff;
}

#sharewithmain .lx_style_sitemap .index-map > ul:first-of-type > li > .item > a:hover .news_tx::before {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg");
}


/* 第３階層 */
#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 {
	margin-top: 20px;
	display: flex;
	flex-flow: row wrap;
	gap: 5px 30px;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li {
	width: 100%;
}

@media print, screen and (width > 768px) {
	#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li {
		width: calc((100% - 30px) / 2);
	}
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li > .item {
	position: relative;
	display: block;
	padding-left: 25px;
	font-size: 1.6rem;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_2 > li > .item > a::before {
	content: "";
	position: absolute;
	top: calc(1.75em / 2 - 10px);
	left: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

/* 第４階層 */
#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 {
	margin-top: 0;
	display: flex;
	flex-flow: row wrap;
	gap: 5px 30px;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 > li {
	width: 100%;
}

@media print, screen and (width > 768px) {
	#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 > li {
/*		width: calc((100% - 30px) / 2); */
	}
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 > li > .item {
	position: relative;
	display: block;
	padding-left: 25px;
	font-size: 1.6rem;
	margin-left: 20px;
}

#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_3 > li > .item > a::before {
	content: "";
	position: absolute;
	top: calc(1.75em / 2 - 10px);
	left: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 19px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

/* 第５階層以降は非表示 */
#sharewithmain .lx_style_sitemap .index-map ul.indexLevel_4 {
	display: none;
}


/*------------------------------------- 
 ヘッダー・フッター・メニュー
-------------------------------------*/
/* メニュー用 */
#panel2-sw ,
.panel2-sw ,
#panel2-btn ,
.panel2-btn {
	display: none;
}

:root {
	--header-height-pc: 80px;
	--header-gnavi-height-pc: 55px;
	--header-height-sp: 80px;
}

@media print, screen and (width > 768px) {
	:root {
		--header-height: var(--header-height-pc);
	}

	.on-sp > .column1:nth-child(1) ,
	.on-sp > .column2:nth-child(2) ,
	.on-sp > .column3:nth-child(3) ,
	.on-sp > .column4:nth-child(4) ,
	.on-sp > .column5:nth-child(5) ,
	#site-info .on-sp > .column >*> *:not(.mgnlEditor) ,
	#header-wrapper .on-pc > .column ,
	.on-pc > .h-column1:nth-child(1) ,
	.on-pc > .h-column2:nth-child(2) ,
	.on-pc > .h-column3:nth-child(3) ,
	.on-pc > .h-column4:nth-child(4) ,
	.on-pc > .h-column5:nth-child(5) ,
	#site-info .on-sp > .h-column >*> *:not(.mgnlEditor) ,
	#header-wrapper .on-pc > .h-column {
		display: none !important;
	}
}

@media screen and (width <= 768px) {
	:root {
		--header-height: var(--header-height-sp);
	}

	.on-pc > .column1:nth-child(1) ,
	.on-pc > .column2:nth-child(2) ,
	.on-pc > .column3:nth-child(3) ,
	.on-pc > .column4:nth-child(4) ,
	.on-pc > .column5:nth-child(5) ,
	#site-info .on-pc > .column >*> *:not(.mgnlEditor) ,
	#header-wrapper .on-pc > .column ,
	.on-pc > .h-column1:nth-child(1) ,
	.on-pc > .h-column2:nth-child(2) ,
	.on-pc > .h-column3:nth-child(3) ,
	.on-pc > .h-column4:nth-child(4) ,
	.on-pc > .h-column5:nth-child(5) ,
	#site-info .on-pc > .h-column >*> *:not(.mgnlEditor) ,
	#header-wrapper .on-pc > .h-column ,
	body:not(.in-editor) .on-pc {
		display: none !important;
	}
}

#header-wrapper .on-pc ,
#header-wrapper .on-pc .reuse-main-area ,
#header-wrapper .on-pc .reuse-component {
	--mainarea-width: var(--mainarea-width-pc);
}


#header-wrapper .on-sp ,
#header-wrapper .on-sp .reuse-main-area ,
#header-wrapper .on-sp .reuse-component {
	--mainarea-width: var(--mainarea-width-sp);
}


#pagetop {
	transition: 0.3s;
}


#header ,
#footer {
	display: block;
}

#pagetop {
	position: relative;
	height: var(--header-height);
}

/* スキップボタン */
.bg-skip {
	position: absolute;
	top: -60px;
	left: 0;
	width: 100%;
	padding: 10px 0;
	background: #ccc;
	text-align: center;
	transition: 0.3s;
}

.skip-button {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	width: -moz-fit-content;
	width: fit-content;
	min-width: 33%;
	height: 40px;
	margin: 0px auto;
	background-color: var(--key-color);
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 5px 30px;
	border-radius: 5px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.skip-button::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 9px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	margin-left: 10px;
	margin-top: -5px;
}

.bg-skip:focus-within ~ #pagetop {
	margin-top: 60px;
}

.bg-skip:focus-within ~* #header .on-pc .hx_panel ,
.bg-skip:focus-within ~* #header .on-sp .hx_panel {
	top: 60px;
}

.bg-skip:focus-within ~* #header .panel2-btn,
.bg-skip:focus-within ~* #panel2-btn {
	top: 60px;
}

/*------------- デスクトップ用ヘッダー -------------*/
/* ヘッダーパネル */
#header .on-pc .hx_panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--header-height-pc);
	background: #fff;
	border-bottom: 1px solid #eee;
	z-index: 1001;
}

/* ヘッダーパネルをページ上部に固定(編集時・印刷時を除く） */
@media screen {
	body:not(.in-editor) #pagetop.pad ~* #header .on-pc .hx_panel {
		position: fixed;
	}
}

#header .on-pc .hx_panel >* >* {
	position: relative;
}

/* グロナビをページ上部に固定 */
#header .on-pc .hx_gnavi_box {
	position: absolute;
	top: var(--header-height-pc);
	left: 0;
	width: 100%;
	transform: translateY(-100%);
}



/* ロゴ */
#header .on-pc .hx_logo {
	position: relative;

/*	ロゴをコンテンツエリア端に */
/*
	max-width: calc(var(--mainarea-width) + 40px);
	padding: 0 20px;
	margin: auto;
*/
}

#header .on-pc .hx_logo >* {
	position: absolute;
	top: 0;
	left: 20px;
	height: 100px;
	z-index: 1;
}

#header .on-pc .hx_logo >* >* >* >*  {
	position: absolute;
	top: calc(var(--header-height-pc) / 2);
	left: 0;
	transform: translate(0, -50%);
}

#header .on-pc .hx_logo >* >* >* > .h-column2 {
	display: none;
}


#header .on-pc .hx_logo .h-panel a {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: flex-end;
}

#header .on-pc .hx_logo .h-panel a {
	display: block;
	width: 317px;
}

html:lang(en) #header .on-pc .hx_logo .h-panel a {
	width: 317px;
}

#header .on-pc .hx_logo .h-panel a img {
	display: block;
	width: 100%;
	margin: 0;
	opacity: 1;
}

#header .on-pc .hx_logo .h-panel a .text {
	white-space: nowrap;
	display: block;
	vertical-align: baseline;
	margin-left: 20px;
	padding-left: 16px;
	border-left: 1px solid rgba(10,62,135, 0.2);
	color: inherit;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
}

#header .on-pc .hx_logo .h-panel a:hover {
	opacity: 0.7;
}


/* サブパネル */
#header .on-pc .hx_sub_panel {
	position: relative;

/*	サブパネルをコンテンツエリア端に */
/*
	max-width: calc(var(--mainarea-width) + 40px);
	padding: 0 20px;
	margin: auto;
*/
}

#header .on-pc .hx_sub_panel >* {
	position: absolute;
	top: 15px;
	right: 20px;
	transition: 0.3s;
}

#header .on-pc .hx_sub_panel >* >* {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

#header .on-pc .hx_lang_navi ,
#header .on-pc .hx_utility_link ,
#header .on-pc .hx_search_box ,
#header .on-pc .hx_search_btn {
}



/* 検索窓 */
#header .on-pc .hx_search_box {
	font-size: 1.6rem;
}

/* 検索ダイアログ */
#header .on-pc .hx_search_btn {
}

#header .on-pc .hx_search_btn .search_btn {
	cursor: pointer;
	border: none;
	background: none;
	display: block;
}

#header .on-pc .hx_search_btn .search_btn:hover {
	opacity: 0.7;
}

#header .on-pc .hx_search_btn .search_btn span {
	display: block;
	width: 32px;
	height: 32px;
	background: rgba(0,128,1,0.05) url("../../../../../../resources/sw_img_saiyo/icon/icon_search.svg") no-repeat center center;
	background-size: 18px 18px;
	border-radius: 100%;
}

/* 言語ナビ */
#header .on-pc .hx_lang_navi {
}

#header .on-pc .hx_lang_navi .h-link-list ul {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 15px;
}

#header .on-pc .hx_lang_navi .h-link-list ul::before {
	content: "|";
	color: #B6B6B6;
	font-size: 1.4rem;
	font-weight: normal;
}

#header .on-pc .hx_lang_navi .h-link-list li {
	position: relative;
}

#header .on-pc .hx_lang_navi .h-link-list li.highlight {
/*	display: none; */
}

#header .on-pc .hx_lang_navi .h-link-list li > a ,
#header .on-pc .hx_lang_navi .h-link-list li > span {
	color: #666;
	font-size: 1.4rem;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

#header .on-pc .hx_lang_navi .h-link-list li > a:hover ,
#header .on-pc .hx_lang_navi .h-link-list li.highlight > a ,
#header .on-pc .hx_lang_navi .h-link-list li.highlight > span {
	color: var(--key-color);
	border-bottom-color: var(--key-color);
}


/* ヘッダーユーティリティリンク */
#header .on-pc .hx_utility_link .h-link-list li {
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

#header .on-pc .hx_utility_link .h-link-list li > a ,
#header .on-pc .hx_utility_link .h-link-list li > span {
	color: inherit;
	font-size: 1.4rem;
	letter-spacing: var(--text-letter-spacing);
}

#header .on-pc .hx_utility_link .h-panel {
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

#header .on-pc .hx_utility_link .h-panel a {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: center;
}

#header .on-pc .hx_utility_link .h-panel a >* {
	order: 0;
	flex: 0 0 auto;
}

#header .on-pc .hx_utility_link .h-panel .text {
	margin-left: 5px;
	font-size: 1.4rem;
	font-weight: bold;
}

/* お問い合わせリンク・エントリーボタン */
#header .on-pc .hx_contact_link {
}

#header .on-pc .hx_contact_link .h-link-list ul ,
#header .on-pc .hx_contact_link .h-index-map > ul {
}

#header .on-pc .hx_contact_link .h-link-list ul li ,
#header .on-pc .hx_contact_link .h-index-map > ul > li {
	display: inline-block;
}

#header .on-pc .hx_contact_link .h-link-list ul li > span ,
#header .on-pc .hx_contact_link .h-link-list ul li > a ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > span ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > a {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	min-height: 40px;
	padding: 5px 35px;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	background: var(--key-color);
	border: 1px solid var(--key-color);
	text-decoration: none;
	border-radius: 4px;
}

#header .on-pc .hx_contact_link .h-link-list ul li > a::before ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > a::before {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 10px;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

#header .on-pc .hx_contact_link .h-link-list ul li > a:hover ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > a:hover {
	color: var(--key-color);
	background: #fff
}
#header .on-pc .hx_contact_link .h-link-list ul li > a:hover::before ,
#header .on-pc .hx_contact_link .h-index-map > ul > li > .item > a:hover::before {
	border-color: var(--key-color);
}


/* グロナビ */
#header .on-pc .hx_gnavi_box {
	/* 左側のロゴ領域 */
	padding-left: 340px;

	/* 右側のユーティリティエリア */
	padding-right: 30px;
}

#header .on-pc .hx_gnavi_box > * {
	/* グロナビをコンテンツエリア端に */
/*
	max-width: calc(var(--mainarea-width) + 40px);
	padding: 0 20px;
*/
	margin: auto;
}

#header .on-pc .hx_gnavi_box > * > * {
	display: flex;
	flex-flow: row nowrap;

	/* 中央揃え */
/*
	justify-content: space-between;
*/
	/* 右揃え */
	justify-content: flex-end;
	height: var(--header-gnavi-height-pc);
	gap: 0 5px;
}

/* グロナビで非公開等の理由で空の項目は非表示 */
#header .on-pc .hx_gnavi_box > * > * > *.empty {
	display: none;
}


/* グロナビ要素同士の間隔 */
#header .on-pc .hx_gnavi_box > * > * > * {
	display: inline-block;
}
#header .on-pc .hx_gnavi_box > * > * > *:first-child {
}

/* グロナビの区切り文字 */
/*
#header .on-pc .hx_gnavi:not(:first-child) >*> .h-panel.no-img {
	position: relative;
	padding-left: 50px;
}

#header .on-pc .hx_gnavi:not(:first-child) >*> .h-panel.no-img::before {
	content: "|";
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: var(--header-gnavi-height-pc);
	text-align: center;
	color: #b6b6b6;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.25;
}
*/


/* グロナビ要素 */
#header .on-pc .hx_gnavi >*> .h-panel.no-img a {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 25px;
	text-align: center;
	font-size: 1.8rem;
	color: inherit;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
}

#header .on-pc .hx_gnavi >*> .h-panel.no-img a {
	height: var(--header-gnavi-height-pc);
}

@media screen and (width < 1200px) {
	#header .on-pc .hx_gnavi >*> .h-panel.no-img a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1.6rem;
	}
}

#header .on-pc .hx_gnavi >*> .h-panel.no-img a::before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	display: block;
	width: 100%;
	height: calc(100% - 20px);
}

#header .on-pc .hx_gnavi >*> .h-panel.no-img a[target="_blank"] .icon_rear {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

#header .on-pc .hx_gnavi >*> .h-panel.no-img a .text span {
	display: none;
}

/* マウスオーバー */
#header .on-pc .hx_gnavi:focus-within >*> .h-panel.no-img a ,
#header .on-pc .hx_gnavi:hover >*> .h-panel.no-img a {
}

#header .on-pc .hx_gnavi:focus-within >*> .h-panel.no-img a::before ,
#header .on-pc .hx_gnavi:hover >*> .h-panel.no-img a::before {
	background: rgba(0,128,1, 0.05);
}

/* 現在地 */
#header .on-pc .hx_gnavi >*> .h-panel.no-img a.act ,
#header .on-pc .hx_gnavi >*> .h-panel.no-img a.within {
}

#header .on-pc .hx_gnavi >*> .h-panel.no-img a.act::before ,
#header .on-pc .hx_gnavi >*> .h-panel.no-img a.within::before {
	background: rgba(0,128,1, 0.05);
}



/* メガドロップメニュー 開閉機構・アニメーション */
#header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area {
	opacity: 0;
	visibility: hidden;

	z-index: 100;
	transition: 0.3s;
}

#header .on-pc .ux_gnavi_megamenu.state-open >* > .reuse-main-area {
	opacity: 1;
	visibility: visible;
}

#header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area .gnavi-close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	padding-right: 24px;
	z-index: 1;

	vertical-align: baseline;
	font-size: 12px;
	line-height: 16px;
}

#header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area .gnavi-close-btn::before {
	content: "閉じる";
}
html:lang(en) #header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area .gnavi-close-btn::before {
	content: "Close";
}

#header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area .gnavi-close-btn span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
}

#header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area .gnavi-close-btn span::before ,
#header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area .gnavi-close-btn span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 16px;
	height: 3px;
	background-color: currentColor;
	transform: translate(-50%,-50%) rotate(45deg);
}
#header .on-pc .ux_gnavi_megamenu >* > .reuse-main-area .gnavi-close-btn span::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}


/* メガドロップメニュー スタイル */
#header .on-pc .hx_gnavi >* > .reuse-main-area {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding: 0;
	color: #fff;
	z-index: 100;
}

#header .on-pc .hx_gnavi >* > .reuse-main-area::after {
	content: "";
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
/* height:100% だと ドロップシャドーが付けられない */
	padding: 0;
/*	background: rgba(0,128,1, 0.95); */
	background: var(--key-color);
/*	box-shadow: 0 10px 25px rgba(0,0,0, 0.1); */
	z-index: -1;
}


/* メガドロップ カラム割 */
#header .on-pc .hx_gnavi * * .h-multiColumn {
	display: flex;
	flex-flow: row nowrap;
	align-items: normal;
	justify-content: flex-start;
	width: 100%;
	gap: 0 var(--column-side-margin);
}

#header .on-pc .hx_gnavi * * .h-multiColumn > .h-column {
	flex: 0 0 auto;
}

#header .on-pc .hx_gnavi * * .h-multiColumn1 > .h-column {
	width: calc(100% * var(--mainarea-base));
	max-width: var(--mainarea-width);
}
#header .on-pc .hx_gnavi * * .h-multiColumn2 > .h-column {
	width: calc((100% * var(--mainarea-base) - var(--column-side-margin)) / 2);
	max-width: calc((var(--mainarea-width) - var(--column-side-margin)) / 2);
}
#header .on-pc .hx_gnavi * * .h-multiColumn3 > .h-column {
	width: calc((100% * var(--mainarea-base) - 2 * var(--column-side-margin)) / 3);
	max-width: calc((var(--mainarea-width) - 2 * var(--column-side-margin)) / 3);
}
#header .on-pc .hx_gnavi * * .h-multiColumn4 > .h-column {
	width: calc((100% * var(--mainarea-base) - 3 * var(--column-side-margin)) / 4);
	max-width: calc((var(--mainarea-width) - 3 * var(--column-side-margin)) / 4);
}
#header .on-pc .hx_gnavi * * .h-multiColumn5 > .h-column {
	width: calc((100% * var(--mainarea-base) - 4 * var(--column-side-margin)) / 5);
	max-width: calc((var(--mainarea-width) - 4 * var(--column-side-margin)) / 5);
}

#header .on-pc .hx_gnavi * * .lx_mcol3_ratio1on1.h-multiColumn3 > .h-column1 ,
#header .on-pc .hx_gnavi * * .lx_mcol3_ratio1on1.h-multiColumn3 > .h-column3 {
	width: calc(100% * var(--mainarea-base));
	max-width: var(--mainarea-width);
}

/* メガドロップ マージン設定 */
#header .on-pc .hx_gnavi >* > .reuse-main-area > .h-multiColumn.empty {
	display: none;
}

#header .on-pc .hx_gnavi >* > .reuse-main-area > .h-multiColumn {
	position: relative;
	width: calc(100% - 40px);
	max-width: var(--mainarea-width);
	margin: 0 auto;
}
#header .on-pc .hx_gnavi >* > .reuse-main-area > a:first-child + .h-multiColumn ,
#header .on-pc .hx_gnavi >* > .reuse-main-area > .h-multiColumn:first-child {
	margin-top: 10px;
}
#header .on-pc .hx_gnavi >* > .reuse-main-area > .h-multiColumn:last-child {
	margin-bottom: 60px;
}



/*== メガドロップの中身 ==*/

/* 区切り線 */
#header .on-pc .hx_gnavi * * .lx_menu_hairline {
	padding-top: 35px;
}
#header .on-pc .hx_gnavi * * .lx_menu_hairline::before {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	width: calc(100% - 40px);
	height: 1px;
	background: #747474;
}


/* テキストバナー(スタイルB) on メガドロップ */
#header .on-pc .hx_gnavi * * .h-panel.no-img.style2 {
	margin-bottom: 20px;
}

#header .on-pc .hx_gnavi * * .h-panel.no-img.style2 a {
	position: relative;
	display: inline-block;
	color: inherit;
	font-size: 3.0rem;
	line-height: 1.25;
}


/* 画像バナー on メガドロップ */
#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 a {
	position: relative;
	display: flex;
	flex-direction: column;
}

#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 a > * {
	flex: 0 0 auto;
	margin: 0;
}

#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 a .text {
	order: 2;
	position: relative;
	font-size: 1.4rem;
	color: inherit;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	padding-left: 20px;
}

#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 .icon_front {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	left: 10px;
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
}

#header .on-pc .hx_gnavi * * .h-internal-panel.has-img.style1 a[target="_blank"] .icon_rear ,
#header .on-pc .hx_gnavi * * .h-external-panel.has-img.style1 a[target="_blank"] .icon_rear {
	border: none;

	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

#header .on-pc .hx_gnavi * * .h-download-panel.has-img.style1 a[href*=".pdf"] .icon_rear {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 23px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
}

#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 .text + figure {
	order: 1;
	display: block;
	margin-bottom: 5px;
}

#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 .text + figure img {
	display: block;
}



#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 a:hover .text {
	text-decoration: underline;
}

#header .on-pc .hx_gnavi * * .h-panel.has-img.style1 a:hover img {
	opacity: 0.7;
}

/* インデックス・サイトマップ・リンクリスト on メガドロップ */
#header .on-pc .hx_gnavi * * .h-link-list ,
#header .on-pc .hx_gnavi * * .h-index-map {
	font-size: 0;
}

/* 折り返し(逆N型) */
#header .on-pc .hx_gnavi * * .h-link-list ul ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-top: 10px;
}

/* 折り返し(逆N型2列) */
/*#header .on-pc .hx_gnavi * * .ux_fold_imap_col2 .h-link-list ul ,*/
#header .on-pc .hx_gnavi * * .ux_fold_imap_col2 .h-index-map > ul.indexLevel_1 {
	width: calc(50% - 10px);
	margin-right: 10px;
}

/* 折り返し(逆N型3列) */
/*#header .on-pc .hx_gnavi * * .ux_fold_imap_col3 .h-link-list ul ,*/
#header .on-pc .hx_gnavi * * .ux_fold_imap_col3 .h-index-map > ul.indexLevel_1 {
	width: calc(33.33% - 10px);
	margin-right: 10px;
}

/* 折り返し(逆N型4列) */
/*#header .on-pc .hx_gnavi * * .ux_fold_imap_col4 .h-link-list ul ,*/
#header .on-pc .hx_gnavi * * .ux_fold_imap_col4 .h-index-map > ul.indexLevel_1 {
	width: calc(25% - 10px);
	margin-right: 10px;
}

/* インデックス・サイトマップ・リンクリスト on メガドロップ */
/* 第２階層 */
#header .on-pc .hx_gnavi * * .h-link-list li.highlight ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 {
	margin-top: 20px;
	border-bottom: 1px solid currentColor;
	padding-bottom: 5px;
}

#header .on-pc .hx_gnavi * * .h-link-list li.highlight > a ,
#header .on-pc .hx_gnavi * * .h-link-list li.highlight > span ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > a ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > span {
	display: inline-block;
	color: inherit;
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
}

#header .on-pc .hx_gnavi * * .h-link-list li.highlight > a::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > a::before {
}

#header .on-pc .hx_gnavi * * .h-link-list li.highlight > a:hover ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_0 > li > .item > a:hover {
}

/* 第３階層 */
#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li {
	position: relative;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
	padding-left: 50px;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight)::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li::before {
	content: "|";
	position: absolute;
	top: auto;
	left: 0;
	width: 50px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight):first-child ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li:first-child {
	padding-left: 0;
}
#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight):first-child::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li:first-child::before {
	content: none;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > a ,
#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > span ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > a ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > span {
	display: inline-block;
	text-align: center;
	color: inherit;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > a::before ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > a::before {
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > a[target="_blank"]::after ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

#header .on-pc .hx_gnavi * * .h-link-list li:not(.highlight) > a:hover ,
#header .on-pc .hx_gnavi * * .h-index-map > ul.indexLevel_1 > li > .item > a:hover {
}

/* 第４階層 */
#header .on-pc .hx_gnavi * * .h-index-map ul.indexLevel_2 {
	display: none;
}


/* コンパクトヘッダー */
#header .on-pc .hx_panel ,
#header .on-pc .hx_gnavi_box ,
#header .on-pc .hx_sub_panel ,
#header .on-pc .hx_logo >* >* >* >* {
	transition: 0.3s;
}

#pagetop.float ~* #header {
	--header-height-pc: 75px;
/*	--header-gnavi-height-pc: 55px; */
}

#pagetop.float ~* #header .on-pc .hx_sub_panel {
	opacity: 0;
	z-index: -1;
}


	/* ハンバーガーアイコン（黒いヘッダーの右端、上下中央に白枠のボタン） */
	/* 位置はmarginで指定する(スキップボタン表示時にtopを60pxへずらすため) */
	#header .panel2-btn ,
	#panel2-btn {
		position: fixed;
		top: 0;
		right: 0;
		display: block;
		width: 52px;
		height: 52px;
		margin: calc((var(--header-height-sp) - 52px) / 2) 26px;
		background: none;
		border: 1px solid #fff;
		z-index: 1111;
		cursor: pointer;
	}

	#header .panel2-btn:hover ,
	#panel2-btn:hover {
		opacity: 0.7;
	}

	.panel2-btn-icon1 ,
	.panel2-btn-icon2 ,
	.panel2-btn-icon3 {
		display: block;
		position: absolute;
		top: 24px;
		left: 7px;
		width: 36px;
		height: 1px;
		margin: 0;
		background: #fff;
		transition: .2s .2s;
	}

	.panel2-btn-icon1 {
		margin-top: -10px;
	}
	.panel2-btn-icon2 {
		margin-top: 0px;
	}
	.panel2-btn-icon3 {
		margin-top: 10px;
	}

	.panel2-btn-icon1::before ,
	.panel2-btn-icon3::before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		transition: .2s;
	}

	@media screen and (width <= 768px) {
		#header .panel2-btn ,
		#panel2-btn {
			width: 44px;
			height: 44px;
			margin-top: calc((var(--header-height-sp) - 44px) / 2);
			margin-right: 20px;
			margin-bottom: calc((var(--header-height-sp) - 44px) / 2);
		}

		.panel2-btn-icon1 ,
		.panel2-btn-icon2 ,
		.panel2-btn-icon3 {
			top: 20px;
			left: 8px;
			width: 26px;
		}

		.panel2-btn-icon1 {
			margin-top: -8px;
		}
		.panel2-btn-icon3 {
			margin-top: 8px;
		}
	}

	.panel2-btn-title {
		overflow: hidden;
		display: block;
		position: absolute;
		top: 31px;
		left: 0;
		width: 40px;
		height: 12px;

		display: none !important;
	}

	.panel2-btn-title li {
		display: block;
		width: 40px;
		height: 15px;

		line-height: 1;
		font-size: 1rem;
		color: #000;
		text-align: center;
		transform: scale(0.8);
	}
	.panel2-btn-title li:first-child {
		margin-top: -15px;
		transition: .4s .2s;
	}


	/* open時 */
	#panel2-sw.open ~* .panel2-btn-icon1 ,
	#panel2-sw.open ~* .panel2-btn-icon2 ,
	#panel2-sw.open ~* .panel2-btn-icon3 ,
	#panel2-sw:checked ~* .panel2-btn-icon1 ,
	#panel2-sw:checked ~* .panel2-btn-icon2 ,
	#panel2-sw:checked ~* .panel2-btn-icon3 {
		background: transparent;
		margin-top: 0;
		transition: .2s;
	}

	#panel2-sw.open ~* .panel2-btn-icon1::before ,
	#panel2-sw.open ~* .panel2-btn-icon3::before ,
	#panel2-sw:checked ~* .panel2-btn-icon1::before ,
	#panel2-sw:checked ~* .panel2-btn-icon3::before {
		transition: .2s .2s;
	}

	#panel2-sw.open ~* .panel2-btn-icon1::before ,
	#panel2-sw:checked ~* .panel2-btn-icon1::before {
		transform: rotate(-225deg);
	}

	#panel2-sw.open ~* .panel2-btn-icon3::before ,
	#panel2-sw:checked ~* .panel2-btn-icon3::before {
		transform: rotate(-135deg);
	}

	#panel2-sw.open ~* .panel2-btn-title li:first-child ,
	#panel2-sw:checked ~* .panel2-btn-title li:first-child {
		margin-top: 0px;
		transition: .4s .2s;
	}


/*------------------ ヘッダー ------------------*/
/* ヘッダーパネル */
#header .on-sp .hx_panel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--header-height-sp);
	background: #000;
	z-index: 1010;
}

/* ロゴ */
#header .on-sp .hx_logo {
}

/* ロゴと副題(ロゴのリンクテキスト)。PCは縦線を挟んで横並び、SPと狭いPCは副題をロゴの下に置く */
#header .on-sp .hx_logo >* >* >* {
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
}

#header .on-sp .hx_logo >* >* >* >* {
	width: auto;
	max-width: none;
	margin: 0;
}

#header .on-sp .hx_logo >* >* >* > .h-column2 {
	display: none;
}

/* DOMは副題(.text)→ロゴ画像の順のため、逆順に並べる */
#header .on-sp .hx_logo a {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: center;
	gap: 0 16px;
	color: #fff;
	text-decoration: none;
}

#header .on-sp .hx_logo a img {
	flex: 0 0 auto;
	width: 210px;
}

/* 副題：縦線はロゴの中心より4px下 */
#header .on-sp .hx_logo a .text {
	position: relative;
	top: 4px;
	display: flex;
	align-items: center;
	min-height: 32px;
	padding-left: 11px;
	border-left: 1px solid #fff;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0;
	white-space: nowrap;
}

#header .on-sp .hx_logo a .text .icon_front ,
#header .on-sp .hx_logo a .text .icon_rear {
	display: none;
}

@media screen and (width < 900px) {
	#header .on-sp .hx_logo a {
		flex-flow: column-reverse nowrap;
		align-items: flex-start;
		gap: 4px 0;
	}

	#header .on-sp .hx_logo a .text {
		top: 0;
		min-height: 0;
		padding-left: 4px;
		border-left: none;
	}
}

@media screen and (width <= 768px) {
	#header .on-sp .hx_logo >* >* >* {
		left: 20px;
	}

	#header .on-sp .hx_logo a {
		gap: 5px 0;
	}

	#header .on-sp .hx_logo a img {
		width: 152px;
	}

	#header .on-sp .hx_logo a .text {
		font-size: 0.9rem;
	}
}

html:lang(en) #header .on-sp .hx_logo a {
}

#header .on-sp .hx_logo a img {
	display: block;
	max-width: 100%;
	margin: 0;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: left center;
	   object-position: left center;
}

/* 検索窓 */
#header .on-sp .hx_search_box {
	font-size: 1.6rem;
}

/* 検索ダイアログ */
#header .on-sp .hx_search_btn {
	position: absolute;
	top: 10px;
	right: 50px;
}

#header .on-sp .hx_search_btn .search_btn {
	cursor: pointer;
	border: none;
	background: none;
	display: block;
}

#header .on-sp .hx_search_btn .search_btn span {
	display: block;
	width: 32px;
	height: 32px;
	background: rgba(0,128,1,0.05) url("../../../../../../resources/sw_img_saiyo/icon/icon_search.svg") no-repeat center center;
	background-size: 18px 18px;
	border-radius: 100%;
}

/* SPメニュー */
/* ヘッダーの下～ウインドウ下端に表示 */
#header .on-sp .hx_menu {
	font-size: 0;
	position: fixed;
	top: var(--header-height-sp);
	left: 0;
	width: 100vw;
	height: calc(100% - var(--header-height-sp));
	max-height: 100%;
	overflow: hidden;
	z-index: 1000;
}

#header .on-sp .ux_menu > * {
	position: absolute;
	width: 100vw;
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	background: #fff;
	transition: 0.3s;
}

#header .on-sp .hx_menu >* > * {
/*	background: rgba(255, 255, 255, 0.9); */
	transition: 0.5s;
}

/* SPメニュー開閉 */
#header .on-sp .ux_menu {
	transition: .6s;

	/* 上から下 */
	max-height: 0;

	/* 右から左 */
	/* left: 100%; */
}

#panel2-sw.open ~* #header .on-sp .hx_menu ,
#panel2-sw:checked ~* #header .on-sp .hx_menu {
	/* 上から下 */
	max-height: 100%;

	/* 右から左 */
	/* left: 0; */
}

/* SPグロナビ */
#header .on-sp .hx_gnavi_box {
	padding: 0;
}

/* SPグロナビ 3way-navi */
/* 各フォルダ開閉 共通 */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
	background: #fff;
	overflow: hidden;
	z-index: 1;
	transition: 0.5s;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map ul.open {
	left: 0;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map ul.active {
	overflow-y: scroll;
}

/* 開いている階層以外は透過 */
/*
#header .on-sp .ux_navi_3way >*:not(.active) ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map ul:not(.active) {
	background: transparent;
}

#header .on-sp .ux_navi_3way > *:not(.active) .hx_sub_menu ,
#header .on-sp .ux_navi_3way > *:not(.active) .hx_gnavi_box .h-index-map > .item > a ,
#header .on-sp .ux_navi_3way > *:not(.active) .hx_gnavi_box .h-index-map > .item > span ,
#header .on-sp .ux_navi_3way > *:not(.active) .hx_gnavi_box .h-link-list li > a ,
#header .on-sp .ux_navi_3way > *:not(.active) .hx_gnavi_box .h-link-list li > span {
	opacity: 0;
}
*/



/* SPグロナビ アコーディオン */
/* アコーディオン 開閉ボタン */
#header .on-sp .hx_gnavi_box .hx_gnavi_box [data-acc-for] a {
	pointer-events: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel {
	position: relative;
}

#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel a {
	position: relative;
	display: block;
	padding: 15px 20px;
	padding-right: 50px;
	text-align: left;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	background: #585757;
	border-bottom: 1px solid #ccc;
}

#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel a + p {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 60px;
	height: 100%;
	color: transparent;
	font-size: 0;
	border-left: 1px solid #ccc;
}

/* リンクしないようにする場合 */
/*
#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel a {
	pointer-events: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel a + p {
	width: 100%;
	height: 100%;
}
*/

#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel a + p::before ,
#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel a + p::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	right: 25px;
	display: block;
	width: 16px;
	height: 1px;
	background-color: #fff;
}

#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column1 .h-panel a + p::after {
	transform: rotate(90deg);
}

#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion.is-open > .h-column1 .h-panel a + p::after {
	opacity: 0;
}


/* アコーディオン内スタイル */
#header .on-sp .hx_gnavi_box .ux_click_open .ux_accordion > .h-column3 {
	color: #fff;
	background: #585757;
}

/* アコーディオン内 リンクスタイル共通 */
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li > a[target="_blank"]::after ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map .item > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg") no-repeat center center;
	background-size: contain;
	margin-left: 0.5em;
}


/* アコーディオン内 親階層 */
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li.highlight ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_0 > li > .item {
	border-bottom: 1px solid #ccc;
}

#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li.highlight > a ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li.highlight > span ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_0 > li > .item > a ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_0 > li > .item > span {
	position: relative;
	display: block;
	color: inherit;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: var(--text-letter-spacing);
	padding: 15px 20px;
	text-align: left;
	padding: 10px 30px;
	padding-right: 60px;
	font-weight: bold;
}

#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li.highlight > a::before  ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li.highlight > span::before  ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_0 > li > .item > a::before  ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_0 > li > .item > span::before  {
	content: "";
	position: absolute;
	right: 25px;
	top: calc(50% - 3px);
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: rotate(135deg);
}


/* アコーディオン内 子階層 */
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li:not(.highlight) ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_1 > li > .item {
	border-bottom: 1px solid #ccc;
}

#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li:not(.highlight) > a ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li:not(.highlight) > span ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_1 > li > .item > a ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_1 > li > .item > span {
	position: relative;
	display: block;
	color: inherit;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: var(--text-letter-spacing);
	padding: 15px 20px;
	text-align: left;
	padding: 10px 30px;
	padding-right: 60px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li:not(.highlight) > a::before ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li:not(.highlight) > span::before ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_1 > li > .item > a::before ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_1 > li > .item > span::before {
	content: "";
	position: absolute;
	right: 25px;
	top: calc(50% - 3px);
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: rotate(135deg);
}

#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li:not(.highlight) > a br ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-link-list li:not(.highlight) > span br ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_1 > li > .item > a br ,
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_1 > li > .item > span br {
	display: none;
}

/* アコーディオン内 孫階層 */
#header .on-sp .hx_gnavi_box .ux_click_open .h-index-map ul.indexLevel_2 {
	display: none;
}



/* SPグロナビ 3way navi */
/* リンクスタイル共通 */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item > span ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > span {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 50px;
	text-align: left;
	margin: 0 10px;
	padding: 10px 10px;
	color: #000;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
	border-bottom: 1px solid #f0f0f0;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item > a[target="_blank"]::after ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") no-repeat center center;
	background-size: contain;
	margin-left: 0.5em;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item > a[href*=".pdf"]::after ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > a[href*=".pdf"]::after {
	content: none;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item > a .filesize ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > a em {
	font-style: normal;
	font-size: 75%;
}

/* 通常リンク */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item:not(.gn-to-folder):not(.gn-folder-top):not(.gn-back) > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list:not(.highlight) li:not(.highlight) > a {
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item:not(.gn-to-folder):not(.gn-folder-top):not(.gn-back) > a::before ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li:not(.highlight) > a::before {
	content: "";
	position: absolute;
	left: 10px;
	top: calc(50% - 5px);
	width: 7px;
	height: 7px;
	border-top: 1px solid var(--text-color);
	border-left: 1px solid var(--text-color);
	transform: rotate(135deg);
}

/* ↓階層フォルダへ */
#header .on-sp .hx_gnavi_box .ux_navi_3way .ux_navi_3way .h-index-map .item.gn-to-folder > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .ux_navi_3way .h-index-map .item.gn-to-folder > span {
	padding-right: 30px;
	color: #000;
	font-weight: bold;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-to-folder > a::before ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-to-folder > span::before {
	content: "";
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1px solid var(--text-color);
	border-left: 1px solid var(--text-color);
	transform: rotate(135deg);
}

/* ↑階層へ(BACK) */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-back > a {
	padding-left: 30px;
	color: #000;
	font-weight: bold;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-back > a::before {
	content: "";
	position: absolute;
	left: 10px;
	top: calc(50% - 5px);
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1px solid var(--text-color);
	border-left: 1px solid var(--text-color);
	transform: rotate(-45deg);
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-back > a span {
	display: inline;
}

/*
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-back > a span {
	display: none;
}
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-back > a::after {
	content: "戻る"
}
html:lang(en) #header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-back > a::after {
	content: "BACK";
}
*/

/* フォルダトップ */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-folder-top > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-folder-top > span {
/*	padding-left: 30px; */
	font-size: 1.6rem;
	color: var(--key-color);
	font-weight: bold;
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-folder-top > a::after ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-folder-top > span::after {
	content: "TOP";
}

#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-folder-top > a::before ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item.gn-folder-top > span::before {
/*
	content: "";
	position: absolute;
	left: 10px;
	top: calc(50% - 5px);
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid var(--key-color);
	border-left: 2px solid var(--key-color);
	transform: rotate(-45deg);
*/
}

/* 現在地表示 */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map .item:not(.gn-to-folder) > a.act ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > a.act {
}

/* 第２階層 */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map > .item > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map > .item > span ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-link-list li > span {
	font-weight: bold;
}

/* 第３階層以下 */
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map ul .item:not(.gn-to-folder):not(.gn-folder-top) > a ,
#header .on-sp .hx_gnavi_box .ux_navi_3way .h-index-map ul .item:not(.gn-back) > span {
}


/* SPメニュー */
/* アコーディオンで3wayでもないリンク */
#header .on-sp .hx_gnavi_box .hx_gnavi .h-index-map .item > a ,
#header .on-sp .hx_gnavi_box .hx_gnavi .h-index-map .item > span ,
#header .on-sp .hx_gnavi_box .hx_gnavi .h-link-list li > a ,
#header .on-sp .hx_gnavi_box .hx_gnavi .h-link-list li > span {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 50px;
	text-align: left;
	margin: 0 10px;
	padding: 10px 10px;
	color: #000;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
	border-bottom: 1px solid #f0f0f0;
}

#header .on-sp .hx_gnavi_box .hx_gnavi .h-index-map .item > a::before ,
#header .on-sp .hx_gnavi_box .hx_gnavi .h-index-map .item > span::before ,
#header .on-sp .hx_gnavi_box .hx_gnavi .h-link-list li > a::before ,
#header .on-sp .hx_gnavi_box .hx_gnavi .h-link-list li > span::before {
	content: "";
	position: absolute;
	right: 10px;
	top: calc(50% - 5px);
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1px solid var(--text-color);
	border-left: 1px solid var(--text-color);
	transform: rotate(135deg);
}

#header .on-sp .hx_gnavi_box .hx_gnavi .h-index-map .item > a[target="_blank"]::after ,
#header .on-sp .hx_gnavi_box .hx_gnavi .h-link-list li > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") no-repeat center center;
	background-size: contain;
	margin-left: 0.5em;
}



/* メニュー内サブエリア */
#header .on-sp .hx_sub_menu {
}


/* お問い合わせリンク・エントリーボタン */
#header .on-sp .hx_contact_link {
	float: left;
	width: 50%;
}

#header .on-sp .hx_contact_link .h-link-list ul ,
#header .on-sp .hx_contact_link .h-index-map > ul {
}

#header .on-sp .hx_contact_link .h-link-list ul li ,
#header .on-sp .hx_contact_link .h-index-map > ul > li {
	position: relative;
}

#header .on-sp .hx_contact_link .h-link-list ul li > a ,
#header .on-sp .hx_contact_link .h-link-list ul li > span ,
#header .on-sp .hx_contact_link .h-index-map > ul > li > .item > a ,
#header .on-sp .hx_contact_link .h-index-map > ul > li > .item > span {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 45px;
	padding: 3px 30px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	line-height: 1.5;
	background: var(--key-color);
}

#header .on-sp .hx_contact_link .h-link-list ul li > span::before ,
#header .on-sp .hx_contact_link .h-link-list ul li > a::before {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 10px;
	display: block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

#header .on-sp .hx_contact_link .h-link-list ul li > a[target="_blank"]::before {
	content: none;
}

#header .on-sp .hx_contact_link .h-link-list ul li > a[target="_blank"]::after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}


/* ヘッダーユーティリティリンク集 */
#header .on-sp .hx_utility_link {
	float: left;
	width: 50%;
}

#header .on-sp .hx_utility_link .h-link-list ul {
}

#header .on-sp .hx_utility_link .h-link-list ul li {
	position: relative;
}

#header .on-sp .hx_utility_link .h-link-list ul li > a ,
#header .on-sp .hx_utility_link .h-link-list ul li > span {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 45px;
	padding: 3px 30px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: var(--text-letter-spacing);
	background: #444;
}

#header .on-sp .hx_utility_link .h-link-list ul li > span::before ,
#header .on-sp .hx_utility_link .h-link-list ul li > a::before {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 10px;
	display: block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

#header .on-sp .hx_utility_link .h-link-list ul li > a[target="_blank"]::before {
	content: none;
}

#header .on-sp .hx_utility_link .h-link-list ul li > a[target="_blank"]::after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

#header .on-sp .hx_utility_link .h-panel {
	position: relative;
	display: inline-block;
}

#header .on-sp .hx_utility_link .h-panel a {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: center;
	justify-content: flex-end;
	padding: 10px 20px;
}

#header .on-sp .hx_utility_link .h-panel a >* {
	order: 0;
	flex: 0 0 auto;
}

#header .on-sp .hx_utility_link .h-panel .text {
	margin-left: 5px;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
}


/* 言語リンク */
#header .on-sp .hx_lang_navi {
	padding: 15px 0;
	background: #eee;
}

#header .on-sp .hx_lang_navi .h-link-list ul {
	display: flex;
	flex-flow: row nowrap;
}

#header .on-sp .hx_lang_navi .h-link-list ul li {
	width: 50%;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

#header .on-sp .hx_lang_navi .h-link-list ul li.highlight {
/*		display: none; */
}

#header .on-sp .hx_lang_navi .h-link-list ul li > a ,
#header .on-sp .hx_lang_navi .h-link-list ul li > span {
	display: block;
	padding: 15px 10px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	color: inherit;
	background: #fff;
	border-bottom: 2px solid transparent;
}

/*#header .on-sp .hx_lang_navi .h-link-list ul li > a.act , */
/*#header .on-sp .hx_lang_navi .h-link-list ul li > a.within , */
#header .on-sp .hx_lang_navi .h-link-list ul li.highlight > span ,
#header .on-sp .hx_lang_navi .h-link-list ul li.highlight > a {
	color: var(--key-color);
	background: #F2F9F3;
	border-bottom-color: var(--key-color);
}



/*== 画面内固定 上に戻るリンク ==*/
#site-info .ux_to_page_top {
	position: relative;
}

#site-info .topcontrol {
	position: fixed;
	left: 0;
	bottom: -80px;
	width: 100%;
	height: 0;
	color: transparent;
	font-size: 0;
	opacity: 0;
	z-index: 200;
	transition: 0.3s;
}

#site-info .topcontrol.visible {
	bottom: 15px;
	opacity: 1;
}

#site-info .topcontrol > div {
	position: relative;
	width: 100%;
	margin: auto;
}

#site-info .topcontrol a {
	position: absolute;
	bottom: 0;
	right: 15px;
}

/* 画像を使用する場合 */
#site-info .topcontrol a {
	display: block;
	width: 60px;
	height: 60px;
	background: url("../../../../../../resources/sw_img_saiyo/default/pagetop.svg") no-repeat center center;
	background-size: contain;
}

#site-info .topcontrol a:hover {
/*	background-image: url("../../../../../../resources/sw_img_saiyo/default/pagetop_hover.png");*/
	opacity: 0.7;
}


/* 画像を使用しない場合 */
/*
#site-info .topcontrol a {
	display: block;
	width: 51px;
	height: 42px;
	background: rgba(0,0,0, 0.53);
}

#site-info .topcontrol a::before {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% - 9px);
	display: block;
	width: 17px;
	height: 17px;
	border-top: 3px solid #FFF;
	border-left: 3px solid #FFF;
	transform: rotate(45deg);
}
*/

/* ページ内設置 上に戻るリンク */
#site-info .toTop {
	text-align: right;
	margin: 3em 20px 80px;
}

#site-info .toTop a {
	padding-left: 1.44em;
	display: inline-block;
	position: relative;
	overflow: visible;
}

#site-info .toTop a::before {
	content: "";
	position: absolute;
	top: 0.85em;
	left: 0;
	margin-top: -0.3em;
	display: block;
	width: 0.7em;
	height: 0.7em;
	border-top: 0.1em solid #e50000;
	border-right: 0.1em solid #e50000;
	transform: rotate(315deg);
}

#site-info .toTop {
	display: none;
}



/* PC:コンテンツエリアから一定距離以上離れない */
/* SP:常に画面内右下 */
/* 印刷時:非表示 */

@media print, screen and (width > 768px) {
	#site-info .topcontrol > div {
		max-width: calc(var(--mainarea-width) + (51px + 50px) *2);
	}

	/* フッターより下に行かない設定 */
	#site-info .topcontrol.fix-bottom {
		position: absolute;
	}
}

@media screen and (width <= 768px) {
	#site-info .topcontrol {
		bottom: -50px;
	}

	#site-info .toTop {
		margin: 2em 20px 40px;
	}
}

@media print {
	#site-info .topcontrol {
		display: none !important;
	}
}


/*------------- レスポンシブフッター -------------*/
#footer {
	/* border-top: 10px solid #f7f7f7; */
	background: #e6f5f6;
	margin-top: 70px;
}

/* 各背景色 */
#footer .fx_frame5 {
}

#footer .fx_frame4 {
	color: #463535;
}

#footer .fx_frame3 {
	background: #efefef;
}

#footer .fx_frame2 {
	/* background: var(--key-color);
	color: #fff; */
	padding: 70px 0;
}

#footer .fx_frame1 {
	/* background: #333030;
	color: #fff;
	padding-bottom: 20px; */
	color: #000;
	border-top: 1px solid #000;
}


@media print, screen and (width > 768px) {
	#footer .fx_frame5 > * ,
	#footer .fx_frame4 > * ,
	#footer .fx_frame3 > * ,
	#footer .fx_frame2 > * ,
	#footer .fx_frame1 > * {
		max-width: calc(var(--mainarea-width-pc) + 40px);
		padding: 0 20px;
		margin: auto;
	}

	#footer .fx_frame3 > * > * {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
	}

	#footer .fx_frame1 > * > * {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
		max-width: 1000px;
		min-height: 70px;
		margin: auto;
	}

}

@media screen and (width <= 768px) {
	#footer .fx_frame5 > * ,
	#footer .fx_frame4 > * ,
	#footer .fx_frame3 > * ,
	#footer .fx_frame2 > * ,
	#footer .fx_frame1 > * {
		max-width: calc(var(--mainarea-width-sp) + 30px);
		padding: 0 15px;
		margin: auto;
	}

	#footer .fx_frame2 {
		padding-bottom: 43px;
	}

	#footer .fx_frame1 > * > * {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		padding: 19px 0;
	}
}


/* フッターバナー*/
#footer .fx_banner {
}

#footer .fx_banner .f-text-section {
	font-size: 1.8rem;
}

@media print, screen and (width > 768px) {
	#footer .fx_banner {
		padding: 25px 0 5px;
	}

	/* カラム割 */
	#footer .fx_banner >*>*> * {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		gap: 0 var(--column-side-margin);
		width: calc(100% - 40px);
		max-width: var(--mainarea-width);
		margin: 0 auto;
	}

	#footer .fx_banner >*>*> * > * {
		display: block;
	}

	#footer .fx_banner >*>*> .f-multiColumn1 > * {
		width: 100%;
	}
	#footer .fx_banner >*>*> .f-multiColumn2 > * {
		width: calc((100% - var(--column-side-margin)) / 2);
	}
	#footer .fx_banner >*>*> .f-multiColumn3 > * {
		width: calc((100% - var(--column-side-margin) * 2) / 3);
	}
	#footer .fx_banner >*>*> .f-multiColumn4 > * {
		width: calc((100% - var(--column-side-margin) * 3) / 4);
	}
	#footer .fx_banner >*>*> .f-multiColumn5 > * {
		width: calc((100% - var(--column-side-margin) * 4) / 5);
	}
}

@media screen and (width <= 768px) {
	#footer .fx_banner {
		padding: 35px 10px 40px;
	}

	#footer .fx_banner >*>*> * {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		gap: 0 var(--column-side-margin);
		width: calc(100% - 30px);
		max-width: var(--mainarea-width);
		margin: 0 auto;
	}

	#footer .fx_banner >*>*> * > * {
		display: block;
	}

	#footer .fx_banner >*>*> .f-multiColumn1 > * ,
	#footer .fx_banner >*>*> .f-multiColumn2 > * ,
	#footer .fx_banner >*>*> .f-multiColumn3 > * {
		width: 100%;
	}

	#footer .fx_banner >*>*> .f-multiColumn4 > * ,
	#footer .fx_banner >*>*> .f-multiColumn5 > * {
		width: calc((100% - var(--column-side-margin)) / 2);
	}
}


/* フッターサイトマップ */
@media print, screen and (width > 768px) {
	#footer .fx_sitemap {
		padding: 40px 0 60px;
	}

	/* 枠 */
	/* なりゆき、または、折り返すケース */
	#footer .fx_sitemap >* >* {
		display: flex;
		width: 100%;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0 30px;
	}

	#footer .fx_sitemap >* >* >* {
		width: calc(100% / 5);
		margin: 0;
	}

	#footer .fx_sitemap >* >* >*:last-child {
/*		margin-right: auto; */
	}

	#footer .fx_sitemap >* >* > .fx_sitemap_w100 {
		width: 100%;
	}


	/* 等分で、折り返さないケース */
/*
	#footer .fx_sitemap >* {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	#footer .fx_sitemap >* >* {
		display: table-row;
	}
	#footer .fx_sitemap >* >* >* {
		display: table-cell;
		vertical-align: top;
		width: 10%;
	}

	#footer .fx_sitemap >* >* >* >* {
		margin-right: 20px;
	}
*/

	/* 共通 */
	#footer .fx_sitemap .f-link-list > ul,
	#footer .fx_sitemap .f-index-map > ul {
		display: inline-block;
		vertical-align: top;
	}

	#footer .fx_sitemap .f-link-list li ,
	#footer .fx_sitemap .f-index-map li > .item {
		position: relative;
		line-height: 1.2;
	}

	#footer .fx_sitemap .f-link-list li > a ,
	#footer .fx_sitemap .f-link-list li > span ,
	#footer .fx_sitemap .f-index-map .item > a ,
	#footer .fx_sitemap .f-index-map .item > span {
		display: inline-block;
		color: inherit;
		line-height: 1.5;
		letter-spacing: var(--text-letter-spacing);
		text-decoration: none;
/*		border-bottom: 1px solid transparent; */
	}

	#footer .fx_sitemap .f-link-list li > a:hover ,
	#footer .fx_sitemap .f-index-map .item > a:hover {
		text-decoration: underline;
/*		border-bottom-color: currentColor; */
	}

	#footer .fx_sitemap .f-link-list li > a[target="_blank"]::after ,
	#footer .fx_sitemap .f-index-map .item > a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 14px;
		background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
		background-size: contain;
		margin-left: 0.5em;
	}

	/* 第２階層(カテゴリトップ) */
	#footer .fx_sitemap .f-link-list li.highlight ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item {
		margin-top: 15px;
		padding-left: 18px;
		border-left: 2px solid var(--key-color);
		margin-bottom: 5px;
	}

	#footer .fx_sitemap .f-link-list li.highlight > a ,
	#footer .fx_sitemap .f-link-list li.highlight > span ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > a ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > span {
		color: var(--key-color);
		font-size: 1.8rem;
		font-weight: bold;
	}

	/* 第３階層 */
	#footer .fx_sitemap .f-link-list li:not(.highlight) ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item {
		margin-top: 8px;
		padding-left: 20px;
	}

	#footer .fx_sitemap .f-link-list li:not(.highlight) > a ,
	#footer .fx_sitemap .f-link-list li:not(.highlight) > span ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > a ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > span {
		font-size: 1.6rem;
	}

	/* 第４階層 */
	#footer .fx_sitemap .f-index-map ul.indexLevel_2 {
		display: none;
	}

	#footer .fx_sitemap .f-title4 {
		display: none;
	}
}

@media screen and (width <= 768px) {
	#footer .fx_sitemap {
		padding: 40px 0 10px;
	}

	/* 共通 */
	#footer .fx_sitemap .f-link-list li ,
	#footer .fx_sitemap .f-index-map .item {
	}

	#footer .fx_sitemap .f-link-list li > a ,
	#footer .fx_sitemap .f-link-list li > span ,
	#footer .fx_sitemap .f-index-map .item > a ,
	#footer .fx_sitemap .f-index-map .item > span {
		display: inline-block;
		color: inherit;
		font-size: 1.2rem;
		letter-spacing: var(--text-letter-spacing);
		text-decoration: none;
	}

	#footer .fx_sitemap .f-link-list li > a[target="_blank"]::after ,
	#footer .fx_sitemap .f-index-map .item > a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 14px;
		background: url("../../../../../../resources/sw_img_saiyo/icon/linkout.svg") center center no-repeat;
		background-size: contain;
		margin-left: 0.5em;
	}

	#footer .fx_sitemap .f-link-list li > a:hover ,
	#footer .fx_sitemap .f-index-map .item > a:hover {
		text-decoration: underline;
	}


	/* 第２階層(カテゴリトップ) */
	#footer .fx_sitemap .f-link-list li.highlight ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item {
		margin-bottom: 25px;
	}

	#footer .fx_sitemap .f-link-list li.highlight > a::before ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > a::before {
		content: "";
		position: absolute;
		top: calc(50% - 10px);
		right: 15px;
		display: inline-block;
		vertical-align: middle;
		width: 15px;
		height: 19px;
		background: url("../../../../../../resources/sw_img_saiyo/icon/icon_arr01_white.svg") center center no-repeat;
		background-size: contain;
	}

	#footer .fx_sitemap .f-link-list li.highlight > a ,
	#footer .fx_sitemap .f-link-list li.highlight > span ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > a ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_0 > li > .item > span {
		border: none;

		position: relative;
		display: block;
		padding: 12px 15px;
		font-size: 1.4rem;
		margin-bottom: 0;
	}

	/* 第３階層 */
	#footer .fx_sitemap .f-index-map ul.indexLevel_1 {
		padding: 15px 0;
	}

	#footer .fx_sitemap .f-link-list li:not(.highlight) ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_1 > li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 0 15px;
		margin-bottom: 10px;
	}

	#footer .fx_sitemap .f-link-list li:not(.highlight) > a ,
	#footer .fx_sitemap .f-link-list li:not(.highlight) > span ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > a ,
	#footer .fx_sitemap .f-index-map ul.indexLevel_1 > li > .item > span {
	}

	/* 第４階層 */
	#footer .fx_sitemap .f-index-map ul.indexLevel_2 {
		display: none;
	}

	/* アコーディオン */
	#footer .fx_sitemap .ux_accordion > .f-column1 {
		position: relative;
	}

	#footer .fx_sitemap .ux_accordion > .f-column1 .f-title4 {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	#footer .fx_sitemap .ux_accordion > .f-column1 .f-title4 h4 {
		position: absolute;
		top: 50%;
		right: 15px;
		display: block;
		width: 20px;
		height: 20px;
		transform: translateY(-50%);
		font-size: 0;
	}

	#footer .fx_sitemap .ux_accordion > .f-column1 .f-title4 h4::before ,
	#footer .fx_sitemap .ux_accordion > .f-column1 .f-title4 h4::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 100%;
		height: 1px;
		background-color: currentColor;
	}

	#footer .fx_sitemap .ux_accordion > .f-column1 .f-title4 h4::after {
		transform: rotate(90deg);
	}

	#footer .fx_sitemap .ux_accordion.open > .f-column1 .f-title4 h4::after {
		opacity: 0;
	}

	#footer .fx_sitemap .ux_accordion .f-link-list li.highlight > a ,
	#footer .fx_sitemap .ux_accordion .f-link-list li.highlight > span ,
	#footer .fx_sitemap .ux_accordion .f-index-map ul.indexLevel_0 > li > .item > a ,
	#footer .fx_sitemap .ux_accordion .f-index-map ul.indexLevel_0 > li > .item > span {
		margin-right: 50px;
	}

	#footer .fx_sitemap .ux_accordion .f-link-list li.highlight > a::before ,
	#footer .fx_sitemap .ux_accordion .f-index-map ul.indexLevel_0 > li > .item > a::before {
		content: none;
	}
}



/* フッターサイトロゴ */
#footer .fx_logo {
	padding: 20px 0 40px;
}

#footer .fx_logo a {
	display: block;
	width: 160px;
	height: 34px;
}

#footer .fx_logo a img {
	display: block;
	width: 100%;
}

@media screen and (width <= 768px) {
	#footer .fx_logo {
		padding: 0 0 20px;
	}
}

/* お問い合わせリンク・エントリーボタン */
#footer .fx_contact_link {
	padding: 25px 0;
}

#footer .fx_contact_link .f-link-list ul ,
#footer .fx_contact_link .f-index-map > ul {
	text-align: center;
}

#footer .fx_contact_link .f-link-list ul li ,
#footer .fx_contact_link .f-index-map > ul > li {
	display: inline-block;
}

#footer .fx_contact_link .f-link-list ul li > span ,
#footer .fx_contact_link .f-link-list ul li > a ,
#footer .fx_contact_link .f-index-map > ul > li > .item > span ,
#footer .fx_contact_link .f-index-map > ul > li > .item > a {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	min-width: 240px;
	min-height: 60px;
	padding: 5px 35px;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
	background: var(--key-color);
	border: 1px solid var(--key-color);
	text-decoration: none;
	border-radius: 4px;
}


#footer .fx_contact_link .f-link-list ul li > a::before ,
#footer .fx_contact_link .f-index-map > ul > li > .item > a::before {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 20px;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

#footer .fx_contact_link .f-link-list ul li > a:hover ,
#footer .fx_contact_link .f-index-map > ul > li > .item > a:hover {
	color: var(--key-color);
	background: #fff;
}

@media screen and (width <= 768px) {
	#footer .fx_contact_link {
		padding-top: 0;
	}
}


/* フッターリンク集2 */
#footer .fx_link2 {
	padding: 10px 0;
}

#footer .fx_link2 .f-link-list ul {
	padding: 10px 0;
	text-align: center;
}

#footer .fx_link2 .f-link-list li {
	display: inline-block;
}

#footer .fx_link2 .f-link-list li + li {
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid currentColor;
}

#footer .fx_link2 .f-link-list li > a ,
#footer .fx_link2 .f-link-list li > span {
	color: inherit;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
}

#footer .fx_link2 .f-link-list li > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

#footer .fx_link2 .f-link-list li > a:hover {
	text-decoration: underline;
}

@media screen and (width <= 768px) {
	#footer .fx_link2 .f-link-list li > a ,
	#footer .fx_link2 .f-link-list li > span {
		font-size: 1.2rem;
	}
}


/* フッターリンク集1 */
#footer .fx_link1 {
	padding: 10px 0;
}

#footer .fx_link1 .f-link-list ul {
	padding: 10px 0;
	display: flex;
	flex-flow: row wrap;
	gap: 0 20px;
	align-items: center;
	justify-content: center;
}

#footer .fx_link1 .f-link-list li {
}

#footer .fx_link1 .f-link-list li > a ,
#footer .fx_link1 .f-link-list li > span {
	color: inherit;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: var(--text-letter-spacing);
}

#footer .fx_link1 .f-link-list li > a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg") center center no-repeat;
	background-size: contain;
	margin-left: 0.5em;
}

#footer .fx_link1 .f-link-list li > a:hover {
	text-decoration: underline;
}

@media screen and (width <= 768px) {
	#footer .fx_link1 .f-link-list li > a ,
	#footer .fx_link1 .f-link-list li > span {
		font-size: 1.2rem;
	}
}


/* コピーライト */
#footer .fx_copyright {
	/* padding: 15px 0 0; */
}

#footer .fx_copyright .f-text-section {
	font-size: 1.4rem;
	font-weight: 500;
	/* letter-spacing: var(--text-letter-spacing); */
	letter-spacing: 0;
	text-align: center;
}

@media screen and (width <= 768px) {
	#footer .fx_copyright .f-text-section {
		/* font-size: 1.2rem; */
		line-height: 32px;
	}
}


/*==== スクロールエフェクト ====*/
/* 出現アニメーション(新) */
/* クラス名はfadeObjX1～9まで */
.fadeObjX {
	opacity: 0;
	transition: none;
	transform: translate3d(0, -30px, 0);
}

.fadeObjX.visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: 1s 1.5s;
}

.fadeObjX.visible.fadeObjX1 {
	transition-delay: 0s;
}
.fadeObjX.visible.fadeObjX2 {
	transition-delay: 0.3s;
}
.fadeObjX.visible.fadeObjX3 {
	transition-delay: 0.6s;
}
.fadeObjX.visible.fadeObjX4 {
	transition-delay: 0.9s;
}
.fadeObjX.visible.fadeObjX5 {
	transition-delay: 1.2s;
}

/* 印刷時はスクロールエフェクトoff */
@media print {
	.fadeObjX {
		opacity: 1 !important;
		transform: translate(0, 0) !important;
		transition: 0s 0s !important;
	}
}


/*==== プラグインエリア ====*/
#site-info .ax_other {
}
/* マルチ３カテゴリ設定用 */
#site-info .ox_multi3_listing > *:not(.mgnlEditor) {
	display: none;
}




/*===== 検索ダイアログ =====*/
.close_btn {
	position: absolute;
	top: 40px;
	right: 30px;
	display: block;
	width: 38px;
	height: 38px;
	margin: 8px;
	border-radius: 100%;
	background: #FFF;
	z-index: 10000;
	cursor: pointer;
}

.close_btn:hover{
	opacity: 0.7;
}

.close2-btn-icon1 ,
.close2-btn-icon2 ,
.close2-btn-icon3 {
	display: block;
	position: absolute;
	top: 17px;
	left: 9px;
	width: 22px;
	height: 2px;
	margin: 0;
	background: #004831;
/*	transition: .2s .4s; */
}

.close2-btn-icon1 {
	margin-top: -7px;
}
.close2-btn-icon2 {
	margin-top: 0px;
}
.close2-btn-icon3 {
	margin-top: 7px;
}

.close2-btn-icon1::before ,
.close2-btn-icon3::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 22px;
	height: 2px;
	background: var(--text-color);
/*	transition: .3s .1s; */
}

.close2-btn-title {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 31px;
	left: 0;
	width: 40px;
	height: 12px;

	display: none !important;
}

.close2-btn-title li {
	display: block;
	width: 40px;
	height: 15px;

	line-height: 1;
	font-size: 10px;
	color: var(--text-color);
	text-align: center;
	transform: scale(0.8);
}
.close2-btn-title li:first-child {
	margin-top: -15px;
/*	transition: .5s .1s; */
}


/* -- open時 -- */
.close_btn .close2-btn-icon1 ,
.close_btn .close2-btn-icon2 ,
.close_btn .close2-btn-icon3 {
	background: transparent;
	margin-top: 0;
/*	transition: .2s .1s; */
}

.close_btn .close2-btn-icon1::before ,
.close_btn .close2-btn-icon3::before {
	height: 3px;
/*	transition: .3s .3s; */
}

.close_btn .close2-btn-icon1::before {
	transform: rotate(-225deg);
}

.close_btn .close2-btn-icon3::before {
	transform: rotate(-135deg);
}

.close_btn .close2-btn-title li:first-child {
	margin-top: 0px;
/*	transition: .5s .25s; */
}


#dialog_search {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0,0,0, 0);
	border-top: var(--header-height-pc) solid rgba(255,255,255, 0.9);
	transition: 0.2s;
	z-index: 5000;
	opacity: 0;
	visibility: hidden;
}

#dialog_search.open {
	opacity: 1;
	visibility: visible;
}

#dialog_search .close_box {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#dialog_search .search_inputbox {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: rgba(0,0,0, 0.75);
}

#dialog_search .search_inputbox > h2 {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: var(--text-letter-spacing);
	margin-top: 40px;
}

#dialog_search .search_inputbox .sitesearch {
	max-width: calc(1170px + 40px);
	padding: 40px 80px 100px;
	margin: auto;
}

@media screen and (width <= 768px) {
	.close_btn {
		top: 30px;
		right: 30px;
	}

	#dialog_search {
		border-top: var(--header-height-sp) solid #fff;
	}

	#dialog_search .search_inputbox {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
	}

	#dialog_search .search_inputbox h2 {
		text-align: center;
		font-size: 18px;
		letter-spacing: var(--text-letter-spacing);
	}

	#dialog_search .search_inputbox .sitesearch {
		padding-left: 20px;
		padding-right: 20px;
	}
}


[id=dialog_search] th ,
[id=dialog_search] td {
	padding: 0;
	border: none;
	background: none;
}

/*** 検索ダミー ***/
/* 検索窓 */
/*
#dialog_search .search_inputbox.sw-dummy form {
	font-size: 0;
}

#dialog_search .search_inputbox.sw-dummy input[type="text"] {
	width: calc(100% - 45px);
	font-size: 1.8rem;
	padding: 10px 20px;

}

#dialog_search .search_inputbox.sw-dummy input[type="submit"] {
	padding: 0;
	box-sizing: content-box;
	vertical-align: top;
	width: 20px;
	height: calc(1.15rem + 0px);
	border: 12px solid #000;
	background: #000 url("../../../../../../resources/sw_img_saiyo/default/icon_glass_white.svg") center center no-repeat;
}
*/

#dialog_search .search_inputbox.sw-dummy form {
	font-size: 0;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	align-items: center;
}

#dialog_search .search_inputbox.sw-dummy input[type="text"] {
	width: calc(100% - 45px);
	font-size: 16px;
	padding: 0;
	border: none;
	outline: none;

	line-height: 1em;
}

#dialog_search .search_inputbox.sw-dummy input[type="submit"] {
	padding: 0;
	vertical-align: middle;
	border: none;
	outline: none;
	width: 19px;
	height: 19px;
	background: url(../../../../../../resources/sw_img_saiyo/default/icon_glass.svg) no-repeat center center;
	background-size: contain;
}




/*** google custom search ***/
/* ベース */
.gsc-control-cse ,
.gsc-control-cse * {
	box-sizing: content-box;
}

.gsc-control-cse {
	line-height: 1;
}

.gsc-search-box td ,
.gsc-search-box th ,
.gsc-control-cse td ,
.gsc-control-cse th {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
}

.gsc-control-cse {
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

/* 検索窓 */
#dialog_search .search_inputbox.sw-gcs form {
	font-size: 0;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}

#dialog_search .search_inputbox.sw-gcs input[type="text"] {
	width: calc(100% - 45px);
	font-size: 16px;
	padding: 10px 20px;
	border: none;

	line-height: 1em;
}

#dialog_search .search_inputbox.sw-gcs input[type="submit"] {
	padding: 0;
	box-sizing: content-box;
	vertical-align: top;
	width: 20px;
	height: calc(1.15rem + 0px);
	border: 12px solid #000;
	background: #000 url("../../../../../../resources/sw_img_saiyo/default/icon_glass_white.svg") center center no-repeat;
}

[id=dialog_search] .gsst_b {
	font-size: 0;
}

[id=dialog_search] input.gsc-input {
	min-height: 27px;
}

[id=dialog_search] .gsc-search-button-v2 {
	margin: 0;
}

#dialog_search .gsc-input-box {
	border: none;
}

#dialog_search .gsc-search-button-v2 {
	margin: 0;
	padding: 0;
	border: none;

	width: 19px;
	height: 19px;
	background: url(../../../../../../resources/sw_img_saiyo/default/icon_glass.svg) no-repeat center center;
	background-size: contain;
}

#dialog_search .gsc-search-button-v2 * {
	display: none;
}

@media screen and (width <= 768px) {
	.gsc-results-wrapper-overlay {
		left: 5% !important;
		width: 90% !important;
		box-sizing: border-box;
	}

	#dialog_search .search_inputbox.sw-gcs .sitesearch {
		padding: 40px 20px 0;
	}

	#dialog_search .search_inputbox.sw-gcs form {
		padding: 0 10px;
		border-radius: 10px;
	}
}


/* 検索(MARS FINDER) */
.mf_finder_searchBox_items .mf_finder_searchBox_submit span {
	margin: 0;
}

.mf_finder_searchBox_submit {
	color: #fff !important;
	font-size: 2.4rem !important;
}

.mf_finder_searchBox_doctype ,
.mf_finder_searchBox_selects {
	display: none !important;
}

.mf_finder_searchBox_query_input {
	border: none !important;
}

div.mf_finder_organic_doc_body {
	height: auto;
}

#sharewithmain .mf_finder_searchBox {
	margin-bottom: 18px;
}


/*** popfind(GENIEE SEARCH for コーポレート) ***/
/* 検索窓 */
#dialog_search .search_inputbox.sw-popfind .sitesearch > form {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	height: 35px;
	border: 1px solid #000;
	padding: 0 0 0 15px;
	background: #fff;
}

#dialog_search .search_inputbox.sw-popfind .sitesearch > form input[type="text"] {
	padding: 0;
	border: none;
	outline: none;
	width: 100%;
	font-size: 16px;
	color: #000;
}

#dialog_search .search_inputbox.sw-popfind .sitesearch > form input[type="submit"] {
	padding: 0;
	border: none;
	font-size: 0;
	width: 35px;
	height: 35px;
	background: #000 url("../../../../../../resources/sw_img_saiyo/icon/icon_search.svg") no-repeat center center;
	cursor: pointer;
}

#dialog_search .search_inputbox.sw-popfind .sitesearch > form > div.poplink.pcia {
	top:35px;
}

@media screen and (width <= 768px) {
	#dialog_search .search_inputbox.sw-popfind .sitesearch form input[type="text"] {
		width: 70%;
	}
	#dialog_search .search_inputbox.sw-popfind .sitesearch form input[type="submit"] {
		width: 23%;
		padding: 10px 0;
	}
}


/* 検索結果 */
.sitesearch_result.sw-popfind .sitesearch > form > div.poplink.pcia {
    top: 100%;
}

.sitesearch_result.sw-popfind {
	background: #E3F3F5;
	border-radius: 20px;
	padding: 40px 20px 10px;
}

.sitesearch_result.sw-popfind form {
    position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0.5em 1.5em;
	margin: 0.5em 0 1em 0;
}

.sitesearch_result.sw-popfind form ._label {
	padding-right: 5px;
	font-weight: bold;
	font-size: 1em;
	width: 220px;
}

.sitesearch_result.sw-popfind form input[type="text"] {
	margin-right: 15px;
	border: 1px solid #DDDDDD;
	padding: 10px;
	border-radius: 4px;
	width: 100%;
	max-width: 400px;
}

.sitesearch_result.sw-popfind form input[type="submit"] {
	background: #008FA0;
	border: none;
	color: #fff;
	border-radius: 10em;
	padding: 10px 20px;
	cursor: pointer;
}

._sitesearch_component ._countselector {
	justify-content: flex-start !important;
}

._sitesearch_component ._countselector ._label {
	font-size: 16px;
}

._sitesearch_component ._countselector ._label {
	width: 220px;
	flex:none !important;
}
._sitesearch_component ._countselector select {
	max-width: 300px;
	border: 1px solid #DDDDDD;
	padding: 6px 10px !important;
	border-radius: 4px;
}

._sitesearch_component ._attributegroup {
	display: flex;
	align-items: center;
}

._sitesearch_component ._attributegroup ._group {
	width: 220px;
	font-size: 1em !important;
}

._sitesearch_component ._attributegroup ._attributes {
	display: flex;
}
._sitesearch_component ._attributegroup ._attributes ._attribute {
	margin-right: 10px !important;
}
._sitesearch_component ._attributegroup ._attributes ._attribute input {
	margin-right: 5px !important;
	border: 1px solid #DDDDDD !important;
}

._sitesearch_component ._searchstatus {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

._sitesearch_component ._searchstatus ._hits {
	font-size: 24px;
}

._sitesearch_component ._pagenator {
	flex-wrap: wrap;
}

._sitesearch_component ._pagenator ._nav {
	flex: none !important;
}
._sitesearch_component ._pagenator ._nav ._disable {
	font-size: 0;
}

._sitesearch_component ._pagenator>._nav._page {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin: 0 4px !important
}

._sitesearch_component ._pagenator>._nav._page a,
._sitesearch_component ._pagenator ._nav._page._current{
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #008FA0;
	display: flex;
	width: 40px;
	height: 40px;
	color: #008FA0;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

._sitesearch_component ._pagenator ._nav._page._current {
	background: #E4F3F4;
}

._sitesearch_component ._pagenator ._nav._first a,
._sitesearch_component ._pagenator ._nav._prev a,
._sitesearch_component ._pagenator ._nav._next a {
	font-size: 0;
	border-radius: 4px !important;
	border: 1px solid #008FA0;
	background: #008FA0 !important;
	display: flex;
	width: 40px;
	height: 40px;
	color: #008FA0 !important;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	margin: 0 4px !important
}
._sitesearch_component ._pagenator ._nav._first a:before,
._sitesearch_component ._pagenator ._nav._first a:after,
._sitesearch_component ._pagenator ._nav._prev a:before,
._sitesearch_component ._pagenator ._nav._next a:before {
	content: '';
	border: 1px solid #fff;
	border-right: none;
	border-bottom: none;
	display: block;
	width: 6px;
	height: 6px;
	transform: rotate(-45deg);
}
._sitesearch_component ._pagenator ._nav._next a:before {
	transform: rotate(-225deg);
}
._sitesearch_component ._pagenator ._nav._first a:after {
	margin-left: 3px;
}

._sitesearch_component ._pagenator ._nav._first, ._sitesearch_component ._pagenator ._nav._prev, ._sitesearch_component ._pagenator ._nav._next {
	margin: 0 !important;
}

._sitesearch_component ._items>._item {
	border-top: 1px solid #DDDDDD;
	padding-top: 40px !important;
	margin-bottom: 40px !important;
}

._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 {
	margin-bottom: 30px !important;
}

._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 ._seq {
	color: #008FA0 !important;
	line-height: 1.3;
}

._sitesearch_component ._items ._item ._wrap ._title a,
._sitesearch_component ._items ._item ._wrap ._link_title a {
	text-decoration: underline;
}

._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 ._title a em,
._sitesearch_component ._items ._item ._wrap ._snippet em{
	background: #8ADCE5 !important;
}

._sitesearch_component ._items ._item ._wrap ._snippet {
	font-size: 16px;
}

._sitesearch_component ._items>._item ._wrap ._sitesearch_group2 ._thumbnail {
	margin-right: 30px;
}

._sitesearch_component ._items ._item ._wrap ._thumbnail a {
	height: auto !important;
}

._sitesearch_component ._items>._item ._wrap ._sitesearch_group4 a {
	color: #008FA0;
}


@media screen and (width <= 768px) {
	.sitesearch_wrap {
		padding: 10px !important;
	}
	.sitesearch form {
		display: block;
	}
	.sitesearch form input[type="text"] {
		width: 70%;
	}
	.sitesearch form input[type="submit"] {
		width: 23%;
		padding: 10px 0;
	}
	._sitesearch_component ._countselector {
	}
	._sitesearch_component ._countselector {
		display: block !important;
	}
	._sitesearch_component ._countselector ._label {
		margin-bottom: 5px;
	}
	._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 {
		margin-bottom: 20px !important;
	}
	._sitesearch_component ._items>._item ._wrap ._sitesearch_group1 ._seq {
		white-space: nowrap;
	}
	._sitesearch_component ._items>._item ._wrap ._sitesearch_group2 {
		display: block !important;
	}
	._sitesearch_component ._items>._item ._wrap ._sitesearch_group2 ._thumbnail {
		margin-right: 0;
		margin-bottom: 20px;
		min-height: auto !important;
	}
	._sitesearch_component ._items ._item ._wrap ._thumbnail a {
		height: auto !important;
		position: relative !important;
	}
	._sitesearch_component ._items ._item ._wrap ._thumbnail:before {
		content: none !important;
	}
	._sitesearch_component ._attributegroup {
		display: block !important;
	}
}


/*==== カルーセル：スライドMV html1・メイン用 （縦横比固定型・動画対応版） ====*/
/* スライドエリアと画像サイズに合わせて、各設定値を変更する事 */


/* アロー・ドットを含む枠 */
#html1 .ux_slick_mcol_mv ,
#sharewithmain * * .ux_slick_mcol_mv {
	position: relative;
	max-width: 2560px;
	margin: 0 auto 60px;
}

#html1 .ux_slick_mcol_mv > .column1 ,
#sharewithmain * * .ux_slick_mcol_mv > .column1 {
	width: 100%;
	max-width: none;
	margin: 0;
}

/* オープニング オーバーレイ */
#html1 .ux_slick_mcol_mv:not(.ready) > .column1 ,
#sharewithmain * * .ux_slick_mcol_mv:not(.ready) > .column1 {
	opacity: 0;
}

#html1 .ux_slick_mcol_mv > .column2 ,
#sharewithmain * * .ux_slick_mcol_mv > .column2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: none;
	margin: 0;
	transform: translate(-50%, -50%);
	transition: 0.5s;
}

#html1 .ux_slick_mcol_mv.animate > .column2 ,
#sharewithmain * * .ux_slick_mcol_mv.animate > .column2 {
	transition-delay: 1s;
	opacity: 0;
	visibility: hidden;
}

#html1 .ux_slick_mcol_mv > .column2 > * ,
#html1 .ux_slick_mcol_mv > .column2 img ,
#sharewithmain * * .ux_slick_mcol_mv > .column2 > * ,
#sharewithmain * * .ux_slick_mcol_mv > .column2 img {
	margin: 0;
}

#html1 .ux_slick_mcol_mv > .column3 ,
#sharewithmain * * .ux_slick_mcol_mv > .column3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	transform: none;
	transition: 0.3s 0.3s opacity;
}
#html1 .ux_slick_mcol_mv.ready > .column3 ,
#sharewithmain * * .ux_slick_mcol_mv.ready > .column3 {
	opacity: 0;
	visibility: hidden;
}

#html1 .ux_slick_mcol_mv > .column3 > * ,
#sharewithmain * * .ux_slick_mcol_mv > .column3 > * {
	position: static;
}

#html1 .ux_slick_mcol_mv > .column3 img ,
#sharewithmain * * .ux_slick_mcol_mv > .column3 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	-o-object-fit: cover;
	   object-fit: cover;
}

#html1 .ux_slick_mcol_mv.ready > .column3 ,
#sharewithmain * * .ux_slick_mcol_mv.ready > .column3 {
	opacity: 0;
	visibility: hidden;
}


/* 各スライドの枠 */
#html1 .ux_slick_mcol_mv .slick-slider ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slider {
	overflow: hidden;
}

/* 縦横比の設定 */
/* 各スライド要素の枠 */
#html1 .ux_slick_mcol_mv .slick-slide ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide {
	overflow: hidden;
	aspect-ratio: 1280 / 440;
}

@media screen and (width <= 768px) {
	#html1 .ux_slick_mcol_mv .slick-slide ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide {
		aspect-ratio: 750 / 900;
	}
}

#html1 .ux_slick_mcol_mv .slick-slide > div ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide > div {
	position: absolute;
/*
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: none;
	margin: 0;
	transform: translate(-50%, -50%);
*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
}

/* PCを第１カラム、SPを第２カラム、用とする場合 */
@media print, screen and (width > 768px) {
	#html1 .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column2 ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column2 {
		display: none;
	}
}
@media screen and (width <= 768px) {
	#html1 .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column1 ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide.multiColumn2 > .column1 {
		display: none;
	}
}

#html1 .ux_slick_mcol_mv .slick-slide img ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide img {
	width: 100%;
}

#html1 .ux_slick_mcol_mv .slick-slide >* >*:first-child ,
#html1 .ux_slick_mcol_mv .slick-slide img ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide >* >*:first-child ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide img {
	margin-top: 0;
}
#html1 .ux_slick_mcol_mv .slick-slide >* >*:last-child ,
#html1 .ux_slick_mcol_mv .slick-slide img ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide >* >*:last-child ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide img {
	margin-bottom: 0;
}

/* パーツを１つのみ設置した場合 */
#html1 .ux_slick_mcol_mv .slick-slide > * >*:only-child ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide > * >*:only-child {
	height: 100%;
}
#html1 .ux_slick_mcol_mv .slick-slide > * > .text-section:only-child img ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide > * > .text-section:only-child img {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}



/* youtube動画 */
@media print, screen and (width > 768px) {
	/* MVエリアの方が横に長い場合 */
	#html1 .ux_slick_mcol_mv .slick-slide .youtube ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide .youtube {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: auto;
		max-width: none;
		margin: 0;
		aspect-ratio: 560 / 315;
		-o-object-fit: cover;
		   object-fit: cover;
		transform: translate(0,-50%);
	}
}
@media screen and (width <= 768px) {
	/* MVエリアの方が縦に長い場合 */
	#html1 .ux_slick_mcol_mv .slick-slide .youtube ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide .youtube {
		position: absolute;
		top: 0;
		left: 50%;
		width: auto;
		height: 100%;
		max-width: none;
		margin: 0;
		aspect-ratio: 560 / 315;
		-o-object-fit: cover;
		   object-fit: cover;
		transform: translate(-50%,0);
	}
}


/* ビデオパーツ動画 */
#html1 .ux_slick_mcol_mv .slick-slide div.video ,
#html1 .ux_slick_mcol_mv .slick-slide video ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide div.video ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

/* chrome対策：下端5pxに目隠し */
/*
#html1 .ux_slick_mcol_mv .slick-slide video ,
#sharewithmain * * .ux_slick_mcol_mv .slick-slide video {
	bottom: -5px;
	height: calc(100% + 5px);
}
*/


/* アローをドットの左右に配置する */
#html1 .ux_slick_mcol_mv .arrow-dots ,
#sharewithmain * * .ux_slick_mcol_mv .arrow-dots {
	position: absolute;
	left: 50%;
	bottom: -50px;
	display: inline-block;
	padding: 5px 25px;
	transform: translate(-50%, 0);

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 10px;
}

/* ドット */
#html1 .ux_slick_mcol_mv .slick-dots ,
#sharewithmain * * .ux_slick_mcol_mv .slick-dots {
	position: static;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 10px;

	display: none;
}
#html1 .ux_slick_mcol_mv .slick-dots[style*="display: block"] ,
#sharewithmain * * .ux_slick_mcol_mv .slick-dots[style*="display: block"] {
	display: flex !important;
}
#html1 .ux_slick_mcol_mv .slick-dots:not([style*="display: block;"]) ~ * ,
#sharewithmain * * .ux_slick_mcol_mv .slick-dots:not([style*="display: block;"]) ~ * {
	display: none !important;
}


#html1 .ux_slick_mcol_mv .slick-dots li ,
#sharewithmain * * .ux_slick_mcol_mv .slick-dots li {
	flex: 0 0 auto;
}

#html1 .ux_slick_mcol_mv .slick-dots li button ,
#sharewithmain * * .ux_slick_mcol_mv .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid var(--key-color);
	background: #fff;
	border-radius: 100%;
}

#html1 .ux_slick_mcol_mv .slick-dots li button::before ,
#sharewithmain * * .ux_slick_mcol_mv .slick-dots li button::before {
	content: none;
}

#html1 .ux_slick_mcol_mv .slick-dots li.slick-active button ,
#sharewithmain * * .ux_slick_mcol_mv .slick-dots li.slick-active button {
	background: var(--key-color);
}

/* アロー */
#html1 .ux_slick_mcol_mv .slick-prev ,
#html1 .ux_slick_mcol_mv .slick-next ,
#html1 .ux_slick_mcol_mv .slick-pause ,
#sharewithmain * * .ux_slick_mcol_mv .slick-prev ,
#sharewithmain * * .ux_slick_mcol_mv .slick-next ,
#sharewithmain * * .ux_slick_mcol_mv .slick-pause {
	top: auto;
	flex: 0 0 auto;

	position: relative;
	width: 30px;
	height: 30px;
	z-index: 1;
	opacity: 1;
	margin: 0;
}

#html1 .ux_slick_mcol_mv .slick-prev ,
#sharewithmain * * .ux_slick_mcol_mv .slick-prev {
	order: -1;
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-prev.svg") no-repeat center center;
	background-size: contain;
}
#html1 .ux_slick_mcol_mv .slick-next ,
#sharewithmain * * .ux_slick_mcol_mv .slick-next {
	order: 2;
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-prev.svg") no-repeat center center;
	background-size: contain;
	transform: scaleX(-1);
}
#html1 .ux_slick_mcol_mv .slick-pause ,
#sharewithmain * * .ux_slick_mcol_mv .slick-pause {
	order: 3;
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-pause.svg") no-repeat center center;
	background-size: contain;
	transform: scaleX(-1);
}
#html1 .ux_slick_mcol_mv .slick-pause[data-state~="pause"] ,
#sharewithmain * * .ux_slick_mcol_mv .slick-pause[data-state~="pause"] {
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-play.svg") no-repeat center center;
	background-size: contain;
	transform: scaleX(1);
}

#html1 .ux_slick_mcol_mv .slick-prev:hover ,
#html1 .ux_slick_mcol_mv .slick-prev:focus ,
#html1 .ux_slick_mcol_mv .slick-next:hover ,
#html1 .ux_slick_mcol_mv .slick-next:focus ,
#html1 .ux_slick_mcol_mv .slick-pause:hover ,
#html1 .ux_slick_mcol_mv .slick-pause:focus ,
#sharewithmain * * .ux_slick_mcol_mv .slick-prev:hover ,
#sharewithmain * * .ux_slick_mcol_mv .slick-prev:focus ,
#sharewithmain * * .ux_slick_mcol_mv .slick-next:hover ,
#sharewithmain * * .ux_slick_mcol_mv .slick-next:focus ,
#sharewithmain * * .ux_slick_mcol_mv .slick-pause:hover ,
#sharewithmain * * .ux_slick_mcol_mv .slick-pause:focus {
	opacity: 0.7;
	transition: 0.3s;
}

/* スライドしない場合は、ポーズボタン非表示 */
#html1 .ux_slick_mcol_mv .slick-pause[aria-hidden="true"] ,
#sharewithmain * * .ux_slick_mcol_mv .slick-pause[aria-hidden="true"] {
	display: none !important;
}

@media print, screen and (width > 768px) {
	#html1 .ux_slick_mcol_mv ,
	#sharewithmain * * .ux_slick_mcol_mv {
		/* ヘッダーの背景にも見える様にする */
/*		margin-top: calc(-1 * var(--header-height-pc)); */
	}
}


@media screen and (width <= 768px) {
}

/* 印刷時は、スライド機能をオフって、アクティブ画像をそのまま配置 */
@media print {
	#html1 .ux_slick_mcol_mv .slick-slide ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide {
		left: 0 !important;
		min-height: auto !important;
		width: 100% !important;
		display: none !important;
	}
	#html1 .ux_slick_mcol_mv .slick-slide.slick-active ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide.slick-active {
		display: block !important;
	}

	#html1 .ux_slick_mcol_mv .slick-slide > div ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide > div {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;	
		min-width: auto !important;
		transform: none !important;
		margin: 0 !important;
	}
	#html1 .ux_slick_mcol_mv .slick-slide::before ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-slide::before {
		content: none !important;
	}

	#html1 .ux_slick_mcol_mv .slick-list ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-list {
		height: auto !important;
	}
	#html1 .ux_slick_mcol_mv .slick-track ,
	#sharewithmain * * .ux_slick_mcol_mv .slick-track {
		width: auto !important;
		height: auto !important;
		transform: none !important;
	}
}


/*==== マルチ３一覧(サムネイルなし) ニュースティッカー ====*/
#sharewithmain .ux_slick_multi3_ticker .slick-slide {
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding-bottom: 15px;
}



/*==== マルチ３一覧(サムネイル付き) タイル型ニューススライド ====*/
/* 設定resetしない、はみ出し対策必須 */
#sharewithmain .ux_slick_multi3_tile {
	overflow: hidden;
}

#sharewithmain .ux_slick_multi3_tile .basic-list2.thumnail {
	overflow: visible;
	position: relative;
	padding-bottom: 60px;
}

#sharewithmain .ux_slick_multi3_tile .basic-list2.thumnail .slick-slide {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0 15px;
}


/* アローをドット配置する */
#sharewithmain .ux_slick_multi3_tile .arrow-dots {
	position: absolute;
	left: 50%;
	bottom: 0;
	padding: 5px 25px;
	transform: translate(-50%, 0);
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 10px;
}

#sharewithmain .ux_slick_multi3_tile .slick-dots {
	position: static;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 10px;

	display: none;
}


/* ドット */
#sharewithmain .ux_slick_multi3_tile .slick-dots[style*="display: block"] {
	display: flex !important;
}

#sharewithmain .ux_slick_multi3_tile .slick-dots li {
	flex: 0 0 auto;
}

#sharewithmain .ux_slick_multi3_tile .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid var(--key-color);
	background: #fff;
	border-radius: 100%;
}

#sharewithmain .ux_slick_multi3_tile .slick-dots li button::before {
	content: none;
}

#sharewithmain .ux_slick_multi3_tile .slick-dots li.slick-active button {
	background: var(--key-color);
}

/* ポーズ */
#sharewithmain .ux_slick_multi3_tile .slick-pause {
	top: auto;
	flex: 0 0 auto;
	order: 1;

	position: relative;
	width: 30px;
	height: 30px;
	z-index: 1;
	opacity: 1;
	margin: 0;
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-pause.svg") no-repeat center center;
	background-size: contain;
	transform: scaleX(-1);
}
#sharewithmain .ux_slick_multi3_tile .slick-pause[data-state~="pause"] {
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-play.svg") no-repeat center center;
	background-size: contain;
	transform: scaleX(1);
}

#sharewithmain .ux_slick_multi3_tile .slick-pause[aria-hidden="true"] {
	display: none !important;;
}

/* アロー */
#sharewithmain .ux_slick_multi3_tile .slick-prev ,
#sharewithmain .ux_slick_multi3_tile .slick-next {
	position: absolute;
	top: 110px;
	width: 50px;
	height: 50px;
	z-index: 1;
	opacity: 1;
	margin: 0;
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-prev2.svg") no-repeat center center;
	background-size: contain;
}

#sharewithmain .ux_slick_multi3_tile .slick-prev {
	left: -20px;
}
#sharewithmain .ux_slick_multi3_tile .slick-next {
	right: -20px;
	transform: scaleX(-1);
}

#sharewithmain .ux_slick_multi3_tile .slick-prev:hover ,
#sharewithmain .ux_slick_multi3_tile .slick-prev:focus ,
#sharewithmain .ux_slick_multi3_tile .slick-next:hover ,
#sharewithmain .ux_slick_multi3_tile .slick-next:focus ,
#sharewithmain .ux_slick_multi3_tile .slick-pause:hover ,
#sharewithmain .ux_slick_multi3_tile .slick-pause:focus {
	opacity: 0.7;
	transition: 0.3s;
}

@media screen and (width <= 768px) {
	#sharewithmain .ux_slick_multi3_tile .slick-prev ,
	#sharewithmain .ux_slick_multi3_tile .slick-next {
		width: 35px;
		height: 35px;
	}

}


/*==== 別エリア表示パーツ内 マルチカラム タイル型スライド ====*/
/* 設定resetしない、はみ出し対策必須 */
.ux_slick_mcol_tile {
	overflow: hidden;
}
.ux_slick_mcol_tile >*> .reuse-main-area {
	position: relative;
}

#sharewithmain .ux_slick_mcol_tile .slide-frame {
	position: relative;
	margin-top: 30px;
	padding-bottom: 50px;
}

#sharewithmain .ux_slick_mcol_tile .slide-frame .slick-slide {
	position: relative;
	width: 100%;
	margin: 0 10px;
}

#sharewithmain .ux_slick_mcol_tile .slide-frame .slick-slide.slick-active {
}


/* アローをドット配置する */
#sharewithmain .ux_slick_mcol_tile .arrow-dots {
	position: absolute;
	left: 50%;
	bottom: 0;
	padding: 5px 25px;
	transform: translate(-50%, 0);
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 10px;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots {
	position: static;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 0 10px;

	display: none;
}


/* ドット */
#sharewithmain .ux_slick_mcol_tile .slick-dots[style*="display: block"] {
	display: flex !important;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots li {
	flex: 0 0 auto;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid var(--key-color);
	background: #fff;
	border-radius: 100%;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots li button::before {
	content: none;
}

#sharewithmain .ux_slick_mcol_tile .slick-dots li.slick-active button {
	background: var(--key-color);
}

/* ポーズ */
#sharewithmain .ux_slick_mcol_tile .slick-pause {
	top: auto;
	flex: 0 0 auto;
	order: 1;

	position: relative;
	width: 30px;
	height: 30px;
	z-index: 1;
	opacity: 1;
	margin: 0;
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-pause.svg") no-repeat center center;
	background-size: contain;
	transform: scaleX(-1);
}
#sharewithmain .ux_slick_mcol_tile .slick-pause[data-state~="pause"] {
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-play.svg") no-repeat center center;
	background-size: contain;
	transform: scaleX(1);
}

#sharewithmain .ux_slick_mcol_tile .slick-pause[aria-hidden="true"] {
	display: none !important;;
}

/* アロー */
#sharewithmain .ux_slick_mcol_tile .slick-prev ,
#sharewithmain .ux_slick_mcol_tile .slick-next {
	position: absolute;
	top: 110px;
	width: 50px;
	height: 50px;
	z-index: 1;
	opacity: 1;
	margin: 0;
	background: url("../../../../../../resources/sw_img_saiyo/slide/slide-prev2.svg") no-repeat center center;
	background-size: contain;
}

#sharewithmain .ux_slick_mcol_tile .slick-prev {
	left: -20px;
}
#sharewithmain .ux_slick_mcol_tile .slick-next {
	right: -20px;
	transform: scaleX(-1);
}

#sharewithmain .ux_slick_mcol_tile .slick-prev:hover ,
#sharewithmain .ux_slick_mcol_tile .slick-prev:focus ,
#sharewithmain .ux_slick_mcol_tile .slick-next:hover ,
#sharewithmain .ux_slick_mcol_tile .slick-next:focus ,
#sharewithmain .ux_slick_mcol_tile .slick-pause:hover ,
#sharewithmain .ux_slick_mcol_tile .slick-pause:focus {
	opacity: 0.7;
	transition: 0.3s;
}

@media screen and (width <= 768px) {
	#sharewithmain .ux_slick_mcol_tile .slick-prev ,
	#sharewithmain .ux_slick_mcol_tile .slick-next {
		width: 35px;
		height: 35px;
	}
}




/*==== クッキー警告ダイアログ ====*/
#page404 #site-info .ux_popup_cookie_warning {
	display: none !important;
}

#site-info .ux_popup_cookie_warning {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,.75);
	z-index: 3100;
	transition: 0.3s;
}

#site-info .ux_popup_cookie_warning.agree {
	max-height: 0;
	visibility: hidden;
}

#site-info .ux_popup_cookie_warning > * {
	display: block;
	width: 100%;
	padding: 20px 20px;
	margin: auto;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.6;
}

#site-info .ux_popup_cookie_warning .text-section {
	margin: 0;
	flex-grow: 1;
}

#site-info .ux_popup_cookie_warning .text-section .strong {
	display: inline-block;
	margin-bottom: 10px;
}

#site-info .ux_popup_cookie_warning .text-section a {
	color: inherit;
	text-decoration: underline;
}

#site-info .ux_popup_cookie_warning .text-section a::before {
	content: "→";
	display: inline-block;
	margin-right: 0.4em;
}

#site-info .ux_popup_cookie_warning .text-section  a[target="_blank"]::after {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/linkout_white.svg");
}

#site-info .ux_popup_cookie_warning .text-section a:hover {
	text-decoration: none;
}

#site-info .ux_popup_cookie_warning .title4 {
	white-space: nowrap;
	flex-shrink: 0;
	display: block;
	width: auto;
	margin: auto;

	min-width: 100px;
	color: #000;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.375;

	cursor: pointer;
}

#site-info .ux_popup_cookie_warning .title4 h4 {
	padding: 8px;
}

@media print, screen and (width > 768px) {
	#site-info .ux_popup_cookie_warning {
/*		min-width: calc(var(--mainarea-width) + 40px); */
	}

	#site-info .ux_popup_cookie_warning > div {
		max-width: calc(var(--mainarea-width) + 40px);
		margin: auto;
	}

	#site-info .ux_popup_cookie_warning >* >* >* >* {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		gap: 0 20px;
	}

}

@media screen and (width <= 768px) {
	#site-info .ux_popup_cookie_warning {
	}

	#site-info .ux_popup_cookie_warning > div {
		padding: 20px 20px;
	}

	#site-info .ux_popup_cookie_warning .text-section {
		font-size: 1.1rem;
		color: #fff;
		margin-top: 0;
	}

	#site-info .ux_popup_cookie_warning .title4 {
		margin: 10px auto 0;
		text-align: center;
		width: -moz-fit-content;
		width: fit-content;
		font-size: 1.1rem;
	}

	#site-info .ux_popup_cookie_warning .title4 h4 {
		padding: 6px 40px;
	}
}




/*==== 言語切り替えリンク ====*/
/* 対応するページがない場合、リンク非表示 */
.ax_lang_link.hidden ,
.ax_lang_link .hidden {
	display: none !important;
}

.ax_lang_link {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	z-index: 6;
}

.ax_lang_link > div {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
}

@media print, screen and (width > 768px) {
	.ax_lang_link {
		display: block;
		left: 50%;
		max-width: calc(var(--mainarea-width) + 40px);
		width: calc(100% - 20px);
		transform: translateX(-50%);
		margin: 0 auto;
	}

	[data-page-intro~="has-bg-video"] .ax_lang_link > div ,
	[data-page-intro~="has-bg-image"] .ax_lang_link > div {
		bottom: 40px;
	}
}
@media screen and (width <= 768px) {
	.ax_lang_link > div {
		right: 10px;
	}

	[data-page-intro~="has-bg-video"] .ax_lang_link > div ,
	[data-page-intro~="has-bg-image"] .ax_lang_link > div {
		bottom: 10px;
	}
}

/* 言語切り替えボタンスタイル */
.ax_lang_link ul {
	display: flex;
	flex-flow: row nowrap;
	line-height: 1.5;
	border-radius: 50px;
}

.ax_lang_link li {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
}

.ax_lang_link li > span ,
.ax_lang_link li > a {
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: inherit;
	white-space: nowrap;
	color: inherit;
	text-decoration: none;
	background: #fff;
}

.ax_lang_link li:not(:last-child) > span,
.ax_lang_link li:not(:last-child) > a {
	border-right: 1px solid #eee;
}

.ax_lang_link li:first-child > span,
.ax_lang_link li:first-child > a {
	padding-left: 15px;
	border-radius: 50px 0 0 50px;
}

.ax_lang_link li:last-child > span ,
.ax_lang_link li:last-child > a {
	padding-right: 15px;
	border-radius: 0 50px 50px 0;
}

.ax_lang_link li.active > span ,
.ax_lang_link li.active > a {
	background: rgba(255,255,255, 0.9);
}
.ax_lang_link .inactive {
}

.ax_lang_link a:hover {
	background: rgba(255,255,255, 0.7);
}

@media screen and (width <= 768px) {
	.ax_lang_link li > span ,
	.ax_lang_link li > a {
		font-size: 1.2rem;
	}
}


/*==== 決算資料 アコーディオン ====*/
#sharewithmain .ux_accordion_result ,
#sharewithmain .lx_accordion_02 {
}

.ux_accordion_result .news-result h2 ,
.ux_accordion_result .news-yuho h2 ,
.ux_accordion_result .news-presentation h2 ,
.ux_accordion_result .news-material h2 {
	cursor: pointer;
	padding-right: 50px;
}

.ux_accordion_result .news-result h2.open::after ,
.ux_accordion_result .news-result h2.close::after ,
.ux_accordion_result .news-yuho h2.open::after ,
.ux_accordion_result .news-yuho h2.close::after ,
.ux_accordion_result .news-presentation h2.open::after ,
.ux_accordion_result .news-presentation h2.close::after ,
.ux_accordion_result .news-material h2.open::after ,
.ux_accordion_result .news-material h2.close::after {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	left: auto;

	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: 20px;
	display: block;
	width: 18px;
	height: 18px;
	background: url("../../../../../../resources/sw_img_saiyo/icon/icon_close.svg") center center no-repeat;
	background-size: contain;
}

.ux_accordion_result .news-result h2.open::after ,
.ux_accordion_result .news-yuho h2.open::after ,
.ux_accordion_result .news-presentation h2.open::after ,
.ux_accordion_result .news-material h2.open::after {
	background-image: url("../../../../../../resources/sw_img_saiyo/icon/icon_open.svg");
}

.lx_accordion_02 > .column2 ,
.lx_accordion_02 > .column3 ,
.lx_accordion_02 > .column4 ,
.lx_accordion_02 > .column5 ,
.ux_accordion_result .news-result h2.open + .group_year ,
.ux_accordion_result .news-result h2.close + .group_year ,
.ux_accordion_result .news-yuho h2.open + .group_year ,
.ux_accordion_result .news-yuho h2.close + .group_year ,
.ux_accordion_result .news-presentation h2.open + .group_year ,
.ux_accordion_result .news-presentation h2.close + .group_year ,
.ux_accordion_result .news-material h2.open + .group_year ,
.ux_accordion_result .news-material h2.close + .group_year {
	margin-top: 20px;
	position: relative;
	color: inherit;
	padding: 1px 25px 20px;
	background: #f5f5f5;
}

.ux_accordion_result .news-material dl:first-child dt {
	margin-top: 20px;
}


/*==== タブ風スタイル ====*/
/* 高さ合わせが必要ならux_justify_list_itemも共に設定する */
/* リンクリスト(非ハイライト)：現在ページがアクティブ */
/* リンクリスト(ハイライト)：サブアイテム(ハイライト)がアクティブ */
#sharewithmain .lx_list_tabstyle01 {
}

.lx_list_tabstyle01 .link-list:not(.highlight) ,
.lx_list_tabstyle01 .link-list.highlight {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 30px;
	padding-bottom: 20px;
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul ,
.lx_list_tabstyle01 .link-list.highlight ul {
	display: table-row;
	margin: 0;
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li ,
.lx_list_tabstyle01 .link-list.highlight ul li {
	margin: 0;
	padding: 0;
	background: none;

	display: table-cell;
	height: 76px;
}

.lx_list_tabstyle01 .link-list ul li:not(.highlight)::before ,
.lx_list_tabstyle01 .link-list ul li:not(.highlight)::after ,
.lx_list_tabstyle01 .link-list ul li.highlight::before ,
.lx_list_tabstyle01 .link-list ul li.highlight::after {
	content: none;
}

.lx_list_tabstyle01 .link-list ul li:not(.highlight) > span ,
.lx_list_tabstyle01 .link-list ul li:not(.highlight) > a ,
.lx_list_tabstyle01 .link-list ul li.highlight > span ,
.lx_list_tabstyle01 .link-list ul li.highlight > a {
	position: relative;
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
	margin: 0;
	margin-right: 1px;
	padding: 5px 5px;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0;
	text-decoration: none;
	background: var(--key-color);
	border-bottom: 1px solid #e4e4e4;
	cursor: pointer;
}

.lx_list_tabstyle01 .link-list ul li:not(.highlight) > span::before ,
.lx_list_tabstyle01 .link-list ul li:not(.highlight) > a::before ,
.lx_list_tabstyle01 .link-list ul li.highlight > span::before ,
.lx_list_tabstyle01 .link-list ul li.highlight > a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: none;
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > span:hover ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > a:hover ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > span ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > a ,
.lx_list_tabstyle01 .link-list.highlight ul li > span:hover ,
.lx_list_tabstyle01 .link-list.highlight ul li > a:hover {
	color: var(--text-color);
	background: none;
	border-color: transparent;
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > span:hover::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li > a:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > span::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > a::before ,
.lx_list_tabstyle01 .link-list.highlight ul li > span:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li > a:hover::before {
	background: var(--key-color);
}

.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > span:hover::before ,
.lx_list_tabstyle01 .link-list:not(.highlight) ul li.act > a:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > span:hover::before ,
.lx_list_tabstyle01 .link-list.highlight ul li.highlight > a:hover::before {
}

.lx_list_tabstyle01 .link-list ul li:not(.highlight).empty-tab > span ,
.lx_list_tabstyle01 .link-list ul li:not(.highlight).empty-tab > a ,
.lx_list_tabstyle01 .link-list ul li.highlight.empty-tab > span ,
.lx_list_tabstyle01 .link-list ul li.highlight.empty-tab > a {
	color: #ccc;
}


/* 上向き（下向きタブ～コンテンツを挟むように直後にに配置） */
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li:not(.highlight) > span ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li:not(.highlight) > a ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li.highlight > span ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li.highlight > a {
	border-bottom: none;
	border-top: 1px solid #e4e4e4;
}

.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li:not(.highlight) > span::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li:not(.highlight) > a::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li.highlight > span::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list ul li.highlight > a::before {
	top: auto;
	bottom: 0;
}

.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li.act > span ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li.act > a ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li > span:hover ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li > a:hover ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li.highlight > span ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li.highlight > a ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li > span:hover ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li > a:hover {
	border-color: transparent;
}

.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li.act > span::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li.act > a::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li > span:hover::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list:not(.highlight) ul li > a:hover::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li.highlight > span::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li.highlight > a::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li > span:hover::before ,
.lx_list_tabstyle01.ux_tab_next_mcol_sync .link-list.highlight ul li > a:hover::before {
}

/* 編集画面  */
.lx_list_tabstyle01 .link-list .mgnlEditorBar[aria-hidden="false"] + ul ,
.lx_list_tabstyle01 .link-list .mgnlEditorBar[aria-hidden="false"] + ul li {
	display: block;
	margin-bottom: 10px;
}


/*==== セレクトボックス ====*/
.link-list.selectbox select {
	display: block;
	font-size: 1.6rem;
}
.link-list.selectbox select option {
}

.link-list.selectbox > div {
	position: relative;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 1;
}

.link-list.selectbox select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-transform: none;
	background: none;
	border: none;
	width: 100%;
	height: 100%;
	cursor: pointer;

	min-width: 100px;
    min-height: 40px;
	padding: 5px 32px 5px 20px;
	color: var(--text-color);
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1;
	letter-spacing: var(--text-letter-spacing);
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 9px;
    transition: .2s ease all;
}

.link-list.selectbox select:active ,
.link-list.selectbox select:focus ,
.link-list.selectbox select:hover {
/*	box-shadow: 0 0 3px rgba(0,0,0, 0.5); */
}

.link-list.selectbox select option:checked {
	color: #fff;
	background: var(--key-color);
}

.link-list.selectbox > div::after {
	content: "";
	top: 45%;
	right: 12px;
	position: absolute;
	width: 7px;
	height: 7px;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 1px solid var(--text-color);
	border-right: 1px solid var(--text-color);
}

.link-list.selectbox > div:hover::after {
}



/*==== IR TOP > 最新イベント ====*/
#sharewithmain .lx_style_ir_latest_event {
}

/*
.lx_style_ir_latest_event {
}

.lx_style_ir_latest_event >*> .link-list {
	margin-top: 30px;
	padding: 20px;
	background: #f5f5f5;
	margin-bottom: 20px;
}

.lx_style_ir_latest_event >*> .link-list h2 {
	margin-top: 0;
	padding-left: 0;
}

.lx_style_ir_latest_event >*> .link-list h2::before ,
.lx_style_ir_latest_event >*> .link-list h2::after {
	content: none;
}

.lx_style_ir_latest_event >*> .link-list ul li {
	font-size: 1.8rem;
}
*/

/* 最新決算資料 */
#sharewithmain .lx_style_ir_latest_earnings {
}

#sharewithmain .lx_style_ir_latest_earnings > div {
	margin-top: 30px;
	padding: 10px 30px 30px;
	background: #f5f5f5;
}

.lx_style_ir_latest_earnings .title2 {
	margin-top: 0;
}

.lx_style_ir_latest_earnings .title2 h2 {
}

.lx_style_ir_latest_earnings .title2::before ,
.lx_style_ir_latest_earnings .title2::after {
	content: none;
}

.lx_style_ir_latest_earnings .news-result ,
.lx_style_ir_latest_earnings .news-presentation ,
.lx_style_ir_latest_earnings .news-material {
}

.lx_style_ir_latest_earnings .news-material .group_year ~ h2 ,
.lx_style_ir_latest_earnings .news-material .group_year ~ .group_year ,
.lx_style_ir_latest_earnings .news-material dl ~ h2 ,
.lx_style_ir_latest_earnings .news-material dl ~ dl ,
.lx_style_ir_latest_earnings .news-presentation .group_year ~ h2 ,
.lx_style_ir_latest_earnings .news-presentation .group_year ~ .group_year ,
.lx_style_ir_latest_earnings .news-presentation dl ~ h2 ,
.lx_style_ir_latest_earnings .news-presentation dl ~ dl ,
.lx_style_ir_latest_earnings .news-result .group_year ~ h2 ,
.lx_style_ir_latest_earnings .news-result .group_year ~ .group_year ,
.lx_style_ir_latest_earnings .news-result dl ~ h2 ,
.lx_style_ir_latest_earnings .news-result dl ~ dl ,
.lx_style_ir_latest_earnings .merged_list ~ .multiColumn {
	display: none;
}

.lx_style_ir_latest_earnings .news-result dl dt ,
.lx_style_ir_latest_earnings .news-presentation dl dt ,
.lx_style_ir_latest_earnings .news-material h2 {
	display: none;
}

.lx_style_ir_latest_earnings .news-result dl ,
.lx_style_ir_latest_earnings .news-presentation dl ,
.lx_style_ir_latest_earnings .news-material dl {
	margin-top: 0;
}

.lx_style_ir_latest_earnings .news-material dl dt .result-quarter {
}
.lx_style_ir_latest_earnings .news-material dl dt .result-word {
	display: none;
}

.lx_style_ir_latest_earnings .news-result dl dd .filesize ,
.lx_style_ir_latest_earnings .news-presentation dl dd .filesize ,
.lx_style_ir_latest_earnings .news-material dl dd .filesize {
	display: none;
}

/* h4と同等のスタイル */
.lx_style_ir_latest_earnings .news-result h2 ,
.lx_style_ir_latest_earnings .news-presentation h2 ,
.lx_style_ir_latest_earnings .news-material dl dt {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: inherit;
	font-weight: inherit;
	letter-spacing: inherit;

	padding-bottom: 5px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.25;

	margin-bottom: 5px;
}

.lx_style_ir_latest_earnings .news-result h2::before ,
.lx_style_ir_latest_earnings .news-result h2::after ,
.lx_style_ir_latest_earnings .news-presentation h2::before ,
.lx_style_ir_latest_earnings .news-presentation h2::after ,
.lx_style_ir_latest_earnings .news-material dl dt::before ,
.lx_style_ir_latest_earnings .news-material dl dt::after {
	content: none;
}

.lx_style_ir_latest_earnings .news-result dl dt .title-quater ,
.lx_style_ir_latest_earnings .news-presentation dl dt .title-quater ,
.lx_style_ir_latest_earnings .news-material dl dt .title-quater {
	display: inline;
}




/*------------------ HOMEページ 設定サンプル ------------------*/
/*==== HOME共通 ====*/

/*----- マルチカラムの上下に線を引く、連続した時は線を重ねる ----*/
#sharewithmain .lx_sample_mcol_topline_01 {
	padding-top: 40px;
	border-top: 1px solid #eee;
}

#sharewithmain .lx_sample_mcol_bottomline_01 {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

#sharewithmain .lx_sample_mcol_bottomline_01 + .lx_sample_mcol_topline_01 {
	margin-top: -1px;
}

/*---- マルチカラムに背景色をつける -----*/
#sharewithmain .lx_sample_mcol_bg_gray01 {
	background: #fafbfb;
}


/*----- 複数マルチカラム灰色背景 ----*/
#sharewithmain .lx_sample_mcol_bg_gray02 {
}

#sharewithmain .lx_sample_mcol_bg_gray02 {
	padding: 25px 25px 0;
	background: #ccc;
	margin-bottom: 50px;
}

#sharewithmain .lx_sample_mcol_bg_gray02 + .lx_sample_mcol_bg_gray02 {
	margin-top: -50px;
}

/* 囲み線テキストを置いた場合は、そこが白色背景 */
.lx_sample_mcol_bg_gray02 .highlight-quoted-text {
	background: #fff;
}


/*== 重要なお知らせ ==*/
.ux_multi3_notice.no-news {
	display: none !important;
}

#sharewithmain .lx_top_mcol_notice {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#sharewithmain .lx_top_mcol_notice > .column1 {
	padding: 0px 30px 30px;
	border: 3px solid red;
}


.lx_top_mcol_notice .basic-list2:not(.thumnail) .tabItems > li {
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.lx_top_mcol_notice .basic-list2:not(.thumnail) .item {
	padding: 0 !important;
}

.lx_top_mcol_notice .basic-list2:not(.thumnail) .item .date ,
.lx_top_mcol_notice .basic-list2:not(.thumnail) .item .c_icon {
	display: none;
}


/*== ニュースティッカー ==*/
#sharewithmain .lx_style_news_ticker {
	padding-top: 0;
	padding-bottom: 0;
}

.lx_style_news_ticker .basic-list2:not(.thumnail) {
	margin-top: 0;
}

.lx_style_news_ticker .basic-list2:not(.thumnail) .tabItems {
	border: none;
	padding-top: 0;
}



/*== comboニュース ==*/
#sharewithmain .lx_sample_combo_twin_news {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}

@media print, screen and (width > 768px) {
	#sharewithmain .lx_sample_combo_twin_news::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		display: block;
		width: 50%;
		height: 100%;
		background: #fafbfb;
		z-index: -1;
	}

	#sharewithmain .lx_sample_combo_twin_news > .column1 {
		padding: 40px 40px 100px 20px;
		margin-right: -1px;
		border-right: 1px solid #eee;
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_combo_twin_news > .column2 {
		padding: 40px 20px 100px 40px;
		margin-left: 0;
		border-left: 1px solid #eee;
		margin-bottom: 0;
	}
}

@media screen and (width <= 768px) {
	#sharewithmain .lx_sample_combo_twin_news > .column {
		padding: 40px 0px 20px 0px;
	}

	#sharewithmain .lx_sample_combo_twin_news > .column2 {
		position: relative;
	}

	#sharewithmain .lx_sample_combo_twin_news > .column2::before {
		content: "";
		position: absolute;
		top: 0;
		left: -10px;
		display: block;
		width: calc(100% + 20px);
		height: 100%;
		background: #fafbfb;
		z-index: -1;
	}
}



/*==== ブロークングリッド03 ====*/
/* PC:第１カラムが左端中段に配置、SP:第１カラムが上で左端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ */
#sharewithmain .lx_sample_col_grid_03 {
	position: relative;
	padding: 40px 0 20px;
	background: #bbb;
}

/* PC:第１カラムが右端中段に配置、SP:第１カラムが上で右端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ */
#sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl {
}

.lx_sample_col_grid_03 > .column1 .text-section:not(.highlight) img {
	width: 100%;
}

@media print, screen and (width > 768px) {
	#sharewithmain .lx_sample_col_grid_03{
		align-items: center;
		justify-content: flex-start;
	}

	#sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl {
		justify-content: flex-end;
	}

	#sharewithmain .lx_sample_col_grid_03 > .column1 {
		vertical-align: middle;
		max-width: none;
		width: 50%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_03 > .column2 {
		position: relative;
		z-index: 1;
		vertical-align: middle;
		max-width: 650px;
		width: 65%;
		margin-left: -150px;
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column1 {
		margin-left: 0;
		margin-right: 0;
	}

	#sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column2 {
		margin-left: auto;
		margin-right: -150px;
	}
}

@media screen and (width <= 768px) {
	#sharewithmain .lx_sample_col_grid_03 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .lx_sample_col_grid_03 > .column1 {
		margin-left: 0;
		margin-right: 10%;
		max-width: none;
		width: 90%;
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_03 > .column2 {
		position: relative;
		margin-top: -60px;
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column1 {
		margin-left: 10%;
		margin-right: 0;
	}

	#sharewithmain .lx_sample_col_grid_03.lx_mcol_rtl > .column2 {
	}
}



/*==== ブロークングリッド04 ====*/
/* PC:第１カラムが左中段に配置、SP:第１カラムが上で左端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ */
#sharewithmain .lx_sample_col_grid_04 {
	position: relative;
	padding: 40px 0 20px;
}

/* PC:第１カラムが右中段に配置、SP:第１カラムが上で右端に配置。PC/SP:第２カラムは第１カラムにオーバーラップ */
#sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl {
}

.lx_sample_col_grid_04 > .column1 .text-section:not(.highlight) img {
	width: 100%;
}

@media print, screen and (width > 768px) {
	#sharewithmain .lx_sample_col_grid_04 {
		align-items: center;
	}

	#sharewithmain .lx_sample_col_grid_04 > .column1 {
		vertical-align: middle;
		max-width: 500px;
		width: 50%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_04 > .column2 {
		position: relative;
		z-index: 1;
		vertical-align: middle;
		max-width: 650px;
		width: 65%;
		margin-left: -150px;
		margin-right: 0;
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column1 {
	}
	#sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column2 {
		margin-left: 0;
		margin-right: -150px;
	}
}

@media screen and (width <= 768px) {
	#sharewithmain .lx_sample_col_grid_04 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .lx_sample_col_grid_04 > .column1 {
		margin-left: 0;
		margin-right: 10%;
		max-width: none;
		width: 90%;
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_04 > .column2 {
		position: relative;
		margin-top: -60px;
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
		margin-bottom: 0;
	}

	#sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column1 {
		margin-left: 10%;
		margin-right: 0;
	}
	#sharewithmain .lx_sample_col_grid_04.lx_mcol_rtl > .column2 {
	}
}


/*==== グリッドレイアウト05 ====*/
/* SP: そのまま */
/* PC: 第1・3カラムを左に、第2カラムを右に配置 */
@media print, screen and (width > 768px) {
	#sharewithmain .lx_sample_col_grid_05 {
		display: grid;
		grid-template-columns: 
			20px
			1fr
			minmax(auto, calc((var(--mainarea-width) - 30px) / 2))
			30px
			minmax(auto, calc((var(--mainarea-width) - 30px) / 2))
			1fr
			20px;
		grid-template-rows: auto auto auto;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		padding-left: 0;
		padding-right: 0;
	}

	.lx_sample_col_grid_05:not(.lx_mcol_rtl) > .column1 {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
		padding-left: 20px;
	}
	.lx_sample_col_grid_05:not(.lx_mcol_rtl) > .column3 {
		grid-column: 3 / 4;
		grid-row: 3 / 4;
		padding-left: 20px;
	}

	.lx_sample_col_grid_05:not(.lx_mcol_rtl) > .column2 {
		grid-column: 5 / 6;
		grid-row: 2 / 4;
	}

	.lx_sample_col_grid_05.lx_mcol_rtl > .column1 {
		grid-column: -4 / -3;
		grid-row: 2 / 3;
		padding-right: 20px;
	}
	.lx_sample_col_grid_05.lx_mcol_rtl > .column3 {
		grid-column: -4 / -3;
		grid-row: 3 / 4;
		padding-right: 20px;
	}

	.lx_sample_col_grid_05.lx_mcol_rtl > .column2 {
		grid-column: -6 / -5;
		grid-row: 2 / 4;
	}

	.lx_sample_col_grid_05 > .mgnlEditor.component {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.lx_sample_col_grid_05 > .column1 ,
	.lx_sample_col_grid_05 > .column2 ,
	.lx_sample_col_grid_05 > .column3 {
		width: auto;
		max-width: none;
		margin: 0;
		display: flex;
		flex-flow: column nowrap;
		align-items: normal;
		height: 100%;
	}

	.lx_sample_col_grid_05 > .column1 {
		justify-content: flex-end;
	}

	.lx_sample_col_grid_05 > .column2 {
		justify-content: center;
	}

	.lx_sample_col_grid_05 > .column1 > * ,
	.lx_sample_col_grid_05 > .column2 > * ,
	.lx_sample_col_grid_05 > .column3 > * {
		flex: 0 0 auto;
	}
}



/*==== グリッドレイアウト06 ====*/
/* SP: そのまま */
/* PC: 第1・3カラムを左に、第2カラムを右に配置 */
/*     第2カラムの画像を若干拡大・高さ制限 */
@media print, screen and (width > 768px) {
	#sharewithmain .lx_sample_col_grid_06 {
		display: grid;
		grid-template-columns: 
			20px
			1fr
			minmax(auto, calc((var(--mainarea-width) - 30px) / 2))
			70px
			50px
			30px
			50px
			70px
			minmax(auto, calc((var(--mainarea-width) - 30px) / 2))
			1fr
			20px;
		grid-template-rows: auto auto 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		padding-left: 0;
		padding-right: 0;
	}

	.lx_sample_col_grid_06 > .column1 ,
	.lx_sample_col_grid_06 > .column2 ,
	.lx_sample_col_grid_06 > .column3 {
		width: auto;
		max-width: none;
		margin: 0;
	}

	.lx_sample_col_grid_06:not(.lx_mcol_rtl) > .column1 {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
		padding-left: 20px;
	}
	.lx_sample_col_grid_06:not(.lx_mcol_rtl) > .column3 {
		grid-column: 3 / 4;
		grid-row: 3 / 4;
		padding-left: 20px;
	}

	.lx_sample_col_grid_06:not(.lx_mcol_rtl) > .column2 {
		grid-column: 5 / -1;
		grid-row: 2 / 4;
	}

	.lx_sample_col_grid_06.lx_mcol_rtl > .column1 {
		grid-column: -4 / -3;
		grid-row: 2 / 3;
		padding-right: 20px;
	}
	.lx_sample_col_grid_06.lx_mcol_rtl > .column3 {
		grid-column: -4 / -3;
		grid-row: 3 / 4;
		padding-right: 20px;
	}

	.lx_sample_col_grid_06.lx_mcol_rtl > .column2 {
		grid-column: 1 / -5;
		grid-row: 2 / 4;
	}

	.lx_sample_col_grid_06 > .column2 {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-start;
		height: 100%;
		overflow: hidden;
	}

	.lx_sample_col_grid_06 > .column2 > * {
		min-width: calc((var(--mainarea-width) - 30px) / 2 + 30px + 50px);
		max-width: calc((1920px - 30px) / 2 + 30px + 50px);
	}
	.lx_sample_col_grid_06:not(.lx_mcol_rtl) > .column2 > * {
		margin-left: 0;
	}
	.lx_sample_col_grid_06.lx_mcol_rtl > .column2 > * {
		margin-right: 0;
	}

	.lx_sample_col_grid_06 > .mgnlEditor.component {
		grid-column: 1 / -1;
		grid-row: 1;
	}
}



/*==== IR calendar type01 ====*/
.lx_sample_table_calendar01 div.shwTable::before {
    content: none;
}

.lx_sample_table_calendar01 div.shwTable .tbCore {
	margin: 0 33px;
	width: auto;
}

.lx_sample_table_calendar01 div.shwTable .tbCore ,
.lx_sample_table_calendar01 div.shwTable .tbCore tbody ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr ,
.lx_sample_table_calendar01 div.shwTable .tbCore td {
	display: block;
	border: none;
	background: none;
}

.lx_sample_table_calendar01 div.shwTable .tbCore::after {
	content:"";
	display:block;
	clear:both;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr {
	position: relative;
	float: left;
	width: calc(100% / 12.5);
	padding: 0;
	margin: 80px 0 120px;
	border: none;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td {
    padding: 0;
    height: auto;
}

/* 月表示 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(1) {
	display: block;
	margin: 0;
	margin-right: 1px;
	padding: 10px 0;
    text-align: center;
	font-size: 3.8rem;
	font-weight: normal;
	line-height: 1.5;
	font-family: 'Saira Extra Condensed', sans-serif;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr:nth-child(odd) td:nth-child(1) {
	background: #aa0000;
	color: #FFF;
}
.lx_sample_table_calendar01 div.shwTable .tbCore tr:nth-child(even) td:nth-child(1) {
	background: #e4524e;
	color: #FFF;
}

/* 上下キャプション */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
	position: absolute;
	width: 166%;
	left: 50%;
	margin-left: 3px;

	color: var(--text-color);
	padding: 2px;
	font-size: 1.4rem;
	line-height: 1.3;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr:last-child td:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr:last-child td:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr:last-child td:nth-child(4) {
	width: 120%;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) {
	bottom: 100%;
/*	margin-bottom: 1px; */
	padding-bottom: 10px;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) {
	top: 100%;
/*	margin-top: 1px; */
	padding-top: 10px;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
	top: 100%;
/*	margin-top: 1px; */
	padding-top: 55px;
}

/* キャプション左の縦棒 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2)::before ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3)::before ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4)::before {
	content: "";
	position: absolute;
	left: -5px;
	width: 1px;
	height: 100%;
	border-right: 1px solid #000;
	z-index: -1;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2)::before {
	top: 0;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3)::before ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4)::before {
	bottom: 0;
}

.lx_sample_table_calendar01 div.shwTable .tbCore tr td:empty {
    display: none;
}

/* 上旬 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbTop:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbTop:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbTop:nth-child(4) {
    left: 16%;
}

/* 下旬 */
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbBottom:nth-child(2) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbBottom:nth-child(3) ,
.lx_sample_table_calendar01 div.shwTable .tbCore tr td.tbBottom:nth-child(4) {
    left: 84%;
}


@media screen and (width <= 768px) {
	.lx_sample_table_calendar01 div.shwTable {
	    overflow: visible;
	}

	.lx_sample_table_calendar01 div.shwTable .tbCore {
		margin: 0 5%;
	}

	.lx_sample_table_calendar01 div.shwTable .tbCore tr {
		width: 16.5%;
		width: calc(100% / 6 - 0.5px);
		margin: 50px 0 75px;
	}

	.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(1) {
	    font-size: 2.8rem;
	}

	.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) ,
	.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) ,
	.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
	    font-size: 1rem;
	}
	    
	.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(2) {
		padding-bottom: 8px;
	}

	.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(3) {
		padding-top: 8px;
	}

	.lx_sample_table_calendar01 div.shwTable .tbCore tr td:nth-child(4) {
		padding-top: 48px;
	}
}


/*==== IR calendar type02 ====*/
/* 02は欠番 */


/*==== IR calendar type03 ====*/
.lx_sample_table_calendar03 {
}

.lx_sample_table_calendar03 div.shwTable {
	padding-left: 20px;
	padding-right: 40px;
}

.lx_sample_table_calendar03 div.shwTable .tbCore ,
.lx_sample_table_calendar03 div.shwTable .tbCore * {
	display: block;
	border: none;
	background: none;
	padding-left: 0;
	padding-right: 0;
}


.lx_sample_table_calendar03 div.shwTable .tbCore {
	border-top: 1px solid #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr {
	border-bottom: 1px solid #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr::after {
	content: "";
	display: block;
	clear: both;
}

.lx_sample_table_calendar03 div.shwTable .tbCore td {
	position: relative;
	float: left;
	width: 8.333%;
	height: calc(1.75rem + 15px * 2);
	background: none;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr {
/*	border-left: 1px solid #7e7e7e; */
/*	border-right: 1px solid #7e7e7e; */
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed:first-child {
	border-left: 1px solid #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed {
	border-right: 1px dotted #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed:last-child {
	border-right: 1px solid #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed p {
	position: absolute;
	left: 50%;
	margin-left: -0.5em;
	top: 50%;
/*	top: calc( (10px + 1.8em + 10px) /2); */
	transform: translate(0, -50%);
	padding-left: 1.2em;
	text-align: left;
	line-height: 1.2;
	white-space: nowrap;
	background: rgba(255,255,255,0.5);
	z-index: 1;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed:last-child p {
	max-width: 100%;
	overflow: hidden;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed p::before {
	content: "●";
	position: absolute;
	top: 50%;
	left: 0;
	color: var(--key-color);
	margin-top: -0.6em;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed.tbLeft:not(.tbCenter) p {
	left: 10%;
	margin-left: 0;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:not(:last-child) td.tbDimmed.tbRight:not(.tbCenter) p {
	left: 90%;
	margin-left: -1em;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child td {
	white-space: nowrap;
	color: #fff;
	background: var(--key-color);
	font-weight: bold;
	padding: 12px 0;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td {
	white-space: nowrap;
	background: #ddd;
	font-weight: bold;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child td ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td {
	border-right: 1px solid #7e7e7e;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child td:first-child ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td:first-child {
	border-left: 1px solid #7e7e7e;
}


.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] + td {
	border-right: none;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] + td ,
.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] + td + td {
	display: block !important;
	border-left: none;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:last-child td[colspan="3"] p {
	position: absolute;
	left: 150%;
	top: 50%;
/*	top: calc( (10px + 1.8em + 10px) /2); */
	transform: translate(-50%, -50%);
	line-height: 1.2;
	white-space: nowrap;
	z-index: 1;
}

.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child th {
	position: relative;
	float: left;
	width: 8.333%;
	height: calc(1.75rem + 15px * 2);
	white-space: nowrap;
	color: #fff;
	background: var(--key-color);
	font-weight: bold;
	padding: 12px 0;
	text-align: center;
	border-right: 1px solid #7e7e7e;
}
.lx_sample_table_calendar03 div.shwTable .tbCore tr:first-child th:first-child {
	border-left: 1px solid #7e7e7e;
}

@media screen and (width <= 768px) {
	.lx_sample_table_calendar03 div.shwTable {
		overflow-x: scroll;
	}

	.lx_sample_table_calendar03 div.shwTable .tbCore {
		width: 750px;
	}

}


/*==== IR calendar type04 ====*/
.lx_sample_table_calendar04 .uni-table {
	padding-left: 20px;
	padding-right: 40px;
}

.lx_sample_table_calendar04 .uni-table .tbCore ,
.lx_sample_table_calendar04 .uni-table .tbCore * {
	display: block;
	border: none;
	background: none;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.6rem;
	font-family: inherit;
}

.lx_sample_table_calendar04 .uni-table .tbCore {
	border-top: 1px solid #7e7e7e;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr {
	border-bottom: 1px solid #7e7e7e;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr::after {
	content: "";
	display: block;
	clear: both;
}

.lx_sample_table_calendar04 .uni-table .tbCore td {
	position: relative;
	float: left;
	width: calc(100% / 12);

	/* height: calc(1.75rem + 12px * 2); */
	height: auto;
	background: none;
}
.lx_sample_table_calendar04 .uni-table .tbCore td[colspan="2"] {
	width: calc(100% / 12 * 2);
}
.lx_sample_table_calendar04 .uni-table .tbCore td[colspan="3"] {
	width: calc(100% / 12 * 3);
}
.lx_sample_table_calendar04 .uni-table .tbCore td[colspan="4"] {
	width: calc(100% / 12 * 4);
}

.lx_sample_table_calendar04 .uni-table .tbCore tr {
/*	border-left: 1px solid #7e7e7e; */
/*	border-right: 1px solid #7e7e7e; */
}

.lx_sample_table_calendar04 .uni-table .tbCore tr td p:empty {
	display:none;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed:first-child {
	border-left: 1px solid #7e7e7e;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed {
	border-right: 1px dotted #7e7e7e;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed:last-child {
	border-right: 1px solid #7e7e7e;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed p {
	position: relative;
	left: 50%;
	margin-left: -0.5em;
	padding-left: 1.2em;
	text-align: left;
	line-height: 1.2;
	white-space: nowrap;
	background: rgba(255,255,255,0.5);
	z-index: 1;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed:last-child p {
	max-width: 100%;
	overflow: hidden;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed p::before {
	content: "●";
	position: absolute;
	top: 50%;
	left: 0;
	color: var(--key-color);
	margin-top: -0.6em;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed p + p::before {
	display: none;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed.tbLeft:not(.tbCenter) p {
	left: 10%;
	margin-left: 0;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:not(:last-child) td.tbDimmed.tbRight:not(.tbCenter) p {
	left: 90%;
	margin-left: -1em;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:first-child td {
	white-space: nowrap;
	color: #fff;
	background: var(--key-color);
	font-weight: bold;
	padding: 12px 0;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td {
	white-space: nowrap;
	background: #ddd;
	font-weight: bold;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:first-child td ,
.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td {
	border-right: 1px solid #7e7e7e;
}


.lx_sample_table_calendar04 .uni-table .tbCore tr:first-child td:first-child ,
.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td:first-child {
	border-left: 1px solid #7e7e7e;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:first-child th {
	position: relative;
	float: left;
	width: calc(100% / 12);
	white-space: nowrap;
	color: #fff;
	background: var(--key-color);
	font-weight: bold;
	padding: 12px 0;
	text-align: center;
	border-right: 1px solid #7e7e7e;
}
.lx_sample_table_calendar04 .uni-table .tbCore tr:first-child th:first-child {
	border-left: 1px solid #7e7e7e;
}

/*
.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td[colspan="3"] ,
.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td[colspan="3"] + td {
	border-right: none;
}

.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td[colspan="3"] + td ,
.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td[colspan="3"] + td + td {
	display: block !important;
	border-left: none;
}
*/

.lx_sample_table_calendar04 .uni-table .tbCore tr:last-child td[colspan="3"] p {
/*	position: relative; */
/*	left: 150%; */
/*	top: 50%; */
/*	transform: translate(-50%, -50%); */
	text-align: center;
	line-height: 1.2;
/*	white-space: nowrap; */
/*	z-index: 1; */
}

@media screen and (width <= 768px) {
	.lx_sample_table_calendar04 .uni-table {
/*		overflow-x: scroll; */
	}

	.lx_sample_table_calendar04 .uni-table .tbCore {
		width: 750px;
	}
}

/*==== IR calendar type05 ====*/
.lx_sample_table_calendar05 {
	overflow: hidden;
}

.lx_sample_table_calendar05 .uni-table::before {
    content: none;
}

.lx_sample_table_calendar05 .uni-table .tbCore {
	margin: 0 33px;
	width: auto;
}

.lx_sample_table_calendar05 .uni-table .tbCore ,
.lx_sample_table_calendar05 .uni-table .tbCore tbody ,
.lx_sample_table_calendar05 .uni-table .tbCore tr ,
.lx_sample_table_calendar05 .uni-table .tbCore td {
	display: block;
	border: none;
	background: none;
}

.lx_sample_table_calendar05 .uni-table .tbCore::after {
	content:"";
	display:block;
	clear:both;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr {
	position: relative;
	float: left;
	width: calc(100% / 12.5);
	padding: 0;
	margin: 80px 0 80px;
	border: none;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td {
    padding: 0;
    height: auto;
}

/* 月表示 */
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(1) {
	display: block;
	margin: 0;
	margin-right: 1px;
	padding: 10px 0;
    text-align: center;
	font-size: 3.8rem;
	font-weight: normal;
	line-height: 1.5;
	font-family: 'Saira Extra Condensed', sans-serif;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr:nth-child(odd) td:nth-child(1) {
	background: #aa0000;
	color: #FFF;
}
.lx_sample_table_calendar05 .uni-table .tbCore tr:nth-child(even) td:nth-child(1) {
	background: #e4524e;
	color: #FFF;
}

/* 上下キャプション */
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(2) p:empty ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(3) p:empty ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(4) p:empty {
	display: none;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(2) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(3) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(4) {
	position: absolute;
	width: 166%;
	left: 50%;
	margin-left: 3px;

	color: var(--text-color);
	padding: 2px;
	font-size: 1.4rem;
	line-height: 1.3;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr:last-child td:nth-child(2) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr:last-child td:nth-child(3) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr:last-child td:nth-child(4) {
	width: 120%;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(2) {
	bottom: 100%;
/*	margin-bottom: 1px; */
	padding-bottom: 10px;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(3) {
	top: 100%;
/*	margin-top: 1px; */
	padding-top: 10px;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(4) {
	top: 100%;
/*	margin-top: 1px; */
	padding-top: 55px;
}

/* キャプション左の縦棒 */
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(2) p:first-child::before ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(3) p:first-child::before ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(4) p:first-child::before {
	content: "";
	position: absolute;
	left: -5px;
	width: 1px;
	height: 100%;
	border-right: 1px solid #000;
	z-index: -1;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(2) p:first-child::before {
	top: 0;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(3) p:first-child::before ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(4) p:first-child::before {
	bottom: 0;
}

.lx_sample_table_calendar05 .uni-table .tbCore tr td:empty {
    display: none;
}

/* 上旬 */
.lx_sample_table_calendar05 .uni-table .tbCore tr td.tbTop:nth-child(2) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td.tbTop:nth-child(3) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td.tbTop:nth-child(4) {
    left: 16%;
}

/* 下旬 */
.lx_sample_table_calendar05 .uni-table .tbCore tr td.tbBottom:nth-child(2) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td.tbBottom:nth-child(3) ,
.lx_sample_table_calendar05 .uni-table .tbCore tr td.tbBottom:nth-child(4) {
    left: 84%;
}


@media screen and (width <= 768px) {
	.lx_sample_table_calendar05 .uni-table {
	    overflow: visible;
	}

	.lx_sample_table_calendar05 .uni-table .tbCore {
		margin: 0 5%;
	}

	.lx_sample_table_calendar05 .uni-table .tbCore tr {
		width: 16.5%;
		width: calc(100% / 6 - 0.5px);
		margin: 50px 0 50px;
	}

	.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(1) {
	    font-size: 2.8rem;
	}

	.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(2) ,
	.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(3) ,
	.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(4) {
	    font-size: 1rem;
	}
	    
	.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(2) {
		padding-bottom: 8px;
	}

	.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(3) {
		padding-top: 8px;
	}

	.lx_sample_table_calendar05 .uni-table .tbCore tr td:nth-child(4) {
		padding-top: 48px;
	}
}


/*==== 会社情報 > 沿革 ====*/

/* 沿革03 */
.lx_sample_table_history03 .ircalendar {
	margin-top: 40px;
	margin-bottom: 20px;
}

.lx_sample_table_history03 tr td ,
.lx_sample_table_history03 tr th {
	border: none;
	background: none;
}

.lx_sample_table_history03 .ircalendar-title,
.lx_sample_table_history03 .ircalendar-item {
	position: relative;
	margin-bottom: -10px;
}

.lx_sample_table_history03 .ircalendar-title1,
.lx_sample_table_history03 .ircalendar-item1 {
	position: relative;
}

.lx_sample_table_history03 .ircalendar-item1:not(:empty)::before {
	content: "●";
	position: absolute;
	top: -14px;
	right: -8px;
	color: #ade0ee;
	font-size: 1.4rem;
}

.lx_sample_table_history03 .ircalendar-item:last-child .ircalendar-item1::after {
	content: "▼";
	position: absolute;
	bottom: -15px;
	right: -9px;
	color: #ade0ee;
	font-size: 1.5rem;
}

.lx_sample_table_history03 .ircalendar-title1 th,
.lx_sample_table_history03 .ircalendar-item1 td {
	position: absolute;
	left: 0;
	top: -30px;
}

.lx_sample_table_history03 .ircalendar-title1 > p,
.lx_sample_table_history03 .ircalendar-item1 > p {
	top: -25px;
    right: 20px;
	position: absolute;
	font-size: 3rem;
	font-style: italic;
	font-family: inherit;
	transform: scale( 1.2 , 1 );
	color: #c0c0c0;
}

.lx_sample_table_history03 .ircalendar-title2,
.lx_sample_table_history03 .ircalendar-title3,
.lx_sample_table_history03 .ircalendar-item2,
.lx_sample_table_history03 .ircalendar-item3 {
	padding-bottom: 40px;
	top: -20px;
}

.lx_sample_table_history03 .ircalendar-title2,
.lx_sample_table_history03 .ircalendar-item2 {
	border-left: 2px solid #ade0ee;
	position: relative;
}

.lx_sample_table_history03 .ircalendar-title3.has-img > p,
.lx_sample_table_history03 .ircalendar-item3.has-img > p {
	padding-left: 40px;
}

/*==== 沿革04 ====*/
.lx_sample_table_history04 {
	margin-top: 20px;
}

.lx_sample_table_history04 + .lx_sample_table_history04 {
	margin-top: 0px;
}

@media print, screen and (width > 768px) {
	.lx_sample_table_history04 > * {
		position: relative;
		display: flex;
		flex-flow: row wrap;
/*		align-items: flex-start; */
		justify-content: flex-start;
	}

	.lx_sample_table_history04 .ircalendar {
		display: flex;
		flex-flow: row wrap;
		width: calc(10% + 1px);
		margin: 0;
		margin-right: -1px;
	}

	.lx_sample_table_history04 .ircalendar > * {
		display: flex;
		flex-flow: row wrap;
	}

	.lx_sample_table_history04 .ircalendar-title > table ,
	.lx_sample_table_history04 .ircalendar-item > table {
		height: 100%;
	}

	.lx_sample_table_history04 .ircalendar-title > table > tbody > tr > th ,
	.lx_sample_table_history04 .ircalendar-item > table > tbody >tr > td {
		vertical-align: middle;
		text-align: left;
	}


	.lx_sample_table_history04 .vertical-table {
		width: 90%;
		margin: 0;
	}

	.lx_sample_table_history04 .vtable-item > table > tbody > tr > th {
		width: 11.25% !important;
	}
	.lx_sample_table_history04 .vtable-item > table > tbody > tr > td {
		width: 88.75% !important;
	}

	/* 左列がデフォルト２行の場合の高さ保証 */
	.lx_sample_table_history04 .vtable-item:only-child > table > tbody > tr > th ,
	.lx_sample_table_history04 .vtable-item:only-child > table > tbody > tr > td {
		height: 93px;
		vertical-align: middle;
	}

}

@media screen and (width <= 768px) {
	.lx_sample_table_history04 .ircalendar {
		margin-top: 0;
	}
}


/*==== 会社情報 > 役員紹介 ====*/
/* 役員紹介2 (アコーディオン) */
#sharewithmain .lx_sample_combo_officer02 {
	margin-top: 40px;
}

#sharewithmain .lx_sample_combo_officer02 > .column1 {
	margin-bottom: 2px;
}

#sharewithmain .lx_sample_combo_officer02 > .column3 {
	background: #f7f7f7;
	padding: 40px 40px 20px;
	margin-bottom: 0;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight {
	position: relative;
	background: #f7f7f7;
	margin-bottom: 0;
	cursor: pointer;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight h2 {
	padding: 40px 40px;
	color: var(--text-color);
	font-size: 1.6rem;
	font-weight: bold;
	margin-right: 80px;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight::before ,
.lx_sample_combo_officer02 > .column1 .title2.highlight::after {
	content: "";
	position: absolute;
	display: block;
	background: #999;
	transition: 0.3s;
}

.lx_sample_combo_officer02 > .column1 .title2.highlight::before {
	top: 50%;
	right: 50px;
	width: 24px;
	height: 2px;
	transform: translate(50%, -50%);
}
.lx_sample_combo_officer02 > .column1 .title2.highlight::after {
	top: 50%;
	right: 50px;
	width: 2px;
	height: 24px;
	transform: translate(50%, -50%);
}

.lx_sample_combo_officer02.open > .column1 .title2.highlight::after {
	background-color: transparent;
}



/*==== 会社情報 > 拠点案内 ====*/
#sharewithmain .lx_sample_table_basemap01 {
}

.lx_sample_table_basemap01 a[href*="//www.google.co.jp/maps/"] ,
.lx_sample_table_basemap01 a[href*="//goo.gl/maps/"] {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 20px;
	color: #fff;
	background: #00359f;
	border-radius: 4px;
	text-decoration: none;
	white-space: nowrap;
}

.lx_sample_table_basemap01 a[href*="//www.google.co.jp/maps/"]::before ,
.lx_sample_table_basemap01 a[href*="//goo.gl/maps/"]::before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 10px;
	height: 14px;
	background: url("../../../../../../resources/sw_img_saiyo/default/icon_map.png") center center no-repeat;
	background-size: contain;
	margin-right: 1em;
}

.lx_sample_table_basemap01 a[href*="//www.google.co.jp/maps/"]::after ,
.lx_sample_table_basemap01 a[href*="//goo.gl/maps/"]::after {
	content: none;
}

@media screen and (width <= 768px) {
	.lx_sample_table_basemap01 a[href*="//www.google.co.jp/maps/"] ,
	.lx_sample_table_basemap01 a[href*="//goo.gl/maps/"] {
		padding: 8px 12px;
		font-size: 0;
	}
}



/*==== promo3 > ページ一覧 ====*/
[data-current-level="3"] #promos3 .lx_sample_multi3_promos3_pagelist01 {
	display: none;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 {
	border: 1px #ccc solid;
	padding: 20px;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 >.column1 {
	margin-bottom: 0;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .title2.style1 h2 {
	padding: 0;
	font-size: 2.4rem;
	min-height: 0;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .title2.style1 h2::before {
	content: none;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .index-map ,
#promos3 .lx_sample_multi3_promos3_pagelist01 .index-map ul {
	margin-bottom: 0;
}

#promos3 .lx_sample_multi3_promos3_pagelist01 .index-map .indexLevel_0 {
	display: none;
}

.lx_sample_multi3_promos3_pagelist01 .index-map > ul:only-of-type > li > ul > li ,
.lx_sample_multi3_promos3_pagelist01 .index-map > ul + ul.indexLevel_1 > li {
	display: inline-block;
	width: 25%;
}

@media screen and (width <= 768px) {
	#promos3 .lx_sample_multi3_promos3_pagelist01 {
		width: calc(100% - 20px);
		padding: 10px 0 10px 10px;
		margin-right: 10px;
		margin-bottom: 30px;
		margin-left: 10px;
	}

	#promos3 .lx_sample_multi3_promos3_pagelist01 .title2.style1 h2 {
		font-size: 2rem;
	}

	.lx_sample_multi3_promos3_pagelist01 .index-map > ul:only-of-type > li > ul > li ,
	.lx_sample_multi3_promos3_pagelist01 .index-map > ul + ul.indexLevel_1 > li {
		display: inline-block;
		width: 50%;
		padding-right: 10px;
	}

}

/*==== テーブル風カラム ====*/
/* lx_col_mr0必須、4・5カラムはlx_col_sp100推奨 */
.lx_mcol_table_style01 {
	align-items: normal;
	--column-side-margin: 0px;
}

.lx_mcol_table_style01:first-child ,
:not(.lx_mcol_table_style01) + .lx_mcol_table_style01 {
	margin-top: var(--parts-common-margin-top);
}

.lx_mcol_table_style01 > .column {
	margin-top: -1px;
	margin-right: -1px;
}

.lx_mcol_table_style01:not(.lx_table_no_pad) > .column {
	padding: 15px 15px;
}

.lx_mcol_table_style01:not(.lx_table_no_border):not(.lx_table_no_h_border) > .column {
	border-top: 1px solid #dfe0e4;
	border-bottom: 1px solid #dfe0e4;
}

.lx_mcol_table_style01:not(.lx_table_no_border):not(.lx_table_no_v_border) > .column {
	border-left: 1px solid #dfe0e4;
	border-right: 1px solid #dfe0e4;
}

.lx_mcol_table_style01:not(.lx_table_no_bg) > .column {
	background-color: #fff;
}

/* 見出し列 */
.lx_mcol_table_style01:not(.thead):not(.lx_table_no_bg) > .column1 {
	background-color: #f5f5f5;
	font-weight: bold;
}

.lx_mcol_table_style01:not(.lx_table_no_bg) > .column1 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.lx_mcol_table_style01:not(.lx_table_no_bg) > .column1 > * {
	flex: 0 0 auto;
	margin-left: 0;
	margin-right: 0;
}


/* 見出し行 */
.lx_mcol_table_style01.thead:not(.lx_table_no_bg) > .column {
	background-color: #eee;
	font-weight: bold;
}

.lx_mcol_table_style01 > .column > *:first-child {
	margin-top: 0;
}

.lx_mcol_table_style01 .link-list ul li {
	padding-top: 0;
}

.lx_mcol_table_style01 .text-section.highlight img {
	margin: 0;
}

@media print, screen and (width > 768px) {
	#sharewithmain .lx_mcol_table_style01 {
		align-items: normal;
	}

	.lx_mcol_table_style01 > .column2 ,
	.lx_mcol_table_style01 > .column3 ,
	.lx_mcol_table_style01 > .column4 ,
	.lx_mcol_table_style01 > .column5 {
		border-left: none;
	}
}

/* テーブル風カラム SPスワイプ設定 */
.lx_mcol_table_swipable {
}

@media screen and (width <= 768px) {
	.lx_mcol_table_swipable > .column1 {
		overflow-x: scroll;
	}

	.lx_mcol_table_swipable >*> .reuse-main-area {
		width: var(--mainarea-width-pc);
		padding-top: 1px;
	}

	.lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 {
		display: flex;
		align-items: normal;
	}

	.lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column2 ,
	.lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column3 ,
	.lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column4 ,
	.lx_mcol_table_swipable >*> .reuse-main-area > .lx_mcol_table_style01 > .column5 {
		border-left: none;
	}

	.lx_mcol_table_swipable >*> .reuse-main-area .multiColumn2 > .column {
		width: calc(100% / 2);
		max-width: none;
	}

	.lx_mcol_table_swipable >*> .reuse-main-area .multiColumn3 > .column {
		width: calc(99.9999% / 3);
		max-width: none;
	}

	.lx_mcol_table_swipable >*> .reuse-main-area .multiColumn4 > .column {
		width: calc(100% / 4);
		max-width: none;
	}

	.lx_mcol_table_swipable >*> .reuse-main-area .multiColumn5 > .column {
		width: calc(100% / 5);
		max-width: none;
	}


	/* カラム分割比率 1:1:2・1:2:1・2:1:1 */
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio112.multiColumn3 > .column1 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio112.multiColumn3 > .column2 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio121.multiColumn3 > .column1 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio121.multiColumn3 > .column3 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio211.multiColumn3 > .column2 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio211.multiColumn3 > .column3 {
		width: calc(100% / 4);
	}
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio112.multiColumn3 > .column3 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio121.multiColumn3 > .column2 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio211.multiColumn3 > .column1 {
		width: calc(100% / 2);
	}


	/* カラム分割比率 1:2:2・2:1:2・2:2:1 */
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio122.multiColumn3 > .column1 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio212.multiColumn3 > .column2 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio221.multiColumn3 > .column3 {
		width: calc(100% / 5);
	}
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio122.multiColumn3 > .column2 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio122.multiColumn3 > .column3 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio212.multiColumn3 > .column1 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio212.multiColumn3 > .column3 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio221.multiColumn3 > .column1 ,
	.lx_mcol_table_swipable >*> .reuse-main-area .lx_mcol3_ratio221.multiColumn3 > .column2 {
		width: calc(100% / 5 * 2);
	}
}


/*==== スクロールボックス ====*/
.lx_col1_scrollbox > .column1 ,
.lx_col2_scrollbox > .column2 ,
.lx_col3_scrollbox > .column3 ,
.lx_col4_scrollbox > .column4 ,
.lx_col5_scrollbox > .column5 {
	max-height: 200px;
	overflow-y: scroll;
}


/*==== サステナベース ====*/
/* ボックス（枠線・背景色） */
[role="main"] .lx_esg_box_topics ,
[role="main"] .lx_esg_box_topics_top ,
[role="main"] .lx_esg_box_topics_bottom {
	border-right: 2px solid #999;
	border-left: 2px solid #999;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FDFDFD;
}

[role="main"] .lx_esg_box_topics_top {
	border-top: 2px solid #999;
	border-radius: 15px 15px 0 0;
}

[role="main"] .lx_esg_box_topics_bottom {
	border-bottom: 2px solid #999;
	border-radius: 0 0 15px 15px;
	margin-bottom: 20px;
}

.lx_esg_box_topics.lx_esg_box_topics_e ,
.lx_esg_box_topics_top.lx_esg_box_topics_e ,
.lx_esg_box_topics_bottom.lx_esg_box_topics_e {
    border-color: #629222;
	background-color: #FBFDF9;
}
.lx_esg_box_topics.lx_esg_box_topics_s ,
.lx_esg_box_topics_top.lx_esg_box_topics_s ,
.lx_esg_box_topics_bottom.lx_esg_box_topics_s {
    border-color: #076793;
	background-color: #F8FCFE;
}
.lx_esg_box_topics.lx_esg_box_topics_g ,
.lx_esg_box_topics_top.lx_esg_box_topics_g ,
.lx_esg_box_topics_bottom.lx_esg_box_topics_g {
    border-color: #C28724;
	background-color: #FEFDFC;
}

@media screen and (width <= 768px) {
	[role="main"] .lx_esg_box_topics ,
	[role="main"] .lx_esg_box_topics_top ,
	[role="main"] .lx_esg_box_topics_bottom {
		padding-right: 10px;
		padding-left: 10px;
	}

	[role="main"] .lx_esg_box_topics_top {
		border-radius: 10px 10px 0 0;
	}

	[role="main"] .lx_esg_box_topics_bottom {
		border-radius: 0 0 10px 10px;
	}
}


/* 見出し */
.lx_esg_box_topics_top .title2.style1  {
	margin: auto;
	padding: 0;
	border: none;
	background: none;

	display: block;
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 50%;
	text-align: center;
	padding: 10px 40px;
	color: #fff;
	font-size: 3.2rem;
	background: #999;
	border-radius: 0 0 10px 10px;
}
.lx_esg_box_topics_top.lx_esg_box_topics_e .title2.style1 {
	background: #629222;
}
.lx_esg_box_topics_top.lx_esg_box_topics_s .title2.style1 {
	background: #076793;
}
.lx_esg_box_topics_top.lx_esg_box_topics_g .title2.style1 {
	background: #C28724;
}

.lx_esg_box_topics_top .title2.style1 p {
    font-size: 1.8rem;
}

.lx_esg_box_topics_top .title2.style1:before {
	content: none;
}

@media screen and (width <= 768px) {
	.lx_esg_box_topics_top .title2.style1 h2 {
		padding: 6px 20px;
		font-size: 1.8rem;
	}
}


/*==== ESG タブ風スタイル ====*/
#sharewithmain .lx_esg_list_tabstyle02 {
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 20px;
	padding-bottom: 20px;
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul {
	margin: 0;

	display: table-row
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li {
	margin: 0;
	padding: 0;
	background: none;

	display: table-cell;
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li::before ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li::after {
	content: none;
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > span ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > a {
	position: relative;
	overflow: visible;
    display: block;
	margin: 0 10px;
	padding: 15px 5px 30px;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: var(--text-letter-spacing);
	text-decoration: none;
	background: #629222;
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li + li > span ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li + li > a {
	background: #076793;
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li + li + li > span ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li + li + li > a {
	background: #C28724;
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > span::before ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > a::before {
	background: none;
	top: auto;

	content: "";
	position: absolute;
	bottom: 15px;
	left: calc(50% - 8px);
	display: block;
	width: 12px;
	height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}


.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > span:hover ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li.highlight > span ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > a:hover ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li.act > a {
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > span:hover ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > a:hover {
    opacity: 0.7;
}

.lx_esg_list_tabstyle02 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.lx_esg_list_tabstyle02 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li {
	display: block;
	margin-bottom: 10px;
}

/*
.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > span ,
.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > a {
	border-bottom: none;
	border-top: 1px solid #e4e4e4;
}
.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > span::before ,
.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > a::before {
	top: auto;
	bottom: 0;
}

.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > span:hover ,
.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li.highlight > span ,
.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li > a:hover ,
.lx_esg_list_tabstyle02 ~ .lx_esg_list_tabstyle02 div.link-list:not(.highlight) ul li.act > a {
	border-color: transparent;
}
*/


/*==== ストックウェザー 株価表示 ====*/
.stock-frame {
	margin-top: 30px;
}

.stock-price {
	padding: 30px 20px;
	background: #fafafa;
	border-radius: 4px;
}

.stock-price img {
	width: 100%;
	max-width: none;
}

.stock-price p {
	display: none;
}

.stock-price p a {
	display: inline-block;
}

/*==== フッター 外部リンクバナー・リンク集(gsi/saiyo) ====*/
#footer .lx_footerLink02 .f-multiColumn1 > .f-column1 {
	display: flex;
	flex-flow: row wrap;
	gap: 20px;
	justify-content: center;
}

#footer .lx_footerLink02 .f-panel {
	width: 320px;
	max-width: 100%;
}

#footer .lx_footerLink02 .f-panel figure {
	margin: 0;
}

#footer .lx_footerLink02 .f-panel img {
	display: block;
	width: 100%;
	height: auto;
}

#footer .lx_footerLink01 .f-link-list ul {
	display: flex;
	flex-flow: row wrap;
	gap: 0 24px;
}

#footer .lx_footerLink01 .f-link-list li > a ,
#footer .lx_footerLink01 .f-link-list li > span {
	color: inherit;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0;
}

@media screen and (width <= 768px) {
	#footer .lx_footerLink02 .f-multiColumn1 > .f-column1 {
		flex-flow: column nowrap;
		align-items: center;
	}

	#footer .lx_footerLink01 .f-link-list ul {
		flex-flow: column nowrap;
		align-items: center;
	}

	#footer .lx_footerLink01 .f-link-list li {
		line-height: 32px;
	}
}


/*==== トップ コンテンツ見出し（英語見出しの左右に線） ====*/
.lx_top_cntTitle .title2.style1 {
	padding-left: 0;
	text-align: center;
	margin-top: 90px;
}

.lx_top_cntTitle .title2.style1::before {
	content: none;
}

.lx_top_cntTitle .title2.style1 h2 {
	display: flex;
	align-items: baseline;
	gap: 0 24px;
	color: #000;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 0.08em;
}

/* 左右の線：ベースラインから0.16em下を線の中心にする */
.lx_top_cntTitle .title2.style1 h2::before ,
.lx_top_cntTitle .title2.style1 h2::after {
	content: "";
	position: relative;
	top: calc(0.16em + 2px);
	flex: 1 1 0;
	min-width: 20px;
	height: 4px;
	background: #009DA5;
}

.lx_top_cntTitle .title2.style1 p {
	margin-top: 6px;
	color: #000;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.33;
	letter-spacing: 0;
}

@media screen and (width <= 768px) {
	.lx_top_cntTitle .title2.style1 {
		margin-top: 70px;
	}
	.lx_top_cntTitle .title2.style1 h2 {
		gap: 0 14px;
		font-size: 2.2rem;
	}

	.lx_top_cntTitle .title2.style1 p {
		margin-top: 4px;
		font-size: 1.2rem;
	}
}


/*==== トップ インターンシップ一覧（写真＋グラデーションパネル） ====*/
/* 背景の世界地図（画面幅に合わせ、コンテンツ高さを超える分は切る） */
#sharewithmain .lx_top_internshipList {
	position: relative;
	margin-top: 60px;
}

#sharewithmain .lx_top_internshipList::before {
	content: "";
	position: absolute;
	top: 106px;
	bottom: 148px;
	left: 0;
	right: 0;
	/* 不透明度26%は画像(SVG)側に含まれている */
	background: url("../../../../../../resources/sw_img/saiyo/worldmap_background.svg") center top no-repeat;
	background-size: 100% auto;
	pointer-events: none;
}

.lx_top_internshipList .panel.has-img.style1 {
	position: relative;
	z-index: 1;
}

.lx_top_internshipList .panel.has-img.style1 ~ .panel.has-img.style1 {
	margin-top: 24px;
}

.lx_top_internshipList .panel.has-img.style1 a figure {
	margin: 0;
}

.lx_top_internshipList .panel.has-img.style1 a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* パネル（タイトル部と説明文部を同じグラデーションでつなげる） */
.lx_top_internshipList .panel.has-img.style1 .text ,
.lx_top_internshipList .panel.has-img.style1 a + p {
	position: relative;
	margin: 0;
	color: #fff;
	letter-spacing: 0.04em;
	background: linear-gradient(90deg, #009DA5 0%, #90EBF0 100%);
}

/* タイトル部は矢印ボタンが説明文部に重なるため手前に置く */
.lx_top_internshipList .panel.has-img.style1 .text {
	--shadow-offset: 10px;
	z-index: 3;
	padding: 25px 80px 0 36px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.33;
}

/* タイトル部の影は説明文部に落とさず、右側だけ描く */
.lx_top_internshipList .panel.has-img.style1 .text::after {
	content: "";
	position: absolute;
	top: var(--shadow-offset);
	bottom: calc(-1 * var(--shadow-offset));
	left: 100%;
	width: var(--shadow-offset);
	background: #000;
}

.lx_top_internshipList .panel.has-img.style1 a + p {
	z-index: 2;
	padding: 16px 36px 32px;
	box-shadow: 10px 10px 0 #000;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.02em;
	pointer-events: none;
}

/* aにopacityをかけると重なり順が変わり矢印ボタンが隠れるため、子要素ごとにかける */
.lx_top_internshipList .panel.has-img.style1 a:hover {
	opacity: 1;
}

.lx_top_internshipList .panel.has-img.style1 a:hover figure ,
.lx_top_internshipList .panel.has-img.style1 a:hover .text ,
.lx_top_internshipList .panel.has-img.style1 a:hover + p {
	opacity: 0.7;
}

/* 矢印ボタン */
.lx_top_internshipList .panel.has-img.style1 .icon_front {
	top: 30px;
	left: auto;
	right: 32px;
	display: block;
	width: 30px;
	height: 32px;
	background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='916 89.2 16.5 7.6'%3E%3Cpath fill='white' d='M932.354 93.3536C932.549 93.1583 932.549 92.8417 932.354 92.6464L929.172 89.4645C928.976 89.2692 928.66 89.2692 928.464 89.4645C928.269 89.6597 928.269 89.9763 928.464 90.1716L931.293 93L928.464 95.8284C928.269 96.0237 928.269 96.3403 928.464 96.5355C928.66 96.7308 928.976 96.7308 929.172 96.5355L932.354 93.3536ZM916 93V93.5H932V93V92.5H916V93Z'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 16.5px 7.6px;
}

@media print, screen and (width > 768px) {
	.lx_top_internshipList {
		margin-top: 15px;
	}
	/* 写真の右に、写真と36px重ねてパネルを配置 */
	.lx_top_internshipList .panel.has-img.style1 {
		display: grid;
		grid-template-columns: 430fr 36fr 316fr;
		grid-template-rows: 47px auto auto 1fr;
		width: 100%;
		max-width: 792px;
		margin-left: auto;
		margin-right: auto;
		padding-right: 10px;
	}

	.lx_top_internshipList .panel.has-img.style1 a {
		display: grid;
		grid-column: 1 / -1;
		grid-row: 1 / -1;
		grid-template-columns: subgrid;
		grid-template-rows: subgrid;
	}

	.lx_top_internshipList .panel.has-img.style1 a figure {
		grid-column: 1 / 3;
		grid-row: 1 / -1;
		align-self: start;
		aspect-ratio: 466 / 262;
	}

	.lx_top_internshipList .panel.has-img.style1 .text {
		grid-column: 2 / -1;
		grid-row: 2;
	}

	.lx_top_internshipList .panel.has-img.style1 a + p {
		grid-column: 2 / -1;
		grid-row: 3;
	}
}

@media screen and (width <= 768px) {
	/* 背景の世界地図はカード全体の背面に敷く */
	#sharewithmain .lx_top_internshipList::before {
		top: 0;
		bottom: 0;
		background-size: contain;
		background-position: center;
	}

	/* 写真の下端にパネルを18px重ねる */
	.lx_top_internshipList .panel.has-img.style1 {
		padding-right: 5px;
	}

	.lx_top_internshipList .panel.has-img.style1 ~ .panel.has-img.style1 {
		margin-top: 27px;
	}

	.lx_top_internshipList .panel.has-img.style1 a figure {
		width: 83.03%;
		aspect-ratio: 274 / 154;
	}

	.lx_top_internshipList .panel.has-img.style1 .text ,
	.lx_top_internshipList .panel.has-img.style1 a + p {
		margin-left: 36.36%;
	}

	.lx_top_internshipList .panel.has-img.style1 .text {
		--shadow-offset: 5px;
		margin-top: -18px;
		padding: 13px 52px 0 16px;
		font-size: 1.6rem;
	}

	.lx_top_internshipList .panel.has-img.style1 a + p {
		padding: 7px 16px 13px;
		font-size: 1.2rem;
		line-height: 1.67;
		box-shadow: 5px 5px 0 #000;
	}

	.lx_top_internshipList .panel.has-img.style1 .icon_front {
		top: 16px;
		right: 16px;
		width: 24px;
		height: 26px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='297 161.2 10.5 7.6'%3E%3Cpath fill='white' d='M307.354 165.354C307.549 165.158 307.549 164.842 307.354 164.646L304.172 161.464C303.976 161.269 303.66 161.269 303.464 161.464C303.269 161.66 303.269 161.976 303.464 162.172L306.293 165L303.464 167.828C303.269 168.024 303.269 168.34 303.464 168.536C303.66 168.731 303.976 168.731 304.172 168.536L307.354 165.354ZM297 165V165.5H307V165V164.5H297V165Z'/%3E%3C/svg%3E");
		background-size: 10.5px 7.6px;
	}
}
.lx_top_mv > .column:first-child > *:first-child {
	margin-top: 50px;
}
@media screen and (width <= 768px) {
	.lx_top_mv {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.lx_top_mv > .column:first-child > *:first-child {
		margin-top: 0px;
	}
}


/*==== 社員インタビュー プロフィール（見出し左右に線・写真と紹介文の2列） ====*/
#sharewithmain .lx_journey_profile {
	padding-top: 55px;
	padding-bottom: 66px;
	background: rgba(0, 157, 165, 0.1);
}

#sharewithmain .lx_journey_profile > .column1 {
	width: 100%;
	max-width: 792px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

/* 見出し：左右に線 */
#sharewithmain .lx_journey_profile .title2.style1 {
	margin-top: 0;
	padding-left: 0;
}

.lx_journey_profile .title2.style1::before {
	content: none;
}

.lx_journey_profile .title2.style1 h2 {
	display: flex;
	align-items: center;
	gap: 0 14px;
	color: #000;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.33;
}

.lx_journey_profile .title2.style1 h2::before ,
.lx_journey_profile .title2.style1 h2::after {
	content: "";
	flex: 1 1 0;
	min-width: 20px;
	height: 4px;
	background: #009DA5;
}

/* 写真(右)と紹介文(左) */
.lx_journey_profile .text-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 394px;
	gap: 0 30px;
	align-items: start;
	margin-top: 28px;
}

.lx_journey_profile .text-section img {
	grid-column: 2;
	grid-row: 1;
	width: 100%;
	height: auto;
	margin: 0;
	aspect-ratio: 394 / 222;
	object-fit: cover;
}

#sharewithmain .lx_journey_profile .text-section .rich-text {
	grid-column: 1;
	grid-row: 1;
	margin-top: 0;
	color: #000;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0.04em;
}

.lx_journey_profile .text-section .rich-text p {
	margin: 0;
}

.lx_journey_profile .text-section .rich-text p + p {
	margin-top: 23px;
}

/* 1段落目：所属・名前・入社年 */
.lx_journey_profile .text-section .rich-text p:first-child {
	line-height: 1;
	letter-spacing: 0;
}

.lx_journey_profile .text-section .rich-text .strong {
	display: block;
	color: #009DA5;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.2;
}

.lx_journey_profile .text-section .rich-text .strong + br {
	display: none;
}

.lx_journey_profile .text-section .rich-text .u {
	font-size: 3.2rem;
	font-weight: bold;
	text-decoration: none;
}

.lx_journey_profile .text-section .rich-text em {
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
}

@media screen and (width <= 768px) {
	#sharewithmain .lx_journey_profile {
		padding-top: 28px;
		padding-bottom: 29px;
	}

	#sharewithmain .lx_journey_profile > .column1 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.lx_journey_profile .title2.style1 h2 {
		font-size: 2.2rem;
	}

	/* 写真を上、紹介文を下に縦並び */
	.lx_journey_profile .text-section {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		margin-top: 25px;
	}

	.lx_journey_profile .text-section img {
		grid-column: 1;
		aspect-ratio: 334 / 188;
	}

	#sharewithmain .lx_journey_profile .text-section .rich-text {
		grid-column: 1;
		grid-row: 2;
		margin-top: 17px;
		font-size: 1.4rem;
		line-height: 1.715;
		letter-spacing: 0.03em;
	}

	.lx_journey_profile .text-section .rich-text p + p {
		margin-top: 15px;
	}

	.lx_journey_profile .text-section .rich-text .strong {
		margin-bottom: 4px;
		font-size: 1.6rem;
	}

	.lx_journey_profile .text-section .rich-text .u {
		font-size: 2.4rem;
	}

	.lx_journey_profile .text-section .rich-text em {
		font-size: 1.5rem;
	}
}


/*==== 社員インタビュー 本文（見出し・リード文・写真4枚・動画） ====*/
/* 背景の世界地図を z-index:-1 で敷くため、ここで重なりの基準を作る */
#sharewithmain .lx_journey_content {
	position: relative;
	padding-top: 60px;
	padding-bottom: 120px;
	z-index: 0;
}
#sharewithmain .lx_journey_content.lx_bg_grayContent {
	background: rgba(0,0,0,0.04);
}

#sharewithmain .lx_journey_content > .column1 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0 11px;
	width: 100%;
	max-width: 1002px;
	margin-left: auto;
	margin-right: auto;
}

.lx_journey_content > .column1 > .title2 ,
.lx_journey_content > .column1 > .text-section:not(.highlight) ,
.lx_journey_content > .column1 > .youtube ,
.lx_journey_content > .column1 > .youtube + .text-section.highlight {
	grid-column: 1 / -1;
}

/* 見出し：左右に線 */
#sharewithmain .lx_journey_content .title2.style1 {
	width: 100%;
	max-width: 792px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}

.lx_journey_content .title2.style1::before {
	content: none;
}

.lx_journey_content .title2.style1 h2 {
	display: flex;
	align-items: center;
	gap: 0 20px;
	color: #000;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	word-break: auto-phrase;
}

.lx_journey_content .title2.style1 h2::before ,
.lx_journey_content .title2.style1 h2::after {
	content: "";
	flex: 1 1 0;
	min-width: 20px;
	height: 4px;
	background: #009DA5;
}

/* リード文 */
#sharewithmain .lx_journey_content .text-section:not(.highlight) {
	width: 100%;
	max-width: 806px;
	margin: 22px auto 0;
}

.lx_journey_content .text-section:not(.highlight) .rich-text {
	color: #000;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0.04em;
}

/* 写真4枚 */
#sharewithmain .lx_journey_content .text-section.highlight {
	margin: 38px 0 0;
	padding: 0;
	background: none;
	border: none;
}

.lx_journey_content .text-section.highlight img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	aspect-ratio: 242 / 136;
	object-fit: cover;
}

/* 背景の世界地図：1枚目の写真の位置を基準に、セクション幅いっぱいに敷く */
#sharewithmain .lx_journey_content .text-section:not(.highlight) + .text-section.highlight {
	position: static;
}

.lx_journey_content .text-section:not(.highlight) + .text-section.highlight::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	margin-top: 71px;
	aspect-ratio: 1170 / 580;
	/* 不透明度26%は画像(SVG)側に含まれている */
	background: url("../../../../../../resources/sw_img/saiyo/worldmap_background.svg") center top no-repeat;
	background-size: 100% auto;
	pointer-events: none;
	max-width: 1170px;
	margin: auto;
}

/* 動画 */
#sharewithmain .lx_journey_content .youtube {
	margin-top: 140px;
}

/* 動画の下の視聴時間（写真4枚用の上余白を打ち消す） */
#sharewithmain .lx_journey_content .youtube + .text-section.highlight {
	margin-top: 12px;
}

.lx_journey_content .youtube iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1002 / 564;
}

@media screen and (width <= 768px) {
	#sharewithmain .lx_journey_content {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#sharewithmain .lx_journey_content > .column1 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 15px;
		padding-left: 5px;
		padding-right: 5px;
	}

	/* 見出し：線は残りの幅いっぱいに伸ばす。2行に折り返す場合も線を50px残す */
	.lx_journey_content .title2.style1 h2 {
		gap: 0 14px;
		font-size: 2.2rem;
	}

	.lx_journey_content .title2.style1 h2::before ,
	.lx_journey_content .title2.style1 h2::after {
		flex: 1 1 0;
		min-width: 50px;
	}

	.lx_journey_content .text-section:not(.highlight) .rich-text {
		font-size: 1.4rem;
		line-height: 1.715;
		letter-spacing: 0.04em;
	}

	/* 写真：2列×2段 */
	#sharewithmain .lx_journey_content .text-section.highlight {
		margin-top: 16px;
	}

	#sharewithmain .lx_journey_content .text-section:not(.highlight) + .text-section.highlight ,
	#sharewithmain .lx_journey_content .text-section:not(.highlight) + .text-section.highlight + .text-section.highlight {
		margin-top: 30px;
	}

	.lx_journey_content .text-section.highlight img {
		aspect-ratio: 160 / 90;
	}

	.lx_journey_content .text-section:not(.highlight) + .text-section.highlight::before {
		margin-top: 85px;
	}

	#sharewithmain .lx_journey_content .youtube {
		margin-top: 70px;
	}

	.lx_journey_content .youtube iframe {
		aspect-ratio: 335 / 188;
	}
}


/*==== 社員インタビュー 別の社員を見る（写真＋グラデーションパネルのリンク） ====*/
#sharewithmain .lx_journey_other {
	padding-top: 15px;
}
#sharewithmain .lx_journey_other > .column1 {
	width: 100%;
	max-width: 792px;
	margin-left: auto;
	margin-right: auto;
}

/* 見出し：左右に線 */
#sharewithmain .lx_journey_other .title2.style1 {
	padding-left: 0;
}

.lx_journey_other .title2.style1::before {
	content: none;
}

.lx_journey_other .title2.style1 h2 {
	display: flex;
	align-items: center;
	gap: 0 16px;
	color: #000;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.33;
}

.lx_journey_other .title2.style1 h2::before ,
.lx_journey_other .title2.style1 h2::after {
	content: "";
	flex: 1 1 0;
	min-width: 20px;
	height: 4px;
	background: #009DA5;
}

/* カード：写真の右に、写真と36px重ねてパネルを配置 */
#sharewithmain .lx_journey_other .link-area {
	margin-top: 32px;
}

#sharewithmain .lx_journey_other .link-area ~ .link-area {
	margin-top: 46px;
}

.lx_journey_other .link-area > a {
	display: grid;
	grid-template-columns: 430fr 36fr 316fr;
	grid-template-rows: 44px auto auto auto 1fr;
	padding-right: 10px;
	color: #fff;
}

#sharewithmain .lx_journey_other .link-area > a img {
	grid-column: 1 / 3;
	grid-row: 1 / -1;
	align-self: start;
	width: 100%;
	height: auto;
	margin: 0;
	aspect-ratio: 466 / 262;
	object-fit: cover;
}

/* パネルの背景（グラデーション＋影）。写真より手前に置く */
.lx_journey_other .link-area > a::before {
	content: "";
	position: relative;
	z-index: 1;
	grid-column: 2 / -1;
	grid-row: 2 / 5;
	background: linear-gradient(90deg, #009DA5 0%, #90EBF0 100%);
	box-shadow: 10px 14px 0 #000;
}

.lx_journey_other .link-area > a p {
	position: relative;
	z-index: 2;
	grid-column: 2 / -1;
	margin: 0 36px;
}

/* 1段落目：My Journey #xx */
.lx_journey_other .link-area > a p:nth-of-type(1) {
	grid-row: 2;
	padding-top: 26px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 0.04em;
}

/* 2段落目：タイトル（下に区切り線、右下に矢印ボタン） */
.lx_journey_other .link-area > a p:nth-of-type(2) {
	grid-row: 3;
	margin-top: 16px;
	padding-right: 50px;
	padding-bottom: 13px;
	border-bottom: 2px solid #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0;
}

.lx_journey_other .link-area > a p:nth-of-type(2) .u {
	text-decoration: none;
}

.lx_journey_other .link-area > a p:nth-of-type(2)::after {
	content: "";
	position: absolute;
	right: -4px;
	bottom: 12px;
	display: block;
	width: 30px;
	height: 32px;
	background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='916 89.2 16.5 7.6'%3E%3Cpath fill='white' d='M932.354 93.3536C932.549 93.1583 932.549 92.8417 932.354 92.6464L929.172 89.4645C928.976 89.2692 928.66 89.2692 928.464 89.4645C928.269 89.6597 928.269 89.9763 928.464 90.1716L931.293 93L928.464 95.8284C928.269 96.0237 928.269 96.3403 928.464 96.5355C928.66 96.7308 928.976 96.7308 929.172 96.5355L932.354 93.3536ZM916 93V93.5H932V93V92.5H916V93Z'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 16.5px 7.6px;
}

/* 3段落目：所属・名前・入社年 */
.lx_journey_other .link-area > a p:nth-of-type(3) {
	grid-row: 4;
	margin-top: 10px;
	padding-bottom: 30px;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0.04em;
}

@media screen and (width <= 768px) {
	#sharewithmain .lx_journey_other > .column1 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.lx_journey_other .title2.style1 h2 {
		gap: 0 14px;
		font-size: 2.2rem;
	}

	/* 写真の下端にパネルを18px重ねる */
	#sharewithmain .lx_journey_other .link-area {
		margin-top: 30px;
	}

	#sharewithmain .lx_journey_other .link-area ~ .link-area {
		margin-top: 28px;
	}

	.lx_journey_other .link-area > a {
		grid-template-columns: 86fr 188fr 56fr;
		grid-template-rows: auto auto auto auto;
		padding-right: 5px;
	}

	#sharewithmain .lx_journey_other .link-area > a img {
		grid-row: 1;
		aspect-ratio: 274 / 154;
	}

	.lx_journey_other .link-area > a::before {
		margin-top: -18px;
		box-shadow: 5px 5px 0 #000;
	}

	.lx_journey_other .link-area > a p {
		margin-left: 16px;
		margin-right: 16px;
	}

	.lx_journey_other .link-area > a p:nth-of-type(1) {
		margin-top: -18px;
		padding-top: 13px;
		font-size: 1.6rem;
	}

	.lx_journey_other .link-area > a p:nth-of-type(2) {
		margin-top: 7px;
		padding-right: 30px;
		padding-bottom: 10px;
		font-size: 1.4rem;
		letter-spacing: 0.03em;
	}

	.lx_journey_other .link-area > a p:nth-of-type(2)::after {
		right: 0;
		bottom: 16px;
		width: 24px;
		height: 26px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='297 161.2 10.5 7.6'%3E%3Cpath fill='white' d='M307.354 165.354C307.549 165.158 307.549 164.842 307.354 164.646L304.172 161.464C303.976 161.269 303.66 161.269 303.464 161.464C303.269 161.66 303.269 161.976 303.464 162.172L306.293 165L303.464 167.828C303.269 168.024 303.269 168.34 303.464 168.536C303.66 168.731 303.976 168.731 304.172 168.536L307.354 165.354ZM297 165V165.5H307V165V164.5H297V165Z'/%3E%3C/svg%3E");
		background-size: 10.5px 7.6px;
	}

	.lx_journey_other .link-area > a p:nth-of-type(3) {
		padding-bottom: 14px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
}


/*==== ヘッダー YouTube・ENTRYバナー（ハンバーガーボタンの左に横並び） ====*/
/* ハンバーガーボタン(右端26px・幅52px)から28px空けて並べる */
#header .on-sp .hx_bnrList {
	position: absolute;
	top: calc((var(--header-height-sp) - 52px) / 2);
	right: calc(26px + 52px + 28px);
}

#header .on-sp .hx_bnrList .h-column .h-column {
	display: flex;
	flex-flow: row nowrap;
	gap: 0 10px;
}

#header .on-sp .hx_bnrList .h-panel a ,
#header .on-sp .hx_bnrList .h-panel figure {
	display: block;
	margin: 0;
}

#header .on-sp .hx_bnrList .h-panel img {
	display: block;
	width: auto;
	height: 52px;
	margin: 0;
}

#header .on-sp .hx_bnrList .h-panel a:hover {
	opacity: 0.7;
}

/* SPではメニュー内にENTRY等があるため非表示 */
@media screen and (width <= 768px) {
	#header .on-sp .hx_bnrList {
		display: none;
	}
}


/*==== ハンバーガーメニューの中身（PC：.lx_hmb_pc ／ SP：.lx_hmb_sp） ====*/
/* 既存の「アコーディオン内 子階層」の指定より詳細度を上げるため、.ux_click_open から書く */
@media print, screen and (width > 768px) {
	#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp {
		display: none;
	}
}

/* 共通：TOP・採用情報（右端に黒い矢印ボタン、下に黒線） */
#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-link-list ul {
	margin: 0;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-link-list li:not(.highlight) {
	border-bottom: 1px solid #000;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-link-list li:not(.highlight) > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
	padding: 18px 4px 17px;
	color: #000;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: 0;
	text-decoration: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-link-list li:not(.highlight):first-child > a {
	padding-top: 12px;
}

/* 黒い矢印ボタン（TOP・採用情報はa::before、My Journeyは.icon_rearを使う） */
#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-link-list li:not(.highlight) > a::before ,
#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) .text .icon_rear {
	content: "";
	position: static;
	order: 2;
	flex: 0 0 auto;
	display: block;
	width: 30px;
	height: 32px;
	border: none;
	transform: none;
	background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='916 89.2 16.5 7.6'%3E%3Cpath fill='white' d='M932.354 93.3536C932.549 93.1583 932.549 92.8417 932.354 92.6464L929.172 89.4645C928.976 89.2692 928.66 89.2692 928.464 89.4645C928.269 89.6597 928.269 89.9763 928.464 90.1716L931.293 93L928.464 95.8284C928.269 96.0237 928.269 96.3403 928.464 96.5355C928.66 96.7308 928.976 96.7308 929.172 96.5355L932.354 93.3536ZM916 93V93.5H932V93V92.5H916V93Z'/%3E%3C/svg%3E") center center no-repeat;
	background-size: 16.5px 7.6px;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-link-list li:not(.highlight) > a:hover {
	opacity: 0.7;
}

/* 共通：My Journey（写真の右にタイトル・所属。写真に緑の影） */
#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) {
	display: grid;
	grid-template-columns: 128px minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	column-gap: 16px;
	padding: 22px 4px 21px;
	border-bottom: 1px solid #000;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) a {
	display: grid;
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	grid-template-columns: subgrid;
	grid-template-rows: subgrid;
	color: #000;
	text-decoration: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) figure {
	grid-column: 1;
	grid-row: 1 / -1;
	margin: 0;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) figcaption {
	display: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) img {
	display: block;
	width: 128px;
	height: 96px;
	margin: 0;
	object-fit: cover;
	box-shadow: 5px 5px 0 #009DA5;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) .text {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 10px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: 0.04em;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) .text .icon_front {
	display: none;
}

/* 所属・名前（リンクの外にあるため、クリックはリンクに通す） */
#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:has(.text) a + p {
	grid-column: 2;
	grid-row: 2;
	margin: 8px 0 0;
	color: #000;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0;
	pointer-events: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel:hover {
	opacity: 0.7;
}

/* 共通：バナー（画像に枠線が含まれている） */
#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:not(:has(.text)) {
	margin-top: 10px;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:not(:has(.text)) :is(a, figure) {
	display: block;
	margin: 0;
}

#header .on-sp .hx_gnavi_box .ux_click_open :is(.lx_hmb_pc, .lx_hmb_sp) .h-panel.has-img:not(:has(.text)) img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
}

/* PC：左にTOP・採用情報とバナー、縦線を挟んで右にMy Journey */
#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_pc {
	display: flex;
	justify-content: center;
	padding: 28px 20px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_pc > .h-column1 {
	display: flex;
	flex-flow: column nowrap;
	flex: 0 1 316px;
	min-width: 0;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_pc > .h-column2 {
	flex: 0 1 440px;
	min-width: 0;
	margin-left: 33px;
	padding-left: 28px;
	border-left: 2px solid #000;
}

/* バナーは左カラムの下端に揃える */
#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_pc > .h-column1 > .h-link-list + .h-panel.has-img {
	margin-top: auto;
	padding-top: 10px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_pc > .h-column2 > .h-panel:first-child {
	padding-top: 12px;
}

/* SPではPC用を隠す(上のdisplay:flexより後ろに置く) */
@media screen and (width <= 768px) {
	#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_pc {
		display: none;
	}
}

/* SP：ENTRY・TOP・採用情報・My Journey・バナーを縦に並べる */
#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp {
	padding: 30px 18px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.no-img {
	display: block;
	height: auto;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.no-img a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 10px;
	color: #fff;
	background: #009DA5;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.2em;
	text-decoration: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.no-img .icon_front ,
#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.no-img .icon_rear {
	display: none;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.no-img a:hover {
	opacity: 0.7;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-link-list {
	margin-top: 8px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-link-list ,
#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.has-img:has(.text) {
	margin-left: 4px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-link-list li:not(.highlight) > a ,
#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-link-list li:not(.highlight):first-child > a {
	padding: 22px 4px 19px;
	line-height: 26px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-link-list li:not(.highlight) > a::before ,
#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.has-img:has(.text) .text .icon_rear {
	width: 24px;
	height: 26px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='297 161.2 10.5 7.6'%3E%3Cpath fill='white' d='M307.354 165.354C307.549 165.158 307.549 164.842 307.354 164.646L304.172 161.464C303.976 161.269 303.66 161.269 303.464 161.464C303.269 161.66 303.269 161.976 303.464 162.172L306.293 165L303.464 167.828C303.269 168.024 303.269 168.34 303.464 168.536C303.66 168.731 303.976 168.731 304.172 168.536L307.354 165.354ZM297 165V165.5H307V165V164.5H297V165Z'/%3E%3C/svg%3E");
	background-size: 10.5px 7.6px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.has-img:has(.text) .text {
	padding-top: 3px;
	font-size: 1.8rem;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.has-img:has(.text) .text .icon_rear {
	margin-top: -3px;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.has-img:has(.text) a + p {
	margin-top: 13px;
	font-size: 1.2rem;
	line-height: 1.7;
}

#header .on-sp .hx_gnavi_box .ux_click_open .lx_hmb_sp .h-panel.has-img:has(.text) + .h-panel.has-img:not(:has(.text)) {
	margin-top: 33px;
}


/*==== トップ MVの背景動画（HTMLパーツ内のvideo。横幅100%・最大1000px、16:9） ====*/
/* 自動再生・ミュート・ループ・コントロール非表示は、videoタグの属性で指定する */
/* 再生が始まるまでは黒地。動画の縦横比が16:9でなくても枠いっぱいに表示する */
#sharewithmain .lx_top_mv .html-paragraph video {
	display: block;
	width: 100%;
	max-width: 1000px;
	height: auto;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	-o-object-fit: cover;
	   object-fit: cover;
	background: #000;
}

/* 背景動画なので、クリックや右クリックメニューで一時停止などができないようにする */
body:not(.in-editor) #sharewithmain .lx_top_mv .html-paragraph video {
	pointer-events: none;
}


/*==== トップ MV 動画の上に英字キャッチを白文字で重ねる(Figma node 2085:28) ====*/
/* 文字サイズは動画の幅に比例させる(動画幅1000pxで100px) */
#sharewithmain .lx_top_mv .text-section {
	container-type: inline-size;
}

body:not(.in-editor) #sharewithmain .lx_top_mv > .column1 {
	position: relative;
}

/* 動画の上下中央に重ねる。編集画面では重ねず、パーツを編集できるようにする */
body:not(.in-editor) #sharewithmain .lx_top_mv .text-section {
	max-width: 1000px;
	margin: auto;
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

/* PCは動画の上に50pxの余白(.lx_top_mv > .column:first-child > *:first-child)があるため、その分下げて動画に合わせる */
@media print, screen and (width > 768px) {
	body:not(.in-editor) #sharewithmain .lx_top_mv .text-section {
		top: 50px;
	}
}

#sharewithmain .lx_top_mv .text-section .rich-text {
	color: #fff;
	font-family: "Iosevka Charon", monospace;
	font-size: 10cqw;
	font-style: italic;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.09em;
	text-align: center;
}

#sharewithmain .lx_top_mv .text-section .rich-text p {
	margin: 0;
}

/* 編集画面では動画に重ねないため、白文字が見えるよう背景を敷く */
body.in-editor .lx_top_mv .text-section {
	background: #333;
}


/*==== トップ MV 英字キャッチを表示10秒後にフェードアウト ====*/
/* .text-section は表示時のフェードイン(.fadeObjX)でopacityを使うため、中の .rich-text を消す */
/* 編集画面では消さない */
body:not(.in-editor) #sharewithmain .lx_top_mv .text-section .rich-text {
	animation: lx_top_mv_text_fadeout 2s ease 10s forwards;
}

@keyframes lx_top_mv_text_fadeout {
	to {
		opacity: 0;
		visibility: hidden;
	}
}
