/* Loading背景画面設定　*/
  #splash {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background:#eee;
    text-align:center;
    color:#fff;
  }
  
  /* Loading画像中央配置　*/
  #splash_logo {
    position: absolute;
    top: 47%;
    left: 45%;
    transform: translate(-50%, -50%);
  }
  
  /* Loading アイコンの大きさ設定　*/
  #splash_logo svg{
      max-width:530px;
  }
  @media(max-width:768px){
  #splash_logo {
    position: absolute;
    top: 50%;
    left: 39%;
    transform: translate(-50%, -50%);
  }
  #splash_logo svg{
    width:200px;
  }
  }
  
  
  /*=============== SVGアニメーション内の指定 =================*/
  #mask path {
      fill-opacity: 0;
      transition: fill-opacity .4s;
      fill: none;
      stroke: #000;
    }
  
  #mask.done path{
      fill: #000;
      fill-opacity: 1;
      stroke: none;
    }