#top_layout::before {
  display: none;
}

#body_layout {
  padding: 0;
}

.section-wrap {
  overflow: hidden;
  width: 100%;
}

.section {
  position: relative;
  display: block;
  width: 100%;
}
.section a, .section button {
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.section *::before,
.section *::after {
  pointer-events: none;
}

.section.visual {
  padding: 80px 0 75px;
}
@media (max-width: 1023px) {
  .section.visual {
    padding: clamp(0px, -51.36437px + 12.84109vw, 80px) 0 clamp(0px, 50.36918px + 2.4077vw, 75px);
  }
}
.section.visual > .layout {
  --layout-width: 1130px;
}
.section.visual .visual-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 80px;
  width: 100%;
}
@media (max-width: 1279px) {
  .section.visual .visual-wrap {
    gap: 40px;
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-wrap {
    gap: 0;
    flex-direction: column;
  }
}
.section.visual .visual-swiper {
  max-width: 500px;
  width: 100%;
  height: 100%;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .section.visual .visual-swiper {
    order: 0;
  }
}
.section.visual .visual-swiper .swiper-link {
  display: block;
  width: 100%;
  height: 100%;
}
.section.visual .visual-swiper .swiper-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 680px;
  overflow: hidden;
}
@media (max-width: 532px) {
  .section.visual .visual-swiper .swiper-thumb {
    height: auto;
  }
}
.section.visual .visual-swiper .swiper-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section.visual .visual-swiper .swiper-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 40px 0 0;
}
.section.visual .visual-swiper .swiper-pagination {
  position: relative;
  inset: auto;
  width: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.section.visual .visual-swiper .swiper-pagination-bullet {
  margin: 0;
  width: 10px;
  height: 10px;
  background-color: #FFF;
  border: 1px solid #CCC;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
  opacity: 1;
}
.section.visual .visual-swiper .swiper-pagination-bullet-active {
  background-color: #777;
  border-color: #777;
}
.section.visual .visual-swiper .swiper-btn {
  flex-shrink: 0;
  width: 15px;
  aspect-ratio: 1;
}
.section.visual .visual-swiper .swiper-btn.toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12.5V2.5C2 1.67157 2.67157 1 3.5 1C4.32843 1 5 1.67157 5 2.5V12.5C5 13.3284 4.32843 14 3.5 14C2.67157 14 2 13.3284 2 12.5ZM10 12.5V2.5C10 1.67157 10.6716 1 11.5 1C12.3284 1 13 1.67157 13 2.5V12.5C13 13.3284 12.3284 14 11.5 14C10.6716 14 10 13.3284 10 12.5Z' fill='%23777777'/%3E%3C/svg%3E%0A");
}
.section.visual .visual-swiper .swiper-btn.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2631 6.47184C12.682 6.8666 12.682 7.53267 12.2631 7.92743L5.68579 14.1251C5.04777 14.7263 4 14.2739 4 13.3973L4 1.00198C4 0.125334 5.04777 -0.327013 5.68579 0.274186L12.2631 6.47184Z' fill='%23777777'/%3E%3C/svg%3E%0A");
}
.section.visual .visual-swiper .swiper-btn:hover.toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12.5V2.5C2 1.67157 2.67157 1 3.5 1C4.32843 1 5 1.67157 5 2.5V12.5C5 13.3284 4.32843 14 3.5 14C2.67157 14 2 13.3284 2 12.5ZM10 12.5V2.5C10 1.67157 10.6716 1 11.5 1C12.3284 1 13 1.67157 13 2.5V12.5C13 13.3284 12.3284 14 11.5 14C10.6716 14 10 13.3284 10 12.5Z' fill='%23F57E1F'/%3E%3C/svg%3E%0A");
}
.section.visual .visual-swiper .swiper-btn:hover.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2631 6.47184C12.682 6.8666 12.682 7.53267 12.2631 7.92743L5.68579 14.1251C5.04777 14.7263 4 14.2739 4 13.3973L4 1.00198C4 0.125334 5.04777 -0.327013 5.68579 0.274186L12.2631 6.47184Z' fill='%23F57E1F'/%3E%3C/svg%3E%0A");
}
.section.visual .visual-button {
  margin: 244px 0 0;
}
@media (max-width: 1023px) {
  .section.visual .visual-button {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
  }
}
.section.visual .visual-button-link {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .section.visual .visual-button-link {
    padding: 24px;
    background-color: #F4F4F4;
  }
}
.section.visual .visual-button-link:hover .visual-button-name {
  color: #F57E1F;
}
.section.visual .visual-button-name {
  color: #666;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.3;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 1279px) {
  .section.visual .visual-button-name {
    font-size: 28px;
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-button-name {
    font-size: clamp(20px, 14.86356px + 1.28411vw, 28px);
  }
}
.section.visual .visual-button-arrow {
  width: 100%;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .section.visual .visual-button-arrow {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 60px;
    background-size: cover;
  }
}
.section.visual .visual-button-contents {
  color: #777;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin: 26px 0 0;
}
@media (max-width: 1023px) {
  .section.visual .visual-button-contents {
    font-size: 15px;
    margin: 12px 0 0;
  }
}
.section.visual .visual-button.left {
  order: 1;
  text-align: right;
}
@media (max-width: 1023px) {
  .section.visual .visual-button.left {
    order: 0;
    text-align: left;
    margin: 40px auto 0;
  }
}
.section.visual .visual-button.left .visual-button-arrow {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3Csvg width='238' height='17' viewBox='0 0 238 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4142 0.707108L2.41418 15.7069H237.414' stroke='%23DDDDDD' stroke-width='2'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .section.visual .visual-button.left .visual-button-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='238' height='17' viewBox='0 0 238 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M220 0.707108L235 15.7069H0' stroke='%23DDDDDD' stroke-width='2'/%3E%3C/svg%3E%0A");
  }
}
.section.visual .visual-button.left .visual-button-link:hover .visual-button-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='238' height='17' viewBox='0 0 238 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4142 0.707108L2.41418 15.7069H237.414' stroke='%23F57E1F' stroke-width='2'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .section.visual .visual-button.left .visual-button-link:hover .visual-button-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='238' height='17' viewBox='0 0 238 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M220 0.707108L235 15.7069H0' stroke='%23F57E1F' stroke-width='2'/%3E%3C/svg%3E%0A");
  }
}
.section.visual .visual-button.right {
  order: 3;
  text-align: left;
}
@media (max-width: 1023px) {
  .section.visual .visual-button.right {
    order: 0;
    margin: 8px auto 0;
  }
}
.section.visual .visual-button.right .visual-button-arrow {
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg width='238' height='17' viewBox='0 0 238 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M220 0.707108L235 15.7069H0' stroke='%23DDDDDD' stroke-width='2'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .section.visual .visual-button.right .visual-button-arrow {
    background-position: right center;
  }
}
.section.visual .visual-button.right .visual-button-link:hover .visual-button-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='238' height='17' viewBox='0 0 238 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M220 0.707108L235 15.7069H0' stroke='%23F57E1F' stroke-width='2'/%3E%3C/svg%3E%0A");
}/*# sourceMappingURL=main.css.map */