@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ローディング
---------------------------------------------------------------------------------------------------------------------
*/
#loader {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-image: url("../../img/top/load.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9999; }
  #loader ul#loader-logo {
    display: flex;
    align-items: center;
    justify-content: center; }
    #loader ul#loader-logo li {
      position: relative;
      animation: blurIn 1.0s ease-out forwards;
      animation-delay: .10s;
      opacity: 0;
      text-align: center;
      margin: auto;
      mix-blend-mode: overlay; }
      #loader ul#loader-logo li img {
        height: 100px;
        width: auto; }
        @media (min-width: 768px) {
          #loader ul#loader-logo li img {
            height: 220px; } }
        @media (min-width: 1024px) {
          #loader ul#loader-logo li img {
            height: 280px; } }
        @media (min-width: 1200px) {
          #loader ul#loader-logo li img {
            height: 360px; } }
      #loader ul#loader-logo li:nth-of-type(2) {
        animation-delay: .30s; }
      #loader ul#loader-logo li:nth-of-type(3) {
        animation-delay: .50s; }
      #loader ul#loader-logo li:nth-of-type(4) {
        animation-delay: .70s; }

@keyframes blurIn {
  0% {
    opacity: 0;
    filter: blur(20px); }
  100% {
    opacity: 1;
    filter: blur(0px); } }
/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    opacity: 0;
    transform: scale(1.4); }
  100% {
    opacity: 1;
    transform: scale(1); } }