@charset "utf-8";
/*------------------------------------ */
/* TOP Page CSS */
/*------------------------------------ */

#wrapper-2 {
	margin-top: 0;
}


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

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

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	#header {
		height: 0;
}
	#wrapper-2 {
		margin-bottom: 0;
	}
	#site-info {
	    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: 100%;
	}

}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.internal-link-area.highlight ,
	.external-link-area.highlight {
		margin-bottom: 0;
	}
}

#nav {
	display: none;
}

@media print, screen and (min-width: 768px) {


	#site-info .area-header.js-header-top > div {
		background: transparent;
	}


	#site-info .area-header.js-header-top .area-header-link .link-list li a ,
	#site-info .area-header.js-header-top .area-header-link .link-list li span {
		color: #fff;
	}

	#site-info .area-header.js-header-top .area-lang-navi .link-list li + li {
		border-left: 1px #fff solid;
	}

	#site-info .area-header.js-header-top .area-lang-navi .link-list li a ,
	#site-info .area-header.js-header-top .area-lang-navi .link-list li span {
		color: #fff;
	}

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

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

	#site-info .area-header.js-header-top .area-gnavi >* >* >* >* > .teaser.no-img h2 a ,
	#site-info .area-header.js-header-top .area-gnavi >* >* >* >* > .external-teaser.no-img h2 a {
		color: #fff;
	}

	#site-info .area-header.js-header-top .area-gnavi >* >* >* >* > .reuse-main-area + .teaser.no-img h2 a::before ,
	#site-info .area-header.js-header-top .area-gnavi >* >* >* >* > .reuse-main-area + .external-teaser.no-img h2 a::before {
		border-right: 1px #fff solid;
		border-bottom: 1px #fff solid;
	}

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


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

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


}

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

	/*==== カルーセル：スライドMV（ベストエフォート型） ====*/
	/* スライドエリアと画像サイズに合わせて、各設定値を変更する事 */
	/* 下の例: */
	/* 最小スライドエリアwidth: 1040px */
	/* 画像height＝最小スライドエリアheight: 450px */
	/* 画像width: 1920px */

	#mv, #promos3 .area-mv {
		height: auto;
	}
	[data-page-marker~="with-slider"] #mv ,
	.top-mv-area {
		position: relative;
		display: block;
		width: 100%;
		min-width: 1040px;
		/*margin-top: -86px;*/
		margin-top: 0;
	}

	[data-page-marker~="with-slider"] #mv::before ,
	.top-mv-area::before {
		content: "";
		display: block;
		padding-top: calc(100% / 852 * 480);
	}

	.top-mv-area {
		position: absolute;
		top: 0;
		left: 0;
	}

	.top-mv-area > div {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
	}

	.top-mv-area > div .text-section img.large {
		display: none;
	}
}



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

	/*==== カルーセル：スライドMV（PC踏襲型：PCで見える分をSPでも表示） ====*/
	/* スライドエリアと画像サイズに合わせて、各設定値を変更する事 */
	/* 下の例: */
	/* スライドエリアwidth: 100%(画面いっぱい) */
	/* PC時のスライドエリアwidth: 1040px */
	/* 画像height: 450px */
	/* 画像width: 1920px */
	[data-page-marker~="with-slider"] #mv ,
	.top-mv-area {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}

	.top-mv-area {
		position: absolute;
		top: 0;
		left: 0;
	}

	[data-page-marker~="with-slider"] #mv::before ,
	.top-mv-area::before {
		content: "";
		display: block;
		padding-top: calc(100% / 375 * 330);
	}
	[data-page-marker~="with-slider"] #mv::before {
		padding-top: calc(100% / 375 * 330 - 50px);
	
	}

	.top-mv-area > div {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
	}

	.top-mv-area > div .text-section {
		margin: 0;
	}

	.top-mv-area > div .text-section img.large {
		max-width: none;
		width: 100%;
		margin: 0;
	}

}


.top-mv-area .bg_movie .text {
	position: absolute;
	bottom: 0;
	left: 50%;
	/*transform: translate(-50%, 0);*/

	color: #fff;
	font-weight: normal;
	line-height: 1.25;
	text-align: left;
}

.top-mv-area .bg_movie .text em {
	display: block;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.top-mv-area {
		overflow: hidden;
	}
	.top-mv-area .bg_movie {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		min-width: 1040px;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	.top-mv-area .bg_movie .text {
		bottom: 0;
		left: 40px;
	}

	.top-mv-area .bg_movie img ,
	.top-mv-area .bg_movie video {
		width: 100%;
		vertical-align: top;
	}

	.top-mv-area .bg_movie .text {
		font-size: 21px;
		width: 1000px;
	}

	.top-mv-area .bg_movie .text em {
		width: 599px;
		position: relative;
		left: -40px;
	}
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.top-mv-area .bg_movie img ,
	.top-mv-area .bg_movie video {
		display: none !important;
	}

	.top-mv-area .bg_movie .text {
		font-size: 13px;
		width: calc(100% - 15px);
		left: 15px;
	}

	.top-mv-area .bg_movie .text em {
		width: 240px;
		left: -15px;
		position: relative;
	}

	.top-mv-area .bg_movie .text em img {
		display: inline-block !important;
	}
}



/* 
 MV NEWS
-------------------------------------- */

#sharewithmain .multiColumn1.top-mv-news {
	background-color: #184c9a;
}
body[id=wide] [role="main"] > .multiColumn1.top-mv-news > .column1 {
	width: 100%;
	background-color: #636871;
	position: relative;
	margin: 0;
}

.top-mv-news .text-section {
	font-weight: bold;
	color: #fff;
	margin-bottom: 0;
}

body[id=wide] [role="main"] > .multiColumn1.top-mv-news > .column1 .basic-list:not(.thumnail),
body[id=wide] [role="main"] > .multiColumn1.top-mv-news > .column1 .basic-list-english:not(.thumnail) {
	margin-bottom: 0;
}

.top-mv-news .basic-list:not(.thumnail) ul.tabItems,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems {
	padding-top: 0;
	border-top: none;
}

.top-mv-news .basic-list:not(.thumnail) ul.tabItems::before,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems::before {
	content: none;
}

.top-mv-news .basic-list:not(.thumnail) ul.tabItems li,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li {
	border-bottom: none;
	background-color: transparent;
}

.top-mv-news .basic-list:not(.thumnail) ul.tabItems li::after,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li::after {
	content: none;
}

.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .c_icon span::after,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .c_icon span::after {
	background-color: #fff;
}

.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .date,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .date {
	color: #e0e0e0;
}

.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .c_icon span,
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li a,
.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .news_tx,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .c_icon span,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li a,
.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .news_tx {
	color: #fff;
}

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

	#sharewithmain .multiColumn1.top-mv-news {
		padding: 0 0 0 50px;
	}
	.top-mv-news .text-section {
		font-size: 20px;
		position: absolute;
		top: 16px;
		left: 15px;
	}

	body[id=wide] [role="main"] > .multiColumn1.top-mv-news > .column1 .basic-list:not(.thumnail),
	body[id=wide] [role="main"] > .multiColumn1.top-mv-news > .column1 .basic-list-english:not(.thumnail) {
		padding-left: 95px;
	}

	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li {
	    margin-top: 20px;
	    padding-bottom: 20px;
	}
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li a:hover,
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li a:hover .news_tx,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li a:hover,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li a:hover .news_tx {
		color: #fff;
	}
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .date,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .date {
		font-size: 13px;
	}
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .c_icon,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
    	font-size: 13px;
	}
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .news_tx,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .news_tx {
    	font-size: 15px;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	#sharewithmain .multiColumn1.top-mv-news {
		padding: 0 0 0 15px;
	}
	body[id=wide] [role="main"] > .multiColumn1.top-mv-news > .column1 {
		padding: 12px 8px
	}
	.top-mv-news .text-section {
		font-size: 19px;
		position: absolute;
	}

	.top-mv-news .basic-list:not(.thumnail) ul.tabItems,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems {
		margin: 5px 0 0 0;
	}

	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li {
	    margin-top: 0;
	}
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .date,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .date {
		right: 0;
		left: auto;
		font-size: 11px;
	}
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .c_icon,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .c_icon {
		padding-left: 0;
		padding-right: 90px;
		margin-top: -2.1em;
		text-align: right;
		min-height: 2em;
    	font-size: 11px;
	}
	.top-mv-news .basic-list:not(.thumnail) ul.tabItems li .news_tx,
	.top-mv-news .basic-list-english:not(.thumnail) ul.tabItems li .news_tx {
    	font-size: 13px;
	}
}



/* 
 背景 グラフ
-------------------------------------- */
.top-historical-title {
	background-color: #13151a;
}
.top-historical-title > * {
	margin-right: auto;
	margin-left: auto;
	display: block;
}


.top-historical-title .internal-link-area {
	margin-bottom: 0;
}
.top-historical-title .text-section p {
	color: #fff;
}
.top-historical-title .internal-link-area {
	position: relative;
}
.top-historical-title .internal-link-area::before {
	content: "";
	height: 1px;
	position: absolute;
	left: 0;
	background-color: #fff;
}
.top-historical-title .internal-link-area a {
	display: inline-block;
	color: #fff;
	line-height: 1.1;
}
.top-historical-title .internal-link-area a h2,
.top-historical-title .internal-link-area a p {
	font-weight :normal;
}
.top-historical-title .internal-link-area a strong {
	color: #184c9a;
}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.top-historical-title {
		padding: 20px 0 5px;
	}
	.top-historical-title .text-section,
	.top-historical-title .internal-link-area {
		padding-left: 55px;
	
	}
	.top-historical-title .text-section {
		margin-bottom: 10px;
		font-size: 17px;
	}
	.top-historical-title .internal-link-area::before {
		width: 35px;
		bottom: calc(50% + 6px);
	}
	.top-historical-title .internal-link-area a h2,
	.top-historical-title .internal-link-area a p {
		border-bottom: 1px #000 solid;
		font-size: 38px;
	}
	.top-historical-title .internal-link-area a:hover h2,
	.top-historical-title .internal-link-area a:hover p {
		opacity: 1;
		border-bottom: 1px #fff solid;
	}
}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	body[id=wide] [role="main"] > .multiColumn1.top-historical-title {
		padding: 30px 0 12px;
	}
	.top-historical-title .text-section {
		margin-bottom: 5px;
		font-size: 13px;
	}
	.top-historical-title .internal-link-area::before {
		width: 20px;
		bottom: calc(50% + 5px);
	}

	.top-historical-title .text-section,
	.top-historical-title .internal-link-area {
		padding-left: 30px;
	
	}
	.top-historical-title .internal-link-area a h2,
	.top-historical-title .internal-link-area a p {
		font-size: 31px;
	}
}


.top-graph {
	background: #e2e4e8;
	background-position: 0 0, 23px 23px;
	background-size: 1px 1px;
}

body[id=wide] [role="main"] > .top-graph.multiColumn2 > .column2 {
	background-color: #575c64;
	margin: 0;
}

.top-graph > .column1 .title3 h3 {
    border-bottom: none;
    padding: 0 0 0 30px;
}

.top-graph > .column1 .title3 h3::before {
	width: 20px;
	background: #000;
    height: 1px;
    top: calc(50% - 1px);
}

.top-graph > .column1 .title3 h3::before {
	width: 20px;
	background: #000;
    height: 1px;
    top: calc(50% - 1px);
}

.top-graph > .column1 .reuse-main-area .js-tab-area > .column1 > *:first-child {
	position: relative;
	z-index: 100;
}
.top-graph > .column1 .reuse-main-area .js-tab-area > .column1 > *:nth-child(2) {
    margin-top: -40px;
}

.top-graph > .column2 .title3 h3 {
	color: #fff;
	font-weight: normal;
    border-bottom: none;
    padding: 0 0 0 30px;
}

.top-graph > .column2 .title3 h3::before {
	width: 20px;
	background: #fff;
    height: 1px;
    top: calc(50% - 1px);
}

.top-graph .tab-button .anchor-link {
	margin: 0;
}

.top-graph .tab-button .anchor-link + .anchor-link {
	border-left: 1px #a1a2a5 solid;
}

.top-graph .tab-button .anchor-link a {
	line-height: 1.2;
	padding: 0;
	overflow: visible;
}

.top-graph .tab-button .anchor-link a:before {
	content: none;
}

/* グラフタイトル非表示 */
.top-graph .highcharts-title {
	display: none !important;
}

/* グラフX軸ラベル非表示 */
.top-graph .highcharts-container .highcharts-xaxis-labels text:not(:nth-child(3n + 1)) {
	/*display: none !important;*/
}


/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {
	.top-graph {
		background-image: radial-gradient(#a4a5a7 1%, transparent 0), radial-gradient(#a4a5a7 1%, transparent 0);
		background-position: left top;
		background-size: 23px 23px;
		justify-content: center;
	}

	body[id=wide] [role="main"] > .top-graph.multiColumn2:not(.edited) {
		display: flex;
	}

	body[id=wide] [role="main"] > .top-graph.multiColumn2 > .column1 {
		width: 660px;
		padding: 60px 30px 20px 15px; 
	}

	body[id=wide] [role="main"] > .top-graph.multiColumn2 > .column2 {
		width: 340px;
		background-color: #575c64;
		padding: 60px 35px 40px;
	}

	.top-graph > .column1 .title3 {
		margin: 0 0 25px;
	}

	.top-graph > .column1 .title3 h3 {
		font-size: 25px;
	}

	.top-graph > .column2 .title3 {
		margin: 0 0 25px -35px;
	}

	.top-graph > .column2 .title3 h3 {
		font-size: 25px;
	}

}

/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.top-graph {
		background-image: radial-gradient(#d3d4d8 1%, transparent 0), radial-gradient(#d3d4d8 1%, transparent 0);
		background-position: left top;
		background-size: 10px 10px;
	}
	body[id=wide] [role="main"] > .top-graph.multiColumn2 > .column1 {
		padding: 30px 15px 15px;
	}

	body[id=wide] [role="main"] > .top-graph.multiColumn2 > .column2 {
		padding: 30px 20px;
		width: auto;
		display: block;
		margin: 0 -5px;
	}

	.top-graph > .column1 .title3 {
		margin: 0 0 10px -15px;
	}

	.top-graph > .column1 .title3 h3 {
		font-size: 17px;
	}

	.top-graph > .column2 .title3 {
		margin: 0 0 10px -15px;
	}

	.top-graph > .column2 .title3 h3 {
		font-size: 18px;
	}
	.top-graph div.shwTable .wtHider,
	.top-graph .handsontable .wtSpreader,
	.top-graph div.shwTable table.htCore {
		width: 100% !important;
	}

}

/* --------------------------- */

/*.top-tbl-rate .table .shwTableTitle {
	background-color: #107fd6;
	font-weight: blod;
	padding: 8px;
}

.top-tbl-rate .table .shwTableTitle h2 {
	color: #fff;
	font-weight: blod;
	text-align: center;
	margin-bottom: 0;
}*/

.top-tbl-rate .table .shwTable table.tbCore tr td {
	background-color: #000 !important;
	padding: 7px 7px 6px;
	border: none;
	border-top: 1px #00e205 solid;
	border-left: 1px #00e205 solid;
	text-align: right;
	color: #fff;
	height: auto;
	font-size: 15px;
}

.top-tbl-rate .table .shwTable table.tbCore tr td.tbRowHead.tbColumnHead {
	background-color: #107fd6 !important;
	font-weight: bold;
	padding: 8px;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	border-top: none;
}

.top-tbl-rate .table .shwTable table.tbCore tr td:first-child {
	border-left: none;
}

.top-tbl-rate .table .shwTable table.tbCore tbody tr:nth-child(2) td {
	background-color: #0e0f86 !important;
	color: #00e205;
	padding: 3px;
	text-align: center;
	border-top: none;
	font-size: 14px;
}

.top-tbl-rate .table .shwTable table.tbCore tbody tr:nth-child(n + 3) td:first-child {
	background-color: #0e0f86 !important;
	color: #fff;
	text-align: left;
	border-left: none;
}

.top-tbl-rate .table .shwTable table.tbCore tbody tr:nth-child(n + 3) td:last-child {
	color: #ffafaf;
}


/* --------------------------------------
 背景画像付きリンク
-------------------------------------- */

.area-top-bnr-link .text-section.has-img img {
	margin: 0 !important;
}

.area-top-bnr-link .internal-link-area a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	color: #fff;
	flex-direction: column;
}
.area-top-bnr-link .internal-link-area a p {
	z-index: 15;
}

.area-top-bnr-link .internal-link-area a p strong {
	font-weight: normal;
	display: inline-block;
	position: relative;
	line-height: 1.2;
}
.area-top-bnr-link .internal-link-area a p strong::before {
	content: "";
	display: inline-block;
	position: absolute;
	height: 1px;
	background-color: #fff;

}

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

	body[id=wide] [role="main"] > .multiColumn1.area-top-bnr-link > .column1 {
		width: 100%;
		position: relative;
		margin: 0;
	}

	body[id=wide] [role="main"] > .multiColumn2.area-top-bnr-link > .column1,
	body[id=wide] [role="main"] > .multiColumn2.area-top-bnr-link > .column2 {
		width: 50%;
		position: relative;
    	margin: 0;
	}

	.area-top-bnr-link .text-section {
		margin-bottom: 0;
		overflow: hidden;
	}
	.area-top-bnr-link .text-section:first-child + .text-section {
		display: none;
	}
	.area-top-bnr-link .text-section::after {
		display: block;
		clear: both;
		content: "";
	}

	.area-top-bnr-link .text-section.has-img img {
		width: auto;
		max-width: inherit;
	}

	.multiColumn1.area-top-bnr-link .text-section.has-img img { 
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.multiColumn2.area-top-bnr-link .text-section.has-img img {
		float: right;
	}

	.multiColumn2.area-top-bnr-link .column2 .text-section.has-img img {
		float: left;
	}

	.area-top-bnr-link .internal-link-area {
		position: absolute;
		height: 100%;
		top: 0;
		margin-bottom: 0 !important;
	}
	.multiColumn1.area-top-bnr-link .internal-link-area {
		width: 1000px;
    	left: calc(50% - 500px);
	}
	.multiColumn2.area-top-bnr-link .internal-link-area {
		width: 500px;
		right: 0;
	}

	.multiColumn2.area-top-bnr-link .column2 .internal-link-area {
		right: auto;
		left: 0;
	}
	.multiColumn1.area-top-bnr-link .internal-link-area a {
		padding: 10px 35px 10px 53px;
		justify-content: center;
	}
	.multiColumn1.area-top-bnr-link.area-top-bnr-link-right .internal-link-area a > * {
		position: relative;
		left: 585px;
	}
	.multiColumn2.area-top-bnr-link .internal-link-area a {
		padding: 10px 10px 50px 53px;
	}
	.area-top-bnr-link .internal-link-area a:hover {
		opacity: 1
	}
	.area-top-bnr-link .internal-link-area a p {
		font-size: 17px;
	}

	.area-top-bnr-link .internal-link-area a p:first-child + p {
		margin-top: 18px;
	}
	.area-top-bnr-link .internal-link-area a p strong {
		font-size: 38px;
    	border-bottom: 1px rgba(255,255,255,0) solid;
	}
	.area-top-bnr-link .internal-link-area a p strong::before {
		left: -53px;
		top: 24px;
		width: 40px;

	}
	.area-top-bnr-link .internal-link-area a:hover p strong {
    	border-bottom: 1px #fff solid;
	}

}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	body[id=wide] [role="main"] > .multiColumn1.area-top-bnr-link,
	body[id=wide] [role="main"] > .multiColumn2.area-top-bnr-link {
		padding: 0;
	}
	.multiColumn1.area-top-bnr-link > .column1, 
	.multiColumn2.area-top-bnr-link > .column1, 
	.multiColumn2.area-top-bnr-link > .column2 {
		position: relative;
		width: 100%;
		margin: 0;
		
	}
	.area-top-bnr-link .text-section ,
	.area-top-bnr-link .internal-link-area:not(.highlight) {
		margin-bottom: 0;
	}
	.area-top-bnr-link .text-section:first-child {
		display: none;
	}
	.area-top-bnr-link .text-section.has-img img {
		width: 100%;
	}
	.area-top-bnr-link .internal-link-area a {
		padding: 10px 10px 24px 30px;
	}
	.area-top-bnr-link .internal-link-area a p {
		font-size: 14px;
	}
	.area-top-bnr-link .internal-link-area a p + p {
		margin-top: 8px;
	}
	.area-top-bnr-link .internal-link-area a p strong {
		font-size: 26px;
	}
	.area-top-bnr-link .internal-link-area a p strong::before {
		left: -30px;
		top: 14px;
		width: 20px;
	}
}


/* --------------------------------------
 NEWS
-------------------------------------- */
.top-news {
	background-color: #e7e9ed;
}

.top-news .column1 {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.top-news .title2:not(.highlight) h2 {
	padding-bottom: 0;
	border-bottom: 0;
	font-weight: normal;
}
.top-news > * > .internal-link-area,
.top-news > * > .html-paragraph {
	position: relative;
	margin-bottom: 0;
	display: inline-block;
}

.top-news > * > .internal-link-area {
	padding-left: 20px;
}
.top-news > * > .internal-link-area::before {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	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;
}
.top-news > * > .html-paragraph .rss-content {
	position: relative;
	padding-left: 28px;
}
.top-news > * > .html-paragraph .rss-content em {
	margin-bottom: 0;
}
.top-news > * > .html-paragraph .rss-content::before {
	content: "";
	position: absolute;
	left: 6px;
	display: inline-block;
    width: 14px;
    height: 14px;
	top: calc(50% - 8px);
	background-image: url(../../resources/sw_img/icon_news_rss.svg);
}
.top-news .link-list {
	
}
.top-news .link-list li {
	display: inline-block
}
.top-news .link-list:not(.highlight) ul li:last-child::before {
	top: calc(8px + 1.4em / 2 - 8px / 2);
	background-image: url(../../resources/sw_img/icon_news_rss.svg);
}
/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {

	.top-news {
		padding: 75px 0 100px;
	}
	.top-news .title2 {
		float: left;
	}
	.top-news .title2 h2 {
		font-size: 40px;
		margin: 0 0 20px;
	}

	.top-news > * {
		text-align: right;
	}

	.top-news > * > .internal-link-area,
	.top-news > * > .html-paragraph {
		margin-top: 20px;
	}
	.top-news > * > .html-paragraph .rss-content {
		margin-left: 40px;
	}

	.top-news > * > *:not(.internal-link-area):not(.html-paragraph) {
		text-align: left;
	}




	.top-news .link-list {
		float: right;
		padding-top: 10px;
	}
	.top-news .link-list li + li {
		margin-left: 35px;
	}
	.top-news .link-list:not(.highlight) ul li:last-child {
		padding-left: 28px;
	}
	.top-news .link-list:not(.highlight) ul li:last-child::before {
		width: 14px;
		height: 14px;
	}

	.top-news .tabbox {
		clear: both;
	}
}


/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
	.top-news > * {
		padding: 40px 0;
		margin: 0;
	}
	.top-news .title2 h2 {
		font-size: 25px;
		margin: 0 0 15px;
	}

	.top-news > * > .internal-link-area,
	.top-news > * > .html-paragraph {
		margin-bottom: 10px;
	}
	.top-news > * > .html-paragraph .rss-content {
		margin-left: 20px;
	}
	.top-news .basic-list:not(.thumnail) ,
	.top-news .basic-list-english:not(.thumnail) {
		margin-bottom: 0;
	}
	.top-news .link-list li + li {
		margin-left: 25px;
	}
	.top-news .link-list:not(.highlight) ul li:last-child {
		padding-left: 26px;
	}
	.top-news .link-list:not(.highlight) ul li:last-child::before {
		width: 12px;
		height: 12px;
	}
}