@charset "utf-8";
.future_section {
		height: 500vh;
}
.future_sticky_first {
		position: sticky;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/top_future_section_bg_pc.jpg")
}
.future_sticky_first .decoParts {
		position: absolute;
		left: calc(calc(100vw - 1500px) * 0.5);
		bottom: 20vh;
}
.future_sticky {
		position: sticky;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
}
.future_sticky_first .future_txt_wrap {
		width: 100%;
		position: absolute;
		top: calc(50vh - 23px);
		left: 0;
		text-align: center;
}
.future_txt {
		width: 1265px;
		margin: 0 auto;
		transform: translateX(100vw);
		opacity: 0;
}
.future_txt img {
		width: 100%;
		height: auto;
}
.future_sticky_first .future_lead_wrap {
		width: 100%;
		position: absolute;
		top: calc(50vh + 50px);
		left: 0;
		text-align: center;
}
.future_lead {
		font-size: 28px;
		font-weight: 600;
		transform: translateX(100vw);
		opacity: 0;
}
.future_cont {
		width: 100%;
		height: calc(100vh + 100px);
		display: flex;
		justify-content: center;
		align-items: center;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 2;
}
@media(max-width: 1100px) {
		.future_cont {
				height: calc(100vh + 80px);
		}
}
@media(max-width: 767px) {
		.future_cont {
				height: calc(100vh + 60px);
		}
}
.future_hd, .future_caption, .future_hd, .future_caption, .future_section .linkBtn {
		opacity: 0;
		transform: translateY(50px);
}
.future_hd {
		text-align: center;
		margin: 0 0 50px;
		position: relative;
}
.future_hd hgroup {
		padding-top: 0;
}
.future_hd hgroup * {
		color: #fff;
}
.future_hd hgroup::before, .future_hd hgroup::after {
		display: none
}
.future_hd hgroup span {
		position: relative;
		display: inline-block;
}
.future_hd hgroup span::before, .future_hd hgroup span::after {
		content: '';
		display: block;
		position: absolute;
		width: 9px;
		height: 9px;
}
.future_hd hgroup span::before {
		background: #fff;
		top: -50px;
		left: calc(50% - 13px)
}
.future_hd hgroup span::after {
		background: #AED0E9;
		top: -41px;
		left: calc(50% - 4px)
}
.future_caption {
		line-height: 2.0;
		max-width: 830px;
		margin: 0 auto 70px;
		position: relative;
		z-index: 5;
		color: #fff;
		opacity: 0;
}
@media(min-width: 768px) {
		.future_caption {
				text-align: center;
		}
}
.future_sticky .future_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		background-image: url("../images/top_future_pc.jpg");
		transform: scale(0);
		opacity: 0;
		z-index: 0
}
.future_sticky .future_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3);
		mix-blend-mode: multiply;
		z-index: 1;
		opacity: 0;
}
.future_section .linkBtn {
		font-size: 17px;
		font-weight: 500;
		position: relative;
		z-index: 5;
		width: 410px;
		opacity: 0;
}
.future_section .linkBtn a {
		color: #fff;
		height: 100px;
		background: rgba(255, 255, 255, 0.2);
		border: 1px solid #fff;
		border-radius: 60px;
}
@media (hover: hover) {
		.future_section .linkBtn a:hover {
				background: rgba(255, 255, 255, 1);
				color: #163044;
		}
}
@media(max-width: 1500px) {
		.future_txt {
				width: 1000px;
		}
		.future_sticky_first .future_lead_wrap {
				top: calc(50vh + 35px);
		}
		.future_lead {
				font-size: 22px;
		}
}
@media(max-width: 1200px) {
		.future_section .linkBtn {
				width: 330px;
		}
		.future_section .linkBtn a {
				height: 80px;
		}
}
@media(max-width: 1100px) {
		.future_txt {
				width: 700px;
		}
		.future_sticky_first .future_txt_wrap {
				top: calc(50vh - 50px);
		}
		.future_sticky_first .future_lead_wrap {
				top: calc(50vh - 10px);
		}
		.future_lead {
				font-size: 18px;
		}
		.future_caption {
				margin: 0 auto 50px;
		}
}
@media(max-width: 960px) {
		.future_sticky .future_bg {
				background-image: url("../images/top_future_sp.jpg?2603");
				background-repeat: no-repeat;
				background-position: center bottom;
				background-size: cover;
		}
		.future_sticky_first {
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;
				background-image: url("../images/top_future_section_bg_sp.jpg")
		}
}
@media screen and (orientation: landscape) and (max-width: 900px) {
		.future_txt {
				width: 80%;
		}
		.future_lead .spbr {
				display: none
		}
}
@media(max-width: 500px) {
		.future_txt {
				width: 300px;
		}
		.future_sticky_first .future_txt_wrap {
				top: calc(50vh - 60px);
		}
		.future_sticky_first .future_lead_wrap {
				top: calc(50vh + 10px);
		}
		.future_lead {
				font-size: 15px;
				line-height: 1.6;
		}
		.future_caption {
				max-width: 90%;
				margin: 0 auto 30px;
		}
		.future_hd {
				margin: 0 0 30px;
		}
		.future_caption {
				line-height: 1.8;
		}
		.future_section .linkBtn a {
				height: 56px;
		}
		.future_section .linkBtn {
				width: 70vw;
		}
}