/*================================================================================
FileName: _layout.scss
================================================================================*/
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");


/*----------common----------*/

.bdGray {
	border: 1px solid #ccc;
}
.mainVisual .m-txt01, .mainVisual .m-txt02 {
	line-height: 1.8 !important;
}

@media only screen and (min-width: 897px) {
	.flexPcrr {
		flex-direction: row-reverse;
	}
	.wPC100 {
		width: 100% !important;
	}
	.wPC90 {
		width: 90% !important;
	}
	.wPC80 {
		width: 80% !important;
	}
	.wPC70 {
		width: 70% !important;
	}
	.wPC60 {
		width: 60% !important;
	}
	.wPC50 {
		width: 50% !important;
	}
	.wPC40 {
		width: 40% !important;
	}
	.wPC30 {
		width: 30% !important;
	}
	.wPC20 {
		width: 20% !important;
	}
	.wPC10 {
		width: 10% !important;
	}
}

@media only screen and (max-width: 896px) {
	.wSP100 {
		width: 100% !important;
	}
	.wSP90 {
		width: 90% !important;
	}
	.wSP80 {
		width: 80% !important;
	}
	.wSP70 {
		width: 70% !important;
	}
	.wSP60 {
		width: 60% !important;
	}
	.wSP50 {
		width: 50% !important;
	}
	.wSP40 {
		width: 40% !important;
	}
	.wSP30 {
		width: 30% !important;
	}
	.wSP20 {
		width: 20% !important;
	}
	.wSP10 {
		width: 10% !important;
	}
}



/*----------group----------*/

.mv-imgBox {
	position: relative;
}
.mv-filter {
	margin-top: 39px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	background: url(/ja/corp/group/img/mv_filter.png);
	opacity: .5;
}
.ancImgWrap div:nth-child(1) .ancImg {
	background-image: url(/ja/corp/group/img/anc01.png);
}
.ancImgWrap div:nth-child(2) .ancImg {
	background-image: url(/ja/corp/group/img/anc02.png);
}
.ancImgWrap div:nth-child(3) .ancImg {
	background-image: url(/ja/corp/group/img/anc03.png);
}
.ancImgWrap div:nth-child(4) .ancImg {
	background-image: url(/ja/corp/group/img/anc04.png);
}
.ancImgWrap div {
	padding: 0 5px 0 5px;
}
.ancImg {
	width: 100%;
	height: 200px;
	-webkit-transition: all .2s;
	transition: all .2s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center 25%;
}
.ancImg:hover {
	opacity: .5;
}
.ancImg p {
	padding-top: 155px;
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow_down01.svg) no-repeat;
	background-size: 13px;
	background-position: right 15px bottom 8px;
}
@media only screen and (max-width: 896px) {
	.ancImg {
		height: 120px;
	}
	.ancImg p {
		padding-top: 90px;
		background-size: 10px;
		background-position: right 10px bottom 3px;
	}
	.ancImg p span {
		display: inline-block !important;
	}
}

.linkStyle02_red {
	color: #b91440 !important;
}
.linkStyle02_red:after {
	width: 9px;
	height: 13px;
	background-size: 9px !important;
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01_r.svg) no-repeat;
}
.window.linkStyle02_red:after {
	background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window_r.svg) no-repeat;
	background-size: 15px !important;
}