@charset "UTF-8";
/**scss共通***/
.mod-freeHTML img {
  width: 100%;
}

.test {
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: scale(1);
  transform: rotate(-45deg);
  border-radius: 50%;
  animation: Flash1 1s infinite;
  font-family: 'Noto Serif JP', serif;
  background: linear-gradient(90deg, #00486e 0%, #00789b 100%);
}

@keyframes Flash1 {
  50% {
    opacity: 0;
  }
}

.test {
  content: "\f105";
  font-family: FontAwesome;
}

.shadow {
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4), 1px 3px 3px rgba(0, 0, 0, 0.4), 1px 2px 3px rgba(0, 0, 0, 0.4);
}

/**scss共通ここまで***/
.fade__up {
  -webkit-transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 0;
  transform: translate(0%, 30px);
}

.fade__up.active {
  opacity: 1;
  transform: translate(0%, 0px);
}

.fade__side {
  -webkit-transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 0;
  transform: translate(50px, 0px);
}

.fade__side.active {
  opacity: 1;
  transform: translate(0%, 0px);
}

.fade__in {
  -webkit-transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: all 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 0;
  transform: translate(0%, 0px);
}

.fade__in.active {
  opacity: 1;
  transform: translate(0%, 0px);
}

.delay1 {
  transition-delay: 0s;
}

.delay2 {
  transition-delay: 0.3s;
}

.delay3 {
  transition-delay: 0.6s;
}

.delay4 {
  transition-delay: 0.9s;
}

.delay5 {
  transition-delay: 1.2s;
}

.delay_f1 {
  transition-delay: 0s;
}

.delay_f2 {
  transition-delay: 0.1s !important;
}

.delay_f3 {
  transition-delay: 0.2s !important;
}

.delay_f4 {
  transition-delay: 0.3s !important;
}

@media (max-width: 800px) {
  .delay_f4 {
    transition-delay: 0.0s !important;
  }
}

.delay_f5 {
  transition-delay: 0.4s !important;
}

@media (max-width: 800px) {
  .delay_f5 {
    transition-delay: 0.1s !important;
  }
}

.delay_f6 {
  transition-delay: 0.5s !important;
}

@media (max-width: 800px) {
  .delay_f6 {
    transition-delay: 0.2s !important;
  }
}

/*****************************************/
.f60 {
  font-size: 60px;
  line-height: 125%;
}

@media (max-width: 800px) {
  .f60 {
    font-size: 7.2vw;
  }
}

.f50 {
  font-size: 50px;
  line-height: 125%;
}

@media (max-width: 800px) {
  .f50 {
    font-size: 8vw;
  }
}

.f40 {
  font-size: 40px;
  line-height: 135%;
}

@media (max-width: 800px) {
  .f40 {
    font-size: 7.5vw;
  }
}

.f38 {
  font-size: 38px;
  line-height: 115%;
}

@media (max-width: 800px) {
  .f38 {
    font-size: 7vw;
  }
}

.f36 {
  font-size: 36px;
  line-height: 115%;
}

@media (max-width: 800px) {
  .f36 {
    font-size: 6.5vw;
  }
}

.f34 {
  font-size: 34px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f34 {
    font-size: 6vw;
  }
}

.f32 {
  font-size: 32px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f32 {
    font-size: 5.7vw;
  }
}

.f30 {
  font-size: 30px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f30 {
    font-size: 5vw;
  }
}

.f28 {
  font-size: 28px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f28 {
    font-size: 4.9vw;
  }
}

.f26 {
  font-size: 26px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f26 {
    font-size: 4.8vw;
  }
}

.f24 {
  font-size: 24px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f24 {
    font-size: 4.6vw;
  }
}

.f22 {
  font-size: 22px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f22 {
    font-size: 4.3vw;
  }
}

.f20 {
  font-size: 20px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f20 {
    font-size: 4.0vw;
  }
}

.f18 {
  font-size: 18px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f18 {
    font-size: 3.8vw;
  }
}

.f16 {
  font-size: 16px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f16 {
    font-size: 3.6vw;
  }
}

.f14 {
  font-size: 14px;
  line-height: 140%;
}

@media (max-width: 800px) {
  .f14 {
    font-size: 3.4vw;
  }
}

.f12 {
  font-size: 12px;
  line-height: 125%;
}

@media (max-width: 800px) {
  .f12 {
    font-size: 2.8vw;
  }
}

.f10 {
  font-size: 10px;
  line-height: 125%;
}

@media (max-width: 800px) {
  .f10 {
    font-size: 2.4vw;
  }
}

/*****************************************/
/*# sourceMappingURL=base.css.map */