.loading {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
.loading .loading-img {
  width: 243px;
  animation: fadeIn 1s;
}
@media (max-width: 480px) {
  .loading .loading-img {
    width: 41%;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#header .head-logo {
  transition: opacity 0.3s;
}
#header .head-info {
  transition: color 0.3s;
}
#header.on-target {
  background-color: transparent;
  box-shadow: none;
}
#header.on-target .header .head-logo {
  opacity: 0;
  pointer-events: none;
}
#header.on-target .header .head-info {
  color: #fff;
}
#header.on-target .header .head-info .item {
  border: 1px solid rgba(255, 255, 255, 0.3019607843);
}
#header.on-target .header .head-inquiry > .inner {
  background-color: rgba(255, 2, 0, 0.631372549);
}
#header.on-target .header #gnavi ul li a {
  color: #fff;
}

#visual {
  height: 100vh;
  max-height: 2400px;
  min-height: 600px;
  position: relative;
  z-index: 1;
}
#visual::before {
  content: "";
  width: 100%;
  height: 250px;
  position: absolute;
  background: linear-gradient(180deg, rgba(51, 51, 51, 0.7) 20%, transparent);
  z-index: 1;
}
@media (max-width: 480px) {
  #visual::before {
    display: none;
  }
}
@media (max-width: 480px) {
  #visual {
    max-height: none;
    min-height: auto;
  }
}
#visual .visual__img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 480px) {
  #visual .visual__img {
    aspect-ratio: 780/1100;
    max-height: 100vh;
  }
}
#visual .visual__logo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#visual .visual__logo img {
  width: 243px;
}
@media (max-width: 480px) {
  #visual .visual__logo img {
    width: 41%;
  }
}
#visual .visual__scroll {
  display: none;
}
@media (max-width: 480px) {
  #visual .visual__scroll {
    display: block;
    position: absolute;
    right: 4%;
    bottom: 4%;
    width: 6.0256410256vw;
  }
}

/*============================
#intro
============================*/
.sec-top-intro .top-intro__set01 {
  padding: 75px 0 115px;
}
@media (max-width: 480px) {
  .sec-top-intro .top-intro__set01 {
    padding: 15.3846153846vw 0;
  }
}
.sec-top-intro .top-intro__set01 .top-intro-block01 {
  display: flex;
  gap: 63px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}
@media (max-width: 480px) {
  .sec-top-intro .top-intro__set01 .top-intro-block01 {
    gap: 8.0769230769vw;
    margin-bottom: 16.6666666667vw;
  }
}
.sec-top-intro .top-intro__set01 .top-intro-block01 .top-intro-block01__img {
  width: 129px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .sec-top-intro .top-intro__set01 .top-intro-block01 .top-intro-block01__img {
    width: 25.641025641vw;
  }
}
@media (max-width: 480px) {
  .sec-top-intro .top-intro__set01 .top-news-block01 .acd__label {
    flex-direction: column;
    padding-left: 0;
  }
}
.sec-top-intro .top-intro__set01 .top-news-block01 .acd__detail {
  padding-left: 200px;
}
@media (max-width: 480px) {
  .sec-top-intro .top-intro__set01 .top-news-block01 .acd__detail {
    padding-left: 3.4615384615vw;
  }
}

/*============================
#instagram
============================*/
.sec-top-instagram .top-instagram__set01 {
  padding: 90px 0;
  background-color: #f9f9f9;
}
@media (max-width: 480px) {
  .sec-top-instagram .top-instagram__set01 {
    padding: 11.5384615385vw 0;
  }
}
.sec-top-instagram .top-instagram__set01 .top-instagram-block01 .top-instagram-block01__label {
  font-size: 2rem;
  line-height: 1;
}
@media (max-width: 480px) {
  .sec-top-instagram .top-instagram__set01 .top-instagram-block01 .top-instagram-block01__label {
    font-size: 3.8461538462vw;
    margin-bottom: 1.9230769231vw;
  }
}
.sec-top-instagram .top-instagram__set01 .top-instagram-block01 .top-instagram-block01__link {
  font-weight: 1.6rem;
}
.sec-top-instagram .top-instagram__set01 .top-instagram-block01 .top-instagram-block01__link .icon {
  width: 45px;
  margin-right: 7px;
}
@media (max-width: 480px) {
  .sec-top-instagram .top-instagram__set01 .top-instagram-block01 .top-instagram-block01__link .icon {
    width: 6.1538461538vw;
  }
}
.sec-top-instagram .top-instagram__set01 .top-instagram-block01 .top-instagram-block01__link > .inner {
  margin-left: auto;
}

/*============================
#information
============================*/
#information.sec-top-information .top-information__set01 {
  padding: 90px 0 150px;
}
@media (max-width: 480px) {
  #information.sec-top-information .top-information__set01 {
    padding: 15.3846153846vw 0;
  }
}
#information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list {
  display: flex;
  gap: 23px;
}
@media (max-width: 480px) {
  #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list {
    gap: 6.4102564103vw;
    flex-direction: column;
  }
}
#information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item {
  flex: 1;
}
#information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner {
  display: block;
  width: 100%;
  height: auto;
  filter: contrast(0.85);
  aspect-ratio: 1/1;
  position: relative;
  transition: opacity 0.3s;
}
#information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner .label {
  width: 100%;
  height: 115px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  transition: color 0.3s;
}
@media (max-width: 480px) {
  #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner .label {
    height: 23.0769230769vw;
  }
}
#information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner .label .main {
  font-size: 2rem;
  display: block;
}
@media (max-width: 480px) {
  #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner .label .main {
    font-size: 4.4871794872vw;
  }
}
#information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner .label .en {
  font-size: 1.3rem;
  display: block;
}
@media (max-width: 480px) {
  #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner .label .en {
    font-size: 3.2051282051vw;
  }
}
#information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner::before {
  content: "";
  background-color: #616161;
  width: 100%;
  height: 115px;
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
@media (max-width: 480px) {
  #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner::before {
    height: 23.0769230769vw;
  }
}
@media (min-width: 480px) {
  #information.sec-top-information .top-information__set01 .top-information-block01 .top-information-block01__list .top-information-block01__item .inner:hover {
    opacity: 0.7;
  }
}

/*============================
#about
============================*/
#about.sec-top-about .top-about__set01 .top-about-block01 {
  position: relative;
  min-height: 680px;
}
@media (max-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 7.0512820513vw;
  }
}
#about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__img {
  width: 769px;
  aspect-ratio: 1538/1360;
  position: absolute;
  top: 0;
  left: calc(50% - 35px);
  transform: translateX(-100%);
}
@media (max-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__img {
    width: 100%;
    position: static;
    transform: none;
  }
}
#about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt {
  width: calc(50% - 45px);
  margin-left: auto;
}
@media (max-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt {
    width: 100%;
    margin-bottom: 15.3846153846vw;
  }
}
@media (min-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .ttl {
    margin-bottom: 35px;
    text-align: left;
  }
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .ttl .main::after {
    left: 0;
    transform: none;
  }
}
#about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .msg {
  margin-bottom: 80px;
}
@media (max-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .msg {
    margin-bottom: 10.2564102564vw;
  }
}
@media (max-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .link-list {
    margin-right: 3.5897435897vw;
  }
}
#about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .link-list li:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .link-list li:not(:last-child) {
    margin-bottom: 3.8461538462vw;
  }
}
#about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .link-list li .unit-btn01 > .inner {
  width: 210px;
  justify-content: end;
  margin-left: auto;
}
@media (max-width: 480px) {
  #about.sec-top-about .top-about__set01 .top-about-block01 .top-about-block01__txt .link-list li .unit-btn01 > .inner {
    width: 38.4615384615vw;
    min-height: 9.6153846154vw;
  }
}

/*============================
#map
============================*/
#map.sec-top-map .top-map__set01 {
  height: 535px;
}
@media (max-width: 480px) {
  #map.sec-top-map .top-map__set01 {
    height: 57.6923076923vw;
  }
}
#map.sec-top-map .top-map__set01 .wrap {
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=top.css.map */