@charset "utf-8";

header,
.mainvisual .scroll{
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s;
}
body.-mv-reveal-start header,
body.-mv-reveal-start .mainvisual .scroll{
	visibility: visible;
	opacity: 1;
}

/*--------------------------------------------------------------------*/

.mainvisual .heading{
	transform: translateY(10px);
	opacity: 0;
	color: #3a8153;
	transition: transform .4s, opacity .7s, color 1s;
}
body.pace-done .mainvisual .heading{
	transform: translateY(0px);
	opacity: 1;
}
body.-mv-reveal-start .mainvisual .heading{
	color: #fff;
}

/*--------------------------------------------------------------------*/

.mainvisual .slogan{
	opacity: 0;
	transition: opacity .7s;
}
.mainvisual .slogan svg{
	filter: drop-shadow(0 0 0 rgba(0,0,0,0));
	transition: filter 1s;
}
.mainvisual .slogan svg path{
	fill: #3a8153;
	transition: fill 1s;
}
.mainvisual .slogan.-anim-start{
	opacity: 1;
}
body.-mv-reveal-start .mainvisual .slogan svg{
	filter: drop-shadow(0 3px 21px rgba(0,0,0,0.44));
}
body.-mv-reveal-start .mainvisual .slogan svg path{
	fill: #fff;
}

/*--------------------------------------------------------------------*/

.mainvisual .video video{
	opacity: 0;
}
.mainvisual .eyecatch:before,
.mainvisual .eyecatch:after{
	width: 0%;
	height: 100%;
	background-color: #3a8153;
	left: 0;
	top: 0;
	z-index: 2;
}
body.-mv-reveal-start .mainvisual .eyecatch:before{
	animation-name: textReveal;
	animation-duration: .5s;
}
body.-mv-reveal-start .mainvisual .eyecatch:after{
	animation-name: textReveal;
	animation-duration: .5s;
	animation-delay: .1s;
	background-color: #979797;
}
body.-mv-reveal-start .mainvisual .video video{
	animation-name: textVisible;
	animation-duration: .5s;
	animation-fill-mode: both;
}

/*--------------------------------------------------------------------*/

.-revealer .commonIndex[data-on-start="section"] .en .-label,
.-revealer .commonIndex[data-on-start="section"] .ja .-label{
	opacity: 0;
	display: inline-block;
}
.-revealer .commonIndex[data-on-start="section"] *:before,
.-revealer .commonIndex[data-on-start="section"] *:after{
	width: 0%;
	height: 100%;
	background-color: #000;
	left: 0;
	top: 0;
	z-index: 2;
}
.-anim-start .commonIndex[data-on-start="section"] *:before{
	animation-name: textReveal;
	animation-duration: .5s;
}
.-anim-start .commonIndex[data-on-start="section"] *:after{
	animation-name: textReveal;
	animation-duration: .5s;
	animation-delay: .1s;
	background-color: #979797;
}
.-anim-start .commonIndex[data-on-start="section"] .en .-label,
.-anim-start .commonIndex[data-on-start="section"] .ja .-label{
	animation-name: textVisible;
	animation-duration: .5s;
	animation-fill-mode: both;
}
.commonLink[data-on-start="section"]{
	opacity: 0;
	transform: translateX(-1em);
	transition: opacity 2s, transform .5s;
	transition-delay: 1s;
}
.-anim-start .commonLink[data-on-start="section"]{
	opacity: 1;
	transform: translateX(0em);
}

/*--------------------------------------------------------------------*/

section.news .archive{
	overflow: hidden;
}
section.news article{
	transform: translateY(10%);
	opacity: 0;
	transition: transform .8s ease-in-out, opacity 1s ease-in-out;
}
section.news.-anim-start article{
	transform: translateY(0%);
	opacity: 1;
}
section.news.-anim-start article:nth-of-type(2){
	transition-delay: .3s;
}

/*--------------------------------------------------------------------*/

section.whoweare .background{
	opacity: 0;
	transform: scale(1.2);
	transition: transform 10s ease-out, opacity 1.2s linear;
}
section.whoweare.-anim-start .background{
	opacity: 1;
	transform: scale(1);
}
section.whoweare .panel{
	opacity: 0;
	transition: opacity 2s;
	transition-delay: .7s;
}
section.whoweare.-anim-start .panel{
	opacity: 0.9;
}
section.whoweare .heading .svg-elem-1{
	stroke-dashoffset: 1911.61279296875px;
    stroke-dasharray: 1911.61279296875px;
}
section.whoweare.-anim-start .heading .svg-elem-1{
	-webkit-animation: animate-svg-stroke-1 3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
          animation: animate-svg-stroke-1 3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
	animation-delay: 1.4s;
}
section.whoweare .commonLink{
	transition-delay: 2.5s;
}
@media screen and (min-width: 771px){

}
@media screen and (max-width: 770px){
	section.whoweare .background{
	transform: scale(1.4);
		background-position: left 0% center;
		transition: transform 10s ease-out, opacity 1.2s linear, background-position 120s ease-out;
	}
	section.whoweare.-anim-start .background{
		transform: scale(1.2);
		background-position: left 100% center;
	}
}

/*--------------------------------------------------------------------*/

section.business .label .line{
	width: 0;
	transition: width 1s;
}
section.business .label.-anim-start .line{
	width: 100%;
}
section.business .block .commonIndex .en .-label,
section.business .block .commonIndex .ja .-label{
	opacity: 0;
	display: inline-block;
}
section.business .block .commonIndex *:before,
section.business .block .commonIndex *:after{
	width: 0%;
	height: 100%;
	background-color: #000;
	left: 0;
	top: 0;
	z-index: 2;
}
section.business .block.-anim-start .commonIndex *:before{
	animation-name: textReveal;
	animation-duration: .5s;
}
section.business .block.-anim-start .commonIndex *:after{
	animation-name: textReveal;
	animation-duration: .5s;
	animation-delay: .1s;
	background-color: #979797;
}
section.business .block.-anim-start .commonIndex .en .-label,
section.business .block.-anim-start .commonIndex .ja .-label{
	animation-name: textVisible;
	animation-duration: .5s;
	animation-fill-mode: both;
}
section.business .block .text{
	opacity: 0;
	transform: translateX(-1em);
	transition: opacity 2s, transform .5s;
	transition-delay: .5s;
}
section.business .block.-anim-start .text{
	opacity: 1;
	transform: translateX(0em);
}
section.business .block .image{
	opacity: 0;
	transform: translateX(20%);
	transition: opacity 1s, transform .3s;
	transition-delay: 1s;
}
section.business .block.-anim-start .image{
	opacity: 1;
	transform: translateX(0%);
}
/*section.business .commonLink{
	opacity: 0;
	transform: translateX(-1em);
	transition: opacity 2s, transform .5s;
}
section.business .commonLink.-anim-start{
	opacity: 1;
	transform: translateX(0em);
}*/
@media screen and (min-width: 771px){

}
@media screen and (max-width: 770px){
	section.business .label.-anim-start .line{
		width: 120vh;
	}
}

/*--------------------------------------------------------------------*/

@keyframes textReveal{
	0%{
		width: 0%;
	}
	40%{
		width: 100%;
	}
	60%{
		width: 100%;
		margin-left: 0%;
	}
	100%{
		width: 0%;
		margin-left: 100%;
	}
}
@keyframes textVisible{
	0%{
		opacity: 0;
	}
	39.999%{
		opacity: 0;
	}
	40%{
		opacity: 1;
	}
	60%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1911.61279296875px;
    stroke-dasharray: 1911.61279296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1911.61279296875px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1911.61279296875px;
    stroke-dasharray: 1911.61279296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1911.61279296875px;
  }
}