@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ローディング
---------------------------------------------------------------------------------------------------------------------
*/
#loader {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #2B8ADB;
  z-index: 9999; }
  #loader #loader-logo {
    animation: sk-scaleout 3s ease 0s 1 alternate forwards running;
    padding-left: 14px; }
    #loader #loader-logo img {
      width: 200px;
      height: auto; }
      @media (min-width: 768px) {
        #loader #loader-logo img {
          width: 300px; } }

/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }