@charset "utf-8";

/* scroll */
.scroll_down{
	position: relative;
	margin-top: 60px;
	height: 64px;
}
  
  
  .scroll_down:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -3px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #3BA946;
	animation:
	  circlemove 1.6s ease-in-out infinite,
	  cirlemovehide 1.6s ease-out infinite;
	}
  
  @keyframes circlemove{
	0%{bottom: 64px;}
	100%{bottom:0px;}
  }
  
  @keyframes cirlemovehide{
	0%{opacity:0}
	50%{opacity:1;}
	80%{opacity:0.9;}
	100%{opacity:0;}
  }
  
  .scroll_down:after{
	content:"";
	position: absolute;
	bottom:0;
	left:0;
	width: 1px;
	height: 64px;
	background: #3BA946;
	}

/* 文字スライダー */
  .text-slider {
	width: 100%;
	overflow: hidden;
  }
  
  .text-slider__track {
	display: flex;
	width: max-content;
	animation: textLoop 100s linear infinite;
	}
  
  .text-slider__item {
	flex-shrink: 0;
	padding-right: 80px;
	white-space: nowrap;
	}
  
  @keyframes textLoop {
	from {
	  transform: translateX(0);
	}
  
	to {
	  transform: translateX(-50%);
	}
  }


  /* 文字出現アニメーション */
.text-line {
	display: block;
	overflow: hidden;
}

.text-line__inner {
	display: block;
	transform: translateY(100%);
	transition:
		transform .8s cubic-bezier(.22, 1, .36, 1);
}

.text-line.pc{
	display:block;
}

.text-line.sp{
	display:none;
}

.active .text-lines .text-line__inner,
.text-lines.active .text-line__inner {
	transform: translateY(0);
}

.active .text-lines .text-line:nth-child(1) .text-line__inner,
.text-lines.active .text-line:nth-child(1) .text-line__inner {
	transition-delay: 0s;
}

.active .text-lines .text-line:nth-child(2) .text-line__inner,
.text-lines.active .text-line:nth-child(2) .text-line__inner {
	transition-delay: .1s;
}

.active .text-lines .text-line:nth-child(3) .text-line__inner,
.text-lines.active .text-line:nth-child(3) .text-line__inner {
	transition-delay: .2s;
}

.active .text-lines .text-line:nth-child(4) .text-line__inner,
.text-lines.active .text-line:nth-child(4) .text-line__inner {
	transition-delay: .3s;
}

.active .text-lines .text-line:nth-child(5) .text-line__inner,
.text-lines.active .text-line:nth-child(5) .text-line__inner {
	transition-delay: .4s;
}

.active .text-lines .text-line:nth-child(6) .text-line__inner,
.text-lines.active .text-line:nth-child(6) .text-line__inner {
	transition-delay: .5s;
}


/* 画像アニメーション */

.img_anm {
	position: relative;
	display: inline-block;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.img_anm:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #3BA946;
}

.img_anm span {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.active.img_anm:after,
.active .img_anm:after {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}

.active.img_anm span,
.active .img_anm span {
	-webkit-animation: cov_span 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}


@-webkit-keyframes passing-bar{
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}


/* 下からフェードイン */
.fade_b {
	opacity:0;
}

.active .fade_b,
.active.fade_b{
animation:fade_b 0.6s linear forwards;
}

@keyframes fade_b {
from {
transform:translateY(5%);
	opacity:0;
}
to {
transform:translateY(0%);
	opacity:1;
}
}

/* 左からフェードイン */
.fade_l {
	opacity:0;
}

.active .fade_l,
.active.fade_l{
animation:fade_l 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes fade_l {
from {
transform:translateX(-3%);
	opacity:0;
}
to {
transform:translateX(0%);
	opacity:1;
}
}

/* 右からフェードイン */
.fade_r {
	opacity:0;
}

.active .fade_r,
.active.fade_r{
animation:fade_r 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes fade_r {
from {
transform:translateX(3%);
	opacity:0;
}
to {
transform:translateX(0%);
	opacity:1;
}
}



.fade_list li:nth-child(2){
	animation-delay:.2s;
}

.fade_list li:nth-child(3){
	animation-delay:.4s;
}

.fade_list li:nth-child(4){
	animation-delay:.8s;
}

.fade_list li:nth-child(5){
	animation-delay:1s;
}


/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1921px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1921px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	
.text-line.pc{
	display:none;
}

.text-line.sp{
	display:block;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
	
	
		


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1000px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



.scroll_down {
    margin-top: 30px;
}

.text-slider__item{
	padding-right:40px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.scroll_down{
	position:absolute;
	margin:0;
	z-index:2;
	left: -3%;
	bottom: 11%;
	display: none;
}


.fade_list li{
	animation-delay:initial;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.about01 .mv_video_area{
	width: 73.385vw;
	height: 67.913vw;
	top: 27%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */