@charset "UTF-8";
/* ----- フォント指定 ----------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css?family=Josefin+Sans);

body {
	font-family: 'Noto Sans Japanese', Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
body.dc_top {
    opacity: 0;
}
body.fade {
    opacity: 1;
}
.switch-img_item {
    /* 配置の設定 */
 
    /* アニメーションの設定 */
    opacity: 0;
    transform: translateX(50px);
    transition: 1s;
}
.switch-img_item.is-current {
    opacity: 1;
    transform: translateX(0);
}
.kv_fuchu .message .item div:last-child span {
	font-size: 6rem;
}
.pages-top {
	/**
 * Top
 */
	width: 100%;
	background-color: #FFFFFF;
	color: #262d44;
}
.pages-top p {
	font-size: 1.6rem;
	line-height: 1.8;
}
.pages-top a:hover img {
	transition: .3s;
}

@media screen and (max-width: 768px) {
	.pages-top p {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.pages-top .fz18 {
	font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz18 {
		font-size: 27px;
		font-size: 3.6vw;
	}
}

.pages-top .fz19 {
	font-size: 1.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz19 {
		font-size: 28.5px;
		font-size: 3.8vw;
	}
}

.pages-top .fz20 {
	font-size: 2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz20 {
		font-size: 30px;
		font-size: 4vw;
	}
}

.pages-top .fz21 {
	font-size: 2.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz21 {
		font-size: 31.5px;
		font-size: 4.2vw;
	}
}

.pages-top .fz22 {
	font-size: 2.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz22 {
		font-size: 33px;
		font-size: 4.4vw;
	}
}

.pages-top .fz23 {
	font-size: 2.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz23 {
		font-size: 34.5px;
		font-size: 4.6vw;
	}
}

.pages-top .fz24 {
	font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz24 {
		font-size: 36px;
		font-size: 4.8vw;
	}
}

.pages-top .fz25 {
	font-size: 2.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz25 {
		font-size: 37.5px;
		font-size: 5vw;
	}
}

.pages-top .fz26 {
	font-size: 2.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz26 {
		font-size: 39px;
		font-size: 5.2vw;
	}
}

.pages-top .fz27 {
	font-size: 2.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz27 {
		font-size: 40.5px;
		font-size: 5.4vw;
	}
}

.pages-top .fz28 {
	font-size: 2.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz28 {
		font-size: 42px;
		font-size: 5.6vw;
	}
}

.pages-top .fz29 {
	font-size: 2.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz29 {
		font-size: 43.5px;
		font-size: 5.8vw;
	}
}

.pages-top .fz30 {
	font-size: 3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz30 {
		font-size: 45px;
		font-size: 6vw;
	}
}

.pages-top .fz31 {
	font-size: 3.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz31 {
		font-size: 46.5px;
		font-size: 6.2vw;
	}
}

.pages-top .fz32 {
	font-size: 3.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz32 {
		font-size: 48px;
		font-size: 6.4vw;
	}
}

.pages-top .fz33 {
	font-size: 3.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz33 {
		font-size: 49.5px;
		font-size: 6.6vw;
	}
}

.pages-top .fz34 {
	font-size: 3.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz34 {
		font-size: 51px;
		font-size: 6.8vw;
	}
}

.pages-top .fz35 {
	font-size: 3.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz35 {
		font-size: 52.5px;
		font-size: 7vw;
	}
}

.pages-top .fz36 {
	font-size: 3.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz36 {
		font-size: 54px;
		font-size: 7.2vw;
	}
}

.pages-top .fz37 {
	font-size: 3.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz37 {
		font-size: 55.5px;
		font-size: 7.4vw;
	}
}

.pages-top .fz38 {
	font-size: 3.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz38 {
		font-size: 57px;
		font-size: 7.6vw;
	}
}

.pages-top .fz39 {
	font-size: 3.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz39 {
		font-size: 58.5px;
		font-size: 7.8vw;
	}
}

.pages-top .fz40 {
	font-size: 4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz40 {
		font-size: 60px;
		font-size: 8vw;
	}
}

.pages-top .fz41 {
	font-size: 4.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz41 {
		font-size: 61.5px;
		font-size: 8.2vw;
	}
}

.pages-top .fz42 {
	font-size: 4.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz42 {
		font-size: 63px;
		font-size: 8.4vw;
	}
}

.pages-top .fz43 {
	font-size: 4.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz43 {
		font-size: 64.5px;
		font-size: 8.6vw;
	}
}

.pages-top .fz44 {
	font-size: 4.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz44 {
		font-size: 66px;
		font-size: 8.8vw;
	}
}

.pages-top .fz45 {
	font-size: 4.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz45 {
		font-size: 67.5px;
		font-size: 9vw;
	}
}

.pages-top .fz46 {
	font-size: 4.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz46 {
		font-size: 69px;
		font-size: 9.2vw;
	}
}

.pages-top .fz47 {
	font-size: 4.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz47 {
		font-size: 70.5px;
		font-size: 9.4vw;
	}
}

.pages-top .fz48 {
	font-size: 4.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz48 {
		font-size: 72px;
		font-size: 9.6vw;
	}
}

.pages-top .fz49 {
	font-size: 4.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz49 {
		font-size: 73.5px;
		font-size: 9.8vw;
	}
}

.pages-top .fz50 {
	font-size: 5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz50 {
		font-size: 75px;
		font-size: 10vw;
	}
}

.pages-top .fz51 {
	font-size: 5.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz51 {
		font-size: 76.5px;
		font-size: 10.2vw;
	}
}

.pages-top .fz52 {
	font-size: 5.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz52 {
		font-size: 78px;
		font-size: 10.4vw;
	}
}

.pages-top .fz53 {
	font-size: 5.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz53 {
		font-size: 79.5px;
		font-size: 10.6vw;
	}
}

.pages-top .fz54 {
	font-size: 5.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz54 {
		font-size: 81px;
		font-size: 10.8vw;
	}
}

.pages-top .fz55 {
	font-size: 5.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz55 {
		font-size: 82.5px;
		font-size: 11vw;
	}
}

.pages-top .fz56 {
	font-size: 5.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz56 {
		font-size: 84px;
		font-size: 11.2vw;
	}
}

.pages-top .fz57 {
	font-size: 5.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz57 {
		font-size: 85.5px;
		font-size: 11.4vw;
	}
}

.pages-top .fz58 {
	font-size: 5.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz58 {
		font-size: 87px;
		font-size: 11.6vw;
	}
}

.pages-top .fz59 {
	font-size: 5.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz59 {
		font-size: 88.5px;
		font-size: 11.8vw;
	}
}

.pages-top .fz60 {
	font-size: 6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz60 {
		font-size: 90px;
		font-size: 12vw;
	}
}

.pages-top .fz61 {
	font-size: 6.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz61 {
		font-size: 91.5px;
		font-size: 12.2vw;
	}
}

.pages-top .fz62 {
	font-size: 6.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz62 {
		font-size: 93px;
		font-size: 12.4vw;
	}
}

.pages-top .fz63 {
	font-size: 6.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz63 {
		font-size: 94.5px;
		font-size: 12.6vw;
	}
}

.pages-top .fz64 {
	font-size: 6.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz64 {
		font-size: 96px;
		font-size: 12.8vw;
	}
}

.pages-top .fz65 {
	font-size: 6.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz65 {
		font-size: 97.5px;
		font-size: 13vw;
	}
}

.pages-top .fz66 {
	font-size: 6.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz66 {
		font-size: 99px;
		font-size: 13.2vw;
	}
}

.pages-top .fz67 {
	font-size: 6.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz67 {
		font-size: 100.5px;
		font-size: 13.4vw;
	}
}

.pages-top .fz68 {
	font-size: 6.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz68 {
		font-size: 102px;
		font-size: 13.6vw;
	}
}

.pages-top .fz69 {
	font-size: 6.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz69 {
		font-size: 103.5px;
		font-size: 13.8vw;
	}
}

.pages-top .fz70 {
	font-size: 7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz70 {
		font-size: 105px;
		font-size: 14vw;
	}
}

.pages-top .fz71 {
	font-size: 7.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz71 {
		font-size: 106.5px;
		font-size: 14.2vw;
	}
}

.pages-top .fz72 {
	font-size: 7.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz72 {
		font-size: 108px;
		font-size: 14.4vw;
	}
}

.pages-top .fz73 {
	font-size: 7.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz73 {
		font-size: 109.5px;
		font-size: 14.6vw;
	}
}

.pages-top .fz74 {
	font-size: 7.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz74 {
		font-size: 111px;
		font-size: 14.8vw;
	}
}

.pages-top .fz75 {
	font-size: 7.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz75 {
		font-size: 112.5px;
		font-size: 15vw;
	}
}

.pages-top .fz76 {
	font-size: 7.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz76 {
		font-size: 114px;
		font-size: 15.2vw;
	}
}

.pages-top .fz77 {
	font-size: 7.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz77 {
		font-size: 115.5px;
		font-size: 15.4vw;
	}
}

.pages-top .fz78 {
	font-size: 7.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz78 {
		font-size: 117px;
		font-size: 15.6vw;
	}
}

.pages-top .fz79 {
	font-size: 7.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz79 {
		font-size: 118.5px;
		font-size: 15.8vw;
	}
}

.pages-top .fz80 {
	font-size: 8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz80 {
		font-size: 120px;
		font-size: 16vw;
	}
}

.pages-top .fz81 {
	font-size: 8.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz81 {
		font-size: 121.5px;
		font-size: 16.2vw;
	}
}

.pages-top .fz82 {
	font-size: 8.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz82 {
		font-size: 123px;
		font-size: 16.4vw;
	}
}

.pages-top .fz83 {
	font-size: 8.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz83 {
		font-size: 124.5px;
		font-size: 16.6vw;
	}
}

.pages-top .fz84 {
	font-size: 8.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz84 {
		font-size: 126px;
		font-size: 16.8vw;
	}
}

.pages-top .fz85 {
	font-size: 8.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz85 {
		font-size: 127.5px;
		font-size: 17vw;
	}
}

.pages-top .fz86 {
	font-size: 8.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz86 {
		font-size: 129px;
		font-size: 17.2vw;
	}
}

.pages-top .fz87 {
	font-size: 8.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz87 {
		font-size: 130.5px;
		font-size: 17.4vw;
	}
}

.pages-top .fz88 {
	font-size: 8.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz88 {
		font-size: 132px;
		font-size: 17.6vw;
	}
}

.pages-top .fz89 {
	font-size: 8.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz89 {
		font-size: 133.5px;
		font-size: 17.8vw;
	}
}

.pages-top .fz90 {
	font-size: 9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz90 {
		font-size: 135px;
		font-size: 18vw;
	}
}

.pages-top .fz91 {
	font-size: 9.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz91 {
		font-size: 136.5px;
		font-size: 18.2vw;
	}
}

.pages-top .fz92 {
	font-size: 9.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz92 {
		font-size: 138px;
		font-size: 18.4vw;
	}
}

.pages-top .fz93 {
	font-size: 9.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz93 {
		font-size: 139.5px;
		font-size: 18.6vw;
	}
}

.pages-top .fz94 {
	font-size: 9.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz94 {
		font-size: 141px;
		font-size: 18.8vw;
	}
}

.pages-top .fz95 {
	font-size: 9.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz95 {
		font-size: 142.5px;
		font-size: 19vw;
	}
}

.pages-top .fz96 {
	font-size: 9.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz96 {
		font-size: 144px;
		font-size: 19.2vw;
	}
}

.pages-top .fz97 {
	font-size: 9.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz97 {
		font-size: 145.5px;
		font-size: 19.4vw;
	}
}

.pages-top .fz98 {
	font-size: 9.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz98 {
		font-size: 147px;
		font-size: 19.6vw;
	}
}

.pages-top .fz99 {
	font-size: 9.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz99 {
		font-size: 148.5px;
		font-size: 19.8vw;
	}
}

.pages-top .fz100 {
	font-size: 10rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz100 {
		font-size: 150px;
		font-size: 20vw;
	}
}

.pages-top .fz101 {
	font-size: 10.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz101 {
		font-size: 151.5px;
		font-size: 20.2vw;
	}
}

.pages-top .fz102 {
	font-size: 10.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz102 {
		font-size: 153px;
		font-size: 20.4vw;
	}
}

.pages-top .fz103 {
	font-size: 10.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz103 {
		font-size: 154.5px;
		font-size: 20.6vw;
	}
}

.pages-top .fz104 {
	font-size: 10.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz104 {
		font-size: 156px;
		font-size: 20.8vw;
	}
}

.pages-top .fz105 {
	font-size: 10.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz105 {
		font-size: 157.5px;
		font-size: 21vw;
	}
}

.pages-top .fz106 {
	font-size: 10.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz106 {
		font-size: 159px;
		font-size: 21.2vw;
	}
}

.pages-top .fz107 {
	font-size: 10.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz107 {
		font-size: 160.5px;
		font-size: 21.4vw;
	}
}

.pages-top .fz108 {
	font-size: 10.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz108 {
		font-size: 162px;
		font-size: 21.6vw;
	}
}

.pages-top .fz109 {
	font-size: 10.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz109 {
		font-size: 163.5px;
		font-size: 21.8vw;
	}
}

.pages-top .fz110 {
	font-size: 11rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz110 {
		font-size: 165px;
		font-size: 22vw;
	}
}

.pages-top .fz111 {
	font-size: 11.1rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz111 {
		font-size: 166.5px;
		font-size: 22.2vw;
	}
}

.pages-top .fz112 {
	font-size: 11.2rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz112 {
		font-size: 168px;
		font-size: 22.4vw;
	}
}

.pages-top .fz113 {
	font-size: 11.3rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz113 {
		font-size: 169.5px;
		font-size: 22.6vw;
	}
}

.pages-top .fz114 {
	font-size: 11.4rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz114 {
		font-size: 171px;
		font-size: 22.8vw;
	}
}

.pages-top .fz115 {
	font-size: 11.5rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz115 {
		font-size: 172.5px;
		font-size: 23vw;
	}
}

.pages-top .fz116 {
	font-size: 11.6rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz116 {
		font-size: 174px;
		font-size: 23.2vw;
	}
}

.pages-top .fz117 {
	font-size: 11.7rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz117 {
		font-size: 175.5px;
		font-size: 23.4vw;
	}
}

.pages-top .fz118 {
	font-size: 11.8rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz118 {
		font-size: 177px;
		font-size: 23.6vw;
	}
}

.pages-top .fz119 {
	font-size: 11.9rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz119 {
		font-size: 178.5px;
		font-size: 23.8vw;
	}
}

.pages-top .fz120 {
	font-size: 12rem;
}

@media screen and (max-width: 768px) {
	.pages-top .fz120 {
		font-size: 180px;
		font-size: 24vw;
	}
}

/* 四角の動くあしらい */
.pages-top .decorations {
	z-index: 0;
}

/* 流れるテキスト */
.pages-top .shuffleTexts {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	font-family: "Josefin Sans", sans-serif;
	color: #FFFFFF;
}

.pages-top .shuffleTexts > div {
	position: absolute;
	opacity: 0.13;
	font-weight: bold;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	.pages-top .shuffleTexts > div {
		width: 1000px;
	}
}

.pages-top .shuffleTexts > div span {
	display: block;
	-webkit-transform: skewX(-6.5deg);
	transform: skewX(-6.5deg);
}

.pages-top .shuffleTexts > div span:nth-of-type(1) {
	position: absolute;
	left: 2px;
	text-shadow: -2px 0 red;
	top: 0;
	color: white;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim 2s infinite linear alternate-reverse;
}

.pages-top .shuffleTexts > div span:nth-of-type(2) {
	position: absolute;
	left: -2px;
	text-shadow: 2px 0 blue;
	top: 0;
	color: white;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim-2 3s infinite linear alternate-reverse;
}

.pages-top .shuffleTexts > div.stop span:nth-of-type(1), .pages-top .shuffleTexts > div.stop span:nth-of-type(2) {
	-webkit-animation: none;
	animation: none;
}

/* 幅100% 右下がり帯 */
/* 幅100% 右上がり帯 */
.pages-top .left_top_image, .pages-top .right_top_image {
	position: relative;
	width: 100%;
	padding: 3.51562% 0;
	overflow: hidden;
	z-index: 0;
}
.electricVisual, .hybridVisual {
	margin-top: -150px;
}

@media screen and (max-width: 768px) {
	.pages-top .left_top_image, .pages-top .right_top_image {
		padding: 8vw 0vw 8vw 0vw;
	}
}

.pages-top .left_top_image > .inner, .pages-top .right_top_image > .inner {
	position: relative;
	width: 100%;
	padding-top: 23.4375%;
	overflow: hidden;
	background-color: #999;
}

@media screen and (max-width: 768px) {
	.pages-top .left_top_image > .inner, .pages-top .right_top_image > .inner {
		padding-top: 43.33vw;
	}
}

.pages-top .left_top_image > .inner > .image, .pages-top .left_top_image > .inner > .shuffleTexts, .pages-top .right_top_image > .inner > .image, .pages-top .right_top_image > .inner > .shuffleTexts {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 130%;
	overflow: hidden;
}

.pages-top .left_top_image > .inner {
	-webkit-transform: skewY(4deg);
	transform: skewY(4deg);
}

.pages-top .left_top_image > .inner > .image, .pages-top .left_top_image > .inner > .shuffleTexts {
	-webkit-transform: skewY(-4deg) translateY(-50%);
	transform: skewY(-4deg) translateY(-50%);
}

.pages-top .left_top_image > .inner > .image.item01 {
	background: url(//cdn.www.idcf.jp/sevice_shared/img/datacenter/top/img_line01.jpg) center center no-repeat;
	background-size: cover;
}

.pages-top .left_top_image > .inner > .image.item03 {
	background: url(//cdn.www.idcf.jp/sevice_shared/img/datacenter/top/img_line03.jpg) center center no-repeat;
	background-size: cover;
}

.pages-top .right_top_image > .inner {
	-webkit-transform: skewY(-4deg);
	transform: skewY(-4deg);
}

.pages-top .right_top_image > .inner > .image, .pages-top .right_top_image > .inner > .shuffleTexts {
	-webkit-transform: skewY(4deg) translateY(-50%);
	transform: skewY(4deg) translateY(-50%);
}

.pages-top .right_top_image > .inner > .image.item02 {
	background: url(//cdn.www.idcf.jp/sevice_shared/img/datacenter/top/img_line02.jpg) center center no-repeat;
	background-size: cover;
}

/* contents セクション共通パーツ */
.pages-top > .contents {
	position: relative;
	width: 100%;
	padding: 60px 30px;
	max-width: 1100px;
	margin: 0 auto;
}

.pages-top > .contents.datacenter_bnr_btn {
	box-sizing: content-box;
	padding-bottom: 0;
}

@media screen and (max-width: 768px) {
	.pages-top > .contents {
		padding: 15vw 5.33vw;
	}
	.pages-top > .contents.datacenter_bnr_btn {
		box-sizing: border-box;
	}
	.pages-top > .contents.datacenter_bnr_btn a {
		height: auto;
	}
}

.pages-top > .contents > .subTtl {
	position: relative;
	color: #b07783;
	font-family: 'Josefin Sans', Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.6rem;
	margin-bottom: 40px;
	margin-left: -13px;
	padding-left: 58px;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.pages-top > .contents > .subTtl {
		font-size: 22px;
		font-size: 2.93333vw;
		margin-left: 0vw;
		padding-left: 7.73vw;
		margin-bottom: 5.33vw;
	}
}

.pages-top > .contents > .subTtl:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 51px;
	height: 1px;
	background-color: #b07783;
	margin-top: -1px;
	z-index: 0;
}

@media screen and (max-width: 768px) {
	.pages-top > .contents > .subTtl:after {
		width: 6.66vw;
	}
}

.pages-top > .contents .contents_ttl {
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
	.pages-top > .contents .contents_ttl {
		font-size: 40px;
		font-size: 5.33333vw;
		margin-bottom: 4.66vw;
	}
}

.pages-top > .contents .bg_pink_box {
	position: relative;
	width: 100%;
	padding: 40px 40px 30px 40px;
	background-color: #fbf9fa;
}

@media screen and (max-width: 768px) {
	.pages-top > .contents .bg_pink_box {
		padding: 9.33vw 4.66vw 9.33vw 4.66vw;
	}
}

.pages-top > .contents .bg_pink_box:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 2px;
	background-color: #b07783;
}

@media screen and (max-width: 768px) {
	.pages-top > .contents .bg_pink_box:after {
		width: 18.13vw;
	}
}

.pages-top > .contents .bg_pink_box > .ttl {
	font-size: 2.1rem;
	font-weight: bold;
	color: #b07783;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	.pages-top > .contents .bg_pink_box > .ttl {
		font-size: 28px;
		font-size: 3.73333vw;
		margin-bottom: 3.33vw;
	}
}

/* キービジュアル */
.pages-top > .kv {
	position: relative;
	width: 100%;
	height: 100vh;
	max-height: 1200px;
	overflow: hidden;
	/* 左下のスクロールボタン */
}

@media screen and (max-width: 768px) {
	.pages-top > .kv {
		height: 90vh;
		max-height: 1430px;
	}
}
@media screen and (orientation: landscape) and (max-width: 768px){
	.pages-top > .kv {
		height: 170vh;
		max-height: 1430px;
	}
}

.pages-top > .kv:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	padding-top: 9.0625%;
	background-color: #FFFFFF;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: skewY(-4.4deg) translateY(50%);
	transform: skewY(-4.4deg) translateY(50%);
}

.pages-top > .kv > .mv_bnr {
	position: absolute;
	top: 180px;
	right: -5px;
	z-index: 1;
	width: 21vw;
	max-width: 320px;
	/*資料DL用 width: 25vw;
	max-width: 478px;*/
	min-width: 150px;

}
@media screen and (max-width: 768px) {
	.pages-top > .kv > .mv_bnr {
		top: auto;
		top: 20vw;
	}
}

.pages-top > .kv > .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}

.pages-top > .kv > .inner > .wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pages-top > .kv > .inner > .wrap > .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(/sevice_shared/img/datacenter/top/bg_kv.jpg) center center no-repeat;
	background-size: cover;
}

.pages-top > .kv > .inner > .wrap > .front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/sevice_shared/img/datacenter/top/kv_front_img.png) center center no-repeat;
	background-size: cover;
	z-index: 10;
}

.pages-top > .kv > .inner > .wrap > .message {
	position: absolute;
	top: 40%;
	left: 47%;
	width: 100%;
	max-width: 1100px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 20;
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .inner > .wrap > .message {
		top: 38%;
	}
}

.pages-top > .kv > .inner > .wrap > .message > .item {
	position: absolute;
	top: -5vh;
	left: 30px;
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .inner > .wrap > .message > .item {
		left: 5.33vw;
	}
}

.pages-top > .kv > .inner > .wrap > .message > .item > .text {
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 4.6rem;
	line-height: 1;
	padding: 9px 30px 12px 30px;
	margin-bottom: 6px;
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .inner > .wrap > .message > .item > .text {
		font-size: 50px;
		font-size: 6.66667vw;
		padding: 1.8vw 3.33vw 2.4vw 3.33vw;
	}
	.pages-top > .kv > .inner > .wrap.kv_fuchu > .message > .item > .text {
		font-size: 5.66667vw;
	}
	.kv_fuchu .message .item div:last-child span {
		font-size: 6.55vw;
	}
}

.pages-top > .kv > .inner > .wrap > .message > .item > .text span {
	display: inline-block;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.pages-top > .kv > .inner > .wrap > .message > .item > .text span.text {
	line-height: 1.2;
	position: relative;
	z-index: 21;
}

.pages-top > .kv > .inner > .wrap > .message > .item > .text span.bg {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
}

.pages-top > .kv > .inner > .wrap > .message > .tegaki {
	position: absolute;
	top: 192px;
	left: 6px;
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .inner > .wrap > .message > .tegaki {
		top: 30vh;
		left: 2.13vw;
		width: 95.46vw;
	}
}

.pages-top > .kv > .scroll {
	cursor: pointer;
	position: absolute;
	top: 95%;
	left: 30px;
	z-index: 140;
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .scroll {
		top: 95%;
	}
}

.pages-top > .kv > .scroll > .inner {
	padding-right: 96px;
	line-height: 1;
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: rotate(90deg) translateX(-100%);
	transform: rotate(90deg) translateX(-100%);
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .scroll > .inner {
		padding-right: 14.66vw;
	}
}

.pages-top > .kv > .scroll > .inner > span {
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.3rem;
	color: #FFFFFF;
	line-height: 0;
	font-style: italic;
	font-weight: bold;
	padding: 3px 6px;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	text-shadow: 0px 4px 1px 0px rgba(179, 179, 179, 0.2);
}

.pages-top > .kv > .scroll > .inner:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 90px;
	height: 1px;
	background-color: #FFFFFF;
	margin-top: -2px;
	-webkit-transition: background-color .6s ease-in-out;
	transition: background-color .6s ease-in-out;
	-webkit-animation: ScrollIcon 3s ease-in-out infinite;
	animation: ScrollIcon 3s ease-in-out infinite;
	-webkit-box-shadow: 0px 4px 1px 0px rgba(179, 179, 179, 0.2);
	box-shadow: 0px 4px 1px 0px rgba(179, 179, 179, 0.2);
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .scroll > .inner:after {
		width: 13.33vw;
	}
}

.pages-top > .kv > .scroll > .inner:hover span {
	background-color: #FFFFFF;
	color: #262d44;
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .scroll > .inner:hover span {
		color: #FFFFFF;
		background-color: transparent;
	}
}

.pages-top > .kv > .scroll > .inner:hover:after {
	-webkit-animation: ScrollIcon 1.5s ease-in-out infinite;
	animation: ScrollIcon 1.5s ease-in-out infinite;
}

@media screen and (max-width: 768px) {
	.pages-top > .kv > .scroll > .inner:hover:after {
		-webkit-animation: ScrollIcon 3s ease-in-out infinite;
		animation: ScrollIcon 3s ease-in-out infinite;
	}
}

.pages-top > .kv > .scroll.active {
	/*position: fixed !important;
				bottom: 0;
				left: 30px;

				> .inner {
					span {
						color: $TextColorBase;
					}

					&:after {
						background-color: $TextColorBase;
					}

					&:hover {
						span {
							background-color: $TextColorBase;
							color: $White;
						}
					}
				}*/
}

.text_01 {
	margin-right: 15px;
}

@media screen and (max-width: 768px) {
	.text_01 {
		margin-right: 15px;
	}
}

  /* power セクション */
.pages-top > #power {
	margin-top: 157px;
	margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
	.pages-top > #power {
		display: block;
		margin: 0;
	}
}

.pages-top > #power > .decoration01 {
	background-color: #334589;
	opacity: 0.149;
	position: absolute;
	left: -60px;
	top: -90px;
	width: 33px;
	height: 245px;
	animation: decorations 8s ease-out .3s infinite reverse;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .decoration01 {
		left: 86.66vw;
		top: -5.34vw;
		width: 6.13vw;
		height: 22.26vw;
	}
}

.pages-top > #power > .decoration02 {
	background-color: #7866ae;
	opacity: 0.078;
	position: absolute;
	left: -70px;
	top: 42px;
	width: 26px;
	height: 245px;
	-webkit-animation: decorations02 8.8s ease-in-out .3s infinite;
	animation: decorations02 8.8s ease-in-out .3s infinite;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .decoration02 {
		left: 89.33vw;
		top: 9.2vw;
		width: 5.33vw;
		height: 37.86vw;
	}
}

.pages-top > #power > .decoration03 {
	background-color: #334589;
	opacity: 0.102;
	position: absolute;
	right: 0;
	top: 350px;
	width: 394px;
	height: 528px;
	-webkit-animation: decorations 8.4s linear .1s infinite alternate;
	animation: decorations 8.4s linear .1s infinite alternate;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .decoration03 {
		top: 168.53vw;
		left: 21.6vw;
		width: 68vw;
		height: 84vw;
	}
}

.pages-top > #power > .decoration04 {
	position: absolute;
	left: -23px;
	bottom: -275px;
	width: 109px;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .decoration04 {
		bottom: -12vw;
		left: -2.67vw;
		width: 16vw;
	}
}

.pages-top > #power > .decoration05 {
	background-color: #334589;
	opacity: 0.141;
	position: absolute;
	display: none;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .decoration05 {
		display: block;
		left: -5.34vw;
		top: 133.33vw;
		width: 25.73vw;
		height: 22.26vw;
		animation: decorations02 9s ease-in-out .3s reverse;
	}
}
.pages-top > #power .item01 {
	width: 109.80392%;
}
.pages-top > #power > .inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .inner {
		display: block;
	}
}
@media screen and (max-width: 1039px) {
	.pages-top > #power .item01 {
		width: 100%;
	}
}

.pages-top > #power > .inner > .text {
	width: 100%;
	max-width: 500px;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .inner > .text {
		max-width: 100%;
		padding: 0 4.66vw;
	}
}

.pages-top > #power > .inner > .text > h3 {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 25px;
	width: 100%;
	max-width: 470px;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .inner > .text > h3 {
		font-size: 28px;
		font-size: 3.73333vw;
		margin-bottom: 4.66vw;
		max-width: none;
	}
}

.pages-top > #power > .inner > .text > p {
	width: 100%;
	max-width: 470px;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .inner > .text > p {
		max-width: none;
	}
}

.pages-top > #power > .inner > .images {
	width: 100%;
	max-width: 510px;
	/* transform: translateY(-220px); */
	margin-top: -220px;
	z-index: 1;
}
.pages-top > #power > .inner > .images >.inner {
	position: relative;
}
.pages-top > #power > .inner > .images .inner > .item02 {
	position: absolute;
	top: -44px;
	right: 0;
}
.pages-top > #power > .inner > .images .inner > .item03 {
	position: absolute;
	top: -94px;
	left: 0;
}
@media screen and (max-width: 1039px) {
	.pages-top > #power > .inner > .images .inner > .item02 {
		width: 49%;
		top: -3vw;
	}
	.pages-top > #power > .inner > .images .inner > .item03 {
		width: 49%;
		top: -7.3vw;
	}
}
@media screen and (max-width: 768px) {
	.pages-top > #power > .inner > .images {
		margin: 9.33vw auto;
		max-width: 558px;;
	}
	.pages-top > #power > .inner > .images .inner > .item02 {
		top: -40px;
	}
	.pages-top > #power > .inner > .images .inner > .item03 {
		top: -90px;
	}
}
@media screen and (max-width: 599px) {
	.pages-top > #power > .inner > .images .inner > .item02 {
		top: -6.2vw;
	}
	.pages-top > #power > .inner > .images .inner > .item03 {
		top: -14.4vw;
	}
}

.pages-top > #power > .inner > .images .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 109.80392%;
}

@media screen and (max-width: 1039px) {
	.pages-top > #power > .inner > .images .inner {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.pages-top > #power > .inner > .images .inner {
		margin-bottom: 40vw;
	}
}

.pages-top > #power > .inner > .images .inner > .item01 {
	margin-top: 80px;
	padding-right: 1px;
	width: 50%;
	padding-bottom: 1px;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.pages-top > #power > .inner > .images .inner > .item01 {
		margin-top: 13.33vw;
	}
}
#power .movie {
	width: 100%;
	max-width: 550px;
	aspect-ratio: 16 / 9;
}
#power .movie iframe {
	width: 100%;
	height: 100%;
}


/* NETWORK セクション */
.pages-top > #network {
	margin-top: -20px;
	margin-bottom: 70px;
    font-size: 0;
}

@media screen and (max-width: 768px) {
	.pages-top > #network {
		display: block;
		margin: 0;
	}
}

.pages-top > #network .network_btn01 {
    width: 160px;
    float: right;
}
@media screen and (max-width: 768px) {
	.pages-top > #network .network_btn01 {
		width: 32vw;
	}
}

.pages-top > #network > .decoration01 {
	background-color: #334589;
	opacity: 0.102;
	position: absolute;
	right: -80px;
	top: 10px;
	width: 42px;
	height: 284px;
	animation: decorations02 8.4s linear .1s infinite alternate-reverse;
}

@media screen and (max-width: 768px) {
	.pages-top > #network > .decoration01 {
		right: -1.34vw;
		top: -13.34vw;
		width: 5.33vw;
		height: 37.86vw;
	}
}

.pages-top > #network > .decoration02 {
	background-color: #334589;
	opacity: 0.102;
	position: absolute;
	right: -62px;
	top: 180px;
	width: 68px;
	height: 201px;
	-webkit-animation: decorations 8.8s ease-in .4s infinite alternate;
	animation: decorations 8.8s ease-in .4s infinite alternate;
}

@media screen and (max-width: 768px) {
	.pages-top > #network > .decoration02 {
		right: 2.26vw;
		top: 8vw;
		width: 8.93vw;
		height: 26.66vw;
	}
}

.pages-top > #network > .decoration03 {
	background-color: #334589;
	opacity: 0.051;
	position: absolute;
	left: -80px;
	bottom: -46px;
	width: 45px;
	height: 284px;
	animation: decorations02 8s ease-in .4s infinite reverse;
}

@media screen and (max-width: 768px) {
	.pages-top > #network > .decoration03 {
		left: -5.87vw;
		bottom: -26.67vw;
		width: 10.4vw;
		height: 37.86vw;
	}
}

.pages-top > #network > .decoration04 {
	background-color: #334589;
	opacity: 0.122;
	position: absolute;
	left: -50px;
	bottom: -116px;
	width: 45px;
	height: 284px;
	-webkit-animation: decorations 8.4s linear .1s infinite alternate;
	animation: decorations 8.4s linear .1s infinite alternate;
}

@media screen and (max-width: 768px) {
	.pages-top > #network > .decoration04 {
		left: 1.33vw;
		bottom: -34.67vw;
		width: 7.46vw;
		height: 37.86vw;
	}
}

@media screen and (max-width: 768px) {
	.pages-top > #network > h2 {
		padding: 0 4.66vw;
	}
}

@media screen and (max-width: 768px) {
	.pages-top > #network > p.contents_text {
		padding: 0 4.66vw;
	}
}

.pages-top > #network > .image {
	display: inline-block;
	width: 60%;
	max-width: 600px;
	margin: 40px 0 60px;
}
.pages-top > #network > .image + .image {
	width: 40%;
	max-width: 400px;
}
.pages-top > #network > .image + .image img {
	margin-top: 115px;
}

@media screen and (max-width: 768px) {
.pages-top > #network > .image {
	display: block;
	width: 100%;
	margin: auto;
	text-align: center;
	z-index: 50;
}
.pages-top > #network > .image + .image {
	width: 100%;
	margin: 50px auto 20px;
}
.pages-top > #network > .image + .image img {
	margin-top: 0;
	margin-bottom: 40px;
}
}

.pages-top > #network > .texts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.pages-top > #network > .texts {
		display: block;
	}
}

.pages-top > #network > .texts > div {
	width: 47%;
}

@media screen and (max-width: 768px) {
	.pages-top > #network > .texts > div {
        width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.pages-top > #network > .texts > .item01 {
		margin-bottom: 8vw;
	}
}

/* HYBRID セクション */
.pages-top > #hybrid {
	margin-top: 85px;
	margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid {
		margin: 0;
	}
}

.pages-top > #hybrid > .decoration01 {
	background-color: #334589;
	opacity: 0.122;
	position: absolute;
	right: -67px;
	top: -98px;
	width: 132px;
	height: 186px;
	animation: decorations 8s linear .6s infinite reverse;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .decoration01 {
		right: 12.8vw;
		top: 12.8vw;
		width: 9.33vw;
		height: 26.66vw;
	}
}

.pages-top > #hybrid > .decoration02 {
	background-color: #334589;
	opacity: 0.078;
	position: absolute;
	right: -115px;
	top: 0px;
	width: 80px;
	height: 165px;
	-webkit-animation: decorations02 8s linear .3s infinite;
	animation: decorations02 8s linear .3s infinite;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .decoration02 {
		right: 0vw;
		top: 0vw;
		width: 12.53vw;
		height: 24vw;
	}
}

.pages-top > #hybrid > .decoration03 {
	position: absolute;
	right: -95px;
	top: -70px;
	width: 124px;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .decoration03 {
		right: 4vw;
		top: -1.34vw;
		width: 16vw;
	}
}

.pages-top > #hybrid > .decoration04 {
	background-color: #334589;
	opacity: 0.122;
	position: absolute;
	left: -120px;
	top: 318px;
	width: 48px;
	height: 284px;
	-webkit-animation: decorations02 8.9s linear .3s infinite alternate;
	animation: decorations02 8.9s linear .3s infinite alternate;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .decoration04 {
		left: 85.33vw;
		top: 300vw;
		width: 32vw;
		height: 32vw;
	}
}

.pages-top > #hybrid > .decoration05 {
	background-color: #334589;
	opacity: 0.078;
	position: absolute;
	left: -95px;
	top: 436px;
	width: 45px;
	height: 284px;
	animation: decorations 8s linear .3s infinite reverse;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .decoration05 {
		left: 81.33vw;
		top: 306.66vw;
		width: 6vw;
		height: 37.86vw;
	}
}

.pages-top > #hybrid > .decoration06 {
	position: absolute;
	left: -15px;
	bottom: -140px;
	width: 111px;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .decoration06 {
		left: 3.33vw;
		bottom: -9vw;
		width: 14.66vw;
	}
}

.pages-top > #hybrid > .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .inner {
		display: block;
		padding: 0 4.66vw;
	}
}

.pages-top > #hybrid > .inner .texts {
	max-width: 390px;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .inner .texts {
		max-width: 100%;
	}
}

.pages-top > #hybrid > .inner > .image {
	max-width: 600px;
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .inner > .image {
		width: 100%;
		margin: 0;
	}
}

.pages-top > #hybrid > .text {
	width: 100%;
	max-width: 810px;
	margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
	.pages-top > #hybrid > .text {
		max-width: 100%;
		margin-top: 10vw;
	}
}

/* BASE セクション */
.pages-top > #base {
	margin-top: 60px;
	margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
	.pages-top > #base {
		margin: 0;
	}
}

.pages-top > #base > .decoration01 {
	background-color: #334589;
	opacity: 0.102;
	position: absolute;
	left: -60px;
	top: 120px;
	width: 41px;
	height: 284px;
	-webkit-animation: decorations 8s linear .9s infinite;
	animation: decorations 8s linear .9s infinite;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .decoration01 {
		left: 10vw;
		top: -6vw;
		width: 13.86vw;
		height: 13.86vw;
	}
}

.pages-top > #base > .decoration02 {
	background-color: #334589;
	opacity: 0.102;
	position: absolute;
	left: -107px;
	top: 238px;
	width: 67px;
	height: 201px;
	-webkit-animation: decorations02 8s linear .3s infinite alternate;
	animation: decorations02 8s linear .3s infinite alternate;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .decoration02 {
		left: 0vw;
		top: 366.53vw;
		width: 4vw;
		height: 37.33vw;
	}
}

.pages-top > #base > .decoration03 {
	background-color: #334589;
	opacity: 0.102;
	position: absolute;
	right: 170px;
	bottom: 100px;
	width: 41px;
	height: 284px;
	animation: decorations 8.5s linear .1s infinite reverse;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .decoration03 {
		left: 1.86vw;
		top: 386.66vw;
		width: 5.33vw;
		height: 34.66vw;
	}
}

.pages-top > #base > .decoration04 {
	background-color: #334589;
	opacity: 0.102;
	position: absolute;
	right: 120px;
	bottom: 44px;
	width: 67px;
	height: 201px;
	-webkit-animation: decorations02 8s linear .1s infinite;
	animation: decorations02 8s linear .1s infinite;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .decoration04 {
		display: none;
	}
}

.pages-top > #base > .decoration05 {
	position: absolute;
	right: -70px;
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .decoration05 {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.pages-top > #base > h2 {
		padding: 0 4.66vw;
		margin-bottom: 0;
	}
}

.pages-top > #base > .inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-flow: column-reverse nowrap;
		flex-flow: column-reverse nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0 4.66vw;
	}
}

.pages-top > #base > .inner > .point {
	margin-top: 55px;
	width: 55.76923%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point {
		width: 100%;
		margin-top: 5.33vw;
	}
}

.pages-top > #base > .inner > .point > li {
	width: 44.82759%;
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point > li {
		width: 100%;
		margin-bottom: 10.66vw;
	}
}

.pages-top > #base > .inner > .point > li > .num {
	display: inline-block;
	line-height: 0.6em;
	color: #b07783;
	position: relative;
	font-family: "Josefin Sans", sans-serif;
	font-size: 4.8rem;
	font-style: italic;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point > li > .num {
		font-size: 74px;
		font-size: 9.86667vw;
	}
}

.pages-top > #base > .inner > .point > li > .num:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 28px;
	height: 2px;
	background-color: #b07783;
	-webkit-transform: translateX(130%);
	transform: translateX(130%);
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point > li > .num:after {
		width: 5.06vw;
	}
}

.pages-top > #base > .inner > .point > li > .ttl {
	margin-top: 26px;
	margin-bottom: 15px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #b07783;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point > li > .ttl {
		font-size: 28px;
		font-size: 3.73333vw;
		margin-bottom: 2.66vw;
	}
}

.pages-top > #base > .inner > .point > li .base_btn01 {
	width: 160px;
	float: right;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point > li .base_btn01 {
		width: 32vw;
	}
}

.pages-top > #base > .inner > .point > li .base_btn02 {
	float: right;
	width: 230px;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point > li .base_btn02 {
		width: 64vw;
	}
}

.pages-top > #base > .inner > .point > li .base_btn03 {
	width: 160px;
	float: right;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .point > li .base_btn03 {
		width: 46.93vw;
	}
}

.pages-top > #base > .inner > .image {
	margin-top: 45px;
	width: 40.5%;
	max-width: 421px;
}

@media screen and (max-width: 768px) {
	.pages-top > #base > .inner > .image {
		width: 100%;
		margin: 5.33vw auto 0;
	}
}

/* 幅100%の画像 */
.pages-top > .imageLine {
	position: relative;
	width: 100%;
	height: 424px;
	background: url(//cdn.www.idcf.jp/sevice_shared/img/datacenter/top/img_line04.jpg) center center no-repeat;
	background-size: cover;
	z-index: 0;
}

@media screen and (max-width: 768px) {
	.pages-top > .imageLine {
		height: 56.26vw;
	}
}

/* 導入企業 セクション */
.pages-top > #introduction {
	margin-top: 55px;
	margin-bottom: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.pages-top > #introduction {
		padding: 0 4.66vw;
		margin: 9.33vw 0vw 16vw 0vw;
	}
}

.pages-top > #introduction > h2 {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
	.pages-top > #introduction > h2 {
		font-size: 44px;
		font-size: 5.86667vw;
		margin-bottom: 4.66vw;
	}
}

.pages-top > #introduction > p {
	text-align: center;
}

.pages-top > #introduction > .companys {
	width: 100%;
	max-width: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
	.pages-top > #introduction > .companys {
		font-size: 44px;
		font-size: 5.86667vw;
		margin-top: 4.66vw;
		margin-bottom: 4.66vw;
	}
}

.pages-top > #introduction > .companys > li {
	width: 25%;
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
	.pages-top > #introduction > .companys > li {
		width: 33%;
	}
}

.pages-top > #introduction > .link {
	width: 180px;
}

/* サービス導入・ご相談 セクション */
.pages-top > #download {
	padding-bottom: 10px;
}
.pages-top > #download > h2 {
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.pages-top > #download > div {
		max-width: 90%;
		margin: 0 auto;
	}
	.pages-top > #download > h2 {
		font-size: 44px;
		font-size: 5.86667vw;
	}
}

/* サービス導入・ご相談 セクション */
.pages-top > .consultation {
	width: 100%;
	/*height: 250px;*/
	background-color: #eff3f5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 60px 0 200px;
}
.pages-top > .consultation.last {
	height: 250px;
	padding: 0;
}

/* 途中挿入のCVエリア用 */
.pages-top > .consultation .c-button.shadow {
	-webkit-box-shadow: 0px 4px 1px 0px rgba(179, 179, 179, 1);
	box-shadow: 0px 4px 1px 0px rgba(179, 179, 179, 1);
}
.pages-top > .consultation .c-button.shadow:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	/*border: solid 1px #86376a;*/
}
.pages-top > .consultation.cv1 li:first-child .c-button.shadow,
.pages-top > .consultation.last li:first-child .c-button.shadow {
	background: #86376a;
	color: #fff;
}
.pages-top > .consultation.cv1 li:nth-child(2) .c-button.shadow,
.pages-top > .consultation.last li:nth-child(2) .c-button.shadow {
	background: #364482;
	color: #fff;
}
.pages-top > .consultation.cv1,
.pages-top > .consultation.cv2 {
	-webkit-transform: skewY(4deg);
	transform: skewY(4deg);
	padding: 100px 0 155px;
}
.pages-top > .consultation.cv1 h2,
.pages-top > .consultation.cv1 ul,
.pages-top > .consultation.cv2 h2,
.pages-top > .consultation.cv2 ul {
	-webkit-transform: skewY(-4deg) translateY(-50%);
	transform: skewY(-4deg) translateY(-50%);
}
.pages-top > .consultation.cv2 {
	background: #364482;
}
.pages-top > .consultation.cv2 > h2 {
	color: #fff;
}
.pages-top > .consultation.cv2 li:first-child .c-button.shadow {
	color: #364482;
}
.pages-top > .consultation.cv2 li:nth-child(2) .c-button.shadow {
	color: #86376a;
}
@media screen and (max-width: 768px) {
	.pages-top > .consultation.last {
		height: 88.8vw;
	}
	.pages-top > .consultation.cv1,
	.pages-top > .consultation.cv2 {
		height: auto;
		padding: 20vw 0 21.5vw;
	}
	.pages-top > .consultation.cv1 {
		margin-top: 12vw;
	}
}

.pages-top > .consultation > h2 {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
	.pages-top > .consultation > h2 {
		font-size: 44px;
		font-size: 5.86667vw;
		margin-bottom: 4.66vw;
	}
}

.pages-top > .consultation > .btns {
	width: 100%;
	max-width: 910px;
	padding: 0 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.pages-top > .consultation > .btns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.pages-top > .consultation.cv1 > .btns,
	.pages-top > .consultation.cv2 > .btns {
		margin-top: 16vw;
	}
}

.pages-top > .consultation > .btns > li {
	width: 31.52941%;
}

@media screen and (max-width: 768px) {
	.pages-top > .consultation > .btns > li {
		width: 64.66vw;
		margin-bottom: 2.93vw;
	}
}

/* ドットナビゲーション */
.pages-top > .dot-nav {
	position: fixed;
	width: 100%;
	height: 10px;
	top: 50%;
	right: -50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translateX(100px) rotate(90deg);
	transform: translateX(100px) rotate(90deg);
	-webkit-transition: -webkit-transform .3s ease-out .2s;
	transition: -webkit-transform .3s ease-out .2s;
	transition: transform .3s ease-out .2s;
	transition: transform .3s ease-out .2s, -webkit-transform .3s ease-out .2s;
}

.pages-top > .dot-nav.active {
	-webkit-transform: translateX(-20px) rotate(90deg);
	transform: translateX(-20px) rotate(90deg);
}

@media screen and (max-width: 768px) {
	.pages-top > .dot-nav {
		display: none;
	}
	/*.pages-top > .dot-nav.active {
		-webkit-transform: translateX(-3vw) rotate(90deg);
		transform: translateX(-3vw) rotate(90deg);
	}*/
}

.pages-top > .dot-nav > .item {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 10px;
	margin-right: 18px;
}

.pages-top > .dot-nav > .item > .dot {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #c3c5cb;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.pages-top > .dot-nav > .item > .dot:after {
	content: '';
	position: absolute;
	right: -11px;
	top: 50%;
	width: 0;
	height: 1px;
	background-color: #262d44;
	-webkit-transition: width .1s ease-out;
	transition: width .1s ease-out;
}

.pages-top > .dot-nav > .item > span {
	width: 0;
	color: #262d44;
	font-size: 1.1rem;
	font-family: "Josefin Sans", sans-serif;
	font-weight: bold;
	font-style: italic;
	-webkit-transform-origin: left;
	transform-origin: left;
	line-height: 1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	padding-top: 4px;
	overflow: hidden;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	padding-right: 1px;
}

.pages-top > .dot-nav > .item:hover > .dot, .pages-top > .dot-nav > .item.active > .dot {
	background-color: #262d44;
	margin-right: 18px;
}

.pages-top > .dot-nav > .item:hover > .dot:after, .pages-top > .dot-nav > .item.active > .dot:after {
	width: 11px;
}

.pages-top > .dot-nav > .item:hover > span, .pages-top > .dot-nav > .item.active > span {
	width: auto;
	display: inline-block;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	margin-right: 1px;
}

/* ページトップボタン */
.pages-top > .page-top {
	cursor: pointer;
	position: fixed;
	bottom: 80px;
	right: 15px;
	padding-left: 96px;
	line-height: 1;
	-webkit-transform-origin: right;
	transform-origin: right;
	opacity: 0;
	-webkit-transform: rotate(90deg) translateX(100%);
	transform: rotate(90deg) translateX(100%);
	z-index: 140;
	-webkit-transition: all .4s ease-out .4s;
	transition: all .4s ease-out .4s;
}

.pages-top > .page-top.active {
	opacity: 1;
	-webkit-transform: rotate(90deg) translateX(0);
	transform: rotate(90deg) translateX(0);
	zoom: 1.005;
}

.pages-top > .page-top > span {
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.3rem;
	color: #FFFFFF;
	line-height: 0;
	font-style: italic;
	font-weight: bold;
	padding: 3px 6px;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.pages-top > .page-top:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 90px;
	height: 1px;
	background-color: #FFFFFF;
	margin-top: -1px;
}

.pages-top > .page-top:hover span {
	background-color: #FFFFFF;
	color: #262d44;
}

.pages-top > .page-top:hover:after {
	-webkit-animation: PageTopIcon 2s ease-in-out infinite;
	animation: PageTopIcon 2s ease-in-out infinite;
}

.pages-top > .page-top.colorB span {
	color: #262d44;
}

.pages-top > .page-top.colorB:after {
	background-color: #262d44;
}

.pages-top > .page-top.colorB:hover span {
	background-color: #262d44;
	color: #FFFFFF;
}

/* ----- 資料DLバナー掲載用 ----------------- */
#bnr_DL {
	display: none; /* 高負荷エリアバナー優先のため資料DLバナーを非表示 */
}
#sticked {
	position: absolute;
	top: 30vh;
	right: 0;
	z-index: 100;
}
#location_fuchu #sticked {
	top: 170px;
}
#sticked .bnr_sp {
	display: none;
}
@media screen and (max-width: 1479px) {
	#sticked .bnr_pc {
		display: none;
	}
	#sticked .bnr_sp {
		display: block;
	}
}
@media screen and (max-width: 1199px) {
	#sticked .bnr_sp {
		display: none;
	}
}

/* DGX-ready セクション */
#dgx {
    border: 4px solid #76B900;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-top: 20px;
}
#dgx figure {
    flex: none;
}
#dgx a {
    font-size: 2.4rem;
    color: #333;
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 5px;
}
#dgx p {
    font-size: 1.5rem;
}
@media screen and (max-width: 1199px) {
    #dgx {
        width: 90%;
    }
}
@media screen and (max-width: 768px) {
    #dgx {
        display: block;
        padding-bottom: 30px;
    }
    #dgx figure {
        text-align: center;
    }
    #dgx a {
        font-size: 5.33333vw;
    }
    #dgx p {
        font-size: 3.2vw;
    }
}

.bnr_area {
    width: 90%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .bnr_area {
        margin-top: 30px;
    }
}

/* ----- SPダウンロードボタン表示用 ----------------- */
.sp_download {
	display: none;
}
@media screen and (max-width: 1199px) {
	.sp_download {
		display: block;
		position: absolute;
		z-index: 9999;
		bottom: 60px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.sp_download .c-button.shadow {
		width: 250px;
		background: #86376a;
		color: #fff;
	}
}
@media screen and (orientation: landscape) and (max-width: 767px){
	.sp_download {
		display: none;
	}
}
@media screen and (max-width: 499px) {
	.sp_download .c-button.shadow {
		width: 200px;
	}
}

@-webkit-keyframes decorations {
	0%, 50%, 100% {
		-webkit-transform: translate(0%, 0%) scaleX(1) scaleY(1);
		transform: translate(0%, 0%) scaleX(1) scaleY(1);
	}
	5% {
		-webkit-transform: translate(5%, 0%) scaleX(1.2) scaleY(1);
		transform: translate(5%, 0%) scaleX(1.2) scaleY(1);
	}
	45% {
		-webkit-transform: translate(5%, 5%) scaleX(1.2) scaleY(1);
		transform: translate(5%, 5%) scaleX(1.2) scaleY(1);
	}
	55% {
		-webkit-transform: translate(-5%, 5%) scaleX(1) scaleY(1.1);
		transform: translate(-5%, 5%) scaleX(1) scaleY(1.1);
	}
	95% {
		-webkit-transform: translate(-5%, -5%) scaleX(1) scaleY(1.1);
		transform: translate(-5%, -5%) scaleX(1) scaleY(1.1);
	}
}

@keyframes decorations {
	0%, 50%, 100% {
		-webkit-transform: translate(0%, 0%) scaleX(1) scaleY(1);
		transform: translate(0%, 0%) scaleX(1) scaleY(1);
	}
	5% {
		-webkit-transform: translate(5%, 0%) scaleX(1.2) scaleY(1);
		transform: translate(5%, 0%) scaleX(1.2) scaleY(1);
	}
	45% {
		-webkit-transform: translate(5%, 5%) scaleX(1.2) scaleY(1);
		transform: translate(5%, 5%) scaleX(1.2) scaleY(1);
	}
	55% {
		-webkit-transform: translate(-5%, 5%) scaleX(1) scaleY(1.1);
		transform: translate(-5%, 5%) scaleX(1) scaleY(1.1);
	}
	95% {
		-webkit-transform: translate(-5%, -5%) scaleX(1) scaleY(1.1);
		transform: translate(-5%, -5%) scaleX(1) scaleY(1.1);
	}
}

@-webkit-keyframes decorations02 {
	0%, 50%, 100% {
		-webkit-transform: translate(0%, 0%) scaleX(1) scaleY(1);
		transform: translate(0%, 0%) scaleX(1) scaleY(1);
	}
	5% {
		-webkit-transform: translate(-5%, -5%) scaleX(1) scaleY(1.2);
		transform: translate(-5%, -5%) scaleX(1) scaleY(1.2);
	}
	45% {
		-webkit-transform: translate(-5%, 5%) scaleX(1) scaleY(1.2);
		transform: translate(-5%, 5%) scaleX(1) scaleY(1.2);
	}
	55% {
		-webkit-transform: translate(0%, 5%) scaleX(1.1) scaleY(1);
		transform: translate(0%, 5%) scaleX(1.1) scaleY(1);
	}
	95% {
		-webkit-transform: translate(-5%, 5%) scaleX(1.1) scaleY(1);
		transform: translate(-5%, 5%) scaleX(1.1) scaleY(1);
	}
}

@keyframes decorations02 {
	0%, 50%, 100% {
		-webkit-transform: translate(0%, 0%) scaleX(1) scaleY(1);
		transform: translate(0%, 0%) scaleX(1) scaleY(1);
	}
	5% {
		-webkit-transform: translate(-5%, -5%) scaleX(1) scaleY(1.2);
		transform: translate(-5%, -5%) scaleX(1) scaleY(1.2);
	}
	45% {
		-webkit-transform: translate(-5%, 5%) scaleX(1) scaleY(1.2);
		transform: translate(-5%, 5%) scaleX(1) scaleY(1.2);
	}
	55% {
		-webkit-transform: translate(0%, 5%) scaleX(1.1) scaleY(1);
		transform: translate(0%, 5%) scaleX(1.1) scaleY(1);
	}
	95% {
		-webkit-transform: translate(-5%, 5%) scaleX(1.1) scaleY(1);
		transform: translate(-5%, 5%) scaleX(1.1) scaleY(1);
	}
}

@-webkit-keyframes ScrollIcon {
	0% {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	40% {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	41% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	80% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	100% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
}

@keyframes ScrollIcon {
	0% {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	40% {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	41% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	80% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	100% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
}

@-webkit-keyframes noise-anim-2 {
	0% {
		clip: rect(14px, 9999px, 12px, 0);
	}
	5% {
		clip: rect(40px, 9999px, 97px, 0);
	}
	10% {
		clip: rect(15px, 9999px, 86px, 0);
	}
	15% {
		clip: rect(4px, 9999px, 18px, 0);
	}
	20% {
		clip: rect(46px, 9999px, 18px, 0);
	}
	25% {
		clip: rect(32px, 9999px, 75px, 0);
	}
	30% {
		clip: rect(17px, 9999px, 43px, 0);
	}
	35% {
		clip: rect(40px, 9999px, 32px, 0);
	}
	40% {
		clip: rect(10px, 9999px, 2px, 0);
	}
	45% {
		clip: rect(54px, 9999px, 60px, 0);
	}
	50% {
		clip: rect(19px, 9999px, 46px, 0);
	}
	55% {
		clip: rect(86px, 9999px, 67px, 0);
	}
	60% {
		clip: rect(24px, 9999px, 32px, 0);
	}
	65% {
		clip: rect(49px, 9999px, 36px, 0);
	}
	70% {
		clip: rect(47px, 9999px, 46px, 0);
	}
	75% {
		clip: rect(54px, 9999px, 43px, 0);
	}
	80% {
		clip: rect(86px, 9999px, 93px, 0);
	}
	85% {
		clip: rect(39px, 9999px, 53px, 0);
	}
	90% {
		clip: rect(6px, 9999px, 63px, 0);
	}
	95% {
		clip: rect(81px, 9999px, 87px, 0);
	}
	100% {
		clip: rect(89px, 9999px, 99px, 0);
	}
}

@keyframes noise-anim-2 {
	0% {
		clip: rect(14px, 9999px, 12px, 0);
	}
	5% {
		clip: rect(40px, 9999px, 97px, 0);
	}
	10% {
		clip: rect(15px, 9999px, 86px, 0);
	}
	15% {
		clip: rect(4px, 9999px, 18px, 0);
	}
	20% {
		clip: rect(46px, 9999px, 18px, 0);
	}
	25% {
		clip: rect(32px, 9999px, 75px, 0);
	}
	30% {
		clip: rect(17px, 9999px, 43px, 0);
	}
	35% {
		clip: rect(40px, 9999px, 32px, 0);
	}
	40% {
		clip: rect(10px, 9999px, 2px, 0);
	}
	45% {
		clip: rect(54px, 9999px, 60px, 0);
	}
	50% {
		clip: rect(19px, 9999px, 46px, 0);
	}
	55% {
		clip: rect(86px, 9999px, 67px, 0);
	}
	60% {
		clip: rect(24px, 9999px, 32px, 0);
	}
	65% {
		clip: rect(49px, 9999px, 36px, 0);
	}
	70% {
		clip: rect(47px, 9999px, 46px, 0);
	}
	75% {
		clip: rect(54px, 9999px, 43px, 0);
	}
	80% {
		clip: rect(86px, 9999px, 93px, 0);
	}
	85% {
		clip: rect(39px, 9999px, 53px, 0);
	}
	90% {
		clip: rect(6px, 9999px, 63px, 0);
	}
	95% {
		clip: rect(81px, 9999px, 87px, 0);
	}
	100% {
		clip: rect(89px, 9999px, 99px, 0);
	}
}

@-webkit-keyframes noise-anim {
	0% {
		clip: rect(5px, 9999px, 99px, 0);
	}
	5% {
		clip: rect(51px, 9999px, 92px, 0);
	}
	10% {
		clip: rect(90px, 9999px, 58px, 0);
	}
	15% {
		clip: rect(58px, 9999px, 56px, 0);
	}
	20% {
		clip: rect(71px, 9999px, 99px, 0);
	}
	25% {
		clip: rect(29px, 9999px, 66px, 0);
	}
	30% {
		clip: rect(37px, 9999px, 14px, 0);
	}
	35% {
		clip: rect(72px, 9999px, 70px, 0);
	}
	40% {
		clip: rect(34px, 9999px, 90px, 0);
	}
	45% {
		clip: rect(73px, 9999px, 52px, 0);
	}
	50% {
		clip: rect(4px, 9999px, 53px, 0);
	}
	55% {
		clip: rect(88px, 9999px, 79px, 0);
	}
	60% {
		clip: rect(100px, 9999px, 44px, 0);
	}
	65% {
		clip: rect(44px, 9999px, 61px, 0);
	}
	70% {
		clip: rect(92px, 9999px, 89px, 0);
	}
	75% {
		clip: rect(99px, 9999px, 7px, 0);
	}
	80% {
		clip: rect(17px, 9999px, 72px, 0);
	}
	85% {
		clip: rect(17px, 9999px, 39px, 0);
	}
	90% {
		clip: rect(86px, 9999px, 97px, 0);
	}
	95% {
		clip: rect(11px, 9999px, 39px, 0);
	}
	100% {
		clip: rect(3px, 9999px, 67px, 0);
	}
}

@keyframes noise-anim {
	0% {
		clip: rect(5px, 9999px, 99px, 0);
	}
	5% {
		clip: rect(51px, 9999px, 92px, 0);
	}
	10% {
		clip: rect(90px, 9999px, 58px, 0);
	}
	15% {
		clip: rect(58px, 9999px, 56px, 0);
	}
	20% {
		clip: rect(71px, 9999px, 99px, 0);
	}
	25% {
		clip: rect(29px, 9999px, 66px, 0);
	}
	30% {
		clip: rect(37px, 9999px, 14px, 0);
	}
	35% {
		clip: rect(72px, 9999px, 70px, 0);
	}
	40% {
		clip: rect(34px, 9999px, 90px, 0);
	}
	45% {
		clip: rect(73px, 9999px, 52px, 0);
	}
	50% {
		clip: rect(4px, 9999px, 53px, 0);
	}
	55% {
		clip: rect(88px, 9999px, 79px, 0);
	}
	60% {
		clip: rect(100px, 9999px, 44px, 0);
	}
	65% {
		clip: rect(44px, 9999px, 61px, 0);
	}
	70% {
		clip: rect(92px, 9999px, 89px, 0);
	}
	75% {
		clip: rect(99px, 9999px, 7px, 0);
	}
	80% {
		clip: rect(17px, 9999px, 72px, 0);
	}
	85% {
		clip: rect(17px, 9999px, 39px, 0);
	}
	90% {
		clip: rect(86px, 9999px, 97px, 0);
	}
	95% {
		clip: rect(11px, 9999px, 39px, 0);
	}
	100% {
		clip: rect(3px, 9999px, 67px, 0);
	}
}

/*# sourceMappingURL=top.css.map */