.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: var(--color-primary);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.scroll-top:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
  color: #fff;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

#bottom-consult::before {
  background-image: url('../../../assets/img/main/img-bottom-consult-n.png');
  background-size: contain;
  background-repeat: no-repeat;
}

#bottom-consult::after {
  background-image: url('../../../assets/img/main/img-bottom-consult-h.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  #bottom-consult::before {
    background-image: url('../../../assets/img/main/img-bottom-m-consult-n.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}

@media (max-width: 768px) {
  #bottom-consult::after {
    background-image: url('../../../assets/img/main/img-bottom-m-consult-h.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}

@media (max-width: 768px) {
  #bottom-consult {
    aspect-ratio: 718 / 150 !important;
    max-width: 718px !important;
  }
}

#bottom-question::before {
  background-image: url("../../../assets/img/main/img-bottom-question-n.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#bottom-question::after {
  background-image: url("../../../assets/img/main/img-bottom-question-h.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  #bottom-question::before {
    background-image: url('../../../assets/img/main/img-bottom-m-question-n.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}

@media (max-width: 768px) {
  #bottom-question::after {
    background-image: url('../../../assets/img/main/img-bottom-m-question-h.png');
    background-size: contain;
    background-repeat: no-repeat;
  }
}

@media (max-width: 768px) {
  #bottom-question {
    aspect-ratio: 718 / 150 !important;
    max-width: 718px !important;
  }
}

#interview::before {
  background-image: url("../../../assets/img/main/img-topbutton-interview-n.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#interview::after {
  background-image: url("../../../assets/img/main/img-topbutton-interview-h.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 576px) {
  #interview {
    aspect-ratio: 108 / 101 !important;
    width: 108px !important;
    height: 101px !important;
  }
}

@media (max-width: 576px) {
  #interview::before {
    background-image: url("../../../assets/img/main/img-topbutton-m-interview-n.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media (max-width: 576px) {
  #interview::after {
    background-image: url("../../../assets/img/main/img-topbutton-m-interview-h.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

#portfolio::before {
  background-image: url("../../../assets/img/main/img-topbutton-portfolio-n.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#portfolio::after {
  background-image: url("../../../assets/img/main/img-topbutton-portfolio-h.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 576px) {
  #portfolio::before {
    background-image: url("../../../assets/img/main/img-topbutton-m-portfolio-n.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media (max-width: 576px) {
  #portfolio::after {
    background-image: url("../../../assets/img/main/img-topbutton-m-portfolio-h.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media (max-width: 576px) {
  #portfolio {
    aspect-ratio: 108 / 101 !important;
    width: 108px !important;
    height: 101px !important;
  }
}

#curriculum::before {
  background-image: url("../../../assets/img/main/img-topbutton-curriculum-n.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#curriculum::after {
  background-image: url("../../../assets/img/main/img-topbutton-curriculum-h.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 576px) {
  #curriculum::before {
    background-image: url("../../../assets/img/main/img-topbutton-m-curriculum-n.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media (max-width: 576px) {
  #curriculum::after {
    background-image: url("../../../assets/img/main/img-topbutton-m-curriculum-h.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media (max-width: 576px) {
  #curriculum {
    aspect-ratio: 108 / 101 !important;
    width: 108px !important;
    height: 101px !important;
  }
}

#center-explain-view::before {
  background-image: url("../../../assets/img/main/img-center-explain-detail-n.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#center-explain-view::after {
  background-image: url("../../../assets/img/main/img-center-explain-detail-h.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#interview-view::before {
  background-image: url("../../../assets/img/main/img-interview-n.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#interview-view::after {
  background-image: url("../../../assets/img/main/img-interview-h.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#property-tab-button-1::before {
  background-image: url("../../../assets/img/main/img-property-n-01.png");
  opacity: 1;
  background-size: contain;
  background-repeat: no-repeat;
}

#property-tab-button-1::after {
  background-image: url("../../../assets/img/main/img-property-h-01.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#property-tab-button-1.active::before {
  opacity: 0;
}

#property-tab-button-1.active::after {
  opacity: 1;
}

#property-tab-button-2::before {
  background-image: url("../../../assets/img/main/img-property-n-02.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

#property-tab-button-2::after {
  background-image: url("../../../assets/img/main/img-property-h-02.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

#property-tab-button-2.active::before {
  opacity: 0;
}

#property-tab-button-2.active::after {
  opacity: 1;
}

#property-tab-button-3::before {
  background-image: url("../../../assets/img/main/img-property-n-03.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#property-tab-button-3::after {
  background-image: url("../../../assets/img/main/img-property-h-03.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#property-tab-button-3.active::before {
  opacity: 0;
}

#property-tab-button-3.active::after {
  opacity: 1;
}

#property-area .nav-item {
  max-height: 48px;
  width: 210px;
  aspect-ratio: 210 / 48;
}

#property-area .anim-link {
  position: relative;
  display: inline-block;
  background: transparent;
  width: 100%;
  height: 100%;
  border-style: none;
}

@media (max-width: 768px) {
  #property-area .nav-item {
    width: 160px !important;
  }
}

@media (max-width: 576px) {
  #property-area .nav-item {
    width: 120px !important;
  }
}

@media (max-width: 440px) {
  #property-area .nav-item {
    width: 210px !important;
  }
}

@media (max-width: 768px) {
  #banner-slider .swiper-slide a {
    background-image: var(--mobile-bg-image) !important;
    background-position: center !important;
    background-size: contain !important;
    aspect-ratio: 768/582 !important;
  }
}

@media (max-width: 768px) {
  #banner-slider-buttons {
    transform: scale(0.6) !important;
  }
}

#intro-view::before {
  background-image: url("../../../assets/img/main/img-intro-youtube-channel-n.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#intro-view::after {
  background-image: url("../../../assets/img/main/img-intro-youtube-channel-h.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  #property-area .tab-content img {
    content: var(--mobile-bg-image);
    max-width: 768px !important;
    max-height: 1520px !important;
  }
}

@media (max-width: 768px) {
  #carousel-bottom-explain img {
    content: var(--mobile-bg-image);
    max-width: 768px !important;
    max-height: 1000px !important;
  }
}