/*=================================================
 * ローディング
 * ================================================= */
 #mask-line {
	stroke-dasharray: 15vw;
	fill: none;
	stroke:#fff;
	stroke-miterlimit: 10;
	stroke-width: 700px;
	animation:h-written 3s infinite;
	animation-iteration-count: 1;
	animation-timing-function: ease;
}
#logo {
mask:url(#mask-ani);
}
@keyframes h-written {
	0% {
		stroke-dashoffset: 15vw;
	}
	100% {
		stroke-dashoffset:0vw;
	}
}
/* Loading背景画面設定　*/
#loading {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background:#fff;
  text-align:center;
  color:#fff;
}
/* Loading画像中央配置　*/
#loading svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Loading アイコンの大きさ設定　*/
#loading svg {
  width:25vw;
	height: 25vw;
	fill: #000;
}
@media screen and (max-width: 768px) {
	#loading svg {
		width: 50vw;
		height: 50vw;
	}
	#mask-line {
		stroke-dasharray: 35vw;
	}
    @keyframes h-written {
	0% {
		stroke-dashoffset: 35vw;
	}
	100% {
		stroke-dashoffset:0vw;
        }
    }
}