/* line 1, app/assets/stylesheets/top/website.scss */
html {
  scroll-behavior: smooth;
}

/* line 7, app/assets/stylesheets/top/website.scss */
.header .navbar-icon .button-animation-delay {
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 13, app/assets/stylesheets/top/website.scss */
.header .navbar-icon .navbar-icon-line1 {
  top: 0;
}

/* line 17, app/assets/stylesheets/top/website.scss */
.header .navbar-icon .navbar-icon-close1 {
  left: 2px;
  top: 10px;
  transform: rotate(45deg);
}

/* line 23, app/assets/stylesheets/top/website.scss */
.header .navbar-icon .navbar-icon-line2 {
  top: 50%;
  margin-top: -2.5px;
}

/* line 28, app/assets/stylesheets/top/website.scss */
.header .navbar-icon .navbar-icon-close2 {
  opacity: 0;
}

/* line 32, app/assets/stylesheets/top/website.scss */
.header .navbar-icon .navbar-icon-line3 {
  bottom: 0;
}

/* line 36, app/assets/stylesheets/top/website.scss */
.header .navbar-icon .navbar-icon-close3 {
  bottom: 11px;
  left: 2px;
  transform: rotate(-45deg);
}

/* line 44, app/assets/stylesheets/top/website.scss */
.section1-FV {
  position: relative;
  z-index: 10;
}

/* line 48, app/assets/stylesheets/top/website.scss */
.section1-FV .giga-repe {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  animation: gigarun 25s linear infinite;
}

@keyframes gigarun {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* line 64, app/assets/stylesheets/top/website.scss */
.section1-FV .line-animation::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 300px;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0) 100%);
  animation: scrolldown 2s linear infinite;
}

@keyframes scrolldown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

/* line 84, app/assets/stylesheets/top/website.scss */
.section1-FV .pulse {
  box-shadow: 0 0 20px #fff;
}

/* line 88, app/assets/stylesheets/top/website.scss */
.section1-FV .pulse::before, .section1-FV .pulse::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border: 1px solid #FABE00;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
  animation: pulse 2s linear infinite;
}

/* line 105, app/assets/stylesheets/top/website.scss */
.section1-FV .pulse::after {
  animation-delay: 1s;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}

/* line 120, app/assets/stylesheets/top/website.scss */
.section1-FV .giga-icon-text {
  transform: translateY(-50%) rotate(355deg);
}

@media only screen and (min-width: 1024px) {
  /* line 125, app/assets/stylesheets/top/website.scss */
  .section1-FV .small-icon {
    width: 25%;
  }
}

@media only screen and (max-width: 1024px) {
  /* line 131, app/assets/stylesheets/top/website.scss */
  .section1-FV .giga-icon-text {
    transform: translateY(-50%) translateX(-60%) rotate(355deg);
  }
}

/* line 136, app/assets/stylesheets/top/website.scss */
.section1-FV .writing-mode-vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

/* line 143, app/assets/stylesheets/top/website.scss */
.section2 .giga-repe {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  animation: gigarun 25s linear infinite;
}

/* line 150, app/assets/stylesheets/top/website.scss */
.section2 .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: unset;
}

/* line 155, app/assets/stylesheets/top/website.scss */
.section2 .swiper-pagination-bullet-active {
  background-color: #fabe00 !important;
}

@keyframes gigarun {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media only screen and (min-width: 1024px) {
  /* line 170, app/assets/stylesheets/top/website.scss */
  .section2 .giga-icon {
    left: 0;
    right: 0;
  }
}

/* line 177, app/assets/stylesheets/top/website.scss */
.section2, .section3 {
  background-color: #f3f3f3;
}

/* line 182, app/assets/stylesheets/top/website.scss */
.swiper-box .swiper-container {
  width: 100%;
  height: 100%;
}

/* line 187, app/assets/stylesheets/top/website.scss */
.swiper-box .swiper-slide {
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 292px !important;
  height: 306px;
  padding-top: 32px;
}

/* line 196, app/assets/stylesheets/top/website.scss */
.swiper-box .swiper-slide img {
  object-position: 50% 0;
}

/* line 200, app/assets/stylesheets/top/website.scss */
.swiper-box .swiper-pagination {
  position: relative !important;
}

@media only screen and (min-width: 1124px) {
  /* line 205, app/assets/stylesheets/top/website.scss */
  .swiper-box .swiper-slide {
    height: 520px;
  }
}

/* line 212, app/assets/stylesheets/top/website.scss */
.section4 .swiper-button-prev2, .section4 .swiper-button-next2 {
  background-image: url(/assets/homepage/bg_circle_icon-b11d94cc7f6e63a8a5075ee2e8197be85e5267eb1e3bf68fba345cfad3388563.png);
  background-repeat: no-repeat;
}

/* line 217, app/assets/stylesheets/top/website.scss */
.section4 .swiper-box2 .swiper-container2 {
  width: 100%;
  height: 100%;
}

/* line 222, app/assets/stylesheets/top/website.scss */
.section4 .swiper-box2 .swiper-slide {
  display: flex;
  overflow: hidden;
  margin-right: 57px;
}

/* line 228, app/assets/stylesheets/top/website.scss */
.section4 .swiper-box2 .swiper-slide img {
  object-fit: none;
}

@media only screen and (min-width: 1124px) {
  /* line 234, app/assets/stylesheets/top/website.scss */
  .section4 .swiper-box2 {
    padding-left: calc((100vw - 1300px) / 2) !important;
  }
  /* line 237, app/assets/stylesheets/top/website.scss */
  .section4 .swiper-box2 .header-slide-title {
    gap: 4px;
  }
  /* line 242, app/assets/stylesheets/top/website.scss */
  .section4 .swiper-box2 .swiper-container2 .swiper-slide .img-content-slide {
    height: 340px;
    width: auto;
  }
}

/* line 252, app/assets/stylesheets/top/website.scss */
.section5 .img-custom {
  width: 150% !important;
  max-width: 150% !important;
}

@media only screen and (min-width: 1124px) {
  /* line 258, app/assets/stylesheets/top/website.scss */
  .section5 .background-content {
    align-items: unset;
  }
  /* line 261, app/assets/stylesheets/top/website.scss */
  .section5 .background-content .content {
    width: 650px;
    margin-left: calc((100vw - 1300px) / 2);
  }
}

/* line 270, app/assets/stylesheets/top/website.scss */
.section6 .img-giga-store {
  height: 110%;
}

@media only screen and (min-width: 1024px) {
  /* line 275, app/assets/stylesheets/top/website.scss */
  .section6 .giga_store3,
.section6 .giga_store4 {
    margin-top: -8%;
  }
}

/* line 283, app/assets/stylesheets/top/website.scss */
.section7 .section7-items {
  width: calc(50% - 12px);
}

@media only screen and (min-width: 1124px) {
  /* line 288, app/assets/stylesheets/top/website.scss */
  .section7 .section7-items {
    width: 240px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 295, app/assets/stylesheets/top/website.scss */
  .section8 .section8-title {
    margin-bottom: 64px;
  }
}

/* line 301, app/assets/stylesheets/top/website.scss */
.section8 table, .section8 tr, .section8 th, .section8 td {
  border: 1px solid #cccccc;
}

@media only screen and (max-width: 768px) {
  /* line 306, app/assets/stylesheets/top/website.scss */
  .section8 .js-scrollable {
    scrollbar-width: none;
  }
}

/* line 313, app/assets/stylesheets/top/website.scss */
.section9 .footer-items {
  width: calc(50% - 12px);
}