.news-tab-area .news-list{
	display: none;
}
.news-tab-area .news-list.show{
	display: block;
}
@media screen and (min-width: 768px){
	.top-page .news .news-list{
		width: 700px;
	}
	.top-page .l-contents-header .visual03 {
		background-image: url(../img/top/mv03_Re.jpg);
	}
	.top-page .l-contents-header .visual05 {
		background-image: url(../img/top/mv05_Re.jpg);
	}
	.top-page .l-contents-footer .page-list li{
		max-width: 1020px;
	}
}
@media screen and (max-width: 767px){
	.top-page .l-contents-header .visual03 {
		background-image: url(../img/top/mv03.sp_Re.jpg);
	}
}

/* ============================================
   Marketdev homepage section (#marketdev)
   Layout: business-flex reverse (text LEFT, images RIGHT)
   Overlapping images + trading-style button list
   ============================================ */

/* --- Section spacing (padding before/after) --- */
@media screen and (min-width: 768px) {
	#marketdev {
		margin-top: 40px;
		padding-bottom: 30px;
		scroll-margin-top: 80px;
	}
}
@media screen and (max-width: 767px) {
	#marketdev {
		margin-top: 25px;
		padding-bottom: 20px;
		scroll-margin-top: 70px;
	}
}

/* --- Widen text column to fit 2-col buttons without text wrapping --- */
@media screen and (min-width: 768px) {
	#marketdev .contents {
		max-width: 585px;
		margin-right: 65px;
	}
}

/* --- Overlapping images (replaces <picture>) --- */
#marketdev .overlapping-images img {
	width: 100%;
	height: auto;
	display: block;
}

@media screen and (min-width: 768px) {
	#marketdev .overlapping-images {
		position: relative;
		flex-shrink: 0;
		width: 748px;
		max-width: 748px;
		min-height: 520px;
	}
	#marketdev .overlapping-images .img-back {
		width: 71.5%;
		position: absolute;
		bottom: 8%;
		left: 0;
		z-index: 1;
	}
	#marketdev .overlapping-images .img-front {
		position: absolute;
		width: 50%;
		right: 5%;
		top: 15%;
		z-index: 2;
		transform: scaleY(1.2);
		transform-origin: top;
	}
}

@media screen and (max-width: 767px) {
	#marketdev .overlapping-images {
		position: relative;
		margin-top: 40px;
		padding-right: calc(40 / 750 * 100%);
		min-height: 300px;
	}
	#marketdev .overlapping-images .img-back {
		width: 75%;
		position: absolute;
		bottom: 10%;
		left: 0;
		z-index: 1;
	}
	#marketdev .overlapping-images .img-front {
		position: absolute;
		width: 55%;
		right: calc(40 / 750 * 100%);
		top: 10%;
		z-index: 2;
	}
}

/* --- Button list (trading-style 2-col grid) --- */
/* Override general business-flex .l-border-button margin-top:25px */
#marketdev .contents-list .l-border-button {
	height: 35px;
	font-size: 13px;
	margin-top: 0;
}
#marketdev .contents-list .l-border-button .link {
	white-space: nowrap;
}

@media screen and (min-width: 768px) {
	#marketdev .wrapper {
		margin-top: 25px;
		background: rgba(67, 164, 225, 0.1);
		padding: 20px 15px;
		border-radius: 4px;
	}
	#marketdev .contents-list {
		display: flex;
		flex-wrap: wrap;
	}
	#marketdev .contents-list li {
		width: calc(50% - 11px);
	}
	#marketdev .contents-list li:not(:nth-child(2n+1)) {
		margin-left: 22px;
	}
	#marketdev .contents-list li:not(:nth-child(-n+2)) {
		margin-top: 10px;
	}
	#marketdev .contents-list .l-border-button {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#marketdev .wrapper {
		margin-top: 25px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: calc(40 / 750 * 100%);
		padding-right: calc(40 / 750 * 100%);
		background: rgba(67, 164, 225, 0.1);
	}
	#marketdev .contents-list li:not(:first-of-type) {
		margin-top: 10px;
	}
}

#marketdev .contents-list .l-border-button .link .arrow {
	margin: 0;
}