@charset "UTF-8";

#top #topArea::before,
#top #topArea::after {
height: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#top.loaded #topArea::after {
height: 100%;
transition-delay: .3s;
}

#top.loaded #topArea::before {
height: 100%;
transition-delay: 1.8s;
}

#top #kvSlide::before {
content: "";
display: block;
background: #fbfaf8 url(../images/all_line.png) left top repeat;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#top.loaded #kvSlide::before {
width: 0;
transition-delay: .6s;
}

#top #kv h2 span {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#top.loaded #kv h2 span {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}

#top.loaded #kv h2 span:nth-child(1) {
transition-delay: 1.2s;
}

#top.loaded #kv h2 span:nth-child(2) {
transition-delay: 1.5s;
}

#top #globalHeader h1 {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#top.loaded #globalHeader h1 {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
transition-delay: 2.1s;
}

#top #globalHeader nav,
#top #spMenu {
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#top.loaded #globalHeader nav,
#top.loaded #spMenu {
opacity: 1;
transition-delay: 2.4s;
}

#news h2 {
opacity: 0;
-webkit-transform: translateX(10px);
transform: translateX(10px);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#news h2::before,
#news h2::after {
width: 0px;
-webkit-transition: all 2s ease;
transition: all 2s ease;
}

#news h2.in {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
transition-delay: .3s;
}

#news h2.in::before,
#news h2.in::after {
width: 2000px;
transition-delay: .6s;
}

.news-list li::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 209px;
height: 100%;
-webkit-transition: all .5s ease;
transition: all .5s ease;
background: #f1e6ea;
z-index: 1;
}

.news-list.in li::after {
width: 0;
}

.news-list.in li:nth-child(1)::after {
transition-delay: .3s;
}

.news-list.in li:nth-child(2)::after {
transition-delay: .4s;
}

.news-list.in li:nth-child(3)::after {
transition-delay: .5s;
}

.news-list.in li:nth-child(4)::after {
transition-delay: .6s;
}

.news-list.in li:nth-child(5)::after {
transition-delay: .7s;
}

.news-list.in li:nth-child(6)::after {
transition-delay: .8s;
}

.news-list.in li:nth-child(7)::after {
transition-delay: .9s;
}

.news-list.in li:nth-child(8)::after {
transition-delay: 1.0s;
}

.news-list.in li:nth-child(9)::after {
transition-delay: 1.1s;
}

.news-list.in li:nth-child(10)::after {
transition-delay: 1.2s;
}

.news-list.in li:nth-child(11)::after {
transition-delay: 1.3s;
}

.news-list.in li:nth-child(12)::after {
transition-delay: 1.4s;
}

.news-list.in li:nth-child(13)::after {
transition-delay: 1.5s;
}

.news-list.in li:nth-child(14)::after {
transition-delay: 1.6s;
}

.news-list.in li:nth-child(15)::after {
transition-delay: 1.7s;
}

.topBlock h2 {
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

.topBlock h2.in {
opacity: 1;
transition-delay: .3s;
}

.topBlock h2::after {
transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

.topBlock h2.in::after {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transition-delay: .6s;
}

#concept h3 {
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#concept h3.in {
opacity: 1;
transition-delay: .3s;
}

#concept h3::before {
height: 0px;
width: 0px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

#concept h3.in::before {
transition-delay: .6s;
height: 50px;
width: 1px;
}

@media only screen and (max-width: 767px) {
#concept h3.in::before {
height: 30px;
}
}

.move {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .5s ease;
transition: all .5s ease;
}

.move.in {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
transition-delay: .6s;
}