@charset "UTF-8";

/*トップスライダー*/
.top-ph-wrap {
	position: relative;
	width: 100%;
	height: 750px;
}
.top-ph-l {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	mix-blend-mode: hard-light;
}
.top-ph-r {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	mix-blend-mode: hard-light;
}

.top-catch {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 20%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%) ;
    width: 310px;
}

.top-bg {
	background: linear-gradient(rgba(255, 255, 255, .5),  rgba(255, 255, 255, .5)), url(/assets/images/common/top-bg-02.png) no-repeat top center / cover;
}
.top-bg02 {
	background: #FAF6DF;
	mix-blend-mode: multiply;
}


/*slider2*/
.slider2 .slider-box {
	position: relative;
	height: 350px;
}


/*slider3*/
.slider3 .slider-box {
	position: relative;
	height: 220px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    background: #004A8A;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    background: #004A8A;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 1.4rem;
    color: #fff;
}


/*PCのみ*/
@media (min-width: 768px) {

		.index-news01 {
			width: 80px;
		}
		.index-news03 {
			width: 110px;
		}
}

@media (max-width: 768px) {

		.top-ph-wrap {
			height: calc(100vh - 65px) ;;
		}
		.top-ph-sp {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			mix-blend-mode: hard-light;
		}
		.top-catch {
			top: 25%;
			left: 12%;
			width: 70%;
			height: auto;
		}

		/*slider2*/
		.slider2 .slider-box {
			height: 200px;
		}
		/*slider3*/
		.slider3 .slider-box {
			height: 180px;
		}

}