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

.test {
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -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;
}

/**scss共通ここまで***/
header {
  width: 100%;
  background-color: #fff;
  height: 115px;
}

@media (max-width: 768px) {
  header {
    height: 60px;
  }
}

header .header__in {
  width: 90%;
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 28px;
}

@media (max-width: 768px) {
  header .header__in {
    width: 94%;
    padding-top: 14px;
  }
}

header .header__in h1 {
  width: 295px;
}

@media (max-width: 768px) {
  header .header__in h1 {
    width: 150px;
  }
}

header .header__in .navig {
  width: 340px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  header .header__in .navig {
    width: 70px;
  }
}

header .header__in .navig .tel {
  width: 200px;
}

@media (max-width: 768px) {
  header .header__in .navig .tel {
    display: none;
  }
}

header .header__in .navig .botan {
  width: 100px;
}

@media (max-width: 768px) {
  header .header__in .navig .botan {
    width: 70px;
    display: flex;
    justify-content: space-between;
  }
}

header .header__in .navig .botan .botan01 {
  width: 100%;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  header .header__in .navig .botan .botan01 {
    width: 47%;
    margin-bottom: 0px;
  }
}

header .header__in .navig .botan .botan02 {
  width: 100%;
}

@media (max-width: 768px) {
  header .header__in .navig .botan .botan02 {
    width: 47%;
  }
}

footer {
  width: 100%;
  background-color: #fff;
  padding: 40px 0 50px 0;
}

@media (max-width: 768px) {
  footer {
    padding: 20px 0 20px 0;
  }
}

footer .footer__in {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

footer .footer__in .adress {
  width: 338px;
}

@media (max-width: 768px) {
  footer .footer__in .adress {
    width: 80%;
    max-width: 338px;
  }
}

footer .footer__in .telfoot {
  width: 195px;
  padding-top: 12px;
}

@media (max-width: 768px) {
  footer .footer__in .telfoot {
    width: 50%;
    max-width: 195px;
  }
}

footer .footer__in .foot_logo {
  width: 186px;
  margin: 50px auto 10px auto;
}

@media (max-width: 768px) {
  footer .footer__in .foot_logo {
    width: 35%;
    margin: 30px auto 10px auto;
  }
}

footer .footer__in .copyright {
  text-align: center;
  font-size: 11px;
}

@media (max-width: 768px) {
  footer .footer__in .copyright {
    font-size: 2.5vw;
  }
}

.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);
}

.delay1 {
  transition-delay: 0s;
}

.delay2 {
  transition-delay: 0.3s;
}

.delay3 {
  transition-delay: 0.6s;
}

.delay4 {
  transition-delay: 0.9s;
}

.delay5 {
  transition-delay: 1.2s;
}