@charset "UTF-8";
/* =========================================
   Mixins / Functions（流体サイズ・メディアクエリ）
========================================= */
#feature-01 {
  scroll-margin-top: -140px;
}

#feature-02 {
  scroll-margin-top: -140px;
}
#feature-02.feature04 {
  padding-top: min(5.2083333333cqw, 40px);
  min-height: min(162.7604166667cqw, 1250px);
}
#feature-02 .feature04__decor--03 {
  width: min(10.4166666667cqw, 80px);
  left: min(14.5833333333cqw, 112px);
  right: auto;
  top: max(-4.9479166667cqw, -38px);
}

#feature-03 {
  scroll-margin-top: -100px;
}

#feature-04 {
  scroll-margin-top: -150px;
}

#feature-05 {
  scroll-margin-top: -50px;
}

.feature05 {
  position: relative;
  padding-top: min(10.4166666667cqw, 80px);
  padding-bottom: min(20.8333333333cqw, 160px);
  z-index: auto;
  overflow: visible;
  background-color: #dcf0fe;
}
.feature05::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(100% - 1px);
  width: 100%;
  aspect-ratio: 1536/306;
  background: url("../images/feature05-bg.png") center bottom/100% 100% no-repeat;
  z-index: 3;
  pointer-events: none;
}
.feature05 .feature__title img {
  filter: none;
}
.feature05__decor {
  position: absolute;
  z-index: 4;
  pointer-events: none;
}
.feature05__decor--01 {
  width: min(7.8125cqw, 60px);
  left: min(6.25cqw, 48px);
  bottom: min(19.53125cqw, 150px);
  transform: rotate(15deg);
  transform-origin: 50% 85%;
  animation: feature05-note-left 3s ease-in-out infinite;
  will-change: transform;
}
.feature05__decor--02 {
  width: min(7.8125cqw, 60px);
  right: min(4.5572916667cqw, 35px);
  top: max(-4.8177083333cqw, -37px);
  transform-origin: 50% 85%;
  animation: feature05-note-right 3.4s ease-in-out -1.2s infinite;
  will-change: transform;
}
.feature05__card-image {
  width: min(86.9791666667cqw, 668px);
  margin: 0 auto;
  margin-top: min(10.4166666667cqw, 80px);
  overflow: hidden;
}
.feature05__card-image img {
  display: block;
  width: 100%;
}
.feature05__lead {
  width: min(91.1458333333cqw, 700px);
  margin-inline: auto;
  margin-top: min(6.5104166667cqw, 50px);
  position: relative;
  font-size: min(3.2552083333cqw, 25px);
  line-height: min(5.9895833333cqw, 46px);
  text-align: center;
  font-weight: 800;
  color: #5d5141;
  z-index: 1;
}
.feature05__lead .--left {
  margin-left: -0.4em;
  color: #ff7d26;
}
.feature05__lead .--right {
  margin-right: -0.4em;
  color: #ff7d26;
}
.feature05__lead--large {
  display: block;
  font-size: min(4.9479166667cqw, 38px);
  line-height: min(7.03125cqw, 54px);
  margin-bottom: min(3.6458333333cqw, 28px);
  color: #ff7d26;
}
.feature05__cta {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  min-height: min(10.4166666667cqw, 80px);
  padding: min(0.5208333333cqw, 4px) min(6.25cqw, 48px) min(0.5208333333cqw, 4px);
  border-radius: 999px;
  background-color: #5d5141;
  color: #fff;
  font-weight: 700;
  font-size: min(4.4270833333cqw, 34px);
  text-align: center;
  white-space: nowrap;
  margin-top: min(5.2083333333cqw, 40px);
}

@keyframes feature05-note-left {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(15deg);
  }
  50% {
    transform: translate3d(0, -12%, 0) rotate(8deg);
  }
}
@keyframes feature05-note-right {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(0, -10%, 0) rotate(-6deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .feature05__decor--01,
  .feature05__decor--02 {
    animation: none;
  }
}
.feature04::before {
  aspect-ratio: 1508/234;
  background: url("../images/feature05-wave.png") center top/100% 100% no-repeat;
}/*# sourceMappingURL=ringojam-0809.css.map */