@charset "UTF-8";

/*com_slide_tate
---------------------------------------------------------*/
.com_slide_tate {
	position: relative;
	z-index: 0;
	display: flex;
    justify-content: space-between;
}
.m_img_area .com_slide_tate{
	width: 100%;
}
.m_img_area .com_slide_tate .box_l{
	width: 71%;
}
.m_img_area .com_slide_tate .box_r{
	width: 29%;
}

.com_slide_tate > div {
	width: 50%;
}
.com_slide_tate .vertical_slide1,
.com_slide_tate .vertical_slide2 {
	overflow: hidden !important;
}
.com_slide_tate1 .com_slide_tate .vertical_slide1,
.com_slide_tate1 .com_slide_tate .vertical_slide2,
.top_slide1 .com_slide_tate .vertical_slide1,
.top_slide1 .com_slide_tate .vertical_slide2 {
	height: min(800px,45vw);
	max-height: 800px;
}
.com_slide_tate .swiper-slide {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.com_slide_tate .swiper-slide .img_area {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: 1.5s;	/*スライドの「speed」と合わせる*/
}
.com_slide_tate .swiper-slide .img_area::before {
	content: "";
	position: absolute;
	width: 110%;
	height: 100%;
	background-image: url("../images/top/slide_l1@2x.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: 3.0s cubic-bezier(0, 0.55, 0.45, 1);
}
.m_img_area .top_slide .swiper-slide .img_area::before {
	background-image: url("../images/top/m_img1@2x.jpg");}

/*スライドアニメーション*/
.com_slide_tate .vertical_slide1 .swiper-slide .img_area::before {
	right: 0;
	bottom: 0;
}
.com_slide_tate .vertical_slide1 .swiper-slide[class*=-prev] .img_area {
	transform: translateX(100%);
}
.com_slide_tate .vertical_slide1 .swiper-slide[class*=-next] .img_area {
	transform: translateX(-100%);
}
.com_slide_tate .vertical_slide1 .swiper-slide[class*=-next] .img_area::before {
	right: -10%;
	bottom: 0;
}
.com_slide_tate .vertical_slide2 .swiper-slide .img_area::before {
	left: 0;
	top: 0;
}
.com_slide_tate .vertical_slide2 .swiper-slide[class*=-prev] .img_area {
	transform: translateX(100%);
}
.com_slide_tate .vertical_slide2 .swiper-slide[class*=-next] .img_area {
	transform: translateX(-100%);
}
.com_slide_tate .vertical_slide2 .swiper-slide[class*=-prev] .img_area::before {
	left: -10%;
	top: 0;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_slide_tate {
	display: block;
}
.com_slide_tate > div {
	width: 100%!important;
}
.com_slide_tate1 .com_slide_tate .vertical_slide1,
.com_slide_tate1 .com_slide_tate .vertical_slide2,
.top_slide1 .com_slide_tate .vertical_slide1,
.top_slide1 .com_slide_tate .vertical_slide2 {
	height: 65vw;
}
.top_slide1 .com_slide_tate .vertical_slide1,
.top_slide1 .com_slide_tate .vertical_slide2 {
	height: 110vw;
}
.com_slide_tate .swiper-slide .img_area::before {
	width: 110%;
	height: 100%;
}
/*スライドアニメーション*/
.com_slide_tate .vertical_slide1 .swiper-slide[class*=-prev] .img_area {
	transform: translateX(100%);
}
.com_slide_tate .vertical_slide1 .swiper-slide[class*=-next] .img_area {
	transform: translateX(-100%);
}
.com_slide_tate .vertical_slide1 .swiper-slide[class*=-next] .img_area::before {
	right: -10%;
	bottom: 0;
}
.com_slide_tate .vertical_slide2 .swiper-slide[class*=-prev] .img_area {
	transform: translateX(100%);
}
.com_slide_tate .vertical_slide2 .swiper-slide[class*=-next] .img_area {
	transform: translateX(-100%);
}
.com_slide_tate .vertical_slide2 .swiper-slide[class*=-prev] .img_area::before {
	left: -10%;
	top: 0;
}
}