#topIrNews { padding: 2rem 0;}

.newsTopArea .fl { position: relative; width: 50%; float: left;}
.newsTopArea .fr { width: 50%; float: right; padding-left: 40px;}
.newsTopArea .fr .label { position: relative; top: 0; left: 0; font-size: 16px; font-weight: bold;}
.newsTopList .moreLink { position: absolute; right: 0; top: 0;}
.newsTopArea .irLinkList01 li + li { margin-top: 12px;}

@media only screen and (max-width: 768px) {
	#topIrNews { padding: 1.5rem 0;}

	.newsTopList .moreLink { position: static; margin: 0 0 1rem;}
	.newsTopArea .fl,
	.newsTopArea .fr { width: auto; float: none; padding-left: 0;}
	.newsTopArea .fr { padding-top: 2rem;}
}

.irTopicsArea { padding: 2.5% 0 0;}
.irTopics { position: relative;}
.irTopics .fl { position: relative; width: 48%; float: left;}
.irTopics .fr { width: 48%; float: right;}
.irTopics .fr .ttl03 { margin-top: 0;}
.irTopics .sec_white { padding: 25px 20px;}
.irTopics .ttl03 { margin-bottom: 10px !important;}
.irTopics .moreLink { position: absolute; right: 20px; top: 15px;}

@media only screen and (max-width: 768px) {
	.irTopics .fl,
	.irTopics .fr { width: auto; float: none; padding-left: 0;}
	.irTopics .fr { padding-top: 6px;}
	.irTopics .moreLink { position: static; margin: 0 0 1rem;}
}

.btn_white { margin-top: 10px;}
.btn_white a {
	position: relative;
	display: block;
	background-color: #fff;
	color: #266585;
	padding: 20px;
}
.btn_white a:hover { background-color: #266585; color: #fff;}
.btn_white .ico_arw:hover:before,
.btn_white .ico_arw:hover:after { border-color: #fff;}

#indexList { margin: 0 -1%;}
#indexList > li { width: 31.33%; margin: 0 1% 20px !important;}
#indexList > li:nth-child(3n+1) { clear: both;}
#indexList a { position: relative;}
#indexList li a > span { display: block; overflow: hidden;}
#indexList .label {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	background-color: rgba(255,255,255,0.8);
	padding: 15px 35px 15px 15px;
}
@media only screen and (min-width: 769px) {
	#indexList .label {
		display: flex;
		height: 46px;
		align-items: center;
	}
}
#indexList a:hover .label { background-color: #266585; color: #fff;}
#indexList a:hover .ico_arw:after,
#indexList a:hover .ico_arw:before { border-color: #fff;}
#indexList li:last-child { border-bottom: none;}

@media only screen and (max-width: 768px) {
	#indexList > li { width: 48%; float: left;}
	#indexList > li:nth-child(3n+1) { clear: none;}
	#indexList > li:nth-child(2n+1) { clear: both;}
}
@media only screen and (max-width: 480px) {
	#indexList { margin: 0;}
	#indexList > li { width: auto; float: none; margin: 0 0 10px !important;}
}

section#recommendedContent { padding: 4rem 0;}
@media only screen and (max-width: 768px) {
section#recommendedContent { padding: 2rem 0;}
}