@charset "utf-8";
/*------------------ based on 19/08/21 */
/* > 1%, last 4 versions, Firefox ESR */
/*------------------------------------ */

/* --------------------------------------
 基本設定
-------------------------------------- */
/* ベースフォント */
body {
	font-family: YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.mincho {
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif;
}

/* 游ゴシック/游明朝 を使わない */
/*
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.mincho {
	font-family: "Hiragino Mincho ProN", "HGS明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif;
}
*/



/* ベースフォントサイズ */
html {
	font-size: 16px;
}

body {
	color: #222;
	line-height: 1.5;
}

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

a:hover ,
a:active {
	color: #184c9a;
	text-decoration: underline;
}


@media handheld, only screen and (max-width: 767px) {
	html {
		font-size: 15px;
	}
}


#wrapper-3 {
	padding: 0;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	#wrapper-2 {
		/*margin-top: 440px;*/
		margin-bottom: 0;
		margin-top: 0;
	}

	body[id=wide] #wrapper-3 > #sharewithmain > .multiColumn1 ,
	body[id=wide] #wrapper-3 > #sharewithmain > .multiColumn2 ,
	body[id=wide] #wrapper-3 > #sharewithmain > .multiColumn3 ,
	body[id=wide] #wrapper-3 > #sharewithmain > .multiColumn4 ,
	body[id=wide] #wrapper-3 > #sharewithmain > .multiColumn5 {
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

	#sharewithmain > *:first-child:not(.layout_background_color) {
		margin-top: 70px;
	}

	#sharewithmain > *:last-child {
		margin-bottom: 0;
		padding-bottom: 120px;
	}


	/* 特殊設定カラムレイアウト
	-------------------------------------*/
	/*-- カラム分割比率 --*/
	body[id=wide] .layout_col2_ratio82.multiColumn2 > .column1 ,
	body[id=wide] .layout_multi2_column82.multiColumn2 > .column1 {
		width: 78.8%;
		width: calc(1000px * 0.788);
	}
	body[id=wide] .layout_col2_ratio82.multiColumn2 > .column2 ,
	body[id=wide] .layout_multi2_column82.multiColumn2 > .column2 {
		width: 18.8%;
		width: calc(1000px * 0.188);
	}

	body[id=wide] .layout_col2_ratio73.multiColumn2 > .column1 ,
	body[id=wide] .layout_multi2_column73.multiColumn2 > .column1 {
		width: 68.8%;
		width: calc(1000px * 0.688);
	}
	body[id=wide] .layout_col2_ratio73.multiColumn2 > .column2 ,
	body[id=wide] .layout_multi2_column73.multiColumn2 > .column2 {
		width: 28.8%;
		width: calc(1000px * 0.288);
	}

	body[id=wide] .layout_col2_ratio64.multiColumn2 > .column1 ,
	body[id=wide] .layout_multi2_column64.multiColumn2 > .column1 {
		width: 58.8%;
		width: calc(1000px * 0.588);
	}
	body[id=wide] .layout_col2_ratio64.multiColumn2 > .column2 ,
	body[id=wide] .layout_multi2_column64.multiColumn2 > .column2 {
		width: 38.8%;
		width: calc(1000px * 0.388);
	}

	body[id=wide] .layout_col2_ratio46.multiColumn2 > .column1 ,
	body[id=wide] .layout_multi2_column46.multiColumn2 > .column1 {
		width: 38.8%;
		width: calc(1000px * 0.388);
	}
	body[id=wide] .layout_col2_ratio46.multiColumn2 > .column2 ,
	body[id=wide] .layout_multi2_column46.multiColumn2 > .column2 {
		width: 58.8%;
		width: calc(1000px * 0.588);
	}

	body[id=wide] .layout_col2_ratio37.multiColumn2 > .column1 ,
	body[id=wide] .layout_multi2_column37.multiColumn2 > .column1 {
		width: 28.8%;
		width: calc(1000px * 0.288);
	}
	body[id=wide] .layout_col2_ratio37.multiColumn2 > .column2 ,
	body[id=wide] .layout_multi2_column37.multiColumn2 > .column2 {
		width: 68.8%;
		width: calc(1000px * 0.688);
	}

	body[id=wide] .layout_col2_ratio28.multiColumn2 > .column1 ,
	body[id=wide] .layout_multi2_column28.multiColumn2 > .column1 {
		width: 18.8%;
		width: calc(1000px * 0.188);
	}
	body[id=wide] .layout_col2_ratio28.multiColumn2 > .column2 ,
	body[id=wide] .layout_multi2_column28.multiColumn2 > .column2 {
		width: 78.8%;
		width: calc(1000px * 0.788);
	}

}

@media handheld, only screen and (max-width: 767px) {
	#wrapper-2 {
		/*margin-top: 40px;*/
	}

	#sharewithmain > *:first-child:not(.layout_background_color) {
		margin-top: 40px;
	}

	#sharewithmain > *:last-child {
		margin-bottom: 0;
		padding-bottom: 60px;
	}
}



/*------------------------------------- 
 ぱんくず
-------------------------------------*/
/* 4箇所ある枠の内1か所に入力 */
.bread-crumb {
	margin: auto;
	z-index: 20;
	position: absolute;
	left: 0;
	width: 100%;
}

.bread-crumb ol {
	margin: 0 auto;
	padding: 8px 0px;
}

.bread-crumb ol::after ,
.bread-crumb::after {
	content: "";
	display: block;
	clear: both;
}

.bread-crumb a ,
.bread-crumb strong {
/*	color: inherit; */
}

.bread-crumb h5 ,
.bread-crumb h5 p ,
.bread-crumb h5 span ,
.bread-crumb ol li {
	font-size: 12px;
	float: left;
	color: #fff;
}

.bread-crumb h5 p::after ,
.bread-crumb h5 span::after ,
.bread-crumb ol li::after {
	content: "/";
	padding: 0 0.5em;
}
.bread-crumb ol li a {
	color: #fff;
}

.bread-crumb ol li:last-child::after {
	content: none;
}

/* -- TOP書き換え -- */
.bread-crumb ol li:first-child a {
	font-size: 0;
}
.bread-crumb ol li:first-child a::before {
	content: "HOME";
	vertical-align: inherit;
	font-size: 12px;
}
#header.ja ~ .bread-crumb ol li:first-child a::before ,
#header.ja ~* .bread-crumb ol li:first-child a::before {
	content: "ホーム";
	color: #fff;
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.bread-crumb {
		min-width: 1000px;
		top: 90px;
	}

	.bread-crumb ol {
		width: 1000px;
		margin: auto;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.bread-crumb {
		font-size: 12px;
		padding: 5px 10px;
		top: 50px;
	}

	.bread-crumb ol {
		padding: 0;
	}
}



/* -----------------------------
 グローバルナビ
--------------------------------- */
/*-- ページプロパティに設定あり --*/
/* -- 初期非表示 -- */ 
#nav-global {
	display: none;
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {

	#nav-global {
		overflow: hidden;
		margin: 20px auto;
		width: 1000px;
		min-width: 1000px;
		min-height: 69px;
	}

	#nav-global ul {
		position: relative;
		z-index: 100;
		float: left;
		width: 100%;
		margin: 0 0 24px 0;
		list-style: none;
	}
	#nav-global.plus-navsub ul {
		border-bottom: none;
	}
	#nav-global li {
		float: left;
		margin: 2px 10px 0 0;
		padding-bottom: 0.355em;
		font-size: 150%;
		font-weight: bold;
	}
	#nav-global li a ,
	#nav-global li a:visited ,
	#nav-global li strong {
		display: block;
		float: left;
		color: #072D74;
		text-decoration: none;
	}
	/* on + open */
	#nav-global li.on ,
	#nav-global li.open {
		background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/nav-global.png") 50% 100% no-repeat;
	}
	#nav-global li strong ,
	#nav-global li.open a ,
	#nav-global li.on a {
		background: #7F9BDA;
		border: #FFFFFF 1px solid;
	}
	#nav-global li strong span ,
	#nav-global li.open a span {
		padding-right: 10px;
	}
	#nav-global li span ,
	#nav-global li.open a span {
		float: left;
		margin-left: 5px;
		padding: .4em 10px .355em 5px;
	}
	/* hover */
	#nav-global li a:hover ,
	#nav-global li a:active ,
	#nav-global li a:focus {
		/*background: #ec1549;
		border-radius: 5px; NIR*/
	}
	/* 2nd level horizontal subnav */
	#nav-global ul ul {
		position: absolute;
		z-index: -1;
		left: 0;
		top: 2.4em;
		width: 940px;
	}
	#nav-global li li ,
	#nav-global li li.on {
		background: none;
		font-size: 100%;
	}
	#nav-global li.open li span ,
	#nav-global li.open li a ,
	#nav-global li.open li strong{
		background: none;
		font-weight: normal;
	}
	#nav-global li.open a {
		text-decoration: none;
	}
	#nav-global li.open li.on a span ,
	#nav-global li.open li strong span {
		font-weight: bold;
		color: #ff3062;
	}
	#nav-global li li a:hover ,
	#nav-global li li a:active ,
	#nav-global li li a:focus ,
	#nav-global li li a:hover span ,
	#nav-global li li a:active span ,
	#nav-global li li a:focus span {
		background: none;
		color: #ff3062;
	}

	#nav-global-box{
	}

	#nav-global-box .open {
	}

	#nav-global-box .on {
	}

	#nav-global.plus-navsub {
		min-height: 6.8em;
		border-bottom: 1px solid #4a4a4a;
	}

}

/* -- スマホ用 -- */
@media only screen and (max-width: 767px) {

	#nav-global ul::after {
		content: "";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden;
	}

	#nav-global div > ul > li {
		display: table;
		width: 50%;
		float: left;
		border-bottom: #999 1px solid;
	}

	#nav-global div > ul > li > a ,
	#nav-global div > ul > li > strong {
		display: table-cell;
	    height: 50px;
	    vertical-align: middle;
		text-align: center;

		background: #2b2b2b;
		color: #ccc;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
	}

	#nav-global div > ul > li:nth-child(odd) > a ,
	#nav-global div > ul > li:nth-child(odd) > strong {
		border-right: #999 1px solid;
	}
}


/*------------------------------------- 
 サイドナビ（ローカルナビ）
-------------------------------------*/
/*-- ページプロパティに設定あり --*/
body.superMulti #nav {
    display: none;
}

#nav-box h6 {
/*	display: none; */
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {

	#nav {
		background-color: #e2e4e8;
	}

	/*-- メインエリア上に設置するパターン --*/
	#nav-box {
		position: relative;
		font-size: 0;
		margin: auto;
		width: 1000px;
		padding: 20px 0;
	}

	#nav-box::after {
		content: "";
		display: block;
		clear: both;
	}

	/* 第１・２階層トップでは非表示 */
	[data-current-level="1"] #nav-box ,
	[data-current-level="2"] #nav-box {
		display: none;
	}

	/* ナビ上に無い独立したページでは非表示 */
	#nav-box.stray {
		display: none;
	
	}

	#nav-box h6 {
		display: none;
	}

	#nav-box h5 .btn {
		display: none;
	}


	/* 1階分層 */
	#nav-box ul {
	}

	#nav-box li {
	}

	#nav-box br {
		display: none;
	}

	#nav-box strong ,
	#nav-box a {
		display: none;

		position: relative;
		color: #000; 
		line-height: 1.25;
		font-size: 15px;
		font-weight: normal;
		text-decoration: none;
		text-align: center;
		/*margin: 0 15px;
		border-bottom: 1px solid transparent;*/
	}

	#nav-box li.on > a ,
	#nav-box strong {
		color: #0066cc;
	}

	#nav-box a:hover {
		color: #0066cc;
	}


	/* 現在地を含むフォルダーを表示 */
	/*#nav .within {
		padding-left: 10px;
	}*/

	#nav .within > ul {
		padding: 0 20px;
		display: inline-block;
	/*	width: 100%; */
		text-align: left;
	}

	#nav .within > ul:not(.navLevel_1) {
		position: relative;
		float: right;
		width: 820px;
		text-align: left;
		padding: 0;
	}

	/*#nav .within > ul:not(.navLevel_1)::before {
		content: "";
		position: absolute;
		top: 5px;
		left: 0;
		display: block;
		width: 1px;
		height: calc(100% - 10px);
		background: #999;
	}*/


	#nav .within > ul > li {
		display: inline-block;
		/*border-left: 1px solid #e7e7e7;*/
		border-right: 1px solid #c4c7cd;
		margin: 4px 0px;
		margin-left: -1px;
		padding: 0 20px;
	}


	#nav .within > ul > li > a ,
	#nav .within > ul > li > strong {
		display: inline-block;
	}

	/* 現在地の親ページ */
	#nav .within > a ,
	#nav .within > strong {
		display: inline-block;
		margin: 4px 0;
		font-size: 16px;
		font-weight: bold;
	}

	/* 孫ページは非表示 */
	#nav .within > ul ul {
		display: none;
	}

}


/* -- スマホ用 -- */
@media only screen and (max-width: 767px) {

	#nav {
		display: none;
	}

	#nav-box p.btn {
		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 > strong ,
	#nav-box ul.navLevel_1 > li > a {
		display: block;
		padding: 6px 12px;
		background: #646464;
		color: #fff; 
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		border: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_1 > li > strong ,
	#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 > strong ,
	#nav-box ul.navLevel_2 > li > a {
		display: block;
		padding: 15px 12px;
		background: #fff;
		color: #323232; 
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_2 > li > strong ,
	#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 > strong ,
	#nav-box ul.navLevel_3 > li > a {
		position: relative;
		display: block;
		padding: 8px 12px;
		padding-left: 32px;
		background: #f0f0f0;
		color: #323232; 
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_3 > li > strong::before ,
	#nav-box ul.navLevel_3 > li > a::before {
		content: ">";
		position: absolute;
		top: auto;
		left: 18px;
		display: inline-block;
	}

	#nav-box ul.navLevel_3 > li > strong ,
	#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 > strong ,
	#nav-box ul.navLevel_4 > li > a {
		display: block;
		padding: 5px 12px;
		background: #dcdcdc;
		color: #323232; 
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		border-bottom: 1px solid #c8c8c8;
	}

	#nav-box ul.navLevel_4 > li > strong::before ,
	#nav-box ul.navLevel_4 > li > a::before {
		content: "・";
		margin-left: 0.5em;
		display: inline-block;
	}

	#nav-box ul.navLevel_4 > li > strong ,
	#nav-box ul.navLevel_4 > li > a:hover {
		background: #eb3132;
		color: #fff; 
	}


	#nav-box ul.navLevel_5 {
		display: none;
	}
	/* -- ☆階層が増えるごとに、連番で追加 -- */


}


/* -----------------------------
 コンテンツエリア
--------------------------------- */
.quoted-text blockquote ,
.highlight-quoted-text ,
.text-section ,
.faq-item ,
.vtable-item ,
.ircalendar-title ,
.ircalendar-item {
}

/*------- リンクテキスト ----------*/
.quoted-text blockquote a ,
.highlight-quoted-text a ,
.text-section a ,
.faq-item a ,
.vtable-item a ,
.ircalendar-title a ,
.ircalendar-item a {
	line-height: inherit;
}

/*------- 別窓アイコン ----------*/
.quoted-text blockquote a[target="_blank"]::after ,
.highlight-quoted-text a[target="_blank"]::after ,
.text-section a[target="_blank"]::after ,
.faq-item a[target="_blank"]::after ,
.vtable-item a[target="_blank"]::after ,
.ircalendar-title a[target="_blank"]::after ,
.ircalendar-item a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 13px;
	height: 11px;
	background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
	background-size: contain;
	margin: 0 5px;
}

/*------- PDFアイコン ----------*/
.quoted-text blockquote a[href$=".pdf"]::after ,
.highlight-quoted-text a[href$=".pdf"]::after ,
.text-section a[href$=".pdf"]::after ,
.faq-item a[href$=".pdf"]::after ,
.vtable-item a[href$=".pdf"]::after ,
.ircalendar-title a[href$=".pdf"]::after ,
.ircalendar-item a[href$=".pdf"]::after ,
.quoted-text blockquote a[href*=".pdf#"]::after ,
.highlight-quoted-text a[href*=".pdf#"]::after ,
.text-section a[href*=".pdf#"]::after ,
.faq-item a[href*=".pdf#"]::after ,
.vtable-item a[href*=".pdf#"]::after ,
.ircalendar-title a[href*=".pdf#"]::after ,
.ircalendar-item a[href*=".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 5px;
}

/*------- excelアイコン ----------*/
.quoted-text blockquote a[href$=".xls"]::after ,
.highlight-quoted-text a[href$=".xls"]::after ,
.text-section a[href$=".xls"]::after ,
.faq-item a[href$=".xls"]::after ,
.vtable-item a[href$=".xls"]::after ,
.ircalendar-title a[href$=".xls"]::after ,
.ircalendar-item a[href$=".xls"]::after ,
.quoted-text blockquote a[href*=".xls#"]::after ,
.highlight-quoted-text a[href*=".xls#"]::after ,
.text-section a[href*=".xls#"]::after ,
.faq-item a[href*=".xls#"]::after ,
.vtable-item a[href*=".xls#"]::after ,
.ircalendar-title a[href*=".xls#"]::after ,
.ircalendar-item a[href*=".xls#"]::after ,
.quoted-text blockquote a[href$=".xlsx"]::after ,
.highlight-quoted-text a[href$=".xlsx"]::after ,
.text-section a[href$=".xlsx"]::after ,
.faq-item a[href$=".xlsx"]::after ,
.vtable-item a[href$=".xlsx"]::after ,
.ircalendar-title a[href$=".xlsx"]::after ,
.ircalendar-item a[href$=".xlsx"]::after ,
.quoted-text blockquote a[href*=".xlsx#"]::after ,
.highlight-quoted-text a[href*=".xlsx#"]::after ,
.text-section a[href*=".xlsx#"]::after ,
.faq-item a[href*=".xlsx#"]::after ,
.vtable-item a[href*=".xlsx#"]::after ,
.ircalendar-title a[href*=".xlsx#"]::after ,
.ircalendar-item a[href*=".xlsx#"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/excel.png") center center no-repeat;
	/*background-size: contain;*/
	margin: 0 5px;
}

/*------- PPTアイコン ----------*/
.quoted-text blockquote a[href$=".ppt"]::after ,
.highlight-quoted-text a[href$=".ppt"]::after ,
.text-section a[href$=".ppt"]::after ,
.faq-item a[href$=".ppt"]::after ,
.vtable-item a[href$=".ppt"]::after ,
.ircalendar-title a[href$=".ppt"]::after ,
.ircalendar-item a[href$=".ppt"]::after ,
.quoted-text blockquote a[href*=".ppt#"]::after ,
.highlight-quoted-text a[href*=".ppt#"]::after ,
.text-section a[href*=".ppt#"]::after ,
.faq-item a[href*=".ppt#"]::after ,
.vtable-item a[href*=".ppt#"]::after ,
.ircalendar-title a[href*=".ppt#"]::after ,
.ircalendar-item a[href*=".ppt#"]::after ,
.quoted-text blockquote a[href$=".pptx"]::after ,
.highlight-quoted-text a[href$=".pptx"]::after ,
.text-section a[href$=".pptx"]::after ,
.faq-item a[href$=".pptx"]::after ,
.vtable-item a[href$=".pptx"]::after ,
.ircalendar-title a[href$=".pptx"]::after ,
.ircalendar-item a[href$=".pptx"]::after ,
.quoted-text blockquote a[href*=".pptx#"]::after ,
.highlight-quoted-text a[href*=".pptx#"]::after ,
.text-section a[href*=".pptx#"]::after ,
.faq-item a[href*=".pptx#"]::after ,
.vtable-item a[href*=".pptx#"]::after ,
.ircalendar-title a[href*=".pptx#"]::after ,
.ircalendar-item a[href*=".pptx#"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/ppt.png") center center no-repeat;
	/*background-size: contain;*/
	margin: 0 5px;
}

/*------- wordアイコン ----------*/
.quoted-text blockquote a[href$=".doc"]::after ,
.highlight-quoted-text a[href$=".doc"]::after ,
.text-section a[href$=".doc"]::after ,
.faq-item a[href$=".doc"]::after ,
.vtable-item a[href$=".doc"]::after ,
.ircalendar-title a[href$=".doc"]::after ,
.ircalendar-item a[href$=".doc"]::after ,
.quoted-text blockquote a[href*=".doc#"]::after ,
.highlight-quoted-text a[href*=".doc#"]::after ,
.text-section a[href*=".doc#"]::after ,
.faq-item a[href*=".doc#"]::after ,
.vtable-item a[href*=".doc#"]::after ,
.ircalendar-title a[href*=".doc#"]::after ,
.ircalendar-item a[href*=".doc#"]::after ,
.quoted-text blockquote a[href$=".docx"]::after ,
.highlight-quoted-text a[href$=".docx"]::after ,
.text-section a[href$=".docx"]::after ,
.faq-item a[href$=".docx"]::after ,
.vtable-item a[href$=".docx"]::after ,
.ircalendar-title a[href$=".docx"]::after ,
.ircalendar-item a[href$=".docx"]::after ,
.quoted-text blockquote a[href*=".docx#"]::after ,
.highlight-quoted-text a[href*=".docx#"]::after ,
.text-section a[href*=".docx#"]::after ,
.faq-item a[href*=".docx#"]::after ,
.vtable-item a[href*=".docx#"]::after ,
.ircalendar-title a[href*=".docx#"]::after ,
.ircalendar-item a[href*=".docx#"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/word.png") center center no-repeat;
	/*background-size: contain;*/
	margin: 0 5px;
}

/*------- textアイコン ----------*/
.quoted-text blockquote a[href$=".txt"]::after ,
.highlight-quoted-text a[href$=".txt"]::after ,
.text-section a[href$=".txt"]::after ,
.faq-item a[href$=".txt"]::after ,
.vtable-item a[href$=".txt"]::after ,
.ircalendar-title a[href$=".txt"]::after ,
.ircalendar-item a[href$=".txt"]::after ,
.quoted-text blockquote a[href*=".txt#"]::after ,
.highlight-quoted-text a[href*=".txt#"]::after ,
.text-section a[href*=".txt#"]::after ,
.faq-item a[href*=".txt#"]::after ,
.vtable-item a[href*=".txt#"]::after ,
.ircalendar-title a[href*=".txt#"]::after ,
.ircalendar-item a[href*=".txt#"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/file.png") center center no-repeat;
	/*background-size: contain;*/
	margin: 0 5px;
}

/*------- zipアイコン ----------*/
.quoted-text blockquote a[href$=".zip"]::after ,
.highlight-quoted-text a[href$=".zip"]::after ,
.text-section a[href$=".zip"]::after ,
.faq-item a[href$=".zip"]::after ,
.vtable-item a[href$=".zip"]::after ,
.ircalendar-title a[href$=".zip"]::after ,
.ircalendar-item a[href$=".zip"]::after ,
.quoted-text blockquote a[href*=".zip#"]::after ,
.highlight-quoted-text a[href*=".zip#"]::after ,
.text-section a[href*=".zip#"]::after ,
.faq-item a[href*=".zip#"]::after ,
.vtable-item a[href*=".zip#"]::after ,
.ircalendar-title a[href*=".zip#"]::after ,
.ircalendar-item a[href*=".zip#"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/zip.png") center center no-repeat;
	/*background-size: contain;*/
	margin: 0 5px;
}

/*------- 音声ファイルアイコン ----------*/
.quoted-text blockquote a[href$=".mp3"]::after ,
.highlight-quoted-text a[href$=".mp3"]::after ,
.text-section a[href$=".mp3"]::after ,
.faq-item a[href$=".mp3"]::after ,
.vtable-item a[href$=".mp3"]::after ,
.ircalendar-title a[href$=".mp3"]::after ,
.ircalendar-item a[href$=".mp3"]::after ,
.quoted-text blockquote a[href*=".mp3#"]::after ,
.highlight-quoted-text a[href*=".mp3#"]::after ,
.text-section a[href*=".mp3#"]::after ,
.faq-item a[href*=".mp3#"]::after ,
.vtable-item a[href*=".mp3#"]::after ,
.ircalendar-title a[href*=".mp3#"]::after ,
.ircalendar-item a[href*=".mp3#"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/sound.png") center center no-repeat;
	/*background-size: contain;*/
	margin: 0 5px;
}

/*------- 動画ファイルアイコン ----------*/
.quoted-text blockquote a[href$=".mp4"]::after ,
.highlight-quoted-text a[href$=".mp4"]::after ,
.text-section a[href$=".mp4"]::after ,
.faq-item a[href$=".mp4"]::after ,
.vtable-item a[href$=".mp4"]::after ,
.ircalendar-title a[href$=".mp4"]::after ,
.ircalendar-item a[href$=".mp4"]::after ,
.quoted-text blockquote a[href*=".mp4#"]::after ,
.highlight-quoted-text a[href*=".mp4#"]::after ,
.text-section a[href*=".mp4#"]::after ,
.faq-item a[href*=".mp4#"]::after ,
.vtable-item a[href*=".mp4#"]::after ,
.ircalendar-title a[href*=".mp4#"]::after ,
.ircalendar-item a[href*=".mp4#"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 20px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/movie.png") center center no-repeat;
	/*background-size: contain;*/
	margin: 0 5px;
}

/*------------------------------------- 
 見出し
-------------------------------------*/
/* jsでクローン */
.page-intro-wrapper.cloned.cancel ,
#page-intro.moved {
	display: none;
}


/* -- ページタイトルをテキストで表示 -- */
.page-intro > h1 ,
#page-intro > h1 {
	color: #fff;
	font-weight: bold;
	line-height: 1.25;
	/*padding: 100px 20px;*/
	position: relative;
	display: flex;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
}
.page-intro > h1::before ,
#page-intro > h1::before {
	content: "";
	display: block;
	height: 1px;
	border-top: 1px #fff solid;
	position: absolute;
	left: 0;
	top: 50%;
}

#wrapper-3 > #page-intro {
	position: absolute;
	
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.page-intro-wrapper ,
	#page-intro {
		width: 100%;
		min-width: calc(1000px + 40px);
		/*border-bottom: 1px solid #e5e5e5;
		background: url("../../../../../../resources/sw_img/h1bg.jpg") center center no-repeat;
		background-size: cover;*/
	}

	/*-- ページ概要エリア --*/
	.page-intro {
		/*width: calc(1000px + 40px);*/
		width: 100%;
		padding: 0 20px;
	}

	.page-intro ,
	#page-intro {
		position: relative;
		margin: auto;
	}

	body[id=wide] #wrapper-3 > #page-intro {
		width: 100%;
		top: 86px;
		background-color: #000;
	}

	#wrapper-3 > #page-intro > h1 {
		width: 1000px;
		/*margin: 0 auto;*/
	}

	/* -- ページタイトルをテキストで表示 -- */
	.page-intro > h1 ,
	#page-intro > h1 {
		font-size: 33px;
		padding-left: 56px;
		height: 150px;
		z-index: 10;
	}

	.page-intro > h1::before ,
	#page-intro > h1::before {
		width: 40px;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	/*-- ページ概要エリア --*/
	.page-intro {
		/*margin: 0 10px 20px;*/
	}
	.page-intro ,
	#page-intro {
		position: relative;
		z-index: 10;
		margin-bottom: 20px;
	}

	body[id=wide] #wrapper-3 > #page-intro {
		width: 100%;
		top: 50px;
		background-color: #000;
	}

	#wrapper-3 > #page-intro > h1 {
		
	}

	/* -- ページタイトルをテキストで表示 -- */
	.page-intro > h1 ,
	#page-intro > h1 {
		font-size: 24px;
		padding-left: 28px;
		height: 100px;
	}

	.page-intro > h1::before ,
	#page-intro > h1::before {
		width: 20px;
	}

}


/*-- ニュースページ 共通見出し表示用(要plugin) --*/
.page-intro > .h0 ,
#page-intro > .h0 {
	display: none;
}

/* -- ページタイトルを画像で表示 -- */
.page-intro .titleImage ,
#page-intro .titleImage {
	margin-bottom: 20px;
}

.page-intro .titleImage h1 ,
#page-intro .titleImage h1 {
}

.page-intro .titleImage h1 img ,
#page-intro .titleImage h1 img {
	width: auto;
}

/* -- 日付（ニュース・マルチ2） -- */
.page-intro .text-meta ,
#page-intro .text-meta {
	color: #222;
    position: absolute;
    top: calc(100% + 10px);
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.page-intro .text-meta ,
	#page-intro .text-meta {
	    right: calc(50% - 450px);
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.page-intro .text-meta ,
	#page-intro .text-meta {
	    right: 10px;
	}
}

/*-- ニュースページ カテゴリアイコン表示用(要plugin) --*/
.page-intro .category-icon ,
#page-intro .category-icon {
	display: none;
}

/*-- 概要(ページでは非表示・内部リンク元に表示される) --*/
.page-intro .abstractImage ,
#page-intro .abstractImage {
	display: none;
}


/*-------------- 中見出し(共通) ------------*/
.text-section h2 ,
.link-list h2 ,
.link-list-url h2 ,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt ,
.title2:not(.highlight) h2 {
	color: #222;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px #333 solid;
}

/*-------------- 小見出し --------------*/
/* -- 見出しh2レベル -- */
.title2.highlight h2 {
}

/* -- 見出しh3レベル -- */
.title3:not(.highlight) {
}
.title2:not(.highlight) + .title3:not(.highlight) {
	margin-top: 0;
}
.title3:not(.highlight) h3 {
	position: relative;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px solid #777;
}
.title3:not(.highlight) h3::before {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	background: #184c9a;
}

.title3.highlight h3 {
}


/* -- 見出しh4レベル -- */
.title3:not(.highlight) + .title4:not(.highlight) {
	margin-top: 0;
}
.title4:not(.highlight) h4 {
	font-weight: bold;
	line-height: 1.3;
}

.title4.highlight h4 {
}


/*.title2:not(.highlight):last-child h2 ,
.title3:not(.highlight):last-child h3 ,
.title4:not(.highlight):last-child h4 ,
.title2.highlight:last-child h2 ,
.title3.highlight:last-child h3 ,
.title4.highlight:last-child h4 {
	margin-bottom: 0px;  
}*/

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.text-section h2 ,
	.link-list h2 ,
	.link-list-url h2 ,
	.news-result dl dt ,
	.news-yuho dl dt ,
	.news-presentation dl dt ,
	.news-material dl dt ,
	.title2:not(.highlight) h2 {
		font-size: 37px;
		padding-bottom: 12px;
		margin: 90px 0 40px;
		margin: 0 0 40px;
	}

	/* -- 見出しh3レベル -- */
	.title3:not(.highlight) {
		margin: 70px 0 30px;
		margin: 0 0 30px;
	}
	.title2:not(.highlight) + .title3:not(.highlight) {
		margin-top: 0;
	}
	.title3:not(.highlight) h3 {
		font-size: 26px;
		padding: 0 0 10px 30px;
	}
	.title3:not(.highlight) h3::before {
		width: 20px;
		height: 2px;
		top: calc(50% - 7px);
	}
	/* -- 見出しh4レベル -- */
	.title4:not(.highlight) {
		margin: 60px 0 15px;
		margin: 0 0 15px;
	}
	.title3:not(.highlight) + .title4:not(.highlight) {
		margin-top: 0;
	}
	.title4:not(.highlight) h4 {
		font-size: 20px;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.text-section h2 ,
	.link-list h2 ,
	.link-list-url h2 ,
	.news-result dl dt ,
	.news-yuho dl dt ,
	.news-presentation dl dt ,
	.news-material dl dt ,
	.title2:not(.highlight) h2 {
		font-size: 24px;
		padding-bottom: 10px;
		margin: 0 0 25px;
	}

	/* -- 見出しh3レベル -- */
	.title3:not(.highlight) {
		margin: 0 0 20px;
	}
	.title2:not(.highlight) + .title3:not(.highlight) {
		margin-top: 0;
	}
	.title3:not(.highlight) h3 {
		font-size: 19px;
		padding: 0 0 6px 12px;
	}
	.title3:not(.highlight) h3::before {
		width: 8px;
		height: 1px;
		top: calc(50% - 6px);
	}
	/* -- 見出しh4レベル -- */
	.title4:not(.highlight) {
		margin: 40px 0 10px;
	}
	.title3:not(.highlight) + .title4:not(.highlight) {
		margin-top: 0;
	}
	.title4:not(.highlight) h4 {
		font-size: 17px;
	}
}


/*------------------------------------- 
 テキスト・画像
-------------------------------------*/
/*-------------- 緊急お知らせエリア --------------*/
/* 総合トップ・サイトトップのみ、コンテンツエリア外に１つのみ */
.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 (min-width: 768px) {
	.quoted-text blockquote {
		width: 1000px;
		margin: 0px auto;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.quoted-text {
		padding: 15px 15px;
	}
}


/*-------------- 囲み線ありテキスト --------------*/
.highlight-quoted-text {
	background: #f5f5f5;
	padding: 25px 35px;
	margin: 0 auto 20px;
}

.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: 12px;
	font-style: italic;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.highlight-quoted-text {
		padding: 10px;
	}
}


/*-------------- テキストと画像 --------------*/
.text-section {
	margin-bottom: 20px;
}

/*-------------- FAQ --------------*/
.faq-list {
}

.faq-list > ul {
}

.faq-list > ul > li {
	clear: both;
	margin-bottom: 20px;
	min-height: 51px;
}

.faq-list h3 {
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.faq-list h3::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0px;
	display: block;
	width: 19px;
	height: 24px;
	background: url("../../../../../../resources/sw_img/icon_q.png") center center no-repeat;
	background-size: contain;
	margin-top: 0.125em;
}

.faq-list h3 a {
	display: block;
	color: #0066cc;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
	padding: 10px 0px 10px 40px;
}

.faq-list h3 a::before ,
.faq-list h3 a::after {
	content: "";
	position: absolute;
	display: block;
	background: #999;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;

	content: none;
}

.faq-list h3 a::before {
	top: 50%;
	right: 50px;
	width: 24px;
	height: 2px;
	-webkit-transform: translate(50%, -50%);
	    -ms-transform: translate(50%, -50%);
	        transform: translate(50%, -50%);
}
.faq-list h3 a::after {
	top: 50%;
	right: 50px;
	width: 2px;
	height: 24px;
	-webkit-transform: translate(50%, -50%);
	    -ms-transform: translate(50%, -50%);
	        transform: translate(50%, -50%);
}

.faq-list h3 a.js-selected::after {
	background-color: transparent;
}

.faq-item {
	position: relative;
	color: #222;
	font-size: 20px;
	font-weight: bold;
	min-height: 35px;
	padding: 10px 0px 10px 40px;
}

.faq-item::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0px;
	display: block;
	width: 19px;
	height: 24px;
	background: url("../../../../../../resources/sw_img/icon_a.png") center center no-repeat;
	background-size: contain;
	margin-top: 0.3em;
}


/*-- FAQを出しっぱなしにする設定 --*/
/*
.faq-list h3 a {
	cursor: inherit;
}
.faq-list > ul > li {
	height: auto !important;
}
.faq-item {
	display: block !important;
}
*/


/*------------------------------------- 
 ページ内リンク・バナーリンク・エリアリンク
-------------------------------------*/
/* 原則、内部リンクと外部リンクは同スタイルを設定する */

/*-------------- ページ内リンク --------------*/
/* ページ内リンクは１カラム内にまとめて入力し、マルチカラムクラスでアライメントを設定する */
.anchor-link {
	margin-bottom: 10px;
}

.anchor-link a {
	position: relative;
	display: block;
	font-size: 14px;
	padding-left: 25px;
}

.anchor-link a::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 8px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: solid 1px #184c9a;
	border-bottom: solid 1px #184c9a;
	transform: rotate(45deg)
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.anchor-link {
		display: inline-block;
	}

	.anchor-link + .anchor-link {
		margin-left: 10px;
		padding-left: 10px;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
}


/*-------------- バナー（共通設定） --------------*/
.teaser ,
.external-teaser ,
.download-teaser {
}

/* テキストのみ／テキストと画像 */
.teaser h2 ,
.external-teaser h2 ,
.download-teaser h2 {
}

.teaser h2 a ,
.external-teaser h2 a ,
.download-teaser h2 a {
}

.teaser p ,
.external-teaser p ,
.download-teaser p {
	margin-top: 10px;
}

/* 画像のみ／テキストと画像 */
.teaser > a ,
.external-teaser > a ,
.download-teaser > a {
}

.teaser > a img ,
.external-teaser > a img ,
.download-teaser > a img {
}


/* ----- 内部・外部バナー（テキストのみ）　メインエリア用 ----- */
/* ----- ダウンロードバナー（テキストのみ）　メインエリア用 ----- */
.teaser.no-img:not(.highlight) ,
.external-teaser.no-img:not(.highlight) ,
.download-teaser.no-img:not(.highlight) {
	max-width: 504px;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.teaser.no-img:not(.highlight) ,
	.external-teaser.no-img:not(.highlight) ,
	.download-teaser.no-img:not(.highlight) {
		margin-top: 40px;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.teaser.no-img:not(.highlight) ,
	.external-teaser.no-img:not(.highlight) ,
	.download-teaser.no-img:not(.highlight) {
		margin-top: 30px;
	}
}


.teaser.no-img:not(.highlight) h2 ,
.external-teaser.no-img:not(.highlight) h2 ,
.download-teaser.no-img:not(.highlight) h2 {
	position: relative;
}

.teaser.no-img:not(.highlight) h2 a ,
.external-teaser.no-img:not(.highlight) h2 a ,
.download-teaser.no-img:not(.highlight) h2 a {
	padding: 25px 70px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #184c9a;
	text-decoration: none;
}
.download-teaser.no-img:not(.highlight) h2 a {
	color: #222;
	background: #fff;
	border: 2px #13151a solid;
}

.teaser.no-img:not(.highlight) h2 a::before ,
.external-teaser.no-img:not(.highlight) h2 a::before ,
.download-teaser.no-img:not(.highlight) h2 a::before,
.download-teaser.no-img:not(.highlight) h2 a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -7px;
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_btn_arrow_white.svg") center center no-repeat;
	background-size: 100% auto;
}

.teaser.no-img:not(.highlight) h2 a[target="_blank"]::after ,
.external-teaser.no-img:not(.highlight) h2 a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 11px;
	background: url("../../../../../../resources/sw_img/linkout_white.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
}

.download-teaser.no-img:not(.highlight) h2 a[href*=".pdf"]::before {
	content: none;
}
.download-teaser.no-img:not(.highlight) h2 a[href*=".pdf"]::after  {
	margin-top: -8px;
	width: 14px;
	height: 17px;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	/* background-size: contain; */
}

.teaser.no-img:not(.highlight) p ,
.external-teaser.no-img:not(.highlight) p ,
.download-teaser.no-img:not(.highlight) p {
	margin-top: 5px;
	font-size: 14px;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.teaser.no-img:not(.highlight) h2 a:hover ,
	.external-teaser.no-img:not(.highlight) h2 a:hover {
		background-color: #4082e5;
	}

	.teaser.no-img:not(.highlight) h2 a:hover ,
	.external-teaser.no-img:not(.highlight) h2 a:hover ,
	.download-teaser.no-img:not(.highlight) h2 a:hover {
		background-color: #13151a;
		color: #fff;
	}

	.download-teaser.no-img:not(.highlight) h2 a:hover::after {
		background-image: url("../../../../../../resources/sw_img/icon_pdf_white.png");
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.teaser.no-img:not(.highlight) h2 a ,
	.external-teaser.no-img:not(.highlight) h2 a ,
	.download-teaser.no-img:not(.highlight) h2 a {
		padding: 15px 30px;
		font-size: 18px;
	}
}


/* お問い合わせ専用 チェックボックスつきテキスト */
.external-teaser.with-checkbox:not(.highlight) p {
	text-align: center;
	font-size: 14px;
}

.external-teaser.with-checkbox:not(.highlight) input[type=checkbox] {
	vertical-align: middle;
}

/* お問い合わせ専用 リンク無効時 */
.external-teaser.with-checkbox.disabled:not(.highlight) h2 a {
	background: #ccc;
	color: #999;
}

.external-teaser.with-checkbox.disabled:not(.highlight) h2 a::before {
	content: none;
}



/* ----- 見出しバナー　メインエリア用 ----- */
.area-btn-title-h2 .teaser.no-img:not(.highlight) ,
.area-btn-title-h2 .external-teaser.no-img:not(.highlight) ,
.area-btn-title-h2 .download-teaser.no-img:not(.highlight),
.area-btn-title-h3 .teaser.no-img:not(.highlight) ,
.area-btn-title-h3 .external-teaser.no-img:not(.highlight) ,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) ,
.area-btn-title-h4 .teaser.no-img:not(.highlight) ,
.area-btn-title-h4 .external-teaser.no-img:not(.highlight) ,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) {
	max-width: 100%;
}

.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h3 .teaser.no-img:not(.highlight) h2,
.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 {
	position: relative;
	color: #222;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px #333 solid;
}
.area-btn-title-h3 .teaser.no-img:not(.highlight) h2,
.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 {
	border-bottom: 1px #777 solid;
}

.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 ,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 {
	border-bottom: none;
}

.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 a ,
.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 a ,
.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a {
	padding: 0 0 12px 50px;
	text-align: left;
	font-size: 37px;
	color: #222;
	background: transparent;
}

.area-btn-title-h3 .teaser.no-img:not(.highlight) h2 a ,
.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 a ,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 a {
    padding: 0 0 10px 40px;
	text-align: left;
    font-size: 26px;
	color: #222;
	background: transparent;
}

.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 a ,
.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 a ,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 a {
    padding: 0 0 0 35px;
	text-align: left;
    font-size: 20px;
	color: #222;
	background: transparent;
}

.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 a,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 a {
	border: none;
}

.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h3 .teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 a::before {
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	right: auto;
	left: 0;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_btn_arrow.svg") center center no-repeat;
	background-size: 100% auto;
}

.area-btn-title-h3 .teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 a::before {
	top: calc(50% - 6px);
	width: 30px;
	height: 9px;
}

.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 a::before ,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 a::before {
	top: 50%;
	width: 25px;
	height: 8px;
}

.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 a[target="_blank"]::after ,
.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]::after ,
.area-btn-title-h3 .teaser.no-img:not(.highlight) h2 a[target="_blank"]::after ,
.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]::after ,
.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 a[target="_blank"]::after ,
.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]::after {
	background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
}

.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a[href*=".pdf"]::after ,
.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 a[href*=".pdf"]::after ,
.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 a[href*=".pdf"]::after {
	position: static;
	display: inline-block;
	vertical-align: middle;
	background: url("../../../../../../resources/templating-kit/themes/pop/img/defaulticon/common/pdf.png") center center no-repeat;
	/* background-size: contain; */
	margin-left: 10px;
}

/*.teaser.no-img:not(.highlight) p ,
.external-teaser.no-img:not(.highlight) p ,
.download-teaser.no-img:not(.highlight) p {
	margin-top: 5px;
	font-size: 14px;
}*/



/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.area-btn-title-h2 .teaser.no-img:not(.highlight) ,
	.area-btn-title-h2 .external-teaser.no-img:not(.highlight) ,
	.area-btn-title-h2 .download-teaser.no-img:not(.highlight) {
		margin: 90px 0 40px;
		margin: 0 0 40px;
	}

	.area-btn-title-h3 .teaser.no-img:not(.highlight) ,
	.area-btn-title-h3 .external-teaser.no-img:not(.highlight) ,
	.area-btn-title-h3 .download-teaser.no-img:not(.highlight) {
		margin: 70px 0 30px;
		margin: 0 0 30px;
	}

	.area-btn-title-h4 .teaser.no-img:not(.highlight) ,
	.area-btn-title-h4 .external-teaser.no-img:not(.highlight) ,
	.area-btn-title-h4 .download-teaser.no-img:not(.highlight) {
		margin: 60px 0 15px;
		margin: 0 0 15px;
	}

	.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 a:hover ,
	.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 a:hover,
	.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a:hover {
		background: transparent;
		color: #184c9a;
		text-decoration: underline;
	}

	.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a:hover::after {
		background-image: url("../../../../../../resources/sw_img/icon_pdf.png");
	}
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.area-btn-title-h2 .teaser.no-img:not(.highlight) ,
	.area-btn-title-h2 .external-teaser.no-img:not(.highlight) ,
	.area-btn-title-h2 .download-teaser.no-img:not(.highlight) {
		margin: 0 0 25px;
	}

	.area-btn-title-h3 .teaser.no-img:not(.highlight) ,
	.area-btn-title-h3 .external-teaser.no-img:not(.highlight) ,
	.area-btn-title-h3 .download-teaser.no-img:not(.highlight) {
		margin: 0 0 20px;
	}

	.area-btn-title-h4 .teaser.no-img:not(.highlight) ,
	.area-btn-title-h4 .external-teaser.no-img:not(.highlight) ,
	.area-btn-title-h4 .download-teaser.no-img:not(.highlight) {
		margin: 0 0 10px;
	}

	/*.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a {
		padding: 15px 30px;
		font-size: 18px;
	}*/

	.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a {
		font-size: 24px;
		padding: 0 0 10px 35px;
	}

	.area-btn-title-h3 .teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 a {
		font-size: 19px;
		padding: 0 0 6px 30px;
	}

	.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 a ,
	.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 a {
		font-size: 17px;
		padding: 0 0 0 27px;
	}
	
	.area-btn-title-h2 .teaser.no-img:not(.highlight) h2 a::before ,
	.area-btn-title-h2 .external-teaser.no-img:not(.highlight) h2 a::before ,
	.area-btn-title-h2 .download-teaser.no-img:not(.highlight) h2 a::before {
		top: calc(50% - 6px);
		width: 27px;
		height: 8px;
	}
	
	.area-btn-title-h3 .teaser.no-img:not(.highlight) h2 a::before ,
	.area-btn-title-h3 .external-teaser.no-img:not(.highlight) h2 a::before ,
	.area-btn-title-h3 .download-teaser.no-img:not(.highlight) h2 a::before {
		top: calc(50% - 4px);
		width: 25px;
		height: 7px;
	}
	
	.area-btn-title-h4 .teaser.no-img:not(.highlight) h2 a::before ,
	.area-btn-title-h4 .external-teaser.no-img:not(.highlight) h2 a::before ,
	.area-btn-title-h4 .download-teaser.no-img:not(.highlight) h2 a::before {
		top: 50%;
		width: 23px;
		height: 7px;
	}
}



/* ----- 内部・外部バナー（テキストのみ）　メインエリア用 ボタンリンクパーツ ----- */

.btn-column-link .teaser.no-img:not(.highlight) h2 a ,
.btn-column-link .external-teaser.no-img:not(.highlight) h2 a ,
.btn-column-link .download-teaser.no-img:not(.highlight) h2 a {
	padding: 15px 40px;
	font-size: 16px;
	color: #222;
	background: #fff;
	text-decoration: none;
	border: 1px #222 solid;
}

.btn-column-link .teaser.no-img:not(.highlight) h2 a::before ,
.btn-column-link .external-teaser.no-img:not(.highlight) h2 a::before  {
	top: 50%;
	right: 14px;
	margin-top: -6px;
	width: 18px;
	height: 7px;
	background: url("../../../../../../resources/sw_img/icon_btn_arrow.svg") center center no-repeat;
	background-size: 100% auto;
}

.btn-column-link .teaser.no-img:not(.highlight) h2 a:hover ,
.btn-column-link .external-teaser.no-img:not(.highlight) h2 a:hover ,
.btn-column-link .download-teaser.no-img:not(.highlight) h2 a:hover {
	background-color: #222;
	color: #fff;
}

.btn-column-link .teaser.no-img:not(.highlight) h2 a::before ,
.btn-column-link .external-teaser.no-img:not(.highlight) h2 a::before  {
	background: url("../../../../../../resources/sw_img/icon_btn_arrow_white.svg") center center no-repeat;
	background-size: 100% auto;
}



/* ----- 内部・外部バナー（テキストと画像）　メインエリア用 ----- */
/* ----- ダウンロードバナー（テキストと画像）　メインエリア用 ----- */
.teaser:not(.no-img):not(.highlight) ,
.external-teaser:not(.no-img):not(.highlight) ,
.download-teaser:not(.no-img):not(.highlight) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.teaser:not(.no-img):not(.highlight) > * ,
.external-teaser:not(.no-img):not(.highlight) > * ,
.download-teaser:not(.no-img):not(.highlight) > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.teaser:not(.no-img):not(.highlight) h2 ,
.external-teaser:not(.no-img):not(.highlight) h2 ,
.download-teaser:not(.no-img):not(.highlight) h2 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	position: relative;
}

.teaser:not(.no-img):not(.highlight) h2 a ,
.external-teaser:not(.no-img):not(.highlight) h2 a ,
.download-teaser:not(.no-img):not(.highlight) h2 a {
	padding: 5px 0px;
	text-align: left;
	font-size: 20px;
	color: #0066cc;
	font-weight: bold;
	text-decoration: none;
}

.teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
.external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 11px;
	background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
}

.teaser:not(.no-img):not(.highlight) h2 + a ,
.external-teaser:not(.no-img):not(.highlight) h2 + a ,
.download-teaser:not(.no-img):not(.highlight) h2 + a {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	display: block;
}

.teaser:not(.no-img):not(.highlight) h2 + a img ,
.external-teaser:not(.no-img):not(.highlight) h2 + a img ,
.download-teaser:not(.no-img):not(.highlight) h2 + a img {
	display: block;
	width: 100%;
}


.teaser:not(.no-img):not(.highlight) p ,
.external-teaser:not(.no-img):not(.highlight) p ,
.download-teaser:not(.no-img):not(.highlight) p {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}

.teaser:not(.no-img):not(.highlight):hover h2 a ,
.external-teaser:not(.no-img):not(.highlight):hover h2 a ,
.download-teaser:not(.no-img):not(.highlight):hover h2 a ,
.teaser:not(.no-img):not(.highlight) h2 a:hover ,
.external-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.download-teaser:not(.no-img):not(.highlight) h2 a:hover {
	text-decoration: underline;
}




/* ----- 内部・外部バナー（テキストのみ　ハイライト表示）　メインエリア用 ----- */
/* ----- ダウンロードバナー（テキストのみ　ハイライト表示）　メインエリア用 ----- */
.teaser.no-img.highlight ,
.external-teaser.no-img.highlight ,
.download-teaser.no-img.highlight {
}



/* ----- 内部・外部バナー（テキストと画像　ハイライト表示）　メインエリア用 ----- */
/* ----- ダウンロードバナー（テキストと画像　ハイライト表示）　メインエリア用 ----- */
.teaser:not(.no-img).highlight ,
.external-teaser:not(.no-img).highlight ,
.download-teaser:not(.no-img).highlight {
}



/* ----- 内部・外部バナー（テキストと画像　ハイライト表示）　メインエリア用 ----- */
/* ----- ダウンロードバナー（テキストと画像　ハイライト表示）　メインエリア用 ----- */

.link-panel .internal-link-area,
.link-panel .external-link-area,
.link-panel .download-link-area,
.link-panel-center .internal-link-area,
.link-panel-center .external-link-area,
.link-panel-center .download-link-area {
	position: relative;
	background-color: #000;
	overflow: hidden;
}

.link-panel .internal-link-area > a > img.large,
.link-panel .external-link-area > a > img.large,
.link-panel .download-link-area > a > img.large,
.link-panel-center .internal-link-area > a > img.large,
.link-panel-center .external-link-area > a > img.large,
.link-panel-center .download-link-area > a > img.large {
	margin-bottom: 0;
    -moz-transition: -moz-transform 0.9s linear;
    -webkit-transition: -webkit-transform 0.9s linear;
    -o-transition: -o-transform 0.9s linear;
    -ms-transition: -ms-transform 0.9s linear;
    transition: transform 0.9s linear;
    transition-timing-function: cubic-bezier(0.2, 0.5, 0.4, 1);
}

.link-panel .internal-link-area > a > p,
.link-panel .external-link-area > a > p,
.link-panel .download-link-area > a > p,
.link-panel-center .internal-link-area > a > p,
.link-panel-center .external-link-area > a > p,
.link-panel-center .download-link-area > a > p {
	position: absolute;
	color: #fff;
	padding-right: 10px;
}

.link-panel-center .internal-link-area > a > p,
.link-panel-center .external-link-area > a > p,
.link-panel-center .download-link-area > a > p {
	padding: 10px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.link-panel .internal-link-area > a > p::before,
.link-panel .external-link-area > a > p::before,
.link-panel .download-link-area > a > p::before {
	content: "";
	position: absolute;
	border-bottom: 1px #fff solid;
	left: 0;
	top: calc((1.5em / 2) - 1px);
}

.multiColumn2.link-panel .internal-link-area > a::after,
.multiColumn2.link-panel .external-link-area > a::after,
.multiColumn2.link-panel .download-link-area > a::after,
.multiColumn3.link-panel .internal-link-area > a::after,
.multiColumn3.link-panel .external-link-area > a::after,
.multiColumn3.link-panel .download-link-area > a::after,
.multiColumn4.link-panel .internal-link-area > a::after,
.multiColumn4.link-panel .external-link-area > a::after,
.multiColumn4.link-panel .download-link-area > a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(0,0,0,1) 100%);
	opacity: 0.65;
}


.multiColumn2.link-panel .internal-link-area > a > img.large,
.multiColumn2.link-panel .external-link-area > a > img.large,
.multiColumn2.link-panel .download-link-area > a > img.large,
.multiColumn3.link-panel .internal-link-area > a > img.large,
.multiColumn3.link-panel .external-link-area > a > img.large,
.multiColumn3.link-panel .download-link-area > a > img.large,
.multiColumn4.link-panel .internal-link-area > a > img.large,
.multiColumn4.link-panel .external-link-area > a > img.large,
.multiColumn4.link-panel .download-link-area > a > img.large {
		opacity: 0.9;
}



.multiColumn2.link-panel-center .internal-link-area > a > img.large,
.multiColumn2.link-panel-center .external-link-area > a > img.large,
.multiColumn2.link-panel-center .download-link-area > a > img.large,
.multiColumn3.link-panel-center .internal-link-area > a > img.large,
.multiColumn3.link-panel-center .external-link-area > a > img.large,
.multiColumn3.link-panel-center .download-link-area > a > img.large,
.multiColumn4.link-panel-center .internal-link-area > a > img.large,
.multiColumn4.link-panel-center .external-link-area > a > img.large,
.multiColumn4.link-panel-center .download-link-area > a > img.large {
		opacity: 0.5;
}

.multiColumn2.link-panel .internal-link-area > a > p,
.multiColumn2.link-panel .external-link-area > a > p,
.multiColumn2.link-panel .download-link-area > a > p,
.multiColumn3.link-panel .internal-link-area > a > p,
.multiColumn3.link-panel .external-link-area > a > p,
.multiColumn3.link-panel .download-link-area > a > p,
.multiColumn4.link-panel .internal-link-area > a > p,
.multiColumn4.link-panel .external-link-area > a > p,
.multiColumn4.link-panel .download-link-area > a > p {
	z-index: 10;
}



/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.link-panel ,
	.link-panel ,
	.link-panel ,
	.link-panel-center ,
	.link-panel-center ,
	.link-panel-center {
		margin-bottom: 35px;
	}

	body[id=wide] [role="main"] > .multiColumn2.link-panel ,
	body[id=wide] [role="main"] > .multiColumn2.link-panel-center ,
	body[id=wide] [role="main"] > .multiColumn3.link-panel ,
	body[id=wide] [role="main"] > .multiColumn3.link-panel-center ,
	body[id=wide] [role="main"] > .multiColumn4.link-panel ,
	body[id=wide] [role="main"] > .multiColumn4.link-panel-center {
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

	.link-panel .internal-link-area > a:hover > img.large,
	.link-panel .external-link-area > a:hover > img.large,
	.link-panel .download-link-area > a:hover > img.large,
	.link-panel-center .internal-link-area > a:hover > img.large,
	.link-panel-center .external-link-area > a:hover > img.large,
	.link-panel-center .download-link-area > a:hover > img.large {
		
	    -webkit-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	}

	.link-panel .internal-link-area > a:hover ,
	.link-panel .external-link-area > a:hover ,
	.link-panel .download-link-area > a:hover ,
	.link-panel-center .internal-link-area > a:hover,
	.link-panel-center .external-link-area > a:hover,
	.link-panel-center .download-link-area > a:hover {
		opacity: 1;
}

	.multiColumn2.link-panel .internal-link-area,
	.multiColumn2.link-panel .external-link-area,
	.multiColumn2.link-panel .download-link-area {
		height: 300px;
		margin-bottom: 20px
	}

	.multiColumn2.link-panel .internal-link-area > a > p,
	.multiColumn2.link-panel .external-link-area > a > p,
	.multiColumn2.link-panel .download-link-area > a > p,
	.multiColumn2.link-panel-center .internal-link-area,
	.multiColumn2.link-panel-center .external-link-area,
	.multiColumn2.link-panel-center .download-link-area {
		padding-left: 40px;
		bottom: 25px;
	}
	.multiColumn2.link-panel .internal-link-area > a > p,
	.multiColumn2.link-panel .external-link-area > a > p,
	.multiColumn2.link-panel .download-link-area > a > p,
	.multiColumn2.link-panel-center .internal-link-area > a > p,
	.multiColumn2.link-panel-center .external-link-area > a > p,
	.multiColumn2.link-panel-center .download-link-area > a > p {
		font-size: 28px;
	}

	.multiColumn2.link-panel .internal-link-area > a > p::before,
	.multiColumn2.link-panel .external-link-area > a > p::before,
	.multiColumn2.link-panel .download-link-area > a > p::before {
		width: 25px;
	}

	.multiColumn3.link-panel .internal-link-area,
	.multiColumn3.link-panel .external-link-area,
	.multiColumn3.link-panel .download-link-area,
	.multiColumn3.link-panel-center .internal-link-area,
	.multiColumn3.link-panel-center .external-link-area,
	.multiColumn3.link-panel-center .download-link-area {
		height: 196px;
	}

	.multiColumn3.link-panel .internal-link-area > a > p,
	.multiColumn3.link-panel .external-link-area > a > p,
	.multiColumn3.link-panel .download-link-area > a > p {
		padding-left: 30px;
		bottom: 20px;
	}
	.multiColumn3.link-panel .internal-link-area > a > p,
	.multiColumn3.link-panel .external-link-area > a > p,
	.multiColumn3.link-panel .download-link-area > a > p,
	.multiColumn3.link-panel-center .internal-link-area > a > p,
	.multiColumn3.link-panel-center .external-link-area > a > p,
	.multiColumn3.link-panel-center .download-link-area > a > p {
		font-size: 22px;
	}

	.multiColumn3.link-panel .internal-link-area > a > p::before,
	.multiColumn3.link-panel .external-link-area > a > p::before,
	.multiColumn3.link-panel .download-link-area > a > p::before {
		width: 22px;
	}

	.multiColumn4.link-panel .internal-link-area,
	.multiColumn4.link-panel .external-link-area,
	.multiColumn4.link-panel .download-link-area,
	.multiColumn4.link-panel-center .internal-link-area,
	.multiColumn4.link-panel-center .external-link-area,
	.multiColumn4.link-panel-center .download-link-area {
		height: 170px;
	}

	.multiColumn4.link-panel .internal-link-area > a > p,
	.multiColumn4.link-panel .external-link-area > a > p,
	.multiColumn4.link-panel .download-link-area > a > p {
		padding-left: 25px;
		bottom: 15px;
	}

	.multiColumn4.link-panel .internal-link-area > a > p,
	.multiColumn4.link-panel .external-link-area > a > p,
	.multiColumn4.link-panel .download-link-area > a > p,
	.multiColumn4.link-panel-center .internal-link-area > a > p,
	.multiColumn4.link-panel-center .external-link-area > a > p,
	.multiColumn4.link-panel-center .download-link-area > a > p {
		font-size: 21px;
	}

	.multiColumn4.link-panel .internal-link-area > a > p::before,
	.multiColumn4.link-panel .external-link-area > a > p::before,
	.multiColumn4.link-panel .download-link-area > a > p::before {
		width: 18px;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.link-panel ,
	.link-panel ,
	.link-panel ,
	.link-panel-center ,
	.link-panel-center ,
	.link-panel-center {
		margin-bottom: 25px;
	}

	.multiColumn2.link-panel .internal-link-area > a > p,
	.multiColumn2.link-panel .external-link-area > a > p,
	.multiColumn2.link-panel .download-link-area > a > p,
	.multiColumn3.link-panel .internal-link-area > a > p,
	.multiColumn3.link-panel .external-link-area > a > p,
	.multiColumn3.link-panel .download-link-area > a > p {
		padding-left: 25px;
		bottom: 15px;
	}
	.multiColumn2.link-panel .internal-link-area > a > p,
	.multiColumn2.link-panel .external-link-area > a > p,
	.multiColumn2.link-panel .download-link-area > a > p,
	.multiColumn3.link-panel .internal-link-area > a > p,
	.multiColumn3.link-panel .external-link-area > a > p,
	.multiColumn3.link-panel .download-link-area > a > p,
	.multiColumn2.link-panel-center .internal-link-area > a > p,
	.multiColumn2.link-panel-center .external-link-area > a > p,
	.multiColumn2.link-panel-center .download-link-area > a > p,
	.multiColumn3.link-panel-center .internal-link-area > a > p,
	.multiColumn3.link-panel-center .external-link-area > a > p,
	.multiColumn3.link-panel-center .download-link-area > a > p {
		font-size: 22px;
	}

	.multiColumn2.link-panel .internal-link-area > a > p::before,
	.multiColumn2.link-panel .external-link-area > a > p::before,
	.multiColumn2.link-panel .download-link-area > a > p::before,
	.multiColumn3.link-panel .internal-link-area > a > p::before,
	.multiColumn3.link-panel .external-link-area > a > p::before,
	.multiColumn3.link-panel .download-link-area > a > p::before {
		width: 17px;
	}

	.multiColumn4.link-panel .internal-link-area > a > p,
	.multiColumn4.link-panel .external-link-area > a > p,
	.multiColumn4.link-panel .download-link-area > a > p {
		padding-left: 20px;
		bottom: 10px;
	}

	.multiColumn4.link-panel .internal-link-area > a > p,
	.multiColumn4.link-panel .external-link-area > a > p,
	.multiColumn4.link-panel .download-link-area > a > p,
	.multiColumn4.link-panel-center .internal-link-area > a > p,
	.multiColumn4.link-panel-center .external-link-area > a > p,
	.multiColumn4.link-panel-center .download-link-area > a > p {
		font-size: 19px;
	}

	.multiColumn4.link-panel .internal-link-area > a > p::before,
	.multiColumn4.link-panel .external-link-area > a > p::before,
	.multiColumn4.link-panel .download-link-area > a > p::before {
		width: 15px;
	}

}


/*------ 内部・外部 エリアリンク ------*/
.internal-link-area:not(.highlight) ,
.external-link-area:not(.highlight) {
	margin-bottom: 20px;
}

.internal-link-area:not(.highlight) > a ,
.external-link-area:not(.highlight) > a {
	display: block;
	text-decoration: none;
}

.internal-link-area:not(.highlight) > a:hover ,
.external-link-area:not(.highlight) > a:hover {
	opacity: 0.7;
}


/*------ 内部・外部 エリアリンク（ハイライト表示） ------*/
.internal-link-area.highlight ,
.external-link-area.highlight {
	margin-bottom: 20px;
}

.internal-link-area.highlight > a ,
.external-link-area.highlight > a {
	display: block;
	text-decoration: none;
}

.internal-link-area.highlight > a:hover ,
.external-link-area.highlight > a:hover {
	opacity: 0.7;
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {

	.link-panel .internal-link-area > a:hover ,
	.link-panel .external-link-area > a:hover ,
	.link-panel .download-link-area > a:hover ,
	.link-panel-center .internal-link-area > a:hover,
	.link-panel-center .external-link-area > a:hover,
	.link-panel-center .download-link-area > a:hover {
		opacity: 1;
	}
}


/*------ ダウンロード エリアリンク ------*/
.download-link-area:not(.highlight) {
	margin-bottom: 20px;
}

.download-link-area:not(.highlight) > a {
	display: block;
	text-decoration: none;
}

.download-link-area:not(.highlight) > a:hover {
	opacity: 0.7;
}

/* -- テキスト先頭に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;
}


/*------------------------------------- 
 リスト
-------------------------------------*/
/* 共通設定 決算短信・有報・最新決算・説明会資料（自動連携）、リンクリスト（手動） */

.link-list:not(.highlight) ul ,
.link-list-url ul ,
.news-result dl ,
.news-yuho dl ,
.news-presentation dl ,
.news-material dl {
	margin-bottom: 20px;
}

.news-material h2 {
	display: none;
}

.news-material .prefix-quarter ,
.news-material .postfix-quarter {
	display: none;
}

/*-- 副見だし --*/
.link-list:not(.highlight) h2 ,
.link-list-url h2 ,
.news-result dl dt ,
.news-yuho dl dt ,
.news-presentation dl dt ,
.news-material dl dt {
}

.link-list:not(.highlight) ul li[class] ,
.link-list-url ul li[class] ,
.news-result dl dd ,
.news-yuho dl dd ,
.news-presentation dl dd ,
.news-material dl dd {
	position: relative;
	padding-top: 10px;
	margin-bottom: 5px;
}

/* パターンA：ダウンロードもアイコンをつける場合 */
.link-list:not(.highlight) li[class]:not(.highlight) ,
.link-list-url li[class]:not(.highlight) ,
.news-result dl dd:not(.highlight) ,
.news-yuho dl dd:not(.highlight) ,
.news-presentation dl dd:not(.highlight) ,
.news-material dl dd:not(.highlight) {
	padding-left: 20px;
}

.link-list:not(.highlight) li[class]:not(.highlight)::before ,
.link-list-url li[class]:not(.highlight)::before ,
.news-result dl dd:not(.highlight)::before ,
.news-yuho dl dd:not(.highlight)::before ,
.news-presentation dl dd:not(.highlight)::before ,
.news-material dl dd:not(.highlight)::before {
	content: "";
	position: absolute;
	top: calc(10px + 1.4em / 2 - 10px / 2);
	left: 6px;
	display: inline-block;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_link_01.svg") no-repeat center center;
	background-size: contain;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
}

/* パターンB：ダウンロードにリンクアイコンをつけない場合 */
/*
.link-list:not(.highlight) .internal-link-text:not(.highlight) ,
.link-list:not(.highlight) .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: 20px;
}

.link-list:not(.highlight) .internal-link-text:not(.highlight)::before ,
.link-list:not(.highlight) .external-link-text:not(.highlight)::before ,
.link-list-url .internal-link-text:not(.highlight)::before ,
.link-list-url .external-link-text:not(.highlight)::before ,
.news-result dl dd.no-download:not(.highlight)::before ,
.news-yuho dl dd.no-download:not(.highlight)::before ,
.news-presentation dl dd.no-download:not(.highlight)::before ,
.news-material dl dd.no-download:not(.highlight)::before {
	content: "";
	position: absolute;
	top: calc(10px + 1.5em / 2 - 10px / 2);
	left: 6px;
	display: inline-block;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") no-repeat center center;
	background-size: contain;
}
*/

/* リンクなしテキストは、リンクアイコン無しで、パディングだけつける */
.link-list:not(.highlight) 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;
}

/* 外窓アイコン（ダウンロード以外） */
.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: 13px;
	height: 11px;
	background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
	background-size: contain;
	margin: 0 5px;
}


/* ハイライト表示のリンクは、直前のリンクに属する様に見えるスタイルにする。 */
/* (ハイライト表示されていないリンクは、他の決算短信・有報と同列に表示）  */
.link-list:not(.highlight) li[class].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-top: 0px;
	padding-left: 45px;
}

/* ハイライト表示のリンクのＬ字アイコン */
.link-list:not(.highlight) li[class].highlight::before ,
.link-list-url li.highlight::before ,
.news-result dl dd.highlight::before ,
.news-yuho dl dd.highlight::before ,
.news-presentation dl dd.highlight::before ,
.news-material dl dd.highlight::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 25px;
	display: block;
	width: 10px;
	height: 10px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* リンクテキスト */
.link-list:not(.highlight) .internal-link-text a ,
.link-list:not(.highlight) .external-link-text a ,
.link-list:not(.highlight) .download-link-text a:not(.d_icon) ,
.link-list:not(.highlight) .text-without-link span ,
.link-list-url .internal-link-text a ,
.link-list-url .external-link-text a ,
.link-list-url .download-link-url 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) {
}


/*-- リンクリスト（ハイライト表示） --*/
.link-list.highlight {
}

.link-list.highlight h2 {
}

.link-list.highlight ul {
}

.link-list.highlight ul li[class] {
}

.link-list.highlight ul li[class] a {
}




/*------------------------------------- 
 表組・テーブル・財務ハイライト(表組)・配当金(表組)
-------------------------------------*/
/*-- table共通 --*/
.highlights-table ,
.highlights-alltable-2nd ,
.haitou-table-2nd ,
.vtable-item ,
.ircalendar-title ,
.ircalendar-item ,
.tbCore ,
.htCore ,
table.icell {
/*	font-size: calc(1rem - 2px); */
	font-size: inherit;
}



/* セル */
/* 枠線とセル内余白を指定 */
/* ※枠線が必要ない場合、1px solid transparentで設定する */
.shwTable table.htCore tr td ,
th, td {
	color: inherit;
	padding: 8px 10px 7px;
	border: 1px solid #bfc1c7;
}
/* 背景色を指定 */
.htCore tr td ,
th, td {
	background: #fff;
}

/* 空セルの高さ保障(padding上下 + line-height) */
.tbCore tr td {
	height: calc(8px + 7px + 1.5em);
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.shwTable table.htCore tr td ,
	th, td {
		padding: 8px 8px;
	}
}

/* 見出し */
/* 背景色と文字色を指定 */
.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.tableRowHead ,
.shwTable table tr td.tableColumnHead ,
td.tbRowHead ,
td.tbColumnHead ,
th {
	background-color: #006699;
	color: #fff;
	font-weight: normal;
}

/* 見出し列 */
/* 背景色と文字色を指定 */
.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 ,
td.tbColumnHead ,
.vtable-item > table > tbody > tr > th {
	text-align: left;
	vertical-align: middle;
	background-color: #fff;
	color: inherit;
	font-weight: normal;
}

/* 見出し行 */
/* 背景色と文字色を指定 */
.highlights-table tr.r0 th ,
.highlights-alltable-2nd tr.r0 th ,
.haitou-table-2nd th ,
.shwTable table tr td.tableRowHead ,
td.tbRowHead ,
.ircalendar-title > table > tbody > tr > th ,
thead th {
	text-align: center;
	vertical-align: top;
	background-color: #555d6a;
	color: #fff;
	font-weight: normal;
}

/* 見出しセル中の太字 */
/* thはboldが基本設定なので、thをnormalに設定する場合は、要変更 */
.vtable-item > table > tbody > tr > th strong ,
.ircalendar-title > table > tbody > tr > th strong {
	font-weight: normal;
}




/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	/* お問い合わせを表組風に */
	/* 枠線とセル内余白（セル相当）、背景色と文字色(見出し列相当)を指定 */
	.form-wrapper .form-edit ,
	.form-wrapper .form-selection ,
	.form-wrapper .form-edit::before ,
	.form-wrapper .form-selection::before ,
	.form-wrapper .form-edit > label ,
	.form-wrapper .form-selection > label {
		color: inherit;
		padding: 15px 15px;
		border: 2px solid #fff;

		text-align: left;
		vertical-align: middle;
		background-color: #006699;
		color: #fff;
		font-weight: normal;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	/* お問い合わせを表組風に */
	/* 枠線とセル内余白（セル相当）、背景色と文字色(見出し列相当)を指定 */
	.form-wrapper .form-edit ,
	.form-wrapper .form-selection ,
	.form-wrapper .form-edit > label ,
	.form-wrapper .form-selection > label {
		color: inherit;
		padding: 15px 15px;
		border: 2px solid #fff;
	}

	/* 見出し部分、カウンターマージンを設定する */
	.form-wrapper .form-edit > label ,
	.form-wrapper .form-selection > label {
		border-top: none;
		border-left: none;
		border-right: none;
		margin: -15px -15px 15px;

		text-align: left;
		vertical-align: middle;
		background-color: #006699;
		color: #fff;
		font-weight: normal;
	}
}




/*-------------- テーブル縦 --------------*/
/* -- デフォルト比率  -- */
.vtable-item > table > tbody > tr > th ,
.vtable-item > table > tbody > tr > td {
	width: 20%;
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	/* テーブル縦を、縦に並べるスタイル */
	/*
	.vtable-item > table ,
	.vtable-item > table > tbody ,
	.vtable-item > table > tbody > tr ,
	.vtable-item > table > tbody > tr > th ,
	.vtable-item > table > tbody > tr > td {
		display: block;
	}

	.vtable-item > table > tbody > tr > th ,
	.vtable-item > table > tbody > tr > td {
		width: auto !important;
	}

	.vtable-item > table > tbody > tr > th::after ,
	.vtable-item > table > tbody > tr > td::after {
		content: "";
		display: block;
		clear: both;
	}
	*/
}

/*-------------- テーブル横 --------------*/
/* -- デフォルト比率  -- */
.ircalendar-title > table > tbody > tr > th ,
.ircalendar-item > table > tbody >tr > td {
	width: 20%;
}


/*-------------- 表組 --------------*/
/* -- 表タイトル -- */
.shwTableTitle {
}

.shwTableTitle h2 {
	font-weight: bold;
	margin-bottom: 5px;
}

/* -- 表組 -- */
.shwTable {
	margin-bottom: 20px;
}

/* -- 単位（表組の外） -- */
.shwTable td.shw-table-row {
	color: inherit;
}


/*-------------- 財務ハイライト表組 --------------*/
.highlights-table ,
.highlights-alltable-2nd {
	margin-bottom: 40px;
}

/* 単位 */
.highlights-table .unit {
}

/*-------------- 配当 表組 --------------*/
.haitou-table-2nd {
	margin-bottom: 20px;
}

/* 配当予想セル */
.haitou-table-2nd table th.y0 ,
.haitou-table-2nd table td.y0 {
}

※枠線が必要ない場合、1px solid transparentで設定する */
.shwTable-02 {
	margin-top: 50px;
}
.shwTable-02 .shwTable table.tbCore tr td,
.shwTable-02 .tableContents table tr th,
.shwTable-02 .tableContents table tr td  {
	border-top: 1px #d7d7d7 solid;
	border-right: none;
	border-bottom: 1px #d7d7d7 solid;
	border-left: none;
	padding: 15px 0;
	vertical-align: top;
}

.shwTable-02 .shwTable table.tbCore tr td.tbColumnHead ,
.shwTable-02 .tableContents table tr th:first-child,
.shwTable-02 .tableContents table tr td:first-child {
	width: 145px;
	padding-left: 10px;
	padding-right: 25px;
}
.shwTable-02 .shwTable table.tbCore tr td.tbColumnHead + td {
	width: 95px;
	padding-right: 25px;
}
.shwTable-02 .shwTable table.tbCore tr td:last-child,
.shwTable-02 .tableContents table tr td:last-child {
	padding-right: 10px;
}
.shwTable-02 .shwTable table.tbCore tr td.tbRowHead {
	background-color: #e6eaf2;
	color: #222;
	text-align: left;
	font-weight: bold;
}
.shwTable-02 .shwTable table.tbCore tr td.tbColumnHead,
.shwTable-02 .shwTable table.tbCore tr td.tbColumnHead + td,
.shwTable-02 .tableContents table tr th.vtable-head {
	font-weight: bold;
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.shwTable-02 {
		margin-top: 40px;
	}
	.shwTable-02 .shwTable table.tbCore tr td {
		padding: 5px 10px;
	}
}

/*------------------------------------- 
 グラフ・財務ハイライト(グラフ)・配当金(グラフ)
-------------------------------------*/
/* important付きは、html上のスタイルを上書きする必要があるもの */

/*-------------- グラフ --------------*/
.graph {
	margin-bottom: 20px;
}

/* -- グラフ データラベル 文字影設定 -- */
/* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */
.highcharts-data-labels text {
/*	text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important; */
}

/* -- 財務ハイライトver2 グラフ (凡例を含むエリア) -- */
.highlights-2nd > div:not([class]) {
/*	height: auto !important; */
	margin-bottom: 40px;
}

/* -- 財務ハイライトver2 グラフ (凡例を含まないエリア) -- */
.highlights-2nd .highlights-graph {
/*	width: 100% !important; */
/*	min-width: auto !important; */
/*	max-width: none !important; */
	height: 500px !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; */
}

/*-------------- 配当グラフ --------------*/
.haitou-graph-2nd {
	margin-bottom: 40px;
}

.haitou-graph-2nd .graph {
/*	min-width: auto !important; */
/*	max-width: none !important; */
/*	height: 400px !important; */
}


/*------------------------------------- 
 ニュース
-------------------------------------*/
/*-- ver2 ニュース一覧・ニュース一覧（カテゴリ）・英文書一覧・英文書一覧（カテゴリ） --*/
/*-- クローリング ニュース一覧 --*/
.news-list-2nd ,
.news-list-tabbed-2nd ,
.news-english-2nd ,
.news-english-tabbed-2nd ,
.news-list-crawl ,
.news-list-tabbed-crawl {
	position: relative;
	margin-bottom: 20px;
}

.news-list-2nd ul ,
.news-list-tabbed-2nd ul ,
.news-english-2nd ul ,
.news-english-tabbed-2nd ul ,
.news-list-crawl ul ,
.news-list-tabbed-crawl ul {
	padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-list-2nd ul li ,
.news-list-tabbed-2nd ul li ,
.news-english-2nd ul li ,
.news-english-tabbed-2nd ul li ,
.news-list-crawl ul li ,
.news-list-tabbed-crawl ul li {
	position: relative;

	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.news-list-2nd ul li h3 ,
.news-list-tabbed-2nd ul li h3 ,
.news-english-2nd ul li h3 ,
.news-english-tabbed-2nd ul li h3 ,
.news-list-crawl ul li h3 ,
.news-list-tabbed-crawl ul li h3 {
	position: relative;
	display: block; 
	padding-top: 1.5em;
	padding-left: 0px;
}

/*-- 画像 --*/
.news-list-2nd ul li .n_img ,
.news-list-tabbed-2nd ul li .n_img ,
.news-english-2nd ul li .n_img ,
.news-english-tabbed-2nd ul li .n_img ,
.news-list-crawl ul li .n_img ,
.news-list-tabbed-crawl ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-list-2nd ul li .news_tx ,
.news-list-tabbed-2nd ul li .news_tx ,
.news-english-2nd ul li .news_tx ,
.news-english-tabbed-2nd ul li .news_tx ,
.news-list-crawl ul li .news_tx ,
.news-list-tabbed-crawl ul li .news_tx {
}

.news-list-2nd ul li .news_tx a ,
.news-list-tabbed-2nd ul li .news_tx a ,
.news-english-2nd ul li .news_tx a ,
.news-english-tabbed-2nd ul li .news_tx a ,
.news-list-crawl ul li .news_tx a ,
.news-list-tabbed-crawl ul li .news_tx a {
/*	color: inherit; */
}

/* -- 日付 -- */
.news-list-2nd ul li .date ,
.news-list-tabbed-2nd ul li .date ,
.news-english-2nd ul li .date ,
.news-english-tabbed-2nd ul li .date ,
.news-list-crawl ul li .date ,
.news-list-tabbed-crawl ul li .date {
	position: absolute;
	top: 0;
	left: 0;
}

/* -- カテゴリアイコン -- */
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon ,
.news-list-crawl ul li .c_icon ,
.news-list-tabbed-crawl ul li .c_icon {
	position: absolute;
	top: 0;
	left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-list-2nd ul li .d_icon ,
.news-list-tabbed-2nd ul li .d_icon ,
.news-english-2nd ul li .d_icon ,
.news-english-tabbed-2nd ul li .d_icon ,
.news-list-crawl ul li .d_icon ,
.news-list-tabbed-crawl ul li .d_icon {
	margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-list-2nd ul li .det_tx ,
.news-list-tabbed-2nd ul li .det_tx ,
.news-english-2nd .det_tx ,
.news-english-tabbed-2nd .det_tx ,
.news-list-crawl .det_tx ,
.news-list-tabbed-crawl .det_tx {
	display: none;
}

/* -- 続きを読む -- */
.news-list-2nd ul li .det_tx em.more ,
.news-list-tabbed-2nd ul li .det_tx em.more ,
.news-english-2nd .det_tx em.more ,
.news-english-tabbed-2nd .det_tx em.more ,
.news-list-crawl .det_tx em.more ,
.news-list-tabbed-crawl .det_tx em.more {
	display: none;
}


/*-- ver2 最新ニュース・最新ニュース（カテゴリ） --*/
/*-- クローリング 最新ニュース --*/
.news-latest-2nd ,
.news-latest-tabbed-2nd ,
.news-latest-crawl {
	position: relative;
	margin-bottom: 20px;
}

.news-latest-2nd ul ,
.news-latest-tabbed-2nd ul ,
.news-latest-crawl ul {
	padding-top: 1px;
}

/* -- 1つのリリース -- */
.news-latest-2nd ul li ,
.news-latest-tabbed-2nd ul li ,
.news-latest-crawl ul li {
	position: relative;

	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.news-latest-2nd ul li h3 ,
.news-latest-tabbed-2nd ul li h3 ,
.news-latest-crawl ul li h3 {
	position: relative;
	display: block; 
	padding-top: 1.5em;
	padding-left: 0;
}

/*-- 画像 --*/
.news-latest-2nd ul li .n_img ,
.news-latest-tabbed-2nd ul li .n_img ,
.news-latest-crawl ul li .n_img {
}

/* -- リリースのテキスト -- */
.news-latest-2nd ul li .news_tx ,
.news-latest-tabbed-2nd ul li .news_tx ,
.news-latest-crawl ul li .news_tx {
}

.news-latest-2nd ul li .news_tx a ,
.news-latest-tabbed-2nd ul li .news_tx a ,
.news-latest-crawl ul li .news_tx a {
/*	color: inherit; */
}

/* -- 日付 -- */
.news-latest-2nd ul li .date ,
.news-latest-tabbed-2nd ul li .date ,
.news-latest-crawl ul li .date {
	position: absolute;
	top: 0;
	left: 0;
}

/* -- カテゴリアイコン -- */
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon ,
.news-latest-crawl ul li .c_icon {
	position: absolute;
	top: 0;
	left: 7.2em;
}

/* -- ファイルアイコン -- */
.news-latest-2nd ul li .d_icon ,
.news-latest-tabbed-2nd ul li .d_icon ,
.news-latest-crawl ul li .d_icon {
	margin-left: 5px;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.news-latest-2nd ul li .det_tx ,
.news-latest-tabbed-2nd ul li .det_tx ,
.news-latest-crawl ul li .det_tx {
	display: none;
}

/* -- 続きを読む -- */
.news-latest-2nd ul li .det_tx em.more ,
.news-latest-tabbed-2nd ul li .det_tx em.more ,
.news-latest-crawl ul li .det_tx em.more {
	display: none;
}

/* -- 全てのニュース -- */
.news-latest-2nd .all ,
.news-latest-tabbed-2nd .all ,
.news-latest-crawl .all {
	margin-top: 10px;
	position: relative;
}

.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a ,
.news-latest-crawl .all a {
	display: block;
	padding-left: 18px;
	background: transparent url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") no-repeat scroll 0 5px;
}


/* テキスト変更 */
/*
.news-latest-2nd .all a ,
.news-latest-tabbed-2nd .all a {
	font-size: 0;
}

.news-latest-2nd .all a::after ,
.news-latest-tabbed-2nd .all a::after {
	font-size: 14px;
	display: block;
}

#header.ja ~ div .news-latest-2nd .all a::after ,
#header.ja ~ div .news-latest-tabbed-2nd .all a::after {
	content: "一覧へ";
}

#header.en ~ div .news-latest-2nd .all a::after ,
#header.en ~ div .news-latest-tabbed-2nd .all a::after {
	content: "List";
}
*/


/*-------------- タブ共通 --------------*/
/* -- 年度タブ -- */
p.yearTabs {
	margin-bottom: 20px;
	font-size: 0;
}

p.yearTabs a {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
}

p.yearTabs a.active {
	font-weight: bold;
}

p.yearTabs a:hover ,
p.yearTabs a.active {
	background-color: #dddddd;
}


/* -- カテゴリタブ -- */
p.tabs{
	margin-bottom: 20px;
	font-size: 0;
}

p.tabs a {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
}

p.tabs a.active {
	font-weight: bold;
}

p.tabs a:hover ,
p.tabs a.active {
	background-color: #dddddd;
}

/* アクティブなカテゴリタブをアイコン色と同色にする */
/*
p.tabs a.allTab:hover ,
p.tabs a.allTab.active {
}
p.tabs a.tekijiTab:hover ,
p.tabs a.tekijiTab.active {
	color: #FFF;
	background-color: #2980b9;
}
p.tabs a.resultTab:hover ,
p.tabs a.resultTab.active {
	color: #FFF;
	background-color: #e67e22;
}
p.tabs a.gyousekiTab:hover ,
p.tabs a.gyousekiTab.active {
	color: #FFF;
	background-color: #f1c40f;
}
p.tabs a.prTab:hover ,
p.tabs a.prTab.active {
	color: #FFF;
	background-color: #c2185b;
}
p.tabs a.irTab:hover ,
p.tabs a.irTab.active {
	color: #FFF;
	background-color: #1abc9c;
}
p.tabs a.governanceTab:hover ,
p.tabs a.governanceTab.active {
	color: #FFF;
	background-color: #34495e;
}
p.tabs a.yuhoTab:hover ,
p.tabs a.yuhoTab.active {
	color: #FFF;
	background-color: #16a085;
}
p.tabs a.syosyuTab:hover ,
p.tabs a.syosyuTab.active {
	color: #FFF;
	background-color: #e74c3c;
}
p.tabs a.noneTab:hover ,
p.tabs a.noneTab.active {
	color: #FFF;
	background-color: #9b59b6;
}
*/


/*-------------- テキスト化カテゴリアイコン (ver2専用) --------------*/
/*
.news-list-2nd ul li .c_icon ,
.news-list-tabbed-2nd ul li .c_icon ,
.news-english-2nd ul li .c_icon ,
.news-english-tabbed-2nd ul li .c_icon ,
.news-latest-2nd ul li .c_icon ,
.news-latest-tabbed-2nd ul li .c_icon {
	display: block;
}

.news-list-2nd ul li .c_icon::before ,
.news-list-tabbed-2nd ul li .c_icon::before ,
.news-english-2nd ul li .c_icon::before ,
.news-english-tabbed-2nd ul li .c_icon::before ,
.news-latest-2nd ul li .c_icon::before ,
.news-latest-tabbed-2nd ul li .c_icon::before {
	display: block;
	width: 76px;
	height: 24px;
	line-height: 1;
	font-size: 11px;
	text-align: center;
	padding-top: 7px;
	margin-top: -2px;

	color: #fff;
	background: #646464;
}

.news-list-2nd ul li .c_icon img ,
.news-list-tabbed-2nd ul li .c_icon img ,
.news-english-2nd ul li .c_icon img ,
.news-english-tabbed-2nd ul li .c_icon img ,
.news-latest-2nd ul li .c_icon img ,
.news-latest-tabbed-2nd ul li .c_icon img {
	display: none;
}

.news-list-2nd ul li.tekijiElm .c_icon::before ,
.news-list-tabbed-2nd ul li.tekijiElm .c_icon::before ,
.news-english-2nd ul li.tekijiElm .c_icon::before ,
.news-english-tabbed-2nd ul li.tekijiElm .c_icon::before ,
.news-latest-2nd ul li.tekijiElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.tekijiElm .c_icon::before {
	content: "適時開示";
}

.news-list-2nd ul li.resultElm .c_icon::before ,
.news-list-tabbed-2nd ul li.resultElm .c_icon::before ,
.news-english-2nd ul li.resultElm .c_icon::before ,
.news-english-tabbed-2nd ul li.resultElm .c_icon::before ,
.news-latest-2nd ul li.resultElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.resultElm .c_icon::before {
	content: "決算";
}

.news-list-2nd ul li.gyousekiElm .c_icon::before ,
.news-list-tabbed-2nd ul li.gyousekiElm .c_icon::before ,
.news-english-2nd ul li.gyousekiElm .c_icon::before ,
.news-english-tabbed-2nd ul li.gyousekiElm .c_icon::before ,
.news-latest-2nd ul li.gyousekiElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.gyousekiElm .c_icon::before {
	content: "業績";
}

.news-list-2nd ul li.prElm .c_icon::before ,
.news-list-tabbed-2nd ul li.prElm .c_icon::before ,
.news-english-2nd ul li.prElm .c_icon::before ,
.news-english-tabbed-2nd ul li.prElm .c_icon::before ,
.news-latest-2nd ul li.prElm .c_icon::before ,
.news-latest-tabbed-2nd ul.prElm li .c_icon::before {
	content: "PR";
}

.news-list-2nd ul li.irElm .c_icon::before ,
.news-list-tabbed-2nd ul li.irElm .c_icon::before ,
.news-english-2nd ul li.irElm .c_icon::before ,
.news-english-tabbed-2nd ul li.irElm .c_icon::before ,
.news-latest-2nd ul li.irElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.irElm .c_icon::before {
	content: "IR";
}

.news-list-2nd ul li.governanceElm .c_icon::before ,
.news-list-tabbed-2nd ul li.governanceElm .c_icon::before ,
.news-english-2nd ul li.governanceElm .c_icon::before ,
.news-english-tabbed-2nd ul li.governanceElm .c_icon::before ,
.news-latest-2nd ul li.governanceElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.governanceElm .c_icon::before {
	content: "ガバナンス";
}

.news-list-2nd ul li.yuhoElm .c_icon::before ,
.news-list-tabbed-2nd ul li.yuhoElm .c_icon::before ,
.news-english-2nd ul li.yuhoElm .c_icon::before ,
.news-english-tabbed-2nd ul li.yuhoElm .c_icon::before ,
.news-latest-2nd ul li.yuhoElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.yuhoElm .c_icon::before {
	content: "有報";
}

.news-list-2nd ul li.syosyuElm .c_icon::before ,
.news-list-tabbed-2nd ul li.syosyuElm .c_icon::before ,
.news-english-2nd ul li.syosyuElm .c_icon::before ,
.news-english-tabbed-2nd ul li.syosyuElm .c_icon::before ,
.news-latest-2nd ul li.syosyuElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.syosyuElm .c_icon::before {
	content: "招集通知";
}

.news-list-2nd ul li.noneElm .c_icon::before ,
.news-list-tabbed-2nd ul li.noneElm .c_icon::before ,
.news-english-2nd ul li.noneElm .c_icon::before ,
.news-english-tabbed-2nd ul li.noneElm .c_icon::before ,
.news-latest-2nd ul li.noneElm .c_icon::before ,
.news-latest-tabbed-2nd ul li.noneElm .c_icon::before {
	content: "その他";
}
*/


/*---- テキスト化newアイコン ----*/
/*
.news-list-2nd ul li .n_icon::before ,
.news-list-tabbed-2nd ul li .n_icon::before ,
.news-english-2nd ul li .n_icon::before ,
.news-english-tabbed-2nd ul li .n_icon::before ,
.news-latest-2nd ul li .n_icon::before ,
.news-latest-tabbed-2nd ul li .n_icon::before ,
.news-list-crawl ul li .n_icon::before ,
.news-list-tabbed-crawl ul li .n_icon::before ,
.news-latest-crawl ul li .n_icon::before {
	content: "NEW!";
	display: inline-block;
	color: #ff3333;
}
*/


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	/* １カラム表示時。２カラム以上はSPと同じ表示 */
	.multiColumn1 .news-list-2nd ul li h3 ,
	.multiColumn1 .news-list-tabbed-2nd ul li h3 ,
	.multiColumn1 .news-english-2nd ul li h3 ,
	.multiColumn1 .news-english-tabbed-2nd ul li h3 ,
	.multiColumn1 .news-list-crawl ul li h3 ,
	.multiColumn1 .news-list-tabbed-crawl ul li h3 ,
	.multiColumn1 .news-latest-2nd ul li h3 ,
	.multiColumn1 .news-latest-tabbed-2nd ul li h3 ,
	.multiColumn1 .news-latest-crawl ul li h3 {
		padding-top: 0px;
		padding-left: 14.2em;
	}

	/*-- 中見出し(h2)の下にある場合 --*/
	.title2 ~ .news-latest-2nd .all ,
	.title2 ~ .news-latest-tabbed-2nd .all {
		position: absolute;
		top: -50px;
		right: 0;
		margin: 0;
		display: block;
	}

}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
}



/*-------------- 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-list:not(.thumnail) ,
.basic-list-english:not(.thumnail) {
	margin-bottom: 40px;
}

.basic-list:not(.thumnail) ul.tabItems ,
.basic-list-english:not(.thumnail) ul.tabItems {
	padding-top: 1px;
	border-top: 1px solid #d7d7d7;
	position: relative;
}

.basic-list:not(.thumnail) ul.tabItems::before ,
.basic-list-english:not(.thumnail) ul.tabItems::before {
	position: absolute;
	content: "";
	left: 0;
	top: -1px;
	border-bottom: 1px #5e5e5e solid;
	width: 100px;
	height: 1px;
}

/* -- 1つのリリース -- */
.basic-list:not(.thumnail) ul.tabItems li ,
.basic-list-english:not(.thumnail) ul.tabItems li {
	position: relative;

	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d7d7d7;
	position: relative;
}

.basic-list:not(.thumnail) ul.tabItems li::after ,
.basic-list-english:not(.thumnail) ul.tabItems li::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	border-bottom: 1px #5e5e5e solid;
	width: 100px;
	height: 1px;
}

.basic-list:not(.thumnail) ul.tabItems li h3 ,
.basic-list-english:not(.thumnail) ul.tabItems li h3 {
	position: relative;
	display: block; 
	padding-top: 1.5em;
	padding-left: 0;
}

.basic-list:not(.thumnail) ul.tabItems li a ,
.basic-list-english:not(.thumnail) ul.tabItems li a {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

/* -- リリースのテキスト -- */
.basic-list:not(.thumnail) ul.tabItems li .news_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li .news_tx {
	/*color: #ffffff; */
}

.basic-list:not(.thumnail) ul.tabItems li a .news_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li a .news_tx {
	/*color: #0066cc;*/
}

.basic-list:not(.thumnail) ul.tabItems li a:hover .news_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li a:hover .news_tx {
	text-decoration: underline;
	color: #184c9a;
}

/* -- 日付 -- */
.basic-list:not(.thumnail) ul.tabItems li .date ,
.basic-list-english:not(.thumnail) ul.tabItems li .date {
	position: absolute;
	top: 0;
	left: 0;
	color: #555;
}

/* -- カテゴリアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
	text-decoration: none;
	display: block;
	margin-top: -1.5em;
	min-height: 1.5em;
	padding-left: 110px;
}

/* -- ファイルアイコン -- */
.basic-list:not(.thumnail) ul.tabItems li .d_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .d_icon {
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list:not(.thumnail) ul.tabItems li .n_icon ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon {
	margin: 0 0.5em;
}

.basic-list:not(.thumnail) ul.tabItems li .n_icon::before ,
.basic-list-english:not(.thumnail) ul.tabItems li .n_icon::before {
	content: "NEW";
	display: inline-block;
	vertical-align: middle;
	color: #ff3333;
	font-size: 10px;
	font-weight: bold;
}

/* -- もっと読む・詳細（ニュース概要） -- */
.basic-list:not(.thumnail) ul.tabItems li .det_tx ,
.basic-list-english:not(.thumnail) ul.tabItems li .det_tx {
	display: none;
}


/*----------- サムネイルあり -----------*/
.basic-list.thumnail ,
.basic-list-english.thumnail {
	margin-bottom: 20px;
}

.basic-list.thumnail ul.tabItems ,
.basic-list-english.thumnail ul.tabItems {
	font-size: 0;
	text-align: left;
	margin-right: -18px;
}

/* PCでは１行に３つづつで、画像が上側、テキストは下側に配置 */
.basic-list.thumnail ul.tabItems li ,
.basic-list-english.thumnail ul.tabItems li {
	cursor: inherit;
	font-size: 14px;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;

	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 18px);
	margin-right: 18px;
	margin-bottom: 30px;
}

.basic-list.thumnail ul.tabItems li .n_img ,
.basic-list-english.thumnail ul.tabItems li .n_img {
	width: 100%;
	margin-bottom: 10px;
}

/* 日付、カテゴリアイコンを非表示 */
.basic-list.thumnail ul.tabItems li .date ,
.basic-list-english.thumnail ul.tabItems li .date {
	position: absolute;
	bottom: 0;
	left: 0;
}

.basic-list.thumnail ul.tabItems li .c_icon ,
.basic-list-english.thumnail ul.tabItems li .c_icon {
	position: absolute;
	bottom: 0;
	right: 0;
}

.basic-list.thumnail ul.tabItems li a ,
.basic-list-english.thumnail ul.tabItems li a {
	color: #000;
	text-decoration: none;
}

.basic-list.thumnail ul.tabItems li a:hover ,
.basic-list-english.thumnail ul.tabItems li a:hover {
	-ms-opacity: 0.8;
	opacity: 0.8;
}

/* NEWアイコン */
/* js制御される為、displayの設定は不可 */
.basic-list.thumnail ul.tabItems li .n_icon ,
.basic-list-english.thumnail ul.tabItems li .n_icon {
	position: absolute;
	top: 0;
	right: 0;
}

.basic-list.thumnail ul.tabItems li .n_icon::before ,
.basic-list-english.thumnail ul.tabItems li .n_icon::before {
	content: "NEW";
	display: block;
	padding: 3px 10px;
	font-size: 12px;
	color: #fff;
	background: #ff3333;
}

/* 非公開アイコンテキスト */
/* タイルの形が崩れない様に上に載せている */
.basic-list.thumnail ul.tabItems li .note_tx ,
.basic-list-english.thumnail ul.tabItems li .note_tx {
	position: absolute;
	z-index: 1;
}

.basic-list.thumnail ul.tabItems li h3 ,
.basic-list-english.thumnail ul.tabItems li h3 {
	overflow: hidden;
	padding-bottom: 40px;
}

/* ニューステキスト */
.basic-list.thumnail ul.tabItems li .news_tx ,
.basic-list-english.thumnail ul.tabItems li .news_tx {
	display: inline;
}

/* 概要テキスト */
.basic-list.thumnail ul.tabItems li .det_tx ,
.basic-list-english.thumnail ul.tabItems li .det_tx {
	display: none;
}



/*----------- 情報パネル -----------*/
.basic-list .countTab ,
.basic-list-english .countTab ,
.basic-list .clearTab ,
.basic-list-english .clearTab {
/*	display: none; */
}

.basic-list .clearTab ,
.basic-list-english .clearTab {
	position: relative;
	height: 0;
}

.basic-list .clearTab span ,
.basic-list-english .clearTab span {
	position: absolute;
	top: 35px;
	right: 0;

	display: inline-block;
	cursor: pointer;
}

.basic-list .clearTab span::before ,
.basic-list-english .clearTab span::before {
	display: inline-block;
	padding: 1px 0px;
	text-align: center;
	font-size: 13px;
	color: #666;
	border-bottom: 1px solid #666;

	content: "絞込み条件をクリア";
}

.basic-list-english .clearTab span::before {
	content: "Clear All";
}

.basic-list .countTab ,
.basic-list-english .countTab {
	margin-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 0;
	text-align: center;
	/*border-bottom: 2px solid #dedede;*/
}

.basic-list .countTab .total ,
.basic-list-english .countTab .total ,
.basic-list .countTab .view ,
.basic-list-english .countTab .view {
	font-size: 24px;
	font-weight: bold;
	color: #0066cc;
	letter-spacing: 0.025em;
}

.basic-list .countTab .total::before {
	content: "絞り込み結果　";
	font-size: 14px;
	color: #000;
}
.basic-list .countTab .total::after {
	content: " 件中 ";
	font-size: 14px;
	color: #000;
}
.basic-list .countTab .view::after {
	content: " 件";
	font-size: 14px;
	color: #000;
}

.basic-list-english .countTab {
	direction: rtl;
	unicode-bidi: bidi-override;
}

.basic-list-english .countTab > * {
	direction: ltr;
	unicode-bidi: initial;
	unicode-bidi: -moz-plaintext;
	unicode-bidi: plaintext;
}

.basic-list-english .countTab .view::before {
	content: "Results　";
	font-size: 14px;
	color: #000;
}
.basic-list-english .countTab .total::before {
	content: "　of　";
	font-size: 14px;
	color: #000;
}



/*----------- タブ(絞込み) -----------*/
.basic-list .yearTabs ,
.basic-list-english .yearTabs {
	margin-bottom: 20px;
	padding: 0px 0px 5px;
	border-bottom: 1px solid #ddd;
}

.basic-list .tabs ,
.basic-list-english .tabs {
	margin-bottom: 40px;
}

.basic-list .tabs > ul > li[aria-hidden="false"] ,
.basic-list-english .tabs > ul > li[aria-hidden="false"] {
	display: block;
	margin-bottom: 10px;
	padding: 0px 0px 5px;
	border-bottom: 1px solid #ddd;
}

.basic-list .yearTabs span ,
.basic-list-english .yearTabs span ,
.basic-list .tabs span ,
.basic-list-english .tabs span {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 5px;
}

.basic-list .yearTabs span::before ,
.basic-list-english .yearTabs span::before ,
.basic-list .tabs span::before ,
.basic-list-english .tabs span::before {
	display: block;
	padding: 5px 20px;
	font-size: 14px;
	background: #eee;
}

.basic-list .yearTabs span[active="true"]::before ,
.basic-list-english .yearTabs span[active="true"]::before ,
.basic-list .tabs span[active="true"]::before ,
.basic-list-english .tabs span[active="true"]::before {
	background: #ccc;
}

.basic-list .yearTabs span:hover::before ,
.basic-list-english .yearTabs span:hover::before ,
.basic-list .tabs span:hover::before ,
.basic-list-english .tabs span:hover::before {
	background: #ccc;
}

/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list .tabs ul[data-category-level="1"] > li > span ,
.basic-list-english .tabs ul[data-category-level="1"] > li > span {
	display: none;
}

/* 全ての全てタブは、デフォルト非表示 */
.basic-list .tabs li.allall ,
.basic-list-english .tabs li.allall {
	display: none;
}


/* 年タブ 最新20件を書き換え */
.basic-list .yearTabs span.all::before {
/*	content: "最新"; */
}

.basic-list-english .yearTabs span.all::before {
/*	content: "Latest"; */
}

/*----------- カテゴリアイコン -----------*/
/* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */
.basic-list .c_icon span[category-level="1"] ,
.basic-list-english .c_icon span[category-level="1"] {
	display: none;
}

.basic-list .c_icon span ,
.basic-list-english .c_icon span {
	display: inline-block;
	vertical-align: middle;
}

.basic-list .c_icon span::before ,
.basic-list-english .c_icon span::before {
	display: block;
	line-height: 1;
	font-weight: bold;
}

/* ニュースパーツ時の装飾 */
.basic-list:not(.thumnail) ul.tabItems li .c_icon span ,
.basic-list-english:not(.thumnail) ul.tabItems li .c_icon span {
	position: relative;
}

.basic-list:not(.thumnail) ul.tabItems li .c_icon span::after ,
.basic-list-english:not(.thumnail) ul.tabItems li .c_icon span::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	background-color: #222;
	height: 1px;
	display: inline-block;
}

/* カテゴリ設定で設定した名称と、アイコン上の文字を変えたい場合は */
/* contentで上書きする。個別に背景色等を設定する場合も同様 */
/* ↓サンプル */
.basic-list .c_icon span.tekiji::before ,
.basic-list-english .c_icon span.tekiji::before {
/*	content: "適時開示"; */
/*	background: #e9452a; */
}

.basic-list .c_icon span.result::before ,
.basic-list-english .c_icon span.result::before {
/*	content: "決算"; */
/*	background: #2a3d81; */
}

.basic-list .c_icon span.gyouseki::before ,
.basic-list-english .c_icon span.gyouseki::before {
/*	content: "業績"; */
/*	background: #43a4a1; */
}

.basic-list .c_icon span.pr::before ,
.basic-list-english .c_icon span.pr::before {
/*	content: "PR"; */
/*	background: #f68100; */
}

.basic-list .c_icon span.ir::before ,
.basic-list-english .c_icon span.ir::before {
/*	content: "IR"; */
/*	background: #6f4abc; */
}

.basic-list .c_icon span.governance::before ,
.basic-list-english .c_icon span.governance::before {
/*	content: "ガバナンス"; */
/*	background: #43a46a; */
}

.basic-list .c_icon span.yuho::before ,
.basic-list-english .c_icon span.yuho::before {
/*	content: "有価証券報告書"; */
/*	background: #798dd4; */
}

.basic-list .c_icon span.meeting::before ,
.basic-list-english .c_icon span.meeting::before {
/*	content: "株主総会";
/*	background: #006fbe; */
}

.basic-list .c_icon span.none::before ,
.basic-list-english .c_icon span.none::before {
/*	content: "その他"; */
/*	background: #777; */
}


/* マルチ２一覧 カテゴリをフラット選択に */
.layout_flat_category .basic-list .tabs li.allall ,
.layout_flat_category .basic-list-english .tabs li.allall {
	display: inline;
}

.layout_flat_category .basic-list .tabs span.allall ,
.layout_flat_category .basic-list-english .tabs span.allall {
	display: inline-block;
}

.layout_flat_category .basic-list .tabs li.all ,
.layout_flat_category .basic-list-english .tabs li.all {
	display: none;
}

.layout_flat_category .basic-list .tabs > ul > li[aria-hidden="false"] ,
.layout_flat_category .basic-list-english .tabs > ul > li[aria-hidden="false"] {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

.layout_flat_category .basic-list .tabs ,
.layout_flat_category .basic-list-english .tabs {
	padding: 10px 10px 5px;
	border: 1px solid #ddd;
}








/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.basic-list:not(.thumnail) ul.tabItems li .date ,
	.basic-list-english:not(.thumnail) ul.tabItems li .date {
		font-size: 14px;
		margin-left: 5px;
	}
	.basic-list .c_icon span::before ,
	.basic-list-english .c_icon span::before {
		font-size: 13px;
	}

	/* １カラム時。２カラム以上はSPと同じ表示 */
	.multiColumn1 .basic-list:not(.thumnail) ul.tabItems li h3 ,
	.multiColumn1 .basic-list-english:not(.thumnail) ul.tabItems li h3 {
		padding-top: 0px;
		padding-left: 340px;
	}

	.multiColumn1 .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
	.multiColumn1 .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
		width: auto;
		float: none;
		margin: 0;
		padding: 0;

		display: inline-block;
		vertical-align: top;

	/* 縦並び */
		width: 165px;
		float: left;
		margin-left: -190px;

	/* 横並び */
	/*
		min-width: 130px;
		margin-left: -145px;
	*/
	}
	
	.basic-list:not(.thumnail) ul.tabItems li .c_icon span ,
	.basic-list-english:not(.thumnail) ul.tabItems li .c_icon span {
		padding: 0 0 0 30px;
	}

	.basic-list:not(.thumnail) ul.tabItems li .c_icon span::after ,
	.basic-list-english:not(.thumnail) ul.tabItems li .c_icon span::after {
		width: 20px;
	}

}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {

	.basic-list:not(.thumnail) ul.tabItems::before ,
	.basic-list-english:not(.thumnail) ul.tabItems::before,
	.basic-list:not(.thumnail) ul.tabItems li::after ,
	.basic-list-english:not(.thumnail) ul.tabItems li::after {
		width: 55px;
	}
	.basic-list:not(.thumnail) ul.tabItems li .date ,
	.basic-list-english:not(.thumnail) ul.tabItems li .date {
		font-size: 13px;
	}
	.basic-list .c_icon span::before ,
	.basic-list-english .c_icon span::before {
		font-size: 12px;
	}
	
	.basic-list.thumnail ul.tabItems li ,
	.basic-list-english.thumnail ul.tabItems li {
		width: calc(100% / 2 - 18px);
	}

	.basic-list.thumnail ul.tabItems li h3 ,
	.basic-list-english.thumnail ul.tabItems li h3 {
		padding-bottom: 70px;
	}

	.basic-list.thumnail ul.tabItems li .date ,
	.basic-list-english.thumnail ul.tabItems li .date {
		bottom: 32px;
	}

	.basic-list.thumnail ul.tabItems li .c_icon ,
	.basic-list-english.thumnail ul.tabItems li .c_icon {
		right: auto;
		left: 0;
	}

	.basic-list:not(.thumnail) ul.tabItems li .c_icon span ,
	.basic-list-english:not(.thumnail) ul.tabItems li .c_icon span {
		padding: 0 0 0 18px;
	}

	.basic-list:not(.thumnail) ul.tabItems li .c_icon span::after ,
	.basic-list-english:not(.thumnail) ul.tabItems li .c_icon span::after {
		width: 13px;
	}
	.basic-list:not(.thumnail) ul.tabItems li a .news_tx,
	.basic-list-english:not(.thumnail) ul.tabItems li a .news_tx {
    	font-size: 15px;
	}

}


/*------------------------------------- 
 メディア
-------------------------------------*/
/*------------- flash --------------*/
.flash-animation {
	margin: auto;
	text-align: center;
}

.flash-animation embed {
	width: 100%;
	height: 100%;
}

/*-------------- 動画 --------------*/
/* .videoとしてはいけない */
div.video {
	margin-bottom: 10px;
}

div.video dl {
	width: 100%;
}

div.video dl dt {
	text-align: center;
	margin-bottom: 5px;
}

div.video dl dt video {
	width: auto;
	max-width: 100%;
}

div.video dl dd {
}

/* -- 動画キャプション -- */
div.video dl dd.caption {
}

/* -- 動画コピーライト -- */
div.video dl dd.copyright {
}

/* -- 動画ディスクリプション -- */
div.video dl dd.longdesc {
/*	display: none; */
}


/*-------------- 音声 --------------*/
/* .audioとしてはいけない */
div.audio {
	margin-bottom: 10px;
}

div.audio dl {
	width: 80%;
	margin: auto;
}

div.audio dl dt {
	margin-bottom: 5px;
}

div.audio dl dt audio {
	width: 100%;
}

div.audio dl dd {
}

/* -- 音声キャプション -- */
div.audio dl dd.caption {
}

/* -- 音声コピーライト -- */
div.audio dl dd.copyright {
}

/* -- 音声ディスクリプション -- */
div.audio dl dd.longdesc {
/*	display: none; */
}


/*-------------- GoogleMap（地図埋め込み） --------------*/
div.map {
	position: relative;
	margin-bottom: 20px;
}

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 (min-width: 768px) {
	/*-- １カラムの場合、地図が画面端まであるとスクロールさせずらいので余白を設ける --*/
	.multiColumn1 div.map {
		margin-left: 30px;
		margin-right: 30px;
	}
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	/*-- 地図が画面端まであるとスクロールさせずらいので余白を設ける --*/
	div.map {
		padding: 0 10px;
	}
}


/*-------------- YouTube（動画埋め込み） --------------*/
div.youtube {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

div.youtube > iframe {
	display: block;
	margin: auto;
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	div.youtube {
		padding: 0 10px;
	}

	div.youtube::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.youtube > iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}


/*-------------- iframe表示 --------------*/
.disp-external-page {
}

.disp-external-page iframe {
	border: none;
	display: block;
	width: 100%;
	height: 800px;
	margin: auto;
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.disp-external-page {
		overflow-x: scroll;
	}
}

/*------------------------------------- 
 サイトマップ
-------------------------------------*/

/*-------------- 正規化版サイトマップ --------------*/
.sitemap-1st {
	font-size: 0;
}

/* -- 第１階層(ja・en)・第２階層 -- */
.sitemap-1st > h3  ,
.sitemap-1st > ul > li  {
}

.sitemap-1st > h3 > a ,
.sitemap-1st > ul > li > a {
	position: relative;
	display: block;
	padding: 8px 8px 6px 20px;
	color: inherit;
	font-size: 14px;
	font-weight: bold;
	border: #CCC 1px solid;
	margin-bottom: 20px;
}

.sitemap-1st > h3 > a::before ,
.sitemap-1st > ul > li > a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.sitemap-1st > ul > li  {
		display: inline-block;
		vertical-align: top;
		width: 48.5%;
		margin-right: 3%;
	}
	.sitemap-1st > ul > li:nth-child(even) {
		margin-right: 0;
	}
}

/* -- 第３階層 -- */
.sitemap-1st ul.siteLevel_2 {
	margin-bottom: 20px;
}

.sitemap-1st ul.siteLevel_2 > li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 4%;
}
.sitemap-1st ul.siteLevel_2 > li:nth-child(even) {
	margin-right: 0;
}

.sitemap-1st ul.siteLevel_2 > li > a {
	position: relative;
	display: block;
	padding-left: 15px;
	font-size: 14px;
	margin-left: 8px;
	margin-bottom: 5px;
}

.sitemap-1st ul.siteLevel_2 > li > a::before {
	content: "";
	position: absolute;
	top: calc(1.5em / 2);
	left: 0;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

/* -- 第４階層 -- */
.sitemap-1st ul.siteLevel_3 {
	margin-top: 10px;
	margin-left: 20px;
}

.sitemap-1st ul.siteLevel_3 > li {
}

.sitemap-1st ul.siteLevel_3 > li > a {
	position: relative;
	display: block;
	padding-left: 15px;
	font-size: 14px;
	margin-bottom: 5px;
}

.sitemap-1st ul.siteLevel_3 > li > a::before {
	content: "";
	position: absolute;
	top: calc(1.5em / 2);
	left: 0;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

/* -- 第５階層以降は非表示 -- */
.sitemap-1st ul.siteLevel_4 {
	display: none;
}


/*------------------------------------- 
 フッター専用パーツ
-------------------------------------*/
/*-------------- フッター（テキストと画像） --------------*/
.footer-about {
}

.footer-about h4 {
	font-weight: bold;
	line-height: 1.2;
	border-left: #999 3px solid;
	padding-top: 1px;
	padding-left: 8px;
	margin-bottom: 8px;
}

.footer-about img {
	display: block;
	margin: auto;
}

/*-------------- フッタリンクリスト --------------*/
.footer-link-list {
}

.footer-link-list h4 {
}

.footer-link-list ul {
}

.footer-link-list ul::after {
	content: "";
	display: block;
	clear: both;
}

.footer-link-list ul li {
}


/*-------------- 内部フッタリンク --------------*/
/*-------------- 外部フッタリンク --------------*/
.footer-link-list ul li.footer-link-internal ,
.footer-link-list ul li.footer-link-external {
	position: relative;
	padding-left: 15px;
}

.footer-link-list ul li.footer-link-internal::before ,
.footer-link-list ul li.footer-link-external::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

.footer-link-list ul li.footer-link-internal a ,
.footer-link-list ul li.footer-link-external a {
}

/* -- 別窓アイコン -- */
.footer-link-list .footer-link-internal a[target="_blank"]::after ,
.footer-link-list .footer-link-external a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 11px;
	background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
	background-size: contain;
	margin: 0 5px;
}


/* --------------------------------------
 フォーム
-------------------------------------- */

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {

	/* FORMS
	-------------------- */

	button::-moz-focus-inner ,
	input::-moz-focus-inner {
	    border: 0;
	    padding: 0;
	}


	.form-box {
		margin: auto;
	}
	.form-wrapper {
		clear: both;
		margin: auto;
	}

	.form-wrapper div::after {
		content: "";
		display: block;
		clear: both;
	}

	#step-by-step {
		margin: 20px 0;
		padding: 4px 10px;
		border-radius: 5px;
		background: #0d8ccc;
	}
	#step-by-step ol {
		zoom: 1;
		list-style-position: inside;
		color: #fff;
	}
	#step-by-step ol::after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#step-by-step li  {
		float: left;
		margin: 0 20px 0 0;
		padding: 4px;
		border-radius: 5px;
		list-style-position: inside;
	}
	#step-by-step li.do  {
		background: #EC1549;
	}
	#step-by-step li.do button {
		color: #fff;
	}
	#step-by-step li button {
		display: inline-block;
		padding: 3px;
		background: transparent;
		border: none;
		-webkit-appearance: none;
		color: #fff;
		font-family: 'arial', 'helvetica', 'sans-serif';
		cursor: pointer;
	}
	#step-by-step li button:hover ,
	#step-by-step li button:focus ,
	#step-by-step li button:active {
		text-decoration: underline;
	}
	#step-by-step li button[disabled] {
		cursor: default;
		color: #ccc;
		text-decoration: none;
	}

	.form-wrapper fieldset {
		border: none;
		margin: 5px 0 30px 0;
	}
	.form-wrapper fieldset > h2 {
		margin-bottom: 10px;
		padding: 5px 10px;
		color: #333;
		background-color: #CCCCCC;
	}
	.form-wrapper p.required {
		text-align: right;
	}
	.form-wrapper p.required span ,
	.form-wrapper dfn {
		color: #ec1549;
		font-weight: bold;
		font-style: normal;
	}


	.form-wrapper div.form-edit span ,
	.form-wrapper div.form-selection span {
	}
	.form-row {
		clear: both;
		zoom: 1;
		border-bottom: 1px dotted #b3b3b3;
		padding: 10px 0 15px 0;
	}
	.form-row div {
		width: auto;
		border-bottom: none;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.form-row .form-item {
		margin: 0;
		clear: none;
	}
	.form-wrapper label {
		position: relative;
		display: block;
		cursor: inherit;
	}
	.form-wrapper label[for="text"] {
	}
	.form-wrapper label span {
	}
	.form-wrapper fieldset .multiple-labels fieldset input ,
	.form-wrapper input ,
	.form-wrapper textarea ,
	.form-wrapper div.mod input.mod {
		display: block;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 100%;
		margin: 3px 0 0 0;
		border: 1px solid #c2c2c2;
		padding: 10px 3px 10px 3px;
		background: #ffffff;
	}
	.form-wrapper input[type="submit"] {
		display: inline;
		border: 1px solid #c2c2c2;
	}
	.step-controls {
		position: relative;
		top: 2px;
	}
	.input-datetime-local .step-controls {
		top: auto;
	}
	.form-item-hidden ,
	.form-wrapper input[type=hidden] {
	   display: none;
	}
	.form-wrapper .multiple-labels fieldset input.a11y-focus ,
	.form-wrapper .multiple-labels fieldset input:focus ,
	.form-wrapper input:focus ,
	.form-wrapper textarea:focus ,
	.form-wrapper input.a11y-focus ,
	.form-wrapper textarea.a11y-focus {
		border: 1px solid #000;
		background: #FFFFFF;
	}
	.form-wrapper input[type=radio].a11y-focus ,
	.form-wrapper input[type=checkbox].a11y-focus {
		background: transparent;
		border: none;
	}
	.form-wrapper textarea {
		width: 100%;
	}
	.form-wrapper select {
		display: block;
		width: 310px;
		margin: 5px 0 0 0;
	}
	.form-wrapper div span.input-datetime-local {
		font-size: 100%;
	}
	.form-wrapper h4 {
		padding: 0 0 10px 0;
		color: #000;
		font-size: 130%;
		font-weight: bold;
	}
	.form-wrapper div.multiple-labels label span {
		color: #555;
		font-size: 110%;
		font-weight: normal;
	}
	.form-row label span {
		display: inline;
	}
	.form-row label.m span {
		clear: both;
		padding: 0 0 5px 0;
	}
	.form-row span.help a {
		background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/sprites.png") 0 -651px no-repeat;
		padding-left: 15px;
	}

	/* multiple inputs in one row */
	.form-row .form-item-s ,
	.form-row .form-item-m ,
	.form-row .form-item-l {
		float: left;
		margin: 0;
		clear: none;
		width: 92px;
	}
	.form-row .form-item-m {
		width: 161px;
		padding: 0;
	}
	.form-row .form-item-l {
		width: 363px;
	}
	.form-row .form-item-s input {
		width: 70px;
	}
	.form-wrapper .form-row .form-item-m input {
		width: 139px;
	}
	.form-row .form-item-l input {
		width: 209px;
	}

	/* checkboxes & radiobuttons */
	.form-wrapper fieldset fieldset {
		margin: 0;
		padding: 0;
	}
	.form-wrapper fieldset fieldset .form-item {
		float: none;
		display: block;
		clear: both;
	}
	.form-wrapper fieldset fieldset input {
		width: auto;
		display: inline;
		background: transparent;
		border: none;
	}
	#main .form-wrapper fieldset fieldset legend {
		text-indent: -9999px;
		font-size: 0;
	}
	.form-wrapper  fieldset fieldset div.form-item label {
		display: inline;
	}

	/* mod for short elements */
	.form-wrapper fieldset fieldset.mod .form-item {
		float: left;
		clear: none;
		margin-right: 15px;
	}
	.form-wrapper fieldset fieldset.mod .form-item label {
		display: inline;
	}

	/* table date-picker */
	.input-date-datepicker-control td:hover {
	    background-color: #BBEEFF;
	    border: none;
	    -webkit-box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
	            box-shadow: 0 3px 9px rgba(255, 255, 255, 0.9) inset;
	}
	.input-date-datepicker-control td.ui-datepicker-today {
		border: none;
		background: #EC1549;
	}
	.input-date-datepicker-control td.ui-datepicker-today a {
		color: #fff;
	}
	.input-date-datepicker-control td.ui-datepicker-current-day {
		border: none;
		background: #999;
	}

	/* Submit */
	.form-wrapper div.button-wrapper {
		width: 100%;
		position: relative;
		border: none;
		padding: 10px 0 5px 0;
		text-align: center;
	}
	.form-wrapper fieldset div.button-wrapper em {
		float: right;
		margin-top: -24px;
		font-size: 140%;
	}
	.new-search .button ,  /* button outside button-wrapper */
	.form-wrapper div.button-wrapper input { /* button */
		right: auto;
		width: auto;
		margin: 5px;
		padding: 12px 70px;
		/*color: #fff;*/
		cursor: pointer;
		font-size: 120%;
		text-transform: uppercase;
		font-weight: bold;
		border-radius: 5px;

		background: #eaeaea;
		background: -o-linear-gradient(#f7f7f7, #dedede);
		background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dedede));
		background: linear-gradient(#f7f7f7, #dedede);
	}

	/* -- 確認ページ -- */
	.form-summary {
		margin: 0 auto 20px;
	}

	.form-summary table {
	}

	.form-summary table caption {
	}

	.form-summary table td {
	/*	border: solid #7F9BDA 1px; */
	/*	padding: 5px 10px; */
		white-space: pre;
		white-space: pre-line;
		width: 70%;
	}

	.form-summary table td:first-child {
	/*	color: #333;  */
	/*	background-color: #DCE5F4; */
	/*	font-weight: bold; */
	/*	text-align: left; */
		width: 30%;
	}

	.new-search .button {  /* button outside button-wrapper */
		padding-top: 3px;
		padding-bottom: 4px;
	}
	.new-search .button:hover ,
	.new-search .button:active ,
	.new-search .button:focus ,
	.form-wrapper div.button-wrapper input:hover ,
	.form-wrapper div.button-wrapper input:active ,
	.form-wrapper div.button-wrapper input:focus {
		background: #B9B9B9;
		/*color: #fff;*/
		border: 1px solid #111;
		border-right: 1px solid #555;
		border-bottom: 1px solid #555;
	}
	/* link-Button */
	a.button {
		background: #b90834 url("../../../../../../resources/templating-kit/themes/pop/img/bgs/submit.png") 0 0 repeat-x;
		min-width: 60px;
		width: auto;
		border: 1px solid #f19eb2;
		border-right: 1px solid #920728;
		border-bottom: 1px solid #920728;
		padding: 3px 20px 2px 20px;
		text-align: center;
		text-decoration: none;
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
	}
	a.button span {
		position: absolute;
	}
	a.button:hover ,
	a.button:active ,
	a.button:focus {
		color: #fac4d1;
	}

	/* error messages */
	.error {
		color: #ec1549;
		font-weight: bold;
	}

	.error a ,
	.error a:hover {
		color: #333;
		text-decoration: none;
		cursor: default;
	}

	.form-box .error h1 {
		background: url("../../../../../../resources/templating-kit/themes/pop/img/icons/../../img/bgs/error.png") 0 8px no-repeat;
		margin-bottom: 10px;
		padding: 5px 0 0 30px;
		color: #ec1549;
	}
	.form-box div.error {
		margin: 20px 0;
		font-weight: bold;
	}
	.form-box div.error ul {
		margin: 0 0 0 45px;
	}
	.form-box div.error li {
		color: #ec1549;
	}
	.form-box div.error li a ,
	.form-box div.error label span {
		color: #ec1549;
	}

	.form-wrapper div.error {
		margin: 0;
	}
	.form-ui-invalid {
		border-color: #ec1549;
	}
	.form-wrapper div.error input ,
	.form-wrapper div.error select ,
	.form-wrapper div.error textarea ,
	.form-wrapper div input.form-ui-invalid ,
	.form-wrapper div textarea.form-ui-invalid ,
	.form-wrapper div select.form-ui-invalid {
		border: 1px solid #ec1549;
	}


	/* success messages */
	.form-box .success {
		margin: 10px 0;
	}
	.form-box .success h1 {
		background: url("../../../../../../resources/templating-kit/themes/pop/img/bgs/confirmed.png") 0 8px no-repeat;
		margin-bottom: 10px;
		padding: 5px 0 0 30px;
		color: #afaf00;
	}



	/* -- お問い合わせページ　設定例 -- */
	.form-wrapper div.form-edit ,
	.form-wrapper div.form-selection {
		background: none;

		position: relative;
		padding: 0;
		margin: 0;
		margin-bottom: -1px;
	}

	/* 左セル */
	.form-wrapper div.form-edit::before ,
	.form-wrapper div.form-selection::before {
		border-top: none;
		border-bottom: none;
		border-left: none;

		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 30%;
		height: 100%;
	}

	.form-wrapper div.form-edit > label ,
	.form-wrapper div.form-selection > label {
		border: none;
		background: none;

		float: left;
		width: 30%;
	}

	/* 右セル */
	.form-wrapper div.form-edit > input[type="text"] ,
	.form-wrapper div.form-edit > textarea ,
	.form-wrapper div.form-edit > span ,
	.form-wrapper div.form-selection > fieldset {
		margin: 0;

		float: right;
		width: 65%;
		width: calc(70% - 20px) !important;
		margin-right: 10px;
	}

	/*-- 入力フィールド --*/
	.form-wrapper div.form-edit {
	}

	.form-wrapper div.form-edit > input[type="text"] ,
	.form-wrapper div.form-edit > textarea {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px 5px;
	}


	.form-wrapper div.form-edit > span {
		padding: 0;
		font-size: 87.5%;
	}


	/*-- セレクトボタン(チェックボックス・ラジオボタン・セレクトボックス) --*/
	.form-wrapper div.form-selection {
	}

	.form-wrapper div.form-selection > fieldset {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.form-wrapper div.form-selection > fieldset > legend {
		font-size: 87.5%;
	}

	.form-wrapper div.form-selection > fieldset > select {
		margin: 0;
		width: auto;
		display: block;

		padding: 0.25em 0.25em;
		border: 1px solid #c2c2c2;
	}

}







/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {

	/* Forms */
	.required {
		margin: 10px 5px;
	}
	.form-wrapper input ,
	.form-wrapper textarea {
		width: 100%;
		padding: 3px;
	}
	.form-wrapper textarea {
		border: 1px solid #aaa;
	}
	.form-wrapper input[type="checkbox"] ,
	.form-wrapper input[type="radio"] {
		width: auto;
	}
	.form-wrapper input[type="submit"] {
		width: auto;
		font-size: 18px;
	}
	.form-wrapper fieldset fieldset {
		border: none;
		padding: 0;
	}
	.form-wrapper label {
		display: block;
	}
	.form-wrapper .form-item {
		display: block;
		float: none;
		margin: 0 0.5em;
	}
	.form-wrapper fieldset fieldset.mod .form-item {
		float: left;
		margin-right: 1em;
	}
	.form-wrapper .form-item label {
		display: inline;
	}
	.form-wrapper .form-item input {
		padding: 0 3px 0 0;
	}
	.form-wrapper div span {
	/*	display: block; */
	}
	.form-wrapper p.required {
		margin: 10px 5px;
	}
	.form-wrapper p.required span {
		display: inline;
	}
	.form-wrapper p.required span ,
	.form-wrapper dfn {
		color: #ec1549;
		font-weight: bold;
		font-style: normal;
	}

	/* -- お問い合わせページ -- */
	.form-wrapper .form-edit ,
	.form-wrapper .form-selection {
		margin-bottom: -1px;
	}


	.form-wrapper .form-edit > span {
		padding: 0;
		font-size: 87.5%;
	}

	.form-wrapper .form-selection > fieldset > legend {
		font-size: 87.5%;
	}

	.form-wrapper .form-selection > fieldset > select {
		margin: 0;
		width: auto;
		display: block;

		padding: 0.25em 0.25em;
	}


	.form-wrapper .button-wrapper {
		margin: 5px auto 20px;
	}



	.form-summary {
		margin-bottom: 20px;
	}



	.form-summary table tr {
		display: block;
		margin-top: 10px;
		border: 1px solid #CCC;
		padding: 5px;
	}

	.form-summary table td {
		display: block;
		padding: 5px 0;
		white-space: pre;
		white-space: pre-line;
	}
	.form-summary table td:first-child {
		border-bottom: 1px dashed #CCC;
		font-size: 87.5%;
	}


	.new-search .button ,  /* button outside button-wrapper */
	.form-wrapper .button-wrapper input { /* button */
		float: none;
		font-family: inherit;
		margin-right: 10px;
		margin-bottom: 10px;

	/*	background: #FFF; */
	/*	border: 1px solid #777; */
		color: inherit;
		font-weight: normal;
	}
	.form-wrapper .button-wrapper input:last-child {
	/*	border: 1px solid #777; */
		color: inherit;
		font-weight: normal;
	}

	.form-wrapper .button-wrapper input:hover ,
	.form-wrapper .button-wrapper input:active ,
	.form-wrapper .button-wrapper input:focus {
		border: 1px solid #ccc;
	}

}






/* --------------------------------------
 個別設定
-------------------------------------- */
/*-- 画面内固定 上に戻るリンク 設定例：scroll.js用 --*/
#site-info .topcontrol ,
#topcontrol {
	position: fixed;
	left: 0;
	bottom: -40px;
	width: 100%;
	height: 0;
	font-size: 0;
	/*opacity: 0.3;*/
	z-index: 2000;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}


#site-info .topcontrol.visible ,
#topcontrol.visible {
	bottom: 15px;
	opacity: 1;
}

#site-info .topcontrol > div ,
#topcontrol > div {
	position: relative;
	width: 100%;
	margin: auto;
}

#site-info .topcontrol a ,
#topcontrol a {
	position: absolute;
	bottom: 0;
	right: 15px;
}

/* 画像を使用する場合 */
/*#site-info .topcontrol a ,
#topcontrol a {
	display: block;
	width: 50px;
	height: 50px;
	background: url("../../../../../../resources/sw_img/pagetop.png") no-repeat center center;
	background-size: contain;
}*/


/* 画像を使用しない場合 */

#site-info .topcontrol a ,
#topcontrol a {
	display: block;
	width: 50px;
	height: 50px;
	background: #3a3e45;
	border-radius: 25px;
	
}

#site-info .topcontrol a::before ,
#topcontrol a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
    margin-top: -4px;
    margin-left: -7px;
	display: block;
	width: 14px;
	height: 14px;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}


/*-- ページ内設置 上に戻るリンク 設定例：scroll.js用 --*/
#site-info .toTop ,
#toTop {
	text-align: right;
	margin: 3em 20px 80px;
}

#site-info .toTop a ,
#toTop a {
	padding-left: 1.44em;
	display: inline-block;
	position: relative;
	overflow: visible;
}

#site-info .toTop a::before ,
#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;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	    transform: rotate(315deg);
}

#site-info .toTop ,
#toTop {
	display: none;
}





/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	#site-info .topcontrol > div ,
	#topcontrol > div {
		max-width: calc(1000px + (51px + 50px) *2);
	}

}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	#site-info .topcontrol ,
	#topcontrol {
		bottom: -50px;
	}

	#site-info .toTop ,
	#toTop {
		margin: 2em 20px 40px;
	}
}



/*------------------------------------- 
 ヘッダー・フッター・メニュー
-------------------------------------*/
/*------------------------- デスクトップ用 ---------------------------*/
@media print, screen and (min-width: 768px) {
	/*------------------ ヘッダー ------------------*/

	#site-info {
		margin-top: 0;
	}

	#header {
		height: 86px;
	}

	#site-info .area-header > div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width: calc(1000px + 40px);
		height: 86px;
		background: #fff;
		z-index: 10001;
	}
	body:not(.in-editor) #header.pad ~ #site-info .area-header > div {
		position: fixed;
	}

	/* ヘッダーパネル(グロナビ・メガドロップを除く) */
	#site-info .area-header-panel {
		width: 100%;
		min-width: calc(1000px + 40px);
	}

	#site-info .area-header-panel > div {
		position: relative;
		width: 100%;
		height: 86px;
		overflow: hidden;
	}



	/* ロゴ */
	#site-info .area-header .area-logo {
		position: absolute;
		top: 22px;
		left: 20px;
	}

	#site-info .area-header .area-logo a {
		width: 268px;
		height: 43px;
	}

	#site-info .area-header .area-logo a img {
		max-width: none;
		max-height: 100%;
	}
	
	#site-info .area-header .area-logo .teaser + .teaser {
		display: none;
	}

	/* 検索 */
	#site-info .area-header .area-search-box {
		position: absolute;
		top: 11px;
		right: 20px;
	}

	#site-info .area-header .area-search-box .text-section.highlight,
	#site-info .area-header .area-search-box .column1 .text-section.highlight + .text-section {
		width: 19px;
		height: 19px;
		cursor: pointer;
	}

	#site-info .area-header .area-search-box .column1 .text-section.highlight + .text-section {
		display: none;
	}


	/* その他 */
	#site-info .area-header .area-header-sub-panel {
		position: absolute;
		top: 14px;
		right: 50px;
	}

	#site-info .area-header .area-header-sub-panel > div {
		border-right: 1px solid #fff;
		padding-right: 20px;
	}

	#site-info .area-header .area-header-sub-panel > div > div::after {
		content: "";
		display: block;
		clear: both;
	}

	#site-info .area-header .area-lang-navi ,
	#site-info .area-header .area-header-link {
		float: left;
		margin-left: 30px;
	}

	#site-info .area-header .area-lang-navi .link-list ul {
		position: relative;
		/*padding-left: 20px;*/
	}

	#site-info .area-header .area-lang-navi .link-list li {
		position: relative;
		display: inline-block;
		margin-left: 15px;
	}

	#site-info .area-header .area-lang-navi .link-list li + li {
		margin-left: 12px;
		padding-left: 13px;
		border-left: 1px #aaa solid;
	}

	/*#site-info .area-header .area-lang-navi .link-list ul::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url("../../../../../../resources/sw_img/icon_global.svg") no-repeat center center;
		background-size: contain;
		-webkit-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}*/

	#site-info .area-header .area-lang-navi .link-list li a ,
	#site-info .area-header .area-lang-navi .link-list li span {
		color: #555;
		font-size: 13px;
		line-height: 1.2;
	}

	#site-info .area-header .area-lang-navi .link-list li a {
		/*border-bottom: 1px #555 solid;*/
	}

	#site-info .area-header .area-lang-navi .link-list li.highlight a ,
	#site-info .area-header .area-lang-navi .link-list li.highlight span {
		color: #184c9a;
		border-bottom: 2px #184c9a solid;
	}

	/* ヘッダーユーティリティリンク */
	#site-info .area-header .area-header-link .link-list li {
		position: relative;
		display: inline-block;
		line-height: 1.2;
		/*padding-left: 30px;
		margin-left: 15px;*/
	}

	/*#site-info .area-header .area-header-link .link-list li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url("../../../../../../resources/sw_img/icon_contact.svg") no-repeat center center;
		background-size: contain;
		-webkit-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}*/
	#site-info .area-header .area-header-link .link-list li + li {
		margin-left: 25px;
	}

	#site-info .area-header .area-header-link .link-list li a ,
	#site-info .area-header .area-header-link .link-list li span {
		color: #555;
		font-size: 13px;
	}

	/* グロナビ */
	#site-info .area-gnavi {
		font-size: 0;
		min-width: calc(1000px + 40px);
		width: 100%;
		margin-top: -50px;
	}

	#site-info .area-gnavi > div {
		display: table;
		/*width: calc(1000px + 40px);*/
		table-layout: auto;
		border-collapse: collapse;
		margin: 0 0 0 auto;
	}

	#site-info .area-gnavi > div > div {
		display: table-row;
	}

	#site-info .area-gnavi > div > div > div {
		display: table-cell;
	/*	width: 10%; */
	}

	#site-info .area-gnavi >* >* >* >* > .teaser.no-img ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img {
		position: relative;
		display: table;
/*		width: 100%; */
		height: 50px;
	}

	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 {
		display: table-row;
	}

	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a {
		display: table-cell;
		vertical-align: middle;
		padding: 5px 15px 11px;
		text-align: center;
		font-size: 16px;
		color: #222;
		font-weight: bold;
		line-height: 1.25;
		text-decoration: none;
		border-bottom: 4px solid transparent;
	}

	#site-info .area-gnavi >* >* >* >* > .reuse-main-area + .teaser.no-img h2 a::before ,
	#site-info .area-gnavi >* >* >* >* > .reuse-main-area + .external-teaser.no-img h2 a::before {
		content: "";
		position: absolute;
		bottom: 8px;
		left: calc(50% - 4px);
		border-right: 1px #838a91 solid;
		border-bottom: 1px #838a91 solid;
		width: 5px;
		height: 5px;
		transform: rotate(45deg);
	}

	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a[target="_blank"]::after ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a[target="_blank"]::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
		background-size: contain;
	}

	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a span ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a span {
		display: none;
	}

	/*
	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a:hover ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a:hover ,
	*/
	#site-info .area-gnavi >* >* > *:hover >* > .teaser.no-img h2 a ,
	#site-info .area-gnavi >* >* > *:hover >* > .external-teaser.no-img h2 a {
		color: #184c9a;
		border-bottom-color: #184c9a;
	}

	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a.act ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a.act ,
	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a.within ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a.within {
		color: #184c9a;
		border-bottom-color: #184c9a;
	}

	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a.act:hover ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a.act:hover ,
	#site-info .area-gnavi >* >* >* >* > .teaser.no-img h2 a.within:hover ,
	#site-info .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a.within:hover {
	}


	/* メガドロップメニュー */
	#site-info .area-gnavi * * .reuse-main-area {
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		min-width: 1000px;
		padding: 0;
		color: #fff;

/* マウスオーバーで下に伸長 */
		max-height: 0;

/* マウスオーバーで全体が非透過化 */
/*		opacity: 0; */
/*		visibility: hidden; */

		z-index: 10;
		-webkit-transition: 0.5s 0.1s;
		-o-transition: 0.5s 0.1s;
		transition: 0.5s 0.1s;
	}

	#site-info .area-gnavi >* >* > div:hover .reuse-main-area {
/* マウスオーバーで下に伸長 */
		max-height: 550px;

/* マウスオーバーで全体が非透過化 */
/*		opacity: 1; */
/*		visibility: visible; */
	}


	#site-info .area-gnavi * * .reuse-main-area::after {
		content: "";
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		background: #24262c;
		z-index: -1;
	}


	#site-info .area-gnavi * * .reuse-main-area > div {
		font-size: 0;

		display: table;
		margin: 40px auto 20px;
		width: 1000px;
	}

	#site-info .area-gnavi * * .reuse-main-area > div > div {
		display: table-cell;
		vertical-align: top;
	}

	#site-info .area-gnavi * * .reuse-main-area > .multiColumn2 > div {
		width: 50%;
	}
	#site-info .area-gnavi * * .reuse-main-area > .multiColumn3 > div {
		width: 33.33%;
	}
	#site-info .area-gnavi * * .reuse-main-area > .multiColumn4 > div {
		width: 25%;
	}
	#site-info .area-gnavi * * .reuse-main-area > .multiColumn5 > div {
		width: 20%;
	}

	#site-info .area-gnavi * * .reuse-main-area > div > div.empty {
		display: none;
	}


	/* メガドロップの中身 */
	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 0 20px;
		width: 220px;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight)::before ,
	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight)::after ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight)::before ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight)::after {
		content: "";
		position: absolute;
		top: 0;
		left: -1px;
		display: block;
		width: 1px;
		height: 100%;
		background: #fff;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight)::after ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight)::after {
		left: auto;
		right: 0;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) > * ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) > * {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		margin: 0;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) h2 ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) h2 {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) h2 a ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) h2 a {
		position: relative;
		font-size: 16px;
		color: #fff;
		border-bottom: 1px solid transparent;
		text-decoration: none;
		padding-left: 20px;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) h2 a::before ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) h2 a::before {
		position: absolute;
		top: 50%;
		left: 8px;
		margin-top: -5px;
		display: inline-block;
		vertical-align: middle;
		width: 6px;
		height: 10px;
		background: url("../../../../../../resources/sw_img/icon_arr01_white.svg") center center no-repeat;
		background-size: contain;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
		border: none;

		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
		background-size: contain;
	}


	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) h2 + a ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) h2 + a {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		display: block;
		margin-bottom: 5px;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) h2 + a img ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) h2 + a img {
		display: block;
	}


	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) p ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) p {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}

	#site-info .area-gnavi * * .reuse-main-area .teaser:not(.no-img):not(.highlight) h2 a:hover ,
	#site-info .area-gnavi * * .reuse-main-area .external-teaser:not(.no-img):not(.highlight) h2 a:hover {
		border-bottom-color: #fff;
	}


	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st {
		font-size: 0;
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st h3 {
		border-bottom: 1px solid #45464b;
		padding-bottom: 5px;
		margin-bottom: 15px;
		
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st h3 a {
		display: inline-block;
		color: #fff;
		font-size: 24px;
		font-weight: normal;
		border-bottom: 1px solid transparent;
		padding-left: 30px;
		position: relative;
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st h3 a::before {
		content: "";
		display: block;
		width: 20px;
		height: 6px;
		border-right: 1px #fff solid;
		border-bottom: 1px #fff solid;
		position: absolute;
		left: 0;
		bottom: 50%;
		transform: skewX(45deg);
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st li {
		position: relative;
		display: inline-block;
		vertical-align: top;
		/*border-right: 1px solid #ccc;*/
		padding-left: 18px;
		padding-right: 45px;
		margin-right: 15px;
		margin-bottom: 10px;
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st ul a::before {
		content: "";
		width: 6px;
		height: 6px;
		border-top: 1px #fff solid;
		border-right: 1px #fff solid;
		position: absolute;
		left: 0;
		top: calc(50% - 5px);
		transform: rotate(45deg);
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st ul a {
		display: inline-block;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		border-bottom: 1px solid transparent;
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
		background-size: contain;
		margin-left: 5px;
	}


	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st a:hover {
		border-color: #999;
	}

	#site-info .area-gnavi * * .reuse-main-area .sitemap-1st ul.siteLevel_2 {
		display: none;
	}




	/*------------------ フッター ------------------*/
	#site-info .area-footer {
		background: #24262c;
	}

	#site-info .area-footer .area-footer-frame3 ,
	#site-info .area-footer .area-footer-frame2 ,
	#site-info .area-footer .area-footer-frame1 {
		min-width: calc(1000px + 40px);
	}

	#site-info .area-footer .area-footer-frame3 > div ,
	#site-info .area-footer .area-footer-frame2 > div ,
	#site-info .area-footer .area-footer-frame1 > div {
		width: calc(1000px + 40px);
	}

	#site-info .area-footer .area-footer-frame1 {
		background: #13151a;
		padding: 75px 0 80px;
		color: #fff;
	}

	#site-info .area-footer .area-footer-frame2 {
		/*background: #888;
		color: #fff;*/
		padding-top: 60px;
	}



	/* フッターサイトマップ */
	#site-info .area-footer-sitemap {
	}

	#site-info .area-footer-sitemap >* {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	#site-info .area-footer-sitemap >* >* {
		display: table-row;
	}
	#site-info .area-footer-sitemap >* >* >* {
		display: table-cell;
		vertical-align: top;
		width: 10%;
	}

	#site-info .area-footer-sitemap .teaser.no-img {
		display: none;
	}

	#site-info .area-footer-sitemap .sitemap-1st {
		margin-right: 20px;
	}

	#site-info .area-footer-sitemap .link-list li + li ,
	#site-info .area-footer-sitemap .sitemap-1st li + li {
		margin-top: 5px;
	}


	#site-info .area-footer-sitemap .link-list a ,
	#site-info .area-footer-sitemap .sitemap-1st a {
		color: #bdbdbe;
		font-size: 12px;
	}

	#site-info .area-footer-sitemap .link-list a[target="_blank"]::after ,
	#site-info .area-footer-sitemap .sitemap-1st a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
		background-size: contain;
		margin-left: 5px;
	}

	#site-info .area-footer-sitemap .link-list a:hover ,
	#site-info .area-footer-sitemap .sitemap-1st a:hover {
		border-bottom-color: #5f5f5f;
	}

	#site-info .area-footer-sitemap .sitemap-1st > h3 {
		margin-bottom: 20px;
	}

	#site-info .area-footer-sitemap .sitemap-1st > h3 a {
		font-size: 16px;
		color: #fff;
		font-weight: bold;
	}


	/* フッターサイトロゴ */
	#site-info .area-footer-logo {
		padding: 0 0 50px;
		text-align: left;
	}

	#site-info .area-footer-logo a {
		width: 240px;
		display: inline-block;
	}

	#site-info .area-footer-logo a img {
		width: 100%;
	}


	/* フッターリンク集 */
	#site-info .area-footer-link {
	}
	

	#site-info .area-footer-link .link-list ul {
		text-align: center;
	}

	#site-info .area-footer-link .link-list ul li {
		display: inline-block;
		margin-left: 20px;
		padding-left: 20px;
	}

	#site-info .area-footer-link .link-list ul li + li {
		border-left: 1px solid #55575b;
	}

	#site-info .area-footer-link .link-list ul li a ,
	#site-info .area-footer-link .link-list ul li span {
		font-size: 13px;
		color: #bdbdbe;
	}

	#site-info .area-footer-link .link-list ul li a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
		background-size: contain;
		margin-left: 5px;
	}


	/* コピーライト */
	#site-info .area-footer-copyright {
		padding: 0 0 65px;
		margin-top: 30px;
		font-size: 11px;
		color: #bdbdbe;
		text-align: center;
	}

}


/*--------------------------- スマホ用 -----------------------------*/
@media handheld, only screen and (max-width: 767px) {

	#site-info {
		margin-top: 0;
	}

	/* -- css ハンバーガーアイコン -- */
	#panel2-btn{
		position: fixed;
		top: 0;
		right: 0;
		display: block;
		width: 50px;
		height: 50px;
		/*margin: 8px 9px;*/
		z-index: 11111;
	}

	#panel2-btn:hover{
		/*background: #FFF;
		background: rgba(255,255,255, 0.8);*/
	}

	.panel2-btn-icon1 ,
	.panel2-btn-icon2 ,
	.panel2-btn-icon3 {
		display: block;
		position: absolute;
		top: 23px;
		right: 15px;
		width: 22px;
		height: 2px;
		margin: 0;
		background: #184c9a;

		-webkit-transition: .2s .4s;
		-o-transition: .2s .4s;
		transition: .2s .4s;
	}

	.panel2-btn-icon1,
	.panel2-btn-icon1::before {
		margin-top: -7px;
		width: 27px;
	}
	.panel2-btn-icon2 {
		margin-top: 0px;
		width: 22px;
	}
	.panel2-btn-icon3,
	.panel2-btn-icon3::before {
		margin-top: 7px;
		width: 18px;
	}

	.panel2-btn-icon1::before ,
	.panel2-btn-icon3::before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 2px;
		margin-top: 0;
		background: #184c9a;

		-webkit-transition: .3s .1s;
		-o-transition: .3s .1s;
		transition: .3s .1s;
	}

	.panel2-btn-title {
		/*overflow: hidden;
		display: block;
		position: absolute;
		top: 31px;
		left: 0;
		width: 40px;
		height: 12px;*/
		display: none;
	}

	.panel2-btn-title li {
		display: block;
		width: 40px;
		height: 15px;

		line-height: 1;
		font-size: 10px;
		color: #000;
		text-align: center;

		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		    transform: scale(0.8);
	}
	.panel2-btn-title li:first-child {
		margin-top: -15px;

		-webkit-transition: .5s .1s;
		-o-transition: .5s .1s;
		transition: .5s .1s;
	}


	/* -- open時 -- */
	#panel2-sw:checked + div .panel2-btn-icon1 ,
	#panel2-sw:checked + div .panel2-btn-icon2 ,
	#panel2-sw:checked + div .panel2-btn-icon3 {
		background: transparent;
		margin-top: 0;

		-webkit-transition: .2s .1s;
		-o-transition: .2s .1s;
		transition: .2s .1s;
	}

	#panel2-sw:checked + div .panel2-btn-icon1::before ,
	#panel2-sw:checked + div .panel2-btn-icon3::before {
		width: 24px;
		left: -4px;

		-webkit-transition: .3s .3s;
		-o-transition: .3s .3s;
		transition: .3s .3s;
	}

	#panel2-sw:checked + div .panel2-btn-icon1::before {
		-webkit-transform: rotate(-225deg);
		-ms-transform: rotate(-225deg);
		    transform: rotate(-225deg);
		left: 0;
	}

	#panel2-sw:checked + div .panel2-btn-icon3::before {
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		    transform: rotate(-135deg);
		left: -8px;
	}

	/*------------------ ヘッダー ------------------*/
	#header {
		height: 50px;
	}

	#site-info .area-header {
	}

	/* ヘッダーパネル */
	#site-info .area-header .area-header-panel {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background: #fff;
		/*border-bottom: 1px solid #eee;*/
		z-index: 10010;
	}

	/* ロゴ */
	#site-info .area-header .area-logo {
		position: absolute;
		top: 12px;
		left: 10px;
		width: calc(100% - 120px);
	}

	#site-info .area-header .area-logo a {
		width: 163px;
		margin: 0 auto 0 0;
	}

	#site-info .area-header .area-logo a img {
		width: 100%;
		max-width: none;
	}

	#site-info .area-header .area-logo .teaser + .teaser {
		display: none;
	}

	/* 検索 */
	#site-info .area-header .area-search-box {
		position: absolute;
		top: 12px;
		right: 59px;
	}

	#site-info .area-header .area-search-box .text-section.highlight,
	#site-info .area-header .area-search-box .text-section.highlight + .text-section {
		width: 26px;
		height: 26px;
		padding: 3px;
		cursor: pointer;
	}

	#site-info .area-header .area-search-box .text-section.highlight img[src$=".svg"] {
		max-width: 100%;
		max-height: 100%;
	}

	#site-info .area-header .area-search-box .text-section.highlight + .text-section {
		display: none;
	}

	/* メニュー */
	/* 50pxはヘッダーの高さ分 */
	#site-info .area-menu {
		font-size: 0;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100vw;
		height: calc(100% - 50px);
		max-height: 100%;
		overflow: hidden;
		z-index: 10000;

		-webkit-transition: .7s .1s;
		-o-transition: .7s .1s;
		transition: .7s .1s;

		background: #13151a;
	/*	background: rgba(255, 255, 255, 0.9); */
	}

	#panel2-sw:not(:checked) ~ #site-info .area-header .area-menu {
	/*	max-height: 0; */
		left: 100%;
	}


	/* 3way-navi */
	#site-info .area-menu > div {
		position: absolute;
		width: 100vw;
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
	}

	/* フォルダ開閉 */
	#site-info .area-gnavi .sitemap-1st ul {
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		background: #13151a;
		overflow: hidden;
		z-index: 1;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	#site-info .area-gnavi .sitemap-1st ul.open {
		left: 0;
	}

	#site-info .area-gnavi .sitemap-1st ul.active {
		overflow-y: scroll;
	}


	/* 各要素共通 */
	#site-info .area-gnavi .sitemap-1st a ,
	#site-info .area-gnavi .sitemap-1st .gn-back span ,
	#site-info .area-gnavi .link-list li a ,
	#site-info .area-gnavi .link-list li span {
		position: relative;
		display: block;
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		padding: 15px 20px;
		text-align: left;
		border-bottom: 1px solid #414348;
	}

	#site-info .area-gnavi .sitemap-1st a[target="_blank"]::after ,
	#site-info .area-gnavi .link-list li a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout_white.png") no-repeat center center;
		background-size: contain;
		margin: 0 5px;
	}

	/* 通常リンク */
	#site-info .area-gnavi .sitemap-1st a:not(.gn-to-folder):not(.gn-folder-top) ,
	#site-info .area-gnavi .link-list li a {
		color: #fff;
		/*font-weight: bold;*/
		margin-left: 30px;
		padding-left: 0;
		padding-right: 40px;
	}

	#site-info .area-gnavi .sitemap-1st a:not(.gn-to-folder):not(.gn-folder-top)::before ,
	#site-info .area-gnavi .link-list li a::before {
		content: "";
		display: block;
		width: 16px;
		height: 5px;
		border-right: 2px #fff solid;
		border-bottom: 1px #fff solid;
		position: absolute;
		right: 20px;
		bottom: 50%;
		transform: skewX(45deg);
	}

	/* 現在地表示 */
	#site-info .area-gnavi .sitemap-1st a.act:not(.gn-to-folder) ,
	#site-info .area-gnavi .link-list li a.act {
	}

	#site-info .area-gnavi .sitemap-1st a.act:not(.gn-to-folder)::before ,
	#site-info .area-gnavi .link-list li a.act::before {
	}

	/* ↑階層へ(BACK) */
	#site-info .area-gnavi .sitemap-1st .gn-back span {
		padding-left: 34px;
		font-weight: bold;
		background-color: #24262c;
	}

	#site-info .area-gnavi .sitemap-1st .gn-back span::before {
		content: "";
		position: absolute;
		left: 17px;
		top: calc(50% - 6px);
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}

	/* ↓階層フォルダへ */
	#site-info .area-gnavi .sitemap-1st a.gn-to-folder {
		color: #fff;
		font-weight: bold;
		background-color: #24262c;
	}

	#site-info .area-gnavi .sitemap-1st a.gn-to-folder::before {
		content: "";
		position: absolute;
		right: 20px;
		top: calc(50% - 6px);
		display: block;
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: rotate(135deg);
		    -ms-transform: rotate(135deg);
		        transform: rotate(135deg);
	}

	/* フォルダトップ */
	#site-info .area-gnavi .sitemap-1st a.gn-folder-top {
		padding-right: 40px;
		font-size: 16px;
		font-weight: bold;
		background-color: #24262c;
	}

	#site-info .area-gnavi .sitemap-1st a.gn-folder-top::before {
		content: "";
		display: block;
		width: 16px;
		height: 5px;
		border-right: 2px #fff solid;
		border-bottom: 1px #fff solid;
		position: absolute;
		right: 20px;
		bottom: 50%;
		transform: skewX(45deg);
	}


	/* ヘッダーユーティリティリンク集 */
	#site-info .area-utility-link {
		padding: 5px;
		color: #bdbdbe;
		background: #24262c;
	}

	#site-info .area-utility-link .link-list ul {
		display: flex;
	}

	#site-info .area-utility-link .link-list ul li {
		display: flex;
		width: 50%;
		position: relative;
	}

	#site-info .area-utility-link .link-list ul li:nth-child(even)::before {
		content: "";
		position: absolute;
		left: 0;
		top: calc(50% - 13px);
		display: block;
		width: 1px;
		height: 25px;
		background-color: #414348;
	}

	#site-info .area-utility-link .link-list ul li a ,
	#site-info .area-utility-link .link-list ul li span {
		font-size: 14px;
		padding: 15px 0;
		color: #bdbdbe;
	}

	#site-info .area-utility-link .link-list ul li a::before {
		content: none;
	}

	#site-info .area-utility-link .link-list ul li a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout_white.png") center center no-repeat;
		background-size: contain;
		margin-left: 5px;
	}

	/* 言語リンク */
	#site-info .area-lang-navi {
		padding: 25px 0 15px;
	}

	#site-info .area-lang-navi .link-list ul {
		text-align: center;
	}

	#site-info .area-lang-navi .link-list ul li {
		display: inline-block;
		/*width: 50%;*/
		padding: 0 15px;
	}

	#site-info .area-lang-navi .link-list ul li + li {
		border-left: 1px #3b3b3d solid;
	}

	#site-info .area-lang-navi .link-list ul li a ,
	#site-info .area-lang-navi .link-list ul li span {
		text-align: center;
		font-size: 15px;
		line-height: 1;
		color: #bdbdbe;
		padding: 0 0 7px;
	}

	#site-info .area-lang-navi .link-list ul li.highlight span ,
	#site-info .area-lang-navi .link-list ul li a.act ,
	#site-info .area-lang-navi .link-list ul li a.within {
		color: #fff;
		padding: 0 0 5px;
		border-bottom: 2px solid #eee;
	}


	/*------------------ フッター ------------------*/
	#site-info .area-footer {
		background: #24262c;
	}

	#site-info .area-footer .area-footer-frame3 ,
	#site-info .area-footer .area-footer-frame2 ,
	#site-info .area-footer .area-footer-frame1 {
		/*background: #e9f3f2;*/
	}
	#site-info .area-footer .area-footer-frame1 {
		background: #13151a;
		padding: 50px 20px;
	}

	#site-info .area-footer .area-footer-frame3 > div ,
	#site-info .area-footer .area-footer-frame2 > div ,
	#site-info .area-footer .area-footer-frame1 > div {
	}


	/* フッターサイトマップ */
	#site-info .area-footer-sitemap {

	}

	#site-info .area-footer-sitemap >* {
	}
	#site-info .area-footer-sitemap >* >* {
		/*border-top: 1px solid #d1dad9;
		border-left: 1px solid #d1dad9;*/
	}
	#site-info .area-footer-sitemap >* >* >* {
		
		border-bottom: 1px solid #323338;
	}

	#site-info .area-footer-sitemap >* >* >* >* {
	}

	#site-info .area-footer-sitemap .link-list ,
	#site-info .area-footer-sitemap .sitemap-1st {
	}

	#site-info .area-footer-sitemap .link-list a ,
	#site-info .area-footer-sitemap .sitemap-1st a {
		display: block;
		padding: 12px 30px 12px 20px;
		color: #fff;
		font-size: 14px;
		position: relative;
	}

	#site-info .area-footer-sitemap .link-list a::before,
	#site-info .area-footer-sitemap .sitemap-1st a::before {
		content: "";
		display: block;
		width: 16px;
		height: 5px;
		border-right: 2px #fff solid;
		border-bottom: 1px #fff solid;
		position: absolute;
		right: 5px;
		bottom: 50%;
		transform: skewX(45deg);
	}

	#site-info .area-footer-sitemap .link-list a[target="_blank"]::after ,
	#site-info .area-footer-sitemap .sitemap-1st a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
		background-size: contain;
		margin-left: 5px;
	}

	/*#site-info .area-footer-sitemap .link-list a:hover ,
	#site-info .area-footer-sitemap .sitemap-1st a:hover {
		border-bottom-color: #000;
	}*/

	#site-info .area-footer-sitemap .teaser.no-img h2 a {
		display: block;
		padding: 12px 30px 12px 5px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		position: relative;
	}

	#site-info .area-footer-sitemap .teaser.no-img h2 a::before,
	#site-info .area-footer-sitemap .teaser.no-img h2 a::after {
		content: "";
		display: block;
		position: absolute;
		background-color: #8b929b;
		border: none;
	}

	#site-info .area-footer-sitemap .teaser.no-img h2 a::before {
		width: 15px;
		height: 1px;
		right: 5px;
		bottom: 50%;
	}

	#site-info .area-footer-sitemap .teaser.no-img h2 a::after {
		height: 15px;
		width: 1px;
		right: 12px;
		bottom: calc(50% - 7px);
	}

	#site-info .area-footer-sitemap .js-nav-open .teaser.no-img h2 a::after {
		content: none;
	}

	#site-info .area-footer-sitemap .sitemap-1st > h3 {
		/*display: table;
		width: 100%;
		height: 55px;*/
	}

	#site-info .area-footer-sitemap .sitemap-1st > h3 a {
		border-top: 1px solid #323338;
	}

	#site-info .area-footer-sitemap .link-list li:not(.highlight) ,
	#site-info .area-footer-sitemap .sitemap-1st {
		display: none;
	}
	#site-info .area-footer-sitemap .js-nav-open .sitemap-1st {
		display: block;
	}

	#site-info .area-footer-sitemap .sitemap-1st ul li {
		border-top: 1px solid #323338;
	}

	/*#site-info .area-footer-sitemap .sitemap-1st ul li a {
		font-weight: normal;
		position :relative;
		font-size: 14px;
		padding: 12px 30px 12px 20px;
	}

	#site-info .area-footer-sitemap .sitemap-1st ul li a::before {
		content: "";
		display: block;
		width: 16px;
		height: 5px;
		border-right: 2px #fff solid;
		border-bottom: 1px #fff solid;
		position: absolute;
		right: 5px;
		bottom: 50%;
		transform: skewX(45deg);
	}*/

	/* フッターロゴ */
	#site-info .area-footer-logo {
		width: 190px;
		margin: 0 auto 24px 0;
	}

	#site-info .area-footer-logo a {
		border: none;
	}

	#site-info .area-footer-logo a img {
		width: 100%;
	}


	/* フッターリンク集 */
	#site-info .area-footer-link {
		padding: 35px 25px 0;
	}

	#site-info .area-footer-link .link-list ul {
		
	}

	#site-info .area-footer-link .link-list ul li {

	}

	#site-info .area-footer-link .link-list ul li + li {
		margin-top: 15px;
	}

	#site-info .area-footer-link .link-list ul li a ,
	#site-info .area-footer-link .link-list ul li span {
		font-size: 13px;
		color: #fff;
	}

	#site-info .area-footer-link .link-list ul li a[target="_blank"]::after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 11px;
		background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
		background-size: contain;
		margin-left: 5px;
	}


	/* コピーライト */
	#site-info .area-footer-copyright {
		padding: 25px 25px 50px;
		font-size: 10px;
		color: #bdbdbe;
	}


}



/*------------------ プラグイン・サイト内共通 特殊設定 ------------------*/

/*==== ページ遷移時フェイドイン設定 ====*/

body:not(.ready) {
	opacity: 0;
	-webkit-transition: 0.5s 0.5s;
	-o-transition: 0.5s 0.5s;
	transition: 0.5s 0.5s;
}

body.ready {
	opacity: 1;
	-webkit-transition: 0.5s 0.5s;
	-o-transition: 0.5s 0.5s;
	transition: 0.5s 0.5s;
}

body.in-editor {
	opacity: 0.3;
/*	transition: 0.5s; */
}

body.in-editor.ready {
	opacity: 1;
}





/*==== スクロールエフェクト ====*/
/* 出現アニメーション */
#promos3 .fadeObj ,
.fadeObj {
	opacity: 0;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transform: translate(0, 30px);
	    -ms-transform: translate(0, 30px);
	        transform: translate(0, 30px);
}

#promos3 .fadeObj.visible ,
.fadeObj.visible {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	        transform: translate(0, 0);
	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}

.fadeObj.visible.column1 {
	-webkit-transition-delay: 0.1s;
	     -o-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}
#promos3 .fadeObj.visible ,
.fadeObj.visible.column2 {
	-webkit-transition-delay: 0.3s;
	     -o-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}
.fadeObj.visible.column3 {
	-webkit-transition-delay: 0.5s;
	     -o-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}
.fadeObj.visible.column4 {
	-webkit-transition-delay: 0.7s;
	     -o-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}
.fadeObj.visible.column5 {
	-webkit-transition-delay: 1.0s;
	     -o-transition-delay: 1.0s;
	        transition-delay: 1.0s;
}


/*===== 検索ダイアログ =====*/
#dialog_search {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0,0,0, 0.7);

	-webkit-transition: 0.2s;

	-o-transition: 0.2s;

	transition: 0.2s;
	z-index: 50000;
	opacity: 0;
	visibility: hidden;
}

#dialog_search.open {
	opacity: 1;
	visibility: visible;
}


.close_btn {
	position: fixed;
	top: 0;
	right: 0;
	display: block;
	width: 38px;
	height: 38px;
	margin: 6px 10px 0 0;
	border-radius: 50%;
	background: #FFF;
	z-index: 10000;
}

.close_btn:hover{
	background: #FFF;
	background: rgba(255,255,255, 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: #184c9a;

	-webkit-transition: .2s .4s;
	-o-transition: .2s .4s;
	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: 0;
	width: 22px;
	height: 2px;
	background: #19294b;

	-webkit-transition: .3s .1s;
	-o-transition: .3s .1s;
	transition: .3s .1s;
}

.close2-btn-title {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 31px;
	left: 0;
	width: 40px;
	height: 12px;
	display: none;
}

.close2-btn-title li {
	display: block;
	width: 40px;
	height: 15px;

	line-height: 1;
	font-size: 10px;
	color: #19294b;
	text-align: center;

	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	    transform: scale(0.8);
}
.close2-btn-title li:first-child {
	margin-top: -15px;

	-webkit-transition: .5s .1s;
	-o-transition: .5s .1s;
	transition: .5s .1s;
}


/* -- open時 -- */
.close_btn .close2-btn-icon1 ,
.close_btn .close2-btn-icon2 ,
.close_btn .close2-btn-icon3 {
	background: transparent;
	margin-top: 0;

	-webkit-transition: .2s .1s;
	-o-transition: .2s .1s;
	transition: .2s .1s;
}

.close_btn .close2-btn-icon1::before ,
.close_btn .close2-btn-icon3::before {
	width: 22px;
	left: -1px;
	top: 1px;
	-webkit-transition: .3s .3s;
	-o-transition: .3s .3s;
	transition: .3s .3s;
}

.close_btn .close2-btn-icon1::before {
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	    transform: rotate(-225deg);
}

.close_btn .close2-btn-icon3::before {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	    transform: rotate(-135deg);
}

.close_btn .close2-btn-title li:first-child {
	margin-top: 0px;

	-webkit-transition: .5s .25s;
	-o-transition: .5s .25s;
	transition: .5s .25s;
}


#dialog_search .search_inputbox {
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
	display: block;
	width: 550px;
	max-width: 90%;
}

#dialog_search .search_inputbox h2 {
	display: block;
	font-size: 34px;
	font-weight: normal;
	color: #fff;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}

#dialog_search .search_inputbox form {
	font-size: 0;
	display: flex;
	background: #fff;
}

#dialog_search .search_inputbox input[type="text"] {
	width: calc(100% - 64px);
	font-size: 1rem;
	padding: 15px 20px;
	border: 0;
	outline: none;
	/*-webkit-box-shadow: inset 0 0 8px 2px #ccc;
	        box-shadow: inset 0 0 8px 2px #ccc;*/
}

#dialog_search .search_inputbox input[type="submit"] {
	padding: 0;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	vertical-align: top;
	width: 64px;
	outline: none;
	/*border: 12px solid #000;*/
	border: 0;
	background: #fff url("../../../../../../resources/sw_img/icon_glass.svg") center center no-repeat;
	background-size: 25px;
}

#dialog_search .search_inputbox input[type="submit"]:hover {
	opacity: 0.7;
}


/*==== メインビジュアル：MV ====*/

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	/*==== メインビジュアル：MV（高さ固定型） ====*/
	
	 /*#page-intro > h1 {*/
		[data-page-marker~="with-mv"] #page-intro > h1 {
		color: #fff;
		position: absolute;
		top: 210px;
		left: 50%;
		margin-left: -500px;
		width: 1000px;
		height: auto;
		z-index: 1;
		font-size: 38px;
	}

	/*[data-page-marker~="with-mv"] #page-intro > h1,
	top: 210px;*/

	#mv,
	#promos3 .area-mv {
		display: block;
		width: 100%;
		min-width: calc(1000px + 40px);
		height: 150px;
		position: relative;
	}

	[data-page-marker~="with-mv"] #mv,
	#promos3 .area-mv {
		height: 440px;
	}

	#promos3 .area-mv  {
		position: absolute;
		top: 86px;
		left: 0;
		overflow: hidden;
	}

	#promos3 .area-mv > .column1 {
		margin: auto;
		height: auto;

		text-align: center;
		background-color: #000;
		position: absolute;
		top: 50%;
		left: 50%;
		/*width: 100%;*/
		min-width: 1400px;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	#promos3 .area-mv img {
		width: auto;
		height: 100%;
		max-width: none;
		
	}

	#promos3 .area-mv > .column2 {
		display: none;
	}

}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {

	/*==== メインビジュアル：MV（縦横比固定型） ====*/
	[data-page-marker~="with-mv"] #page-intro > h1 {
		color: #fff;
		position: absolute;
		top: 160px;
		left: 0px;
		width: 100%;
		height: auto;
		z-index: 1;
		font-size: 28px;
	}

	#mv,
	#promos3 .area-mv {
		position: relative;
		display: block;
		width: 100%;
		height: 100px;
		overflow: hidden;
	}

	[data-page-marker~="with-mv"] #mv,
	#promos3 .area-mv {
		height: 250px;
	}

	#promos3 .area-mv  {
		position: absolute;
		top: 50px;
		left: 0;
		overflow: hidden;
	}

	#promos3 .area-mv > .column1 {
		display: none;
	}

	#promos3 .area-mv > .column2 {
		margin: auto;
		height: auto;

		position: absolute;
		top: 50%;
		left: 50%;
		width: calc( 100% / 375 * 250 * 1.5 );
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	#promos3 .area-mv > .column2 > * {
		position: relative;
	}

	#promos3 .area-mv img {
		min-height: 250px;
		min-width: 375px;
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}



/*==== マルチ２一覧スライド ====*/
/* 設定resetしない */
#area-smulti-slider .slick-dots {
	display: none !important;
}

#area-smulti-slider .slick-prev ,
#area-smulti-slider .slick-next {
	margin: 0;

	top: 70px;
	width: 50px;
	height: 50px;
	z-index: 1;

	opacity: 0.5;
}

#area-smulti-slider .slick-prev {
	left: -25px;
}
#area-smulti-slider .slick-next {
	right: -8px;
}

#area-smulti-slider .slick-prev::before ,
#area-smulti-slider .slick-next::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url("../../../../../../resources/sw_img/slide-prev.png") no-repeat center center;
	background-size: contain;
}

#area-smulti-slider .slick-next::before {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#area-smulti-slider .slick-prev:hover ,
#area-smulti-slider .slick-prev:focus ,
#area-smulti-slider .slick-prev:active ,
#area-smulti-slider .slick-next:hover ,
#area-smulti-slider .slick-next:focus ,
#area-smulti-slider .slick-next:active {
	opacity: 1;
}


/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#area-smulti-slider .basic-list.thumnail ,
	#area-smulti-slider .basic-list-english.thumnail {
		padding: 0 20px;
	}

	#area-smulti-slider .slick-prev ,
	#area-smulti-slider .slick-next {
		width: 35px;
		height: 35px;
	}

	#area-smulti-slider .slick-prev::before ,
	#area-smulti-slider .slick-next::before {
		width: 35px;
		height: 35px;
	}

	#area-smulti-slider .slick-prev {
		left: -20px;
	}
	#area-smulti-slider .slick-next {
		right: -3px;
	}
}


/*==== 言語切り替えリンク ====*/
.lang_link.hidden {
	display: none; 
}

.lang_link {
	position: absolute;
	bottom: 0;
	right: 20px;
	z-index: 20;
}

[data-page-marker~="with-mv"] #page-intro > .lang_link {
	bottom: auto;
}

/*-- 言語切り替えボタンスタイル --*/
.lang_link a {
	display: inline-block;
	padding: 0 15px;
	font-size: 0;
	text-decoration: none;
	color: inherit;
	line-height: 1.5;
}

.lang_link span:first-child {
	border-right: 1px solid #7d8087;
}

.lang_link span {
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	white-space: nowrap;
	color: #bdbdbe;
	position: relative;
}

.lang_link span::befpre {
	content: "";
	display: inline-block;
	position: absolute;
	background-color: #fff;
	bottom: -2px;
	left: calc(50% - 11px);
	width: 22px;
	height: 2px;
}

.lang_link .active{
/*	border-bottom: 2px solid #000; */
	font-weight: bold;
	color: #fff;
}
.lang_link .inactive {
}

.lang_link a:hover {
	opacity: 0.7;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	.lang_link {
		width: 1000px;
		right: auto;
		left: calc(50% - 500px);
		text-align: right;
	}

	[data-page-marker~="with-mv"] #page-intro > .lang_link {
		top: 400px;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.lang_link {
		right: 0;
	}

	[data-page-marker~="with-mv"] #page-intro > .lang_link {
		top: 220px;
	}

	.lang_link span {
		padding: 0 10px;
		font-size: 12px;
	}

	.lang_link span::befpre {
		bottom: -1px;
		left: calc(50% - 9px);
		width: 18px;
		height: 1px;
	}
}




/*===== アコーディオン =====*/
#sharewithmain .layout_accordion {
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_accordion > .column1 ,
	#sharewithmain .layout_accordion > .column2 {
		width: 100%;
		margin-right: 0;
	}
}


/*------------------ 全ページ共通 特殊設定 ------------------*/
/*==== 背景黒 ====*/
/* 素材ページ等で白いロゴを見える様にする */
body#bg-black {
	background: #000;
}

/*==== X calendar ====*/
.xcalendar div.shwTable::before {
    content: none;
}

.xcalendar div.shwTable .tbCore {
	margin: 0 33px;
}

.xcalendar div.shwTable .tbCore ,
.xcalendar div.shwTable .tbCore tbody ,
.xcalendar div.shwTable .tbCore tr ,
.xcalendar div.shwTable .tbCore td {
	display: block;
	border: none;
}

.xcalendar div.shwTable .tbCore::after {
	content:"";
	display:block;
	clear:both;
}

.xcalendar div.shwTable .tbCore tr {
	position: relative;
	float: left;
	width: calc(100% / 12.5);
	padding: 0;
	margin: 80px 0;
	border: none;
}

.xcalendar div.shwTable .tbCore tr td {
    padding: 0;
}

.xcalendar div.shwTable .tbCore tr td:nth-child(1) {
	display: block;
	margin: 0;
	margin-right: 1px;
	padding: 10px 0;
	font-weight: normal;
    text-align: center;
	font-family: 'Saira Extra Condensed', YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 38px;
}

.xcalendar div.shwTable .tbCore tr:nth-child(odd) td:nth-child(1) {
	background: #aa0000;
	color: #FFF;
}
.xcalendar div.shwTable .tbCore tr:nth-child(even) td:nth-child(1) {
	background: #e4524e;
	color: #FFF;
}


.xcalendar div.shwTable .tbCore tr td:nth-child(2) ,
.xcalendar div.shwTable .tbCore tr td:nth-child(3) {
	position: absolute;
	width: 166%;
	left: 50%;
	margin-left: 3px;

	color: #333;
	padding: 2px;
	font-size: 14px;
	line-height: 1.3;
}

.xcalendar div.shwTable .tbCore tr td:nth-child(2) {
	bottom: 100%;
	margin-bottom: 1px;
	padding-bottom: 15px;
}

.xcalendar div.shwTable .tbCore tr td:nth-child(3) {
	top: 100%;
	margin-top: 1px;
	padding-top: 15px;
}


.xcalendar div.shwTable .tbCore tr td:nth-child(2)::before ,
.xcalendar div.shwTable .tbCore tr td:nth-child(3)::before {
	content: "";
	position: absolute;
	left: -5px;
	width: 1px;
	height: 50px;
	border-right: 1px solid #000;
}

.xcalendar div.shwTable .tbCore tr td:nth-child(2)::before {
	bottom: 0;
}

.xcalendar div.shwTable .tbCore tr td:nth-child(3)::before {
	top: 0;
}


.xcalendar div.shwTable .tbCore tr td:empty {
    display: none;
}

/* 個別の微調整 */
.xcalendar div.shwTable .tbCore tr td.tbTop:nth-child(2) ,
.xcalendar div.shwTable .tbCore tr td.tbTop:nth-child(3) {
    left: 16%;
}

.xcalendar div.shwTable .tbCore tr td.tbBottom:nth-child(2) ,
.xcalendar div.shwTable .tbCore tr td.tbBottom:nth-child(3) {
    left: 84%;
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.xcalendar div.shwTable {
	    overflow: visible;
	}

	.xcalendar div.shwTable .tbCore {
		margin: 0 10px;
	}

	.xcalendar div.shwTable .tbCore tr {
		width: 16.5%;
		width: calc(100% / 6 - 0.5px);
		margin: 47px 0;
	}

	.xcalendar div.shwTable .tbCore tr td:nth-child(1) {
	    font-size: 28px;
	}

	.xcalendar div.shwTable .tbCore tr td:nth-child(2) ,
	.xcalendar div.shwTable .tbCore tr td:nth-child(3) {
	    font-size: 10px;
	}
	    
	.xcalendar div.shwTable .tbCore tr td:nth-child(2) {
		padding-bottom: 12px;
	}

	.xcalendar div.shwTable .tbCore tr td:nth-child(3) {
		padding-top: 12px;
	}

	.xcalendar div.shwTable .tbCore tr td:nth-child(2)::before ,
	.xcalendar div.shwTable .tbCore tr td:nth-child(3)::before {
	    height: 25px;
	}
}


/*==== タブ風スタイル ====*/
.layout_link_tabstyle01 div.link-list:not(.highlight) {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 40px;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul {
	margin: 0;

	display: table-row
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class] {
	margin: 0;
	padding: 0;
	background: none;

	display: table-cell;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li[class]::before {
	content: none;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a {
	position: relative;
	overflow: visible;
	display: block;
	margin: 0 5px;
	padding: 20px 0 20px;
	text-align: center;
	color: #0066cc;
	text-decoration: none;
	border-bottom: 2px solid #888;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	display: block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top: 7px solid #888;
	margin-left: -7px;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover {
	color: #333;
	border-bottom-color: #222;

}

.layout_link_tabstyle01 div.link-list:not(.highlight) ul li.act a::before ,
.layout_link_tabstyle01 div.link-list:not(.highlight) ul li a:hover::before {
	border-top-color: #222;
}

.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul ,
.layout_link_tabstyle01 div.link-list:not(.highlight) .mgnlEditorBar[aria-hidden="false"] + ul li[class] {
	display: block;
	margin-bottom: 10px;
}


/*==== マルチカラムの上下に線を引く、連続した時は線を重ねる ====*/
/* wideモードでない場合は、コンテンツ内に上下に線が引かれます */
#sharewithmain .layout_topline_01 {
	padding-top: 40px;
	border-top: 1px solid #eee;
}

#sharewithmain .layout_bottomline_01 {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

#sharewithmain .layout_bottomline_01 + .layout_topline_01 {
	margin-top: -21px;
}

/*==== マルチカラムに背景色をつける ====*/
#sharewithmain .layout_bg_gray01 {
	background: #fafbfb;
}


/*------------------ 個別ページ 特殊設定 ------------------*/

/* 見出しが中央揃えになります */
.layout_title_center .title2 h2 ,
.layout_title_center .title3 h3 ,
.layout_title_center .title4 h4 {
	text-align: center;
}

.layout_title_center .title4 h4::before {
	content: none;
}


/* 見出しh2用アイコン */
.title2 h2 .icon_important::before {
	content: "i";
	display: inline-block;
	color: #ff3333;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0.5em;
}


/*==== HOME ====*/




/*-- ニュースティッカー */
#sharewithmain .layout_news_ticker {
	padding-top: 0;
	padding-bottom: 0;
}

#sharewithmain .layout_news_ticker .column1 {
	margin-bottom: 0;
}

.layout_news_ticker .basic-list:not(.thumnail) ,
.layout_news_ticker .basic-list-english:not(.thumnail) {
	margin-bottom: 0;
}


/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.layout_news_ticker .basic-list:not(.thumnail) ul.tabItems li ,
	.layout_news_ticker .basic-list-english:not(.thumnail) ul.tabItems li {
		min-height: 6.5em !important;
	}
}

/*-- トピックス（タイル型ニュース） */
/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	.layout_top_topics .basic-list.thumnail ul.tabItems li,
	.layout_top_topics .basic-list-english.thumnail ul.tabItems li {
		width: calc(100% / 4 - 18px);
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.layout_top_topics .basic-list.thumnail ul.tabItems ,
	.layout_top_topics .basic-list-english.thumnail ul.tabItems {
		margin-right: 0;
	}

	.layout_top_topics .basic-list.thumnail ul.tabItems li,
	.layout_top_topics .basic-list-english.thumnail ul.tabItems li {
		width: calc(100% /2 - 18px);
		margin-left: 9px;
		margin-right: 9px;
	}
}


/*-- カテゴリアイコン無し --*/
#sharewithmain .layout_no_c_icon {
}

.layout_no_c_icon .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.layout_no_c_icon .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
	display: none;
}

.layout_no_c_icon .basic-list:not(.thumnail) ul.tabItems li .c_icon ,
.layout_no_c_icon .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {

}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	.multiColumn1.layout_no_c_icon .basic-list:not(.thumnail) ul.tabItems li h3 ,
	.multiColumn1.layout_no_c_icon .basic-list-english:not(.thumnail) ul.tabItems li h3 {
		padding-left: 8.8em;
	}
}


/*-- ニュース用 狭幅moreボタン --*/
.layout_narrow_teaser01 .teaser.no-img:not(.highlight) ,
.layout_narrow_teaser01 .external-teaser.no-img:not(.highlight) {
	max-width: 320px;
	width: 50%;
}

/*-- ブロークングリッド用 左寄せ狭幅moreボタン --*/
.layout_narrow_teaser02 .teaser.no-img:not(.highlight) ,
.layout_narrow_teaser02 .external-teaser.no-img:not(.highlight) {
	max-width: 200px;
	width: 50%;
	margin-left: 0;
}

/*-- ブロークングリッド用 左寄せ狭幅＋左詰めリンクボタン --*/
.layout_narrow_teaser03 .teaser.no-img:not(.highlight) ,
.layout_narrow_teaser03 .external-teaser.no-img:not(.highlight) {
	display: inline-block;
	max-width: 240px;
	width: 50%;
	margin-left: 0;
	margin-right: 20px;
}


/*-- comboニュース --*/
#sharewithmain .layout_combo_news {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_combo_news::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		display: block;
		width: 50%;
		height: 100%;
		background: #fafbfb;
		z-index: -1;
	}

	#sharewithmain .layout_combo_news > .column1 {
		width: 500px;
		padding: 40px 40px 85px 20px;
		margin-right: -1px;
		border-right: 1px solid #eee;
		margin-bottom: 0;
	}

	#sharewithmain .layout_combo_news > .column2 {
		width: 500px;
		padding: 40px 20px 85px 40px;
		border-left: 1px solid #eee;
		margin-bottom: 0;
	}

	.layout_combo_news .basic-list:not(.thumnail) + .teaser.no-img:not(.highlight) ,
	.layout_combo_news .basic-list-english:not(.thumnail) + .teaser.no-img:not(.highlight) {
		position: absolute;
		bottom: 20px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
		width: 250px;
	}

	.layout_combo_news > .column1 .basic-list:not(.thumnail) + .teaser.no-img:not(.highlight) ,
	.layout_combo_news > .column1 .basic-list-english:not(.thumnail) + .teaser.no-img:not(.highlight) {
		margin-left: -250px;
	}

	.layout_combo_news > .column2 .basic-list:not(.thumnail) + .teaser.no-img:not(.highlight) ,
	.layout_combo_news > .column2 .basic-list-english:not(.thumnail) + .teaser.no-img:not(.highlight) {
		margin-left: 250px;
	}

}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_combo_news > .column1 ,
	#sharewithmain .layout_combo_news > .column2 {
		padding: 40px 0px 20px 0px;
	}

	#sharewithmain .layout_combo_news > .column2 {
		position: relative;
	}

	#sharewithmain .layout_combo_news > .column2::before {
		content: "";
		position: absolute;
		top: 0;
		left: -10px;
		display: block;
		width: calc(100% + 20px);
		height: 100%;
		background: #fafbfb;
		z-index: -1;
	}
}


/*-- 背景画像付き01 --*/
#sharewithmain .layout_bg_topimg01 {
	color: #fff;
	background: url("../../../../../../resources/sw_img/bg_top01.jpg") no-repeat center center;
	background-size: cover;
}

.layout_bg_topimg01 .title2 h2 ,
.layout_bg_topimg01 .title3 h3 ,
.layout_bg_topimg01 .title4 h4 {
	color: #fff;
}


/*-- 背景画像付き02 --*/
#sharewithmain .layout_bg_topimg02 {
	color: #fff;
	background: url("../../../../../../resources/sw_img/bg_top02.jpg") no-repeat center center;
	background-size: cover;
}





/*-- PC:画像が左端中段に配置、SP:画像が上で左端に配置 --*/
#sharewithmain .layout_leftcolumn_middle1 {
	position: relative;
	margin-bottom: 40px;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_leftcolumn_middle1 > .column1 {
		vertical-align: middle;
		width: 40%;
		margin-left: 0;
		margin-right: 5%;
	}

	#sharewithmain .layout_leftcolumn_middle1 > .column2 {
		vertical-align: middle;
		width: 550px;
		margin-right: calc(55% - 550px);
		padding: 40px 0;
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_leftcolumn_middle1 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_leftcolumn_middle1 > .column1 {
		margin-left: 0;
		margin-right: 10%;
		width: 90%;
	}

	#sharewithmain .layout_leftcolumn_middle1 > .column2 {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_leftcolumn_middle1 > .column1 .text-section img {
	width: 100%;
}


/*-- 画像が右端中段に配置 --*/
#sharewithmain .layout_rightcolumn_middle1 {
	position: relative;
	margin-bottom: 40px;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_rightcolumn_middle1 > .column1 {
		vertical-align: middle;
		width: 40%;
		margin-left: 5%;
		margin-right: 0;
	}

	#sharewithmain .layout_rightcolumn_middle1 > .column2 {
		vertical-align: middle;
		width: 550px;
		margin-left: calc(55% - 550px);
		padding: 40px 0;
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_rightcolumn_middle1 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_rightcolumn_middle1 > .column1 {
		margin-left: 10%;
		margin-right: 0;
		width: 90%;
	}

	#sharewithmain .layout_rightcolumn_middle1 > .column2 {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_rightcolumn_middle1 > .column1 .text-section img {
	width: 100%;
}


/*-- 画像が左端中段に配置 --*/
#sharewithmain .layout_leftcolumn_middle2 {
	margin-bottom: 40px;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_leftcolumn_middle2 > .column1 {
		vertical-align: middle;
		width: 400px;
		margin-right: 0;
	}

	#sharewithmain .layout_leftcolumn_middle2 > .column2 {
		vertical-align: middle;
		width: 550px;
		margin-left: 50px;
		padding: 40px 0;
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_leftcolumn_middle2 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_leftcolumn_middle2 > .column1 {
		margin-left: 0;
		margin-right: 10%;
		width: 90%;
	}

	#sharewithmain .layout_leftcolumn_middle2 > .column2 {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_leftcolumn_middle2 > .column1 .text-section img {
	width: 100%;
}


/*-- 画像が右端中段に配置 --*/
#sharewithmain .layout_rightcolumn_middle2 {
	margin-bottom: 40px;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_rightcolumn_middle2 > .column1 {
		vertical-align: middle;
		width: 400px;
		margin-right: auto;
	}

	#sharewithmain .layout_rightcolumn_middle2 > .column2 {
		vertical-align: middle;
		width: 550px;
		margin-right: 50px;
		padding: 40px 0;
		padding-left: 50px;
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_rightcolumn_middle2 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_rightcolumn_middle2 > .column1 {
		margin-left: 10%;
		margin-right: 0;
		width: 90%;
	}

	#sharewithmain .layout_rightcolumn_middle2 > .column2 {
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_rightcolumn_middle2 > .column1 .text-section img {
	width: 100%;
}


/*-- 画像が左端中段に配置 --*/
#sharewithmain .layout_leftcolumn_middle3 {
	padding: 40px 0 20px;
	background: #bbb;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_leftcolumn_middle3 > .column1 {
		vertical-align: middle;
		width: 50%;
		margin-right: 0;
	}

	#sharewithmain .layout_leftcolumn_middle3 > .column2 {
		position: relative;
		z-index: 1;
		vertical-align: middle;
		width: 650px;
		margin-left: -150px;
		margin-right: calc(50% - 650px + 150px);
	}
}

@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_leftcolumn_middle3 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_leftcolumn_middle3 > .column1 {
		margin-left: 0;
		margin-right: 10%;
		width: 90%;
	}

	#sharewithmain .layout_leftcolumn_middle3 > .column2 {
		position: relative;
		margin-top: -60px;
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_leftcolumn_middle3 > .column1 .text-section img {
	width: 100%;
}


/*-- 画像が右端中段に配置 --*/
#sharewithmain .layout_rightcolumn_middle3 {
	padding: 40px 0 20px;
	background: #bbb;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_rightcolumn_middle3 > .column1 {
		vertical-align: middle;
		width: 50%;
		margin-right: auto;
	}

	#sharewithmain .layout_rightcolumn_middle3 > .column2 {
		position: relative;
		z-index: 1;
		vertical-align: middle;
		width: 650px;
		margin-right: -150px;
		margin-left: calc(50% - 650px + 150px);
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_rightcolumn_middle3 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_rightcolumn_middle3 > .column1 {
		margin-left: 10%;
		margin-right: 0;
		width: 90%;
	}

	#sharewithmain .layout_rightcolumn_middle3 > .column2 {
		position: relative;
		margin-top: -60px;
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_rightcolumn_middle3 > .column1 .text-section img {
	width: 100%;
}


/*-- 画像が左端中段に配置 --*/
#sharewithmain .layout_leftcolumn_middle4 {
	padding: 40px 0 20px;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_leftcolumn_middle4 > .column1 {
		vertical-align: middle;
		width: 500px;
		margin-right: 0;
	}

	#sharewithmain .layout_leftcolumn_middle4 > .column2 {
		position: relative;
		z-index: 1;
		vertical-align: middle;
		width: 650px;
		margin-left: -150px;
	}
}

@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_leftcolumn_middle4 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_leftcolumn_middle4 > .column1 {
		margin-left: 0;
		margin-right: 10%;
		width: 90%;
	}

	#sharewithmain .layout_leftcolumn_middle4 > .column2 {
		position: relative;
		margin-top: -60px;
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_leftcolumn_middle4 > .column1 .text-section img {
	width: 100%;
}

/*-- 画像が右端中段に配置 --*/
#sharewithmain .layout_rightcolumn_middle4 {
	padding: 40px 0 20px;
}

/* デスクトップ用 */
@media print, screen and (min-width: 768px) {
	#sharewithmain .layout_rightcolumn_middle4 > .column1 {
		vertical-align: middle;
		width: 500px;
		margin-right: auto;
	}

	#sharewithmain .layout_rightcolumn_middle4 > .column2 {
		position: relative;
		z-index: 1;
		vertical-align: middle;
		width: 650px;
		margin-right: -150px;
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_rightcolumn_middle4 {
		padding-left: 0;
		padding-right: 0;
	}

	#sharewithmain .layout_rightcolumn_middle4 > .column1 {
		margin-left: 10%;
		margin-right: 0;
		width: 90%;
	}

	#sharewithmain .layout_rightcolumn_middle4 > .column2 {
		position: relative;
		margin-top: -60px;
		margin-left: 20px;
		margin-right: 20px;
		width: calc(100% - 40px);
	}
}

#sharewithmain .layout_rightcolumn_middle4 > .column1 .text-section img {
	width: 100%;
}


/*-- バナー type02 --*/
#sharewithmain .layout_teaser02 {
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) {
	position: relative;
	display: block;
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 a {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 20px 10px;
/*	background: rgba(33, 169, 237, 0.17); */
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 1.25;
	text-decoration: none;
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 a span {
	display: block;
	font-size: 12px;
	margin: 3px 0;
	letter-spacing: normal;
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 a::before ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 a::before ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -10px;
	width: 9px;
	height: 15px;
	background: url("../../../../../../resources/sw_img/icon_arr01_white.svg") center center no-repeat;
	background-size: contain;
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 12px;
	background: url("../../../../../../resources/sw_img/linkout_white.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 + a ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 + a ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 + a {
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 + a img ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 + a img ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 + a img {
	display: block;
	width: 100%;
	opacity: 1;

	-webkit-transition: 0.7s 0.1s;
	-o-transition: 0.7s 0.1s;
	transition: 0.7s 0.1s;
}


.layout_teaser02 .teaser:not(.no-img):not(.highlight) p ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) p ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) p {
	display: none;
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser02 .teaser:not(.no-img):not(.highlight):hover h2 a ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight):hover h2 a ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight):hover h2 a {
}

.layout_teaser02 .teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser02 .teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.layout_teaser02 .external-teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.layout_teaser02 .download-teaser:not(.no-img):not(.highlight):hover h2 + a img {
	opacity: 1;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}


/*-- YouTube用 --*/
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"] ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"] {
	position: relative;
}

.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"] img ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"] img {
	width: 100%;
}

.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"]::before ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"]::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0, 0.4) url("../../../../../../resources/sw_img/youtube_icon.png") no-repeat center center;
	z-index: 1;
}

.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) h2 a[href*="//www.youtube.com"]::after ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) h2 a[href*="//youtu.be"]::after {
	content: none;
}

.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"]:hover::before ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"]:hover::before {
	background-color: rgba(0,0,0, 0.2);
}

.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//www.youtube.com"]:hover img ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) > a[href*="//youtu.be"]:hover img {
	opacity: 1;
}

.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//www.youtube.com"]::before ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//youtu.be"]::before ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//www.youtube.com"]:hover::before ,
.layout_teaser02 div.external-teaser:not(.no-img):not(.highlight) h2 + a[href*="//youtu.be"]:hover::before {
	background-color: transparent;
}


/*-- バナー type03 --*/
#sharewithmain .layout_teaser03 {
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) {
	position: relative;
	display: block;
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 {
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	z-index: 2;
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 a {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	text-align: left;
	width: 100%;
	min-height: 3em;
	padding: 0.25em 20px;
	background: rgba(0,0,0, 0.2);
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 1.25;
	text-decoration: none;
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 a span {
	display: block;
	font-size: 16px;
	margin: 3px 0;
	letter-spacing: normal;
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 a::before ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 a::before ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -10px;
	width: 9px;
	height: 15px;
	background: url("../../../../../../resources/sw_img/icon_arr01_white.svg") center center no-repeat;
	background-size: contain;
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 12px;
	background: url("../../../../../../resources/sw_img/linkout_white.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 + a ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 + a ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 + a {
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 + a img ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 + a img ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 + a img {
	display: block;
	width: 100%;
/*	opacity: 1; */
}


.layout_teaser03 .teaser:not(.no-img):not(.highlight) p ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) p ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) p {
	display: none;
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser03 .teaser:not(.no-img):not(.highlight):hover h2 a ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight):hover h2 a ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight):hover h2 a {
}

.layout_teaser03 .teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser03 .teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.layout_teaser03 .external-teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.layout_teaser03 .download-teaser:not(.no-img):not(.highlight):hover h2 + a img {
	opacity: 0.7;
}


.layout_teaser03.multiColumn2 .teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03.multiColumn2 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03.multiColumn2 .download-teaser:not(.no-img):not(.highlight) h2 a {
	font-size: 24px;
}

.layout_teaser03.multiColumn2 .teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03.multiColumn2 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03.multiColumn2 .download-teaser:not(.no-img):not(.highlight) h2 a span {
	font-size: 16px;
}

.layout_teaser03.multiColumn3 .teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03.multiColumn3 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03.multiColumn3 .download-teaser:not(.no-img):not(.highlight) h2 a {
	font-size: 20px;
}

.layout_teaser03.multiColumn3 .teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03.multiColumn3 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03.multiColumn3 .download-teaser:not(.no-img):not(.highlight) h2 a span {
	font-size: 14px;
}

.layout_teaser03.multiColumn4 .teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03.multiColumn4 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser03.multiColumn4 .download-teaser:not(.no-img):not(.highlight) h2 a {
	font-size: 18px;
}

.layout_teaser03.multiColumn4 .teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03.multiColumn4 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser03.multiColumn4 .download-teaser:not(.no-img):not(.highlight) h2 a span {
	font-size: 12px;
}




/*-- バナー type04 --*/
#sharewithmain .layout_teaser04 {
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) {
	position: relative;
	padding: 20px;
	border: 1px solid #bbb;
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) h2 {
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 a ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) h2 a {
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 a span ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) h2 a span {
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 a[target="_blank"]::after {
/*
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 11px;
	background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
*/
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 + a ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 + a ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) h2 + a {
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 + a img ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 + a img ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) h2 + a img {
	display: block;
	width: 100%;
}


.layout_teaser04 .teaser:not(.no-img):not(.highlight) p ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) p ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) p {

}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) h2 a:hover ,
.layout_teaser04 .teaser:not(.no-img):not(.highlight):hover h2 a ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight):hover h2 a ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight):hover h2 a {
}

.layout_teaser04 .teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) h2 + a:hover img ,
.layout_teaser04 .teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.layout_teaser04 .external-teaser:not(.no-img):not(.highlight):hover h2 + a img ,
.layout_teaser04 .download-teaser:not(.no-img):not(.highlight):hover h2 + a img {
	opacity: 0.7;
}


/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.layout_teaser04 .teaser:not(.no-img):not(.highlight) ,
	.layout_teaser04 .external-teaser:not(.no-img):not(.highlight) ,
	.layout_teaser04 .download-teaser:not(.no-img):not(.highlight) {
		padding: 10px;
	}
}



/*-- バナー type05 --*/
#sharewithmain .layout_teaser05 {
}


.layout_teaser05 .teaser.no-img:not(.highlight) ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) {
	max-width: none;
}

.layout_teaser05 .teaser.no-img:not(.highlight) h2 ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) h2 ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) h2 {
	position: relative;
	background: #fff;
}

.layout_teaser05 .teaser.no-img:not(.highlight) h2::before ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) h2::before ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) h2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -30px;
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	background: url("../../../../../../resources/sw_img/icon_img02.png") center center no-repeat;
	background-size: contain;
}


.layout_teaser05 .teaser.no-img:not(.highlight) h2 a ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) h2 a ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) h2 a {
	background: none;
	border: none;
	border-radius: 0;

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	text-align: left;
	width: 100%;
	min-height: 80px;
	padding: 10px 30px 10px 100px;
	font-size: 16px;
	color: #222;
	font-weight: bold;
	line-height: 1.25;
	text-decoration: none;
	border: 1px solid #eee;
}

.layout_teaser05 .teaser.no-img:not(.highlight) h2 a::before ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) h2 a::before ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) h2 a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") center center no-repeat;
	background-size: contain;
}

.layout_teaser05 .teaser.no-img:not(.highlight) h2 a[target="_blank"]::after ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) h2 a[target="_blank"]::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 11px;
	background: url("../../../../../../resources/sw_img/linkout.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
}

.layout_teaser05 .download-teaser.no-img:not(.highlight) h2 a[href*=".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-left: 5px;
}

.layout_teaser05 .teaser.no-img:not(.highlight) p ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) p ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) p {
	margin-top: 5px;
	font-size: 14px;
}

.layout_teaser05 .teaser.no-img:not(.highlight) h2 a:hover ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) h2 a:hover ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) h2 a:hover {
	background-color: #000;
	color: #fff;
}

.layout_teaser05 .teaser.no-img:not(.highlight) h2 a:hover::before ,
.layout_teaser05 .external-teaser.no-img:not(.highlight) h2 a:hover::before ,
.layout_teaser05 .download-teaser.no-img:not(.highlight) h2 a:hover::before {
	background-image: url("../../../../../../resources/sw_img/icon_arr01_white.svg");
}


/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.layout_teaser05 .teaser.no-img:not(.highlight) h2 a ,
	.layout_teaser05 .external-teaser.no-img:not(.highlight) h2 a ,
	.layout_teaser05 .download-teaser.no-img:not(.highlight) h2 a {
		padding-left: 80px;
	}

}



/*-- エリアリンクtype02 --*/
#sharewithmain .layout_arealink02 {
}

.layout_arealink02 .internal-link-area:not(.highlight) ,
.layout_arealink02 .external-link-area:not(.highlight) {
	padding: 10px 10px 5px;
	border: 1px solid #eee;
}

.layout_arealink02 .internal-link-area:not(.highlight) > a ,
.layout_arealink02 .external-link-area:not(.highlight) > a {
/*	color: inherit; */
}

.layout_arealink02 .internal-link-area img ,
.layout_arealink02 .external-link-area img {
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 5px;
}

.layout_arealink02 .internal-link-area .pos-2 ,
.layout_arealink02 .external-link-area .pos-2 {
	margin-left: 10px;
	margin-bottom: 5px;
}

.layout_arealink02 .internal-link-area img.large ,
.layout_arealink02 .external-link-area img.large {
	margin-bottom: 5px;
}

.layout_arealink02 .internal-link-area:not(.highlight) > a u ,
.layout_arealink02 .external-link-area:not(.highlight) > a u {
	text-decoration: none;

	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin: 0.25em 0;
}

.layout_arealink02 .internal-link-area:not(.highlight) > a:hover ,
.layout_arealink02 .external-link-area:not(.highlight) > a:hover {
}


.layout_arealink02.multiColumn2 .internal-link-area:not(.highlight) > a u ,
.layout_arealink02.multiColumn2 .external-link-area:not(.highlight) > a u {
	font-size: 24px;
}

.layout_arealink02.multiColumn3 .internal-link-area:not(.highlight) > a u ,
.layout_arealink02.multiColumn3 .external-link-area:not(.highlight) > a u {
	font-size: 20px;
}

.layout_arealink02.multiColumn4 .internal-link-area:not(.highlight) > a u ,
.layout_arealink02.multiColumn4 .external-link-area:not(.highlight) > a u {
	font-size: 16px;
	margin: 0;
}



/*-- エリアリンクtype03 --*/
#sharewithmain .layout_arealink03 {
}

.layout_arealink03 .internal-link-area:not(.highlight) ,
.layout_arealink03 .external-link-area:not(.highlight) {
}

.layout_arealink03 .internal-link-area:not(.highlight) > a ,
.layout_arealink03 .external-link-area:not(.highlight) > a {
/*	color: inherit; */
}

.layout_arealink03 .internal-link-area img ,
.layout_arealink03 .external-link-area img {
	margin-right: 10px;
	margin-left: 0;
}

.layout_arealink03 .internal-link-area .pos-2 ,
.layout_arealink03 .external-link-area .pos-2 {
	margin-left: 10px;
}

.layout_arealink03 .internal-link-area img.large ,
.layout_arealink03 .external-link-area img.large {
}

.layout_arealink03 .internal-link-area:not(.highlight) > a u ,
.layout_arealink03 .external-link-area:not(.highlight) > a u {
	text-decoration: none;

	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin: 0.25em 0;
}

.layout_arealink03 .internal-link-area:not(.highlight) > a:hover ,
.layout_arealink03 .external-link-area:not(.highlight) > a:hover {
}


.layout_arealink03.multiColumn2 .internal-link-area:not(.highlight) > a u ,
.layout_arealink03.multiColumn2 .external-link-area:not(.highlight) > a u {
	font-size: 24px;
}

.layout_arealink03.multiColumn3 .internal-link-area:not(.highlight) > a u ,
.layout_arealink03.multiColumn3 .external-link-area:not(.highlight) > a u {
	font-size: 20px;
}

.layout_arealink03.multiColumn4 .internal-link-area:not(.highlight) > a u ,
.layout_arealink03.multiColumn4 .external-link-area:not(.highlight) > a u {
	font-size: 16px;
	margin: 0;
}


/*-- エリアリンクtype04 --*/
#sharewithmain .layout_arealink04 {
}

.layout_arealink04 .internal-link-area:not(.highlight) ,
.layout_arealink04 .external-link-area:not(.highlight) {
}

.layout_arealink04 .internal-link-area:not(.highlight) > a ,
.layout_arealink04 .external-link-area:not(.highlight) > a {
	padding: 40px 40px;
	background: #fff;

/*	color: inherit; */
}

.layout_arealink04 .internal-link-area:not(.highlight) > a u ,
.layout_arealink04 .external-link-area:not(.highlight) > a u {
	text-decoration: none;

	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	margin: 0.25em 0;
}

.layout_arealink04 .internal-link-area:not(.highlight) > a > *:last-child::after ,
.layout_arealink04 .external-link-area:not(.highlight) > a > *:last-child::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") center center no-repeat;
	background-size: contain;
	margin-left: 10px;
}

.layout_arealink04 .internal-link-area:not(.highlight) > a:hover ,
.layout_arealink04 .external-link-area:not(.highlight) > a:hover {
}


@media handheld, only screen and (max-width: 767px) {
	.layout_arealink04 .internal-link-area:not(.highlight) > a ,
	.layout_arealink04 .external-link-area:not(.highlight) > a {
		padding: 20px 20px;
	}
}


/*-- エリアリンクtype05 --*/
#sharewithmain .layout_arealink05 {
}

.layout_arealink05 .internal-link-area:not(.highlight) ,
.layout_arealink05 .external-link-area:not(.highlight) {
}

.layout_arealink05 .internal-link-area:not(.highlight) > a ,
.layout_arealink05 .external-link-area:not(.highlight) > a {
	padding: 40px 40px;
	background: #fff;
	border: 1px solid #bbb;

/*	color: inherit; */
}

.layout_arealink05 .internal-link-area:not(.highlight) > a u ,
.layout_arealink05 .external-link-area:not(.highlight) > a u {
	text-decoration: none;

	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	margin: 0.25em 0;
}

.layout_arealink05 .internal-link-area:not(.highlight) > a > *:last-child::after ,
.layout_arealink05 .external-link-area:not(.highlight) > a > *:last-child::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	width: 6px;
	height: 10px;
	background: url("../../../../../../resources/sw_img/icon_arr01.svg") center center no-repeat;
	background-size: contain;
	margin-left: 10px;
}

.layout_arealink05 .internal-link-area:not(.highlight) > a:hover ,
.layout_arealink05 .external-link-area:not(.highlight) > a:hover {
}


@media handheld, only screen and (max-width: 767px) {
	.layout_arealink05 .internal-link-area:not(.highlight) > a ,
	.layout_arealink05 .external-link-area:not(.highlight) > a {
		padding: 20px 20px;
	}
}


/*-- 数字で見るtype01 --*/
#sharewithmain .layout_bordrbox01 {
}

#sharewithmain .layout_bordrbox01 > .column1 ,
#sharewithmain .layout_bordrbox01 > .column2 ,
#sharewithmain .layout_bordrbox01 > .column3 ,
#sharewithmain .layout_bordrbox01 > .column4 ,
#sharewithmain .layout_bordrbox01 > .column5 {
	padding: 20px 20px 0;
	background: #fff;
	border: 1px solid #eee;
	margin-bottom: 20px;
}


#sharewithmain .layout_number_pickup01 {
}

.layout_number_pickup01 .title4 h4 {
	text-align: center;
	padding-left: 0;
}

.layout_number_pickup01 .title4 h4::before {
	content: none;
}

.layout_number_pickup01 .text-section.highlight img {
	margin-right: 10px;
}

.layout_number_pickup01 .text-section.highlight img.pos-2 {
	margin-left: 10px;
}


.layout_number_pickup01 .text-section.highlight {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 0;
}

.layout_number_pickup01 .text-section.highlight u {
	text-decoration: none;

    display: inline-block;
    margin: 0.25em 0.1em 0 0;
	font-size: 60px;
	font-family: Arial, YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.layout_number_pickup01.multiColumn2 .text-section.highlight {
	font-size: 30px;
}

.layout_number_pickup01.multiColumn2 .text-section.highlight u {
	font-size: 60px;
}

.layout_number_pickup01.multiColumn3 .text-section.highlight {
	font-size: 24px;
}

.layout_number_pickup01.multiColumn3 .text-section.highlight u {
	font-size: 50px;
}

.layout_number_pickup01.multiColumn4 .text-section.highlight {
	font-size: 16px;
}

.layout_number_pickup01.multiColumn4 .text-section.highlight u {
	font-size: 30px;
}


/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .layout_bordrbox01 > .column1 ,
	#sharewithmain .layout_bordrbox01 > .column2 ,
	#sharewithmain .layout_bordrbox01 > .column3 ,
	#sharewithmain .layout_bordrbox01 > .column4 ,
	#sharewithmain .layout_bordrbox01 > .column5 {
		padding: 10px 10px 0;
		margin-bottom: 10px;
	}

	.layout_number_pickup01 .text-section.highlight {
		font-size: 20px;
	}

	.layout_number_pickup01 .text-section.highlight u {
		font-size: 40px;
	}

	.layout_number_pickup01.multiColumn2 .text-section.highlight ,
	.layout_number_pickup01.multiColumn3 .text-section.highlight {
		font-size: 20px;
	}

	.layout_number_pickup01.multiColumn2 .text-section.highlight u ,
	.layout_number_pickup01.multiColumn3 .text-section.highlight u {
		font-size: 40px;
	}

	.layout_number_pickup01.multiColumn4 .text-section.highlight {
		font-size: 16px;
	}

	.layout_number_pickup01.multiColumn4 .text-section.highlight u {
		font-size: 24px;
	}
}


/*==== 会社情報 > 沿革 ====*/

/*-- 沿革1 --*/
.layout_history1 .vtable-item > table > tbody > tr > th ,
.layout_history1 .vtable-item > table > tbody > tr > td {
	vertical-align: top;
	border: 1px solid #ccc;
}

.layout_history1 .vtable-item > table > tbody > tr > td {
	background: none;
}


/*-- 沿革2 --*/
.layout_history2 .ircalendar-title > table > tbody > tr > th ,
.layout_history2 .ircalendar-item > table > tbody > tr > td {
	background: none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
}


/*--沿革3 --*/
.layout_history3 .ircalendar {
	margin-top: 40px;
	margin-bottom: 20px;
}

.layout_history3 .ircalendar .tableContents {
	position: relative;
}

.layout_history3 .ircalendar .tableContents > .ircalendar-item:last-child .ircalendar-item2:not(:empty)::before {
	content: "▼";
	position: absolute;
	bottom: -35px;
	left: -8px;
	color: #184C9A;
	font-size: 15px;
}

.layout_history3 tr td ,
.layout_history3 tr th {
	border: none;
	background: none;
}

.layout_history3 .ircalendar-title,
.layout_history3 .ircalendar-item {
	position: relative;
	margin-bottom: -10px;
}

.layout_history3 .ircalendar-title1,
.layout_history3 .ircalendar-item1 {
	position: relative;
}

.layout_history3 .ircalendar-item1:not(:empty)::after {
	content: "●";
	position: absolute;
	top: -14px;
	right: -8px;
	color: #184C9A;
	font-size: 15px;
}

.layout_history3 .ircalendar-title1 th,
.layout_history3 .ircalendar-item1 td {
	position: absolute;
	left: 0;
	top: -30px;
}

.layout_history3 .ircalendar-title1 > p,
.layout_history3 .ircalendar-item1 > p {
	top: -25px;
    right: 20px;
	position: absolute;
	font-size: 30px;
	font-style: italic;
	font-family: inherit;
	-webkit-transform: scale( 1.2 , 1 );
	    -ms-transform: scale( 1.2 , 1 );
	        transform: scale( 1.2 , 1 );
	color: #c0c0c0;
}

.layout_history3 .ircalendar-title2,
.layout_history3 .ircalendar-title3,
.layout_history3 .ircalendar-item2,
.layout_history3 .ircalendar-item3 {
	padding-bottom: 40px;
	top: -20px;
}

.layout_history3 .ircalendar-title2,
.layout_history3 .ircalendar-item2 {
	border-left: 2px solid #184C9A;
	position: relative;
}

.layout_history3 .ircalendar-title3.has-img > p,
.layout_history3 .ircalendar-item3.has-img > p {
	padding-left: 40px;
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.layout_history3 .ircalendar-title1 > p,
	.layout_history3 .ircalendar-item1 > p {
	    right: 13px;
		font-size: 20px;
	}
}


/*==== 会社情報 > 役員紹介 ====*/
/* 役員紹介2 (アコーディオン) */
#sharewithmain .layout_officer2 {
	margin-bottom: 40px;
}

#sharewithmain .layout_officer2 > .column1 {
	margin-bottom: 2px;
}

#sharewithmain .layout_officer2 > .column2 {
	background: #f7f7f7;
	padding: 40px 40px 20px;
	margin-bottom: 0;
}

.layout_officer2 > .column1 .title2.highlight {
	position: relative;
	background: #f7f7f7;
	margin-bottom: 0;
	cursor: pointer;
}

.layout_officer2 > .column1 .title2.highlight h2 {
	padding: 40px 40px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-right: 80px;
}

.layout_officer2 > .column1 .title2.highlight::before ,
.layout_officer2 > .column1 .title2.highlight::after {
	content: "";
	position: absolute;
	display: block;
	background: #999;

	-webkit-transition: 0.5s 0.1s;
	-o-transition: 0.5s 0.1s;
	transition: 0.5s 0.1s;
}

.layout_officer2 > .column1 .title2.highlight::before {
	top: 50%;
	right: 50px;
	width: 24px;
	height: 2px;
	-webkit-transform: translate(50%, -50%);
	    -ms-transform: translate(50%, -50%);
	        transform: translate(50%, -50%);
}
.layout_officer2 > .column1 .title2.highlight::after {
	top: 50%;
	right: 50px;
	width: 2px;
	height: 24px;
	-webkit-transform: translate(50%, -50%);
	    -ms-transform: translate(50%, -50%);
	        transform: translate(50%, -50%);
}

.layout_officer2.open > .column1 .title2.highlight::after {
	background-color: transparent;
}



/*==== 会社情報 > 拠点案内 ====*/
.layout_basemap1 .vtable-item > table > tbody > tr > th ,
.layout_basemap1 .vtable-item > table > tbody > tr > td {
	border-left: none;
	border-right: none;
}

.layout_basemap1 .vtable-item > table > tbody > tr > th {
	font-size: 16px;
	font-weight: bold;
}

.layout_basemap1 .vtable-item > table > tbody > tr > td.vtable-item2 {
	vertical-align: middle;
}

.layout_basemap1 .vtable-item > table > tbody > tr > td.vtable-item2 a {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 20px;
	color: #fff;
	background: #00359f;
	border-radius: 4px;
	text-decoration: none;
}

.layout_basemap1 .vtable-item > table > tbody > tr > td.vtable-item2 a::before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 10px;
	height: 14px;
	background: url("../../../../../../resources/sw_img/icon_map.png") center center no-repeat;
	background-size: contain;
	margin-right: 1em;
}

.layout_basemap1 .vtable-item > table > tbody > tr > td.vtable-item2 a::after {
	content: none;
}


/* 背景グレー */
body[id=wide] #wrapper-3 > #sharewithmain > .layout_background_color {
	background-color: #e2e4e8;
	width: 100%;
    text-align: center;
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.layout_background_color {
		margin-bottom: 60px;
		padding-top: 60px;
		padding-bottom: 35px;
	}

	body[id=wide] [role="main"] > .layout_background_color + .layout_background_color {
		margin-top: -95px;
		padding-top: 0;
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.layout_background_color {
		margin-bottom: 50px;
	}
	.layout_background_color,
	body[id=wide] [role="main"] > .layout_background_color {
		padding-top: 50px;
	}

	body[id=wide] [role="main"] > .layout_background_color + .layout_background_color {
		margin-top: -50px;
		padding-top: 0;
	}
}


/*==== ヒストリカルデータ ====*/


.area-link-historical,
body[id=wide] [role="main"] > .area-link-historical {
	background-color: #000;
	padding: 0;
}

.area-link-historical > .column1,
.area-link-historical > .column2,
body[id=wide] [role="main"] > .area-link-historical > .column1,
body[id=wide] [role="main"] > .area-link-historical > .column2 {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
}

.area-link-historical > .column1 .anchor-link {
	width: calc(100% / 3);
	display: flex;
	padding: 0;
	margin-bottom: 0;
}


.area-link-historical > .column1 .anchor-link + .anchor-link {
	border-left: 1px #5a5c5f solid;
	margin-left: 0;
}

.area-link-historical .anchor-link a {
	width: 100%;
	padding: 10px;
	display: flex;
	justify-content: center;
	color: #fff;
	text-align: center;
}

.area-link-historical .anchor-link a:before {
	content: none;
}

.area-link-historical .anchor-link a.js-focus {
	background-color: #184c9a;
	font-weight: bold;
	text-decoration: none;
}

.area-link-historical .anchor-link a em {
	font-style: normal;
	position: relative;
	text-align: center;
	display: flex;
}

.area-link-historical .anchor-link a.js-focus em::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 100%;
	background-color: #fff;
}

.area-link-historical > .column2,
body[id=wide] [role="main"] > .area-link-historical > .column2 {
	padding: 0 10px;
	background-color: #184c9a;
	display: flex;
	width: 100%;
}


.area-link-historical > .column2 .anchor-link {
	display: flex;
	padding: 0 2px;
	margin-left: 0;
	margin-bottom: 0;
}

.area-link-historical > .column2 .anchor-link a {
	padding: 10px;
	display: flex;
	justify-content: center;
	color: #fff;
	align-items: center;
	text-align: center;
}

.area-link-historical > .column2 .anchor-link a.js-focus {
	background-color: #fff;
	color: #184c9a;
	font-weight: bold;
}

.area-link-historical > .column2 .anchor-link a.js-focus em::after {
	background-color: #184c9a;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {

	.area-link-historical,
	body[id=wide] [role="main"] > .area-link-historical {
		margin-bottom: 30px;
	}

	.area-link-historical > .column2,
	body[id=wide] [role="main"] > .area-link-historical > .column2 {
		padding-top: 10px;
	}

	.area-link-historical .anchor-link a {
		padding: 10px;
		font-size: 16px;
	}
	.area-link-historical .anchor-link a:hover {
		background-color: #464a4f;
		text-decoration: none;
	}
	.area-link-historical > .column2 .anchor-link {
		flex: 1 0 auto;
	}

	.area-link-historical > .column2 .anchor-link a {
		padding: 10px 10px 15px;
	}

	.area-link-historical > .column2 .anchor-link a:not(.js-focus):hover {
		background-color: #fff;
		padding: 10px 10px 5px;
		height: calc(100% - 10px);
		color: #184c9a;
	}

	/* 15Y 非表示 */
	.area-link-historical > .column2 .anchor-link:first-child ~ .anchor-link:nth-child(8) ,
	.area-link-historical > .column2 .mgnlEditor ~ .anchor-link:nth-child(9) {
		display: none;
	}
}
/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {

	.area-link-historical,
	body[id=wide] [role="main"] > .area-link-historical {
		margin-bottom: 20px;
	}

	.area-link-historical > .column2 .anchor-link {
		padding: 0 1px;
	}
	.area-link-historical > .column1 .anchor-link a {
		padding: 6px 5px 10px;
		font-size: 12px;
	}

	.area-link-historical > .column2,
	body[id=wide] [role="main"] > .area-link-historical > .column2 {
		padding-top: 15px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.area-link-historical > .column2 .anchor-link a {
		font-size: 14px;
		padding: 5px 8px;
	}

	/* 15Y 非表示 */
	.area-link-historical > .column2 .anchor-link:first-child ~ .anchor-link:nth-child(8) ,
	.area-link-historical > .column2 .mgnlEditor ~ .anchor-link:nth-child(9) {
		display: none;
	}
}

body[id=wide]:not(.in-editor) [role="main"] > .js-area-link-historical-cts:not(.edited):not(.js-active),
body[id=wide]:not(.in-editor) [role="main"] > .js-area-link-historical-cts:not(.edited):not(.js-only) > .column1 > *:not(.js-active) {
	display: none;
}

body[id=wide] [role="main"] > .area-tabs {
	padding: 0;
}

body[id=wide] [role="main"] > .area-tabs > .column1 {
	margin: 0;
	width: 100%;
}

.js-area-link-historical ~ .js-area-link-historical-cts table.tbCore tr td:not(.tbRowHead)/*,
.area-link-historical-rate ~ .js-area-link-historical-cts table.tbCore tr td:not(.tbRowHead)*/  {
	text-align: right;
}

.js-area-link-historical ~ .js-area-link-historical-cts table.tbCore tr td:not(.tbRowHead):first-child,
.js-area-link-historical:not(.area-link-historical-rate) ~ .js-area-link-historical-cts table.tbCore tr td:not(.tbRowHead):last-child,
.js-area-link-historical:not(.area-link-historical-rate) ~ .js-area-link-historical-cts table.tbCore tr td:not(.tbRowHead):nth-child(4) {
	text-align: center;
}

.area-tabs .link-list ul {
	display: flex;
	width: 100%;
	background-color: #000;
	margin-bottom: 0;
}

.area-tabs .link-list:not(.highlight) ul li[class]:not(.highlight) {
	display: flex;
	padding: 0;
	margin-bottom: 0;
	flex: 1 1 auto;
}

.area-tabs .link-list:not(.highlight) ul li[class]:not(.highlight):before {
	content: none;
}

.area-tabs .link-list ul li + li {
	border-left: 1px #5a5c5f solid;
}

.area-tabs .link-list ul li a,
.area-tabs .link-list ul li > span {
	width: 100%;
	display: flex;
	justify-content: center;
	color: #fff;
}

.area-tabs .link-list ul li a:hover {
	text-decoration: none;
}

.area-tabs .link-list ul li > span {
	background-color: #184c9a;
	font-weight: bold;
}

.area-tabs .link-list ul li em {
	position: relative;
	text-align: center;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.area-tabs {
		margin-bottom: 50px;
	}
	.area-tabs .link-list ul li a,
	.area-tabs .link-list ul li > span {
		padding: 20px 10px;
	}
	.area-tabs .link-list ul li a,
	.area-tabs .link-list ul li em,
	.area-tabs .link-list ul li > span {
		font-size: 16px;
	}
	.area-tabs .link-list ul li a:hover {
		background-color: #184c9a;
		font-weight: bold;
		text-decoration: none;
	}

	.area-tabs .link-list ul li a:hover em::after,
	.area-tabs .link-list ul li span em::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 2px;
		width: 100%;
		background-color: #fff;
	}
}

/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.area-tabs {
		margin-bottom: 30px;
	}
	.area-tabs .link-list ul li a,
	.area-tabs .link-list ul li > span {
		padding: 15px 5px;
	}
	.area-tabs .link-list ul li a,
	.area-tabs .link-list ul li em,
	.area-tabs .link-list ul li > span {
		font-size: 12px;
	}

	.area-tabs .link-list ul li span em::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 2px;
		width: 100%;
		background-color: #fff;
	}

}


/*==== NEWS ====*/

/*==== IR TOP ====*/


/*-- 最新イベント --*/
#sharewithmain .layout_ir_latest_event {
}

.layout_ir_latest_event {
}

.layout_ir_latest_event >*> .link-list {
	padding: 20px;
	background: #f5f5f5;
	margin-bottom: 20px;
}

.layout_ir_latest_event >*> .link-list ul {
	margin-bottom: 0;
}


/*-- 最新決算資料 --*/
#sharewithmain .layout_ir_latest_earnings {
}

.layout_ir_latest_earnings .title2 {
	padding: 20px 20px 0px;
	background: #f5f5f5;
}

.layout_ir_latest_earnings .title2 h2 {
	margin-bottom: 0;
}

.layout_ir_latest_earnings .news-material {
	padding: 20px;
	background: #f5f5f5;
}

.layout_ir_latest_earnings .news-material dl ~ h2 ,
.layout_ir_latest_earnings .news-material dl ~ dl {
	display: none;
}

.layout_ir_latest_earnings .merged_list ~ .multiColumn1 ,
.layout_ir_latest_earnings .merged_list ~ .multiColumn2 ,
.layout_ir_latest_earnings .merged_list ~ .multiColumn3 ,
.layout_ir_latest_earnings .merged_list ~ .multiColumn4 ,
.layout_ir_latest_earnings .merged_list ~ .multiColumn5 {
	display: none;
}

.layout_ir_latest_earnings .news-material dl dt .result-quarter {
}
.layout_ir_latest_earnings .news-material dl dt .result-word {
	display: none;
}

/* h4と同等のスタイル */
.layout_ir_latest_earnings .news-material dl dt {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: inherit;
	font-weight: inherit;
	letter-spacing: inherit;

	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
	border-bottom: 1px solid #ccc;

	margin-bottom: 15px;
}

.layout_ir_latest_earnings .news-material dl dt::before ,
.layout_ir_latest_earnings .news-material dl dt::after {
	content: none;
}


/*==== 会社情報 TOP ====*/


/*==== ヒストリカルデータ ====*/


.area-link-anchor > * {
	border-top: 1px #cccfd4 solid;
	border-bottom: 1px #cccfd4 solid;
	padding: 25px 0 15px;
}



.area-company-yakuin table img.media.photo {
	width: 70px;
	max-width: none;
	margin: 0;
}

.area-company-outline table img.media.photo {
	width: 210px;
	max-width: none;
	margin: 0;
}


/* スマホ用 */
@media handheld, only screen and (max-width: 767px) {
	.ircalendar_for_history .ircalendar {
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.ircalendar_for_history .ircalendar .tableContents {
		position: relative;
	}

	.ircalendar_for_history .ircalendar .tableContents:after {
		content: "▼";
		position: absolute;
		bottom: -15px;
		left: 0;
		color: #184C9A;
		font-size: 1rem;
		margin-left: -7px;
	}

	.ircalendar_for_history tr td ,
	.ircalendar_for_history tr th {
		border: none;
		background: none;
	}

	.ircalendar_for_history .ircalendar-title,
	.ircalendar_for_history .ircalendar-item {
		position: relative;
		margin-bottom: -10px;
	}



	.ircalendar_for_history .ircalendar-title > table ,
	.ircalendar_for_history .ircalendar-title > table > tbody ,
	.ircalendar_for_history .ircalendar-item > table ,
	.ircalendar_for_history .ircalendar-item > table > tbody {
		display: block;
	}

	.ircalendar_for_history .ircalendar-title > table > tbody > tr ,
	.ircalendar_for_history .ircalendar-item > table > tbody > tr {
		display: flex;
		flex-direction: column;
		border-left: 2px solid #184C9A;
	}

	.ircalendar_for_history .ircalendar-title > table > tbody > tr > th,
	.ircalendar_for_history .ircalendar-item > table > tbody >tr > td {
		flex: 0 0 auto;
		width: 100% !important;
	}

	.ircalendar_for_history .ircalendar-title2 ,
	.ircalendar_for_history .ircalendar-item2 {
		order: 3;
		border-left: 0;
	}

	.ircalendar_for_history .ircalendar-title1,
	.ircalendar_for_history .ircalendar-item1 {
		position: relative;
	}

	.ircalendar_for_history .ircalendar-item1:not(:empty):after {
		content: "●";
		position: absolute;
		top: -14px;
		left: -8px;
		color: #184C9A;
		font-size: 1rem;
	}

	.ircalendar_for_history .ircalendar-title1 th,
	.ircalendar_for_history .ircalendar-item1 td {
		position: absolute;
		left: 0;
		top: -30px;
	}

	.ircalendar_for_history .ircalendar-title1 > p,
	.ircalendar_for_history .ircalendar-item1 > p {
		top: -25px;
	    left: 20px;
	    right: auto;
		position: absolute;
		font-size: 30px;
		font-style: italic;
		font-family: inherit;
		-webkit-transform: scale( 1.2 , 1 );
		    -ms-transform: scale( 1.2 , 1 );
		        transform: scale( 1.2 , 1 );
		color: #c0c0c0;
	}

	.ircalendar_for_history .ircalendar-title2,
	.ircalendar_for_history .ircalendar-title3,
	.ircalendar_for_history .ircalendar-item2,
	.ircalendar_for_history .ircalendar-item3 {
		padding-bottom: 20px;
		top: -20px;
	}

	.ircalendar_for_history .ircalendar-title2.has-img ,
	.ircalendar_for_history .ircalendar-title3.has-img ,
	.ircalendar_for_history .ircalendar-item2.has-img ,
	.ircalendar_for_history .ircalendar-item3.has-img {
		padding-bottom: 40px;
	}


	.ircalendar_for_history .ircalendar-title2,
	.ircalendar_for_history .ircalendar-item2 {
		position: relative;
	}

	.ircalendar_for_history .ircalendar-title3.has-img > p,
	.ircalendar_for_history .ircalendar-item3.has-img > p {
		padding-left: 40px;
	}

}


/* -- 印刷用 -- */
@media print {
	/* 印刷時、ヘッダー固定、フッター非表示 */
	#site-info .area-header > div {
		position: absolute !important;
	}

	#site-info {
		margin: 0;
	}

	#site-info .area-footer {
		display: none;
	}

	/* 上に戻るボタン非表示 */
	#site-info .topcontrol {
		display: none;
	}

	/*-- スクロールエフェクトoff --*/
	.fadeObj {
		opacity: 1 !important;
		-webkit-transform: translate(0, 0) !important;
		    -ms-transform: translate(0, 0) !important;
		        transform: translate(0, 0) !important;
		-webkit-transition: 0s 0s !important;;
		-o-transition: 0s 0s !important;;
		transition: 0s 0s !important;;
	}
}