* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.flex_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wrap_1280 {
	max-width:1280px;
	width:100%;
	margin:0 auto;
}
.wrap_1024 {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}

.swiper-slide {
	height:100vh !important;
	height:100svh !important;
	position:relative;
}
#Index .pattern {
	position: absolute;
    width: 45.75rem;
    /* height: 100%; */
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-17%, -45%);
}
#Index .index_logo {
	width:10.9rem;
}
#Index .d-flex {
	gap:2.25rem;
	align-items: center;
}
#Index .d-flex h2{
	color:#fff;
	font-size:3rem;
	font-weight:700;
	line-height:1.2;
	letter-spacing: -0.1rem;
}
#Index .d-flex .line {
	position:absolute;
	top:calc(50% + 6.4rem);
	left:0;
	width:100%;
	height:0.25rem;
	background:linear-gradient(to right,#12B5EA,#0065B3);
	background:-webkit-linear-gradient(to right,#12B5EA,#0065B3);
}
#Index .d-flex>div {
	flex-grow:1;
}
#Index .d-flex h4 {
	font-size:2rem;
}
#Index .d-flex p{
	font-size:0.9rem;
	color:#fff;
	font-weight:300;
	letter-spacing: -0.011rem;
}
#Index .wrap_1620 .year {
	font-size:12.6rem;
	letter-spacing: -0.75rem;
	margin-bottom:2rem;
}


.swiper-navigation {
	display:flex;
	float:left;
	margin-right:1.5rem;
	margin-top:3px;
	align-items: center;
}
.swiper-button-next:after, .swiper-button-prev:after {
	display:none;
}
.swiper-button-next, .swiper-button-prev {
	width:0.65rem !important;
	height:1.05rem !important;
	bottom:5.6rem;
	top:auto !important;
	left:50% !important;
	position:static !important;
	margin-top:0 !important;
}
.swiper-button-next {
	background:url(../img/index/ico_next_arrow.png) no-repeat;
	background-size:cover;
}
.swiper-button-prev {
	background:url(../img/index/ico_prev_arrow.png) no-repeat;
	background-size:cover;
}
.swiper-wrapper .slide01 h2 { 
	display:block; 
	font-size:80px;
	line-height:1.1;
}
.swiper-wrapper .slide01 h2 span {
	font-size:47px;
	font-weight:500;
}
.swiper-wrapper .slide02 h2 span,.swiper-wrapper .slide02 h3 span {
	margin-top:8px;
}
.swiper-wrapper .slide04 h2 { 
	line-height:1.15;
}
.swiper-wrapper .slide01 {
	background:url(../img/index/slide01.jpg?ver=250213) no-repeat;
	background-size:cover;
}
.swiper-wrapper .slide02 {
	background:url(../img/index/slide02.jpg) no-repeat;
	background-size:cover;
}
.swiper-wrapper .slide03 {
	background:url(../img/index/slide03.jpg) no-repeat;
	background-size:cover;
}
.swiper-wrapper .slide04 {
	background:url(../img/index/slide04.jpg) no-repeat;
	background-size:cover;
}
.swiper-wrapper .slide05 {
	background:url(../img/index/slide05.jpg) no-repeat;
	background-size:cover;
}
.swiper-wrapper .slide06 {
	background:url(../img/index/slide06.jpg) no-repeat;
	background-size:cover;
}

#Index .wrap_1620 {
	position:absolute;
	/* border:2px solid pink; */
	z-index: 2;
	color:#fff;
	max-width:1620px;
	width:90%;
	bottom:4.5rem;
	left:50%;
	transform:translate(-50%,0);
}
@media screen and (max-width: 1024px) {
	#Index .index_logo {
		width:12.5rem;
	}
	#Index .d-flex {
		flex-direction: column;
		align-items: flex-start;
		position:relative;
	}
	#Index .d-flex h2 {
		font-size:2.5rem;
	}
	#Index .d-flex>div {
		width:100%;
	}
	#Index .d-flex h4 {
		margin-top:10rem;
	}
	#Index .wrap_1620 .year {
		font-size: 8rem;
        position: relative;
        /* top: 9.7rem; */
        letter-spacing: -0.3rem;
		margin-bottom:2rem;
	}
	#Index .d-flex h4 {
		margin-top:2.5rem;
	}
	#Index .wrap_1620 {
		top:auto;
		bottom:5rem;
		transform:translate(-50%,0);
	}
	#Index .d-flex p {
		margin-bottom:0;
	}
	#Index .swiper-pagination {
		position:absolute;
		bottom:0;
	}
}
@media screen and (max-width: 768px) {
	.swiper-wrapper .slide01 {
		background:url(../img/index/m_slide01.png) no-repeat;
		background-size:cover;
	}
	.swiper-wrapper .slide02 {
		background:url(../img/index/m_slide02.png) no-repeat;
		background-size:cover;
	}
	.swiper-wrapper .slide03 {
		background:url(../img/index/m_slide03.png) no-repeat;
		background-size:cover;
	}
	.swiper-wrapper .slide04 {
		background:url(../img/index/m_slide04.png) no-repeat;
		background-size:cover;
	}
	.swiper-wrapper .slide05 {
		background:url(../img/index/m_slide05.png) no-repeat;
		background-size:cover;
	}
	.swiper-wrapper .slide06 {
		background:url(../img/index/m_slide06.png) no-repeat;
		background-size:cover;
	}
	#Index .pattern {
		width: 92%;
        left: 50%;
        top: auto;
        bottom: 1.2rem;
        transform: translate(-38%, 0);
    }
	#Index .d-flex h2 {
		line-height:1.3;
	}
	#Index .d-flex .line {
		top: calc(50% + 0.8rem);
	}
}