@charset "utf-8";

/*=============== SVGアニメーション内の指定 =================*/

/*アニメーション前の指定*/
#mask path {
		fill-opacity: 0;/*最初は透過0で見えない状態*/
		transition: fill-opacity .5s;/*カラーがつく際のアニメーション0.5秒で変化*/
		fill: none;/*塗りがない状態*/
		stroke: #333;/*線の色*/
	}

/*アニメーション後に.doneというクラス名がで付与された時の指定*/
#mask.done path{
	  fill: #333;/*塗りの色*/
	  fill-opacity: 1;/*透過1で見える状態*/
	  stroke: none;/*線の色なし*/
	}

/*=============== MainVisual内に常設表示するSVG =================*/

.mv_splash_logo{
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  z-index: 3;
  pointer-events: none;
}

/* SVGサイズ調整（レスポンシブ） */
.mv_splash_logo svg{
  /*width: min(520px, 70vw);*/
	width: 400px;
	height: auto;
	display: block;
	opacity: 0.80;
}
@media screen and (max-width: 768px) {
.mv_splash_logo svg{
	width: min(300px, 70vw);
}
}

.mv_splash_logo path,
.mv_splash_logo line,
.mv_splash_logo polyline,
.mv_splash_logo polygon {
  stroke: #FFFFFF !important;
  fill: #FFFFFF !important;
}