body {
		background: rgb(228, 232, 235);
		background: radial-gradient(circle, rgba(228, 232, 235, 1) 0%, rgba(211, 219, 227, 1) 79%, rgba(171, 190, 207, 1) 100%);
}
html {
		overflow-y: scroll;
}
.fv_section {
		position: relative;
}
.fv_section .fv_catch {
		max-width: 850px;
		min-width: 600px;
		width: 40vw;
		position: absolute;
		top: calc(50vh - 10vw);
		right: 5vw;
		z-index: 500;
		display: none;
}
@media(max-width: 1400px) {
		.fv_section .fv_catch {
				min-width: 550px;
				width: 38vw;
				top: calc(50vh - 10vw);
				right: 2vw;
		}
}
.fv_catch.fvCatchActive {
		animation: man 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.fv_catch img {
		width: 100%;
		height: auto;
}
.fv_section_inner {
		overflow: hidden;
		position: relative;
}
.fv_section {
		height: 100vh;
		min-height: 800px;
}
.fv_section_inner, .fv_wrap, .fv_section .swiper-slide {
		min-height: 1000px;
		height: 130vh;
}
.fv_section::before, .fv_section::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 1000px;
		height: 130vh;
}
.fv_section::before {
		background: radial-gradient(circle, rgba(228, 232, 235, 1) 0%, rgba(211, 219, 227, 1) 79%, rgba(171, 190, 207, 1) 100%);
		z-index: 0;
}
.fv_section::after {
		background: url("../images/fv_noise.png");
		mix-blend-mode: multiply;
		z-index: 1;
}
.fv_wrap {
		width: 100%;
		min-height: 600px;
		position: relative;
		overflow: hidden;
}
.bg_blue1, .bg_wht1, .bg_blue2, .bg_wht2, .man, .woman {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 2900px;
		transform: translate(-400px, 150px);
		opacity: 0;
}
@media(max-width: 2000px) {
		.bg_blue1, .bg_wht1, .bg_blue2, .bg_wht2, .man, .woman {
				background-size: 2500px;
		}
}
.man, .woman {
		background-position: center top;
}
.bg_blue1 {
		background-image: url("../images/bg_blue_pc.webp");
}
.swiper-slide-active .bg_blue1 {
		animation: bgSlide 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.bg_blue2 {
		background-image: url("../images/bg_blue2_pc.png");
		z-index: 50;
}
.swiper-slide-active .bg_blue2 {
		animation: bgSlide 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.bg_wht1 {
		background-image: url("../images/bg_wht1_pc.png");
		z-index: 5;
}
.swiper-slide-active .bg_wht1 {
		animation: bgSlide 3.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.bg_wht2 {
		background-image: url("../images/bg_wht2_pc.png");
		z-index: 15;
}
.swiper-slide-active .bg_wht2 {
		animation: bgSlide 3.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.man {
		z-index: 10;
		background-image: url("../images/hero_slide1_man_pc.png");
}
.hero2_man {
		background-image: url("../images/hero_slide2_man_pc.webp") !important;
		z-index: 100 !important
}
.hero2_woman {
		background-image: url("../images/hero_slide2_woman2_pc.png") !important;
		z-index: 150 !important
}
.hero3_man {
		background-image: url("../images/hero_slide3_man_pc.png") !important;
		z-index: 100 !important;
}
.hero3_woman {
		background-image: url("../images/hero_slide3_woman_pc.png") !important;
}
.swiper-slide-active .man {
		animation: man 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		animation-delay: 0.30s;
}
.woman {
		z-index: 3;
		background-image: url("../images/hero_slide1_woman_pc.webp");
}
.swiper-slide-active .woman {
		animation: man 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		animation-delay: 0.35s;
}
img {
		width: 100%;
		height: auto;
}
@keyframes man {
		0% {
				transform: translate(-150px, 60px);
				opacity: 0;
		}
		100% {
				transform: translate(0, 0);
				opacity: 1;
		}
}
@keyframes manSP {
		0% {
				transform: translate(-150px, 60px);
				opacity: 0;
		}
		20% {
				opacity: 1;
		}
		100% {
				transform: translate(0, 0);
				opacity: 1;
		}
}
@keyframes bgSlide {
		0% {
				transform: translate(-400px, 150px);
				opacity: 0;
		}
		50% {
				opacity: 1;
		}
		100% {
				transform: translate(0, 0);
				opacity: 1;
		}
}
@keyframes bgSlideSP {
		0% {
				transform: translate(-400px, 150px);
				opacity: 0;
		}
		50% {
				opacity: 1;
		}
		100% {
				transform: translate(0, 0);
				opacity: 1;
		}
}
.swiper-slide {
		background: none !important;
}
@media(max-width: 768px) {
		.fv_section {
				height: 180vw;
				min-height: inherit;
				background: url("../images/fv_bg_sp.jpg") no-repeat center top;
				background-size: cover;
				overflow: hidden;
		}
		.fv_section::before, .fv_section::after {
				display: none;
		}
		.fv_section_inner, .fv_wrap, .fv_section .swiper-slide {
				min-height: inherit;
				height: 180vw;
		}
		.fv_section .fv_catch {
				width: 100%;
				min-width: inherit;
				max-width: inherit;
				top: 13vw;
				right: inherit;
				left: 0;
		}
		.bg_blue1, .bg_wht1, .bg_blue2, .bg_wht2 {
				background-position: right 40vw;
				width: 150vw;
				background-size: 150vw;
				transform: translate(-400px, 150px);
				opacity: 0;
		}
		.man, .woman, .hero2_man, .hero2_woman {
				background-position: right bottom;
				background-size: 100%;
				width: 150vw;
				transform: translate(-400px, 150px);
				-webkit-overflow-scrolling: touch;
				top: 13vw;
		}
		.man {
				background-image: url("../images/hero_slide1_man_sp.png");
				z-index: 200;
		}
		.woman {
				background-image: url("../images/hero_slide1_woman_sp.png");
				z-index: 100;
		}
		.swiper-slide-active .man {
				animation: manSP 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
				animation-delay: 0.2s;
		}
		.swiper-slide-active .woman {
				animation: manSP 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
				animation-delay: 0.25s;
		}
		.hero2_man {
				background-image: url("../images/hero_slide2_man_sp.png") !important;
				z-index: 100;
		}
		.hero2_woman {
				background-image: url("../images/hero_slide2_woman_sp.png") !important;
		}
		.hero3_man {
				background-image: url("../images/hero_slide3_man_sp.png") !important;
		}
		.hero3_woman {
				background-image: url("../images/hero_slide3_woman_sp.png") !important;
				z-index: 50;
		}
		.bg_blue1 {
				background-image: url("../images/bg_blue_pc.png");
		}
		.bg_blue2 {
				background-image: url("../images/bg_blue2_pc.png");
		}
		.bg_wht1 {
				background-image: url("../images/bg_wht1_sp.png");
				z-index: 5;
		}
		.bg_wht2 {
				background-image: url("../images/bg_wht2_sp.png");
		}
		.swiper-slide-active .bg_blue1 {
				animation: bgSlideSP 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		}
		.swiper-slide-active .bg_blue2 {
				animation: bgSlideSP 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		}
		.swiper-slide-active .bg_wht1 {
				animation: bgSlideSP 3.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		}
		.swiper-slide-active .bg_wht2 {
				animation: bgSlideSP 3.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
		}
}