@charset "utf-8";
@media only screen and (max-width: 767px){
}

.eyecatch_inc.top.scroll .eyecatch_inc01 .eyecatch_inc01_01#spacer{
	height: var(--spacer-h, 100vh);
	background: transparent;
}
.eyecatch_inc.top.slide .eyecatch_inc01 .eyecatch_inc01_01#spacer{
	display: none;
}
.eyecatch_inc.top .eyecatch_inc01 .eyecatch_inc01_01 .photo01{
	overflow: hidden;
}
.eyecatch_inc.top.slide .eyecatch_inc01 .eyecatch_inc01_01:nth-of-type(1) .photo01 > img{
	transform-origin: center;
	transform: scale(1.1);
/*	filter: blur(2px);*/
	opacity: 0.7;
}
.eyecatch_inc.top.scroll .eyecatch_inc01 .eyecatch_inc01_01 .photo01 > img{
	transform-origin: center;
	transform: scale(1.1);
}
.eyecatch_inc.top.slide .eyecatch_inc01 .eyecatch_inc01_01 .photo01 > .text01 > .text01_01 {
	clip-path: inset(0 100% 0 0);
}
.eyecatch_inc.top.slide .eyecatch_inc01 .slick-current .photo01 > .text01 > .text01_01 {
	clip-path: inset(0 0 0 0);
	transition-property: clip-path;
	transition-duration: 1s;
	transition-timing-function: ease;
	transition-delay: 0.8s;
}
.eyecatch_inc.top.slide .slick-current .text01_01:nth-of-type(1) {
	transition-delay: 0.8s;
}
.eyecatch_inc.top.slide .slick-current .text01_01:nth-of-type(2) {
	transition-delay: 1.0s;
}
.eyecatch_inc.top.slide .slick-current .text01_01:nth-of-type(3) {
	transition-delay: 1.2s;
}
.eyecatch_inc.top.scroll .eyecatch_inc01 .eyecatch_inc01_01 .photo01 > .text01 > .text01_01{
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.eyecatch_inc.top.slide .eyecatch_inc02 .eye_img::before{
	content: '';
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);
	transform-origin: center;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: transform 0s;
}
.eyecatch_inc.top .eyecatch_inc02 .eye_img.active::before{
	animation: zoom 8s linear 0s normal both;
}
@keyframes zoom{
	0%{
		transform: scale(1.1);
	}
	100%{
		transform: scale(1.0);
	}
}
.eyecatch_inc.top .eyecatch_inc02{
	opacity: 0;
	transform-origin: center;
	transform: scale(0.95);
	z-index: 10;
}

.eyecatch_inc.top.scroll + .contents01{
	background-color: #f5f5f5;
	margin-top: var(--content-overlap, 0px);
	position: relative;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > .text01 > span:nth-of-type(1){
	opacity: 0;
	transform: translateY(10px);
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > .text01 > span:nth-of-type(2){
	opacity: 0;
	transform: translateY(10px);
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > .text01 > .item01{
	opacity: 0;
	transform-origin: center;
	transform: scale(0.95);
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_02 .contents01_01_01_02_01{
	opacity: 0;
	transform: translateY(-10px);
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_02 .contents01_01_01_02_01 .contents01_01_01_02_01_01 > .border_top{
	display: none;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_02 .contents01_01_01_02_01:nth-of-type(1) .contents01_01_01_02_01_01 > .border_top{
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_02 .contents01_01_01_02_01 .contents01_01_01_02_01_01 .contents01_01_01_02_01_01_01{
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.contents02 .contents02_01 .contents02_01_01 > .text01 > span:nth-of-type(1){
	opacity: 0;
	transform: translateY(10px);
}
.contents02 .contents02_01 .contents02_01_01 > .text01 > span:nth-of-type(2){
	opacity: 0;
	transform: translateY(10px);
}
.contents02 .contents02_01 .contents02_01_01 > .text01 > .item01{
	opacity: 0;
	transform-origin: center;
	transform: scale(0.95);
}
.contents02 .contents02_01 .contents02_01_02 .contents02_01_02_01 .contents02_01_02_01_01 > .photo01{
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
}

.contents03 .contents03_01 .contents03_01_01 > .text01 > span:nth-of-type(1) > span{
	opacity: 0;
	transform: translateY(10px);
}
.contents03 .contents03_01 .contents03_01_01 > .text01 > span:nth-of-type(2){
	opacity: 0;
	transform: translateY(10px);
}
.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_01 > .text01{
	opacity: 0;
	transform: translateY(10px);
}
.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_01 > .text02{
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_01 > .item01{
	opacity: 0;
	transform-origin: center;
	transform: scale(0.95);
}
@media only screen and (max-width: 767px) {
	.contents03 .contents03_01 .contents03_01_01 > .text01 > .item01{
		opacity: 0;
		transform-origin: center;
		transform: scale(0.95);
	}
}
.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_02 .contents03_01_02_02_01:nth-of-type(1){
	opacity: 0;
	transform-origin: center;
	transform: translateY(100px) rotate(5deg);
}
@media only screen and (max-width: 767px) {
	.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_02 .contents03_01_02_02_01:nth-of-type(1){
		transform-origin: top left;
		transform: translateY(10px) rotate(0deg);
	}
}
.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_02 .contents03_01_02_02_01:nth-of-type(2){
	opacity: 0;
	transform-origin: center;
	transform: translateY(100px) rotate(-5deg);
}
@media only screen and (max-width: 767px) {
	.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_02 .contents03_01_02_02_01:nth-of-type(2){
		transform-origin: top left;
		transform: translateY(10px) rotate(0deg);
	}
}
.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_02 .contents03_01_02_02_01:nth-of-type(3){
	opacity: 0;
	transform-origin: center;
	transform: translateY(100px) rotate(5deg);
}
@media only screen and (max-width: 767px) {
	.contents03 .contents03_01 .contents03_01_02 .contents03_01_02_02 .contents03_01_02_02_01:nth-of-type(3){
		transform-origin: top left;
		transform: translateY(10px) rotate(0deg);
	}
}

.contents04 .contents04_01 .contents04_01_01 > .text01 > span:nth-of-type(1){
	opacity: 0;
	transform: translateY(10px);
}
.contents04 .contents04_01 .contents04_01_01 > .text01 > span:nth-of-type(2){
	opacity: 0;
	transform: translateY(10px);
}
.contents04 .contents04_01 .contents04_01_01 > .text01 > .item01{
	opacity: 0;
	transform-origin: center;
	transform: scale(0.95);
}