@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* global.scss */
body {
  font-family: "Noto Sans JP", sans-serif;
  width: min(100vw, 780px);
  margin: 0 auto;
  color: #534137;
  font-weight: 400;
  overflow-x: hidden;
}

a,
img {
  width: 100%;
  display: block;
}

.bold {
  font-weight: 700;
}

* {
  white-space: nowrap;
}

/* キラッと光るエフェクト */
.shinyButton {
  position: relative;
  overflow: hidden;
}

.shinyButton::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #ffffff;
  transition: 300ms;
  animation: shinyshiny 4s ease-in-out infinite;
}

/* アニメーションで光る動き */
@keyframes shinyshiny {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  70% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  71% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
/* ボタンの矢印アニメーション */
@keyframes moveArrow {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    transform: translateX(0px);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}
.moveArrow {
  animation: moveArrow 2s infinite linear;
}

/* 指の上下運動 */
@keyframes fingerMove {
  0% {
    transform: translate(2px, 2px);
  }
  100% {
    transform: translate(-8px, -8px);
  }
}
.fingerMove {
  animation: fingerMove 1s infinite linear;
}

.fv {
  width: 100%;
  position: relative;
}
.fv .fv__label {
  position: absolute;
  top: min(2.1333333333vw, 16.64px);
  right: min(1.6vw, 12.48px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(2.6666666667vw, 20.8px);
  line-height: 160%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}

.hook {
  padding-top: min(7.4666666667vw, 58.24px);
  padding-bottom: min(7.4666666667vw, 58.24px);
  background-image: url(./../img/02_hook/bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.hook .hook__catch {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.8vw, 37.44px);
  line-height: 200%;
  width: min(88vw, 686.4px);
  margin: 0 auto;
}
.hook .hook__message {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(7.7333333333vw, 60.32px);
}
.hook .hook__message .hook__image {
  width: min(17.6vw, 137.28px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.hook .hook__message .hook__text {
  background-image: url(./../img/02_hook/bubble_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(69.8666666667vw, 544.96px);
  height: min(25.0666666667vw, 195.52px);
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 31.2px);
  line-height: min(6.4vw, 49.92px);
  padding-top: min(6.1333333333vw, 47.84px);
  padding-left: min(7.2vw, 56.16px);
}

.ranking .ranking__header {
  background-color: #333333;
  padding-top: min(4.2666666667vw, 33.28px);
  padding-bottom: min(4.8vw, 37.44px);
  position: relative;
}
.ranking .ranking__header .ranking__lead1 {
  background-color: #b79745;
  width: min(60.2666666667vw, 470.08px);
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: min(6.6666666667vw, 52px);
  height: min(6.6666666667vw, 52px);
  letter-spacing: 0.05em;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.ranking .ranking__header .ranking__lead2 {
  color: #ffffff;
  text-align: center;
  margin-top: min(2.6666666667vw, 20.8px);
  text-align: center;
  vertical-align: middle;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
}
.ranking .ranking__header .ranking__lead2 .text01 {
  font-size: min(6.4vw, 49.92px);
}
.ranking .ranking__header .ranking__lead2 .text02 {
  font-size: min(5.3333333333vw, 41.6px);
}
.ranking .ranking__header .ranking__lead2 .text03 {
  font-size: min(5.8666666667vw, 45.76px);
}
.ranking .ranking__header .ranking__title {
  text-align: center;
  color: #f3c797;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(6.9333333333vw, 54.08px);
  letter-spacing: 0.05em;
  text-align: center;
  vertical-align: middle;
}
.ranking .ranking__header .ranking__title .ranking__title--emphasis {
  background: linear-gradient(346.18deg, #bf9747 18.78%, #c49f53 20.57%, #d3b975 26.53%, #dfcc90 31.89%, #e7daa3 37.85%, #ece3af 43.81%, #eee6b3 50.36%, #eae0ab 54.53%, #e1d196 61.09%, #d2b874 69.43%, #bf9747 78.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: min(8vw, 62.4px);
}
.ranking .ranking__header .ranking__title .ranking__title--emphasis .text01 {
  font-size: min(9.0666666667vw, 70.72px);
}
.ranking .ranking__header .ranking__deco {
  position: absolute;
  width: min(21.0666666667vw, 164.32px);
  height: min(16.5333333333vw, 128.96px);
  top: min(3.2vw, 24.96px);
  right: min(1.6vw, 12.48px);
}
.ranking .ranking__list {
  padding-top: min(3.2vw, 24.96px);
  padding-bottom: min(3.2vw, 24.96px);
  background: linear-gradient(355.85deg, #ece3af 2.39%, #eae0ab 16.14%, #e5d9a1 26.1%, #e0ca91 49.82%, #e6d9a1 73.07%, #eae0ab 83.98%, #eee6b3 97.27%);
}
.ranking .ranking__list .ranking__items {
  display: flex;
  justify-content: space-around;
}
.ranking .ranking__list .ranking__items .ranking__item {
  background: #ffffff;
  padding-bottom: min(4vw, 31.2px);
  width: min(29.8666666667vw, 232.96px);
  border-radius: min(1.0666666667vw, 8.32px);
  padding-top: min(4.8vw, 37.44px);
}
.ranking .ranking__list .ranking__items .ranking__item a {
  position: relative;
  z-index: 999999999;
}
.ranking .ranking__list .ranking__items .ranking__item.first {
  position: relative;
  overflow: hidden;
  padding-top: min(3.5466666667vw, 27.664px);
  padding-bottom: min(1.3333333333vw, 10.4px);
  width: min(34.6666666667vw, 270.4px);
  background-image: url(./../img/03_top3/no1_frame_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.ranking .ranking__list .ranking__items .ranking__item.first::after {
  width: 100%;
  height: 100%;
  border: min(0.5333333333vw, 4.16px) solid;
  border-image: linear-gradient(290.01deg, #bf9747 11.91%, #d3b975 25.74%, #bcb170 51.8%, #d2b874 71.94%, #bf9747 90.9%) 1;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__crown {
  width: min(8.8vw, 68.64px);
  margin: 0 auto;
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__crown.first {
  width: min(16.3093333333vw, 127.2128px);
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.2vw, 24.96px);
  text-align: center;
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__title a {
  text-decoration: underline;
  color: #011f9d;
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__banner {
  width: min(27.4666666667vw, 214.24px);
  margin: 0 auto;
  margin-top: min(1.6vw, 12.48px);
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__text {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.2vw, 24.96px);
  text-align: center;
  margin-top: min(2.1333333333vw, 16.64px);
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__cta {
  background: linear-gradient(180deg, #da3806 0%, #ba2d01 111%);
  width: min(26.6666666667vw, 208px);
  height: min(7.4666666667vw, 58.24px);
  margin: 0 auto;
  border-radius: min(2.1333333333vw, 16.64px);
  box-shadow: 0px min(0.5333333333vw, 4.16px) min(1.0666666667vw, 8.32px) 0px rgba(9, 122, 55, 0.2);
  margin-top: min(2.1333333333vw, 16.64px);
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__cta .ranking-card__cta-link {
  height: min(7.4666666667vw, 58.24px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__cta .ranking-card__cta-link .ranking-card__cta-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(2.6666666667vw, 20.8px);
  margin-right: min(1.6vw, 12.48px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
}
.ranking .ranking__list .ranking__items .ranking__item .ranking-card__cta .ranking-card__cta-link .ranking-card__cta-icon {
  width: min(1.6vw, 12.48px);
}

.match-table {
  background: #edebeb;
  padding-top: min(6.4vw, 49.92px);
  padding-bottom: min(8vw, 62.4px);
}
.match-table .match-table__header {
  position: relative;
  padding-bottom: min(7.2vw, 56.16px);
}
.match-table .match-table__header .match-table__catch {
  width: min(58.6666666667vw, 457.6px);
  height: min(11.2vw, 87.36px);
  background-image: url(./../img/04_table/table_title_bk_bubble_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-top: min(1.6vw, 12.48px);
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 100%;
  letter-spacing: 0.11em;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.match-table .match-table__header .match-table__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(8.5333333333vw, 66.56px);
  letter-spacing: 0.02em;
  text-align: center;
  vertical-align: middle;
  color: #584621;
}
.match-table .match-table__header .match-table__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(8vw, 62.4px);
  letter-spacing: 0.02em;
  text-align: center;
  vertical-align: middle;
  color: #584621;
}
.match-table .match-table__header .match-table__deco {
  position: absolute;
  width: min(27.2vw, 212.16px);
  left: min(1.3333333333vw, 10.4px);
  bottom: min(1.0666666667vw, 8.32px);
}
.match-table .match-table__body .match-table__table {
  margin: 0 auto;
  border-top: min(0.2666666667vw, 2.08px) solid #584621;
  border-left: min(0.2666666667vw, 2.08px) solid #584621;
  border-right: min(0.2666666667vw, 2.08px) solid #584621;
  border-radius: min(1.0666666667vw, 8.32px);
  border-collapse: separate; /* ←これ重要 */
  border-spacing: 0;
  overflow: hidden;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row {
  border-bottom: min(0.2666666667vw, 2.08px) solid #584621;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell {
  width: min(24.2666666667vw, 189.28px);
  text-align: center;
  padding: min(2.1333333333vw, 16.64px) 0;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell:first-child {
  background-color: #b79745;
  color: #f8e8d3;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.2vw, 24.96px);
  width: min(18.4vw, 143.52px);
  line-height: 110%;
  letter-spacing: 0%;
  text-align: center;
  border-bottom: min(0.2666666667vw, 2.08px) solid #584621;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell:nth-child(2) {
  background-color: #fefcf3;
  border-left: min(0.5333333333vw, 4.16px) solid #584621;
  border-right: min(0.5333333333vw, 4.16px) solid #584621;
  border-bottom: min(0.2666666667vw, 2.08px) solid #584621;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell:nth-child(2).topborder2 {
  border-top: min(0.5333333333vw, 4.16px) solid #584621;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell:nth-child(2).bottomborder2 {
  border-bottom: min(0.5333333333vw, 4.16px) solid #584621;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell:nth-child(3) {
  border-right: min(0.2666666667vw, 2.08px) solid #584621;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell:nth-child(3), .match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell:nth-child(4) {
  background-color: #ffffff;
  border-bottom: min(0.2666666667vw, 2.08px) solid #584621;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell.age {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: min(3.7333333333vw, 29.12px);
  letter-spacing: 0%;
  padding-top: min(5.3333333333vw, 41.6px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell.age span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.2vw, 24.96px);
  line-height: min(3.7333333333vw, 29.12px);
  letter-spacing: 0%;
  padding-bottom: min(0.5333333333vw, 4.16px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .match-table__cell--crownicon {
  width: min(6.4506666667vw, 50.3152px);
  margin: 0 auto;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .match-table__cell--crownicon.first {
  width: min(10.8826666667vw, 84.8848px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .match-table__cell--link a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(3.4666666667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  margin-top: min(1.5493333333vw, 12.0848px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .match-table__cell--link.first a {
  margin-top: min(0.8vw, 6.24px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .match-table__cell--banner {
  width: min(17.6vw, 137.28px);
  margin: 0 auto;
  margin-top: min(2.4vw, 18.72px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .match-table__cell--icon {
  width: min(6.848vw, 53.4144px);
  margin: 0 auto;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .match-table__cell--text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.2vw, 24.96px);
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  margin-top: min(0.8vw, 6.24px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .cta_button {
  background: linear-gradient(180deg, #da3806 0%, #ba2d01 111%);
  width: min(21.8666666667vw, 170.56px);
  height: min(8.5333333333vw, 66.56px);
  margin: 0 auto;
  border-radius: min(1.6vw, 12.48px);
  box-shadow: 0px min(0.5333333333vw, 4.16px) min(1.8666666667vw, 14.56px) 0px rgba(9, 122, 55, 0.4);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .cta_button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(21.8666666667vw, 170.56px);
  height: min(8.5333333333vw, 66.56px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .cta_button a .text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.6666666667vw, 20.8px);
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  margin-right: min(1.6vw, 12.48px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row .match-table__cell .cta_button a .icon {
  width: min(1.6vw, 12.48px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row1 .match-table__cell {
  padding-top: min(1.6vw, 12.48px);
  padding-bottom: min(5.3333333333vw, 41.6px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row1 .match-table__cell:first-child {
  padding-top: min(13.3333333333vw, 104px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row2 {
  height: min(15.2vw, 118.56px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row2 .match-table__cell:first-child {
  padding-top: min(5.6vw, 43.68px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row3 .match-table__cell:first-child {
  padding-top: min(6.1333333333vw, 47.84px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row4 .match-table__cell:first-child {
  padding-top: min(8.8vw, 68.64px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row5 .match-table__cell:first-child {
  padding-top: min(6.9333333333vw, 54.08px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row6 .match-table__cell:first-child {
  padding-top: min(6.9333333333vw, 54.08px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row7 {
  height: min(17.3333333333vw, 135.2px);
  align-items: center;
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row7 .cta_button {
  margin-top: min(1.8666666667vw, 14.56px);
}
.match-table .match-table__body .match-table__table .match-table__tbody .match-table__row.row7 .match-table__cell:first-child {
  padding-top: min(4.1733333333vw, 32.552px);
}

.reason-section .reason-section__header {
  padding-top: min(5.3333333333vw, 41.6px);
  padding-bottom: min(12vw, 93.6px);
  position: relative;
  background-image: url(./../img/05_reason/reason_title_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.reason-section .reason-section__header .reason-section__catch {
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: 149%;
  letter-spacing: 0.08;
  text-align: center;
}
.reason-section .reason-section__header .reason-section__title {
  text-align: center;
}
.reason-section .reason-section__header .reason-section__title .reason-section__title-part1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(6.1333333333vw, 47.84px);
  line-height: 149%;
  letter-spacing: 8%;
  text-align: center;
  background: linear-gradient(346.18deg, #bf9747 0%, #c49f53 10%, #d3b975 20%, #dfcc90 30%, #e7daa3 40%, #ece3af 50%, #eee6b3 60%, #eae0ab 70%, #e1d196 80%, #d2b874 90%, #bf9747 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.reason-section .reason-section__header .reason-section__title .reason-section__title-part2 {
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: 149%;
  letter-spacing: 0.08;
  text-align: center;
}
.reason-section .reason-section__header .reason-section__subtitle {
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(6.4vw, 49.92px);
  line-height: 149%;
  letter-spacing: 0.08;
  text-align: center;
}
.reason-section .reason-section__header .reason-section__subtitle span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(5.8666666667vw, 45.76px);
  line-height: 149%;
  letter-spacing: 8%;
  text-align: center;
}
.reason-section .reason-section__header .reason-section__list {
  margin-top: min(4.8vw, 37.44px);
}
.reason-section .reason-section__header .reason-section__list .reason-section__item {
  display: flex;
  align-items: center;
  background: #ffffff;
  width: min(83.7333333333vw, 653.12px);
  margin: 0 auto;
  margin-bottom: min(2.9333333333vw, 22.88px);
  border: min(0.2666666667vw, 2.08px) solid;
  border-image: linear-gradient(290.01deg, #bf9747 11.91%, #d3b975 25.74%, #bcb170 51.8%, #d2b874 71.94%, #bf9747 90.9%) 1;
  padding-top: min(1.3333333333vw, 10.4px);
  padding-bottom: min(1.3333333333vw, 10.4px);
  padding-left: min(2.6666666667vw, 20.8px);
}
.reason-section .reason-section__header .reason-section__list .reason-section__item .reason-section__icon {
  width: min(8vw, 62.4px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.reason-section .reason-section__header .reason-section__list .reason-section__item .reason-section__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}
.reason-section .reason-section__header .reason-section__deco {
  position: absolute;
}
.reason-section .reason-section__header .reason-section__deco.reason-section__deco--1 {
  width: min(14.1626666667vw, 110.4688px);
  left: min(5.6vw, 43.68px);
  top: min(18.4vw, 143.52px);
}
.reason-section .reason-section__header .reason-section__deco.reason-section__deco--2 {
  width: min(14.4373333333vw, 112.6112px);
  right: min(4.2293333333vw, 32.9888px);
  top: min(17.3333333333vw, 135.2px);
}
.reason-section .reason-section__main {
  padding-top: min(4vw, 31.2px);
  padding-bottom: min(10.9333333333vw, 85.28px);
}
.reason-section .reason-section__main .reason-section__message {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 160%;
  letter-spacing: 0%;
}
.reason-section .reason-section__main .reason-section__main-img-wrap {
  width: min(53.3333333333vw, 416px);
  margin: 0 auto;
}
.reason-section .reason-section__main .reason-section__note {
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  font-size: min(4.8vw, 37.44px);
  width: min(81.3333333333vw, 634.4px);
  line-height: 160%;
  letter-spacing: 0.04em;
  position: relative;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
}
.reason-section .reason-section__main .reason-section__note::after {
  position: absolute;
  width: 100%;
  height: min(2.4vw, 18.72px);
  background-color: #fbff8d;
  content: "";
  left: 0;
  bottom: 0;
  z-index: -1;
}

.fact-section {
  background-color: #f8e8d3;
  position: relative;
  padding-top: min(16.8vw, 131.04px);
  padding-bottom: min(10.6666666667vw, 83.2px);
}
.fact-section .fact-section__intro {
  background-image: url(./../img/06_fact/fact_title_bk_deco_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(20.8vw, 162.24px);
  height: min(23.0746666667vw, 179.9824px);
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.888vw, 38.1264px);
  line-height: 160%;
  letter-spacing: 0.04em;
  color: #ffffff;
  text-align: center;
  position: absolute;
  padding-top: min(6.44vw, 50.232px);
  left: min(39.7333333333vw, 309.92px);
  top: max(-7.7333333333vw, -60.32px);
}
.fact-section .fact-section__message {
  width: min(82.6666666667vw, 644.8px);
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
}
.fact-section .fact-section__message .fact-section__highlight {
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.fact-section .fact-section__message .fact-section__highlight::after {
  position: absolute;
  width: 100%;
  height: min(2.4vw, 18.72px);
  left: 0;
  bottom: 0;
  content: "";
  background: #fbff8d;
  z-index: -2;
}
.fact-section .fact-section__image {
  width: min(49.0666666667vw, 382.72px);
  margin: 0 auto;
  margin-top: max(-9.3333333333vw, -72.8px);
}
.fact-section .fact-section__bubble {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fact-section .fact-section__bubble .fact-section__bubble-image {
  width: min(17.6vw, 137.28px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.fact-section .fact-section__bubble .fact-section__bubble-text {
  background-image: url(./../img/06_fact/fact_bubble_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(71.7333333333vw, 559.52px);
  height: min(33.0666666667vw, 257.92px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  padding-left: min(5.0666666667vw, 39.52px);
  padding-top: min(3.4666666667vw, 27.04px);
}
.fact-section .fact-section__title {
  width: min(92.2666666667vw, 719.68px);
  height: min(20.8vw, 162.24px);
  background-color: #333333;
  margin: 0 auto;
  margin-top: min(8.8vw, 68.64px);
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4.5333333333vw, 35.36px);
  line-height: 160%;
  letter-spacing: 0.04em;
  text-align: center;
  padding-top: min(3.2vw, 24.96px);
  color: #ffffff;
  position: relative;
}
.fact-section .fact-section__title .fact-section__title-highlight {
  color: #f3c797;
}
.fact-section .fact-section__title .fact-section__title-decoration {
  position: absolute;
  width: min(26.6666666667vw, 208px);
  right: max(-1.0666666667vw, -8.32px);
  top: min(13.8666666667vw, 108.16px);
}
.fact-section .fact-section__arrow {
  width: min(6.6666666667vw, 52px);
  margin: 0 auto;
  margin-top: min(3.2vw, 24.96px);
}
.fact-section .fact-section__review-list--wrapper {
  position: relative;
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list {
  margin-top: min(5.3333333333vw, 41.6px);
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item {
  width: min(90.4vw, 705.12px);
  background-color: #ffffff;
  margin: 0 auto;
  margin-bottom: min(5.3333333333vw, 41.6px);
  border: min(0.2666666667vw, 2.08px) solid #333333;
  border-radius: min(1.0666666667vw, 8.32px);
  padding: min(5.3333333333vw, 41.6px) min(7.4666666667vw, 58.24px);
  padding-right: 0;
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 31.2px);
  line-height: 100%;
  letter-spacing: 0%;
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-title.small {
  font-size: min(3.7333333333vw, 29.12px);
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-person {
  display: flex;
  align-items: center;
  margin-top: min(2.6666666667vw, 20.8px);
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-person .fact-section__review-person-image {
  width: min(12.2666666667vw, 95.68px);
  margin-right: min(5.3333333333vw, 41.6px);
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-person .fact-section__review-person-info {
  color: #68666c;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0%;
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-text {
  margin-top: min(2.6666666667vw, 20.8px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: 160%;
  letter-spacing: 0%;
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-text .ywllowbold {
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review .fact-section__review-text .ywllowbold::after {
  position: absolute;
  width: 100%;
  height: min(1.8666666667vw, 14.56px);
  left: 0;
  bottom: 0;
  content: "";
  background: #fbff8d;
  z-index: -1;
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item .fact-section__review.gradation {
  /* グラデーションでフェードアウト */
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}
.fact-section .fact-section__review-list--wrapper .fact-section__review-list .fact-section__review-item.hidden {
  display: none;
}
.fact-section .fact-section__review-list--wrapper .readmore_button {
  position: absolute;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: min(10.6666666667vw, 83.2px);
  height: min(10.6666666667vw, 83.2px);
  width: min(38.6666666667vw, 301.6px);
  letter-spacing: 8%;
  text-align: center;
  color: #ffffff;
  box-shadow: 0px min(0.5333333333vw, 4.16px) min(1.0666666667vw, 8.32px) 0px rgba(134, 102, 102, 0.2509803922);
  bottom: min(8.5333333333vw, 66.56px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--koi, #584621);
}
.fact-section .fact-section__review-list--wrapper.active {
  padding-bottom: min(20.5333333333vw, 160.16px);
}

.points-section {
  background-color: #f6f1e6;
  padding-bottom: min(8vw, 62.4px);
}
.points-section .points-section__intro {
  background: #333333;
  border: min(0.5333333333vw, 4.16px) solid;
  border-image: linear-gradient(346.18deg, #bf9747 18.78%, #c49f53 20.57%, #d3b975 26.53%, #dfcc90 31.89%, #e7daa3 37.85%, #ece3af 43.81%, #eee6b3 50.36%, #eae0ab 54.53%, #e1d196 61.09%, #d2b874 69.43%, #bf9747 78.36%) 1;
  padding-top: min(2.1333333333vw, 16.64px);
  padding-bottom: min(2.1333333333vw, 16.64px);
}
.points-section .points-section__intro .points-section__intro--inner {
  border: min(0.4vw, 3.12px) solid;
  border-image: linear-gradient(346.18deg, #bf9747 18.78%, #c49f53 20.57%, #d3b975 26.53%, #dfcc90 31.89%, #e7daa3 37.85%, #ece3af 43.81%, #eee6b3 50.36%, #eae0ab 54.53%, #e1d196 61.09%, #d2b874 69.43%, #bf9747 78.36%) 1;
  width: min(96vw, 748.8px);
  margin: 0 auto;
  padding-top: min(3.7333333333vw, 29.12px);
  padding-bottom: min(3.7333333333vw, 29.12px);
  position: relative;
}
.points-section .points-section__intro .points-section__intro--inner .points-section__catchcopy {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.8vw, 37.44px);
  line-height: 100%;
  letter-spacing: 0.07em;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.points-section .points-section__intro .points-section__intro--inner .points-section__catchcopy span {
  font-size: min(5.8666666667vw, 45.76px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__heading1 {
  text-align: center;
  color: #f3c797;
  margin-top: min(1.3333333333vw, 10.4px);
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(6.1333333333vw, 47.84px);
  line-height: 100%;
  letter-spacing: 0.06em;
  text-align: center;
  vertical-align: middle;
}
.points-section .points-section__intro .points-section__intro--inner .points-section__heading2 {
  text-align: center;
  color: #f3c797;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  vertical-align: middle;
  margin-top: min(3.2vw, 24.96px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__heading2 .text1 {
  font-size: min(9.0666666667vw, 70.72px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__heading2 .text2 {
  font-size: min(7.4666666667vw, 58.24px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__heading2 .text3 {
  font-size: min(6.1333333333vw, 47.84px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__heading2 .text4 {
  font-size: min(8vw, 62.4px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__deco {
  position: absolute;
}
.points-section .points-section__intro .points-section__intro--inner .points-section__deco--1 {
  width: min(13.0666666667vw, 101.92px);
  left: min(4vw, 31.2px);
  top: min(8.8vw, 68.64px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__deco--2 {
  width: min(16.2666666667vw, 126.88px);
  bottom: min(3.2vw, 24.96px);
  right: min(0.8vw, 6.24px);
}
.points-section .points-section__intro .points-section__intro--inner .points-section__deco--3 {
  width: min(4.5333333333vw, 35.36px);
  bottom: min(9.0666666667vw, 70.72px);
  left: min(18.1333333333vw, 141.44px);
}
.points-section .points-section__bubble {
  margin-top: min(6.9333333333vw, 54.08px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.points-section .points-section__bubble .points-section__bubble-image {
  width: min(17.6vw, 137.28px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.points-section .points-section__bubble .points-section__bubble-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  background-image: url(./../img/07_3points/3points_bubble1_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(67.4666666667vw, 526.24px);
  height: min(25.0666666667vw, 195.52px);
  padding-top: min(3.2vw, 24.96px);
  padding-left: min(6.4vw, 49.92px);
}
.points-section .points-section__item {
  width: min(92vw, 717.6px);
  margin: 0 auto;
  margin-top: min(6.9333333333vw, 54.08px);
  margin-bottom: min(5.3333333333vw, 41.6px);
  background: #ffffff;
  border-radius: min(2.6666666667vw, 20.8px);
  overflow: hidden;
  border: min(0.2666666667vw, 2.08px) solid #333333;
}
.points-section .points-section__item .points-section__item-header {
  background-color: #333333;
  text-align: center;
  color: #ffffff;
  padding-top: min(6.4vw, 49.92px);
  padding-bottom: min(6.4vw, 49.92px);
}
.points-section .points-section__item .points-section__item-header .points-section__item-number {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(2.9573333333vw, 23.0672px);
  line-height: 100%;
  letter-spacing: 0%;
  border: min(0.2666666667vw, 2.08px) solid #ffffff;
  height: min(5.76vw, 44.928px);
  line-height: min(5.76vw, 44.928px);
  width: min(21.0666666667vw, 164.32px);
  margin: 0 auto;
  position: relative;
}
.points-section .points-section__item .points-section__item-header .points-section__item-number::before, .points-section .points-section__item .points-section__item-header .points-section__item-number::after {
  position: absolute;
  background-color: #333333;
  width: min(18.1333333333vw, 141.44px);
  height: min(0.8vw, 6.24px);
  content: "";
}
.points-section .points-section__item .points-section__item-header .points-section__item-number::before {
  top: max(-0.4vw, -3.12px);
  left: min(1.3066666667vw, 10.192px);
}
.points-section .points-section__item .points-section__item-header .points-section__item-number::after {
  bottom: max(-0.4vw, -3.12px);
  left: min(1.3066666667vw, 10.192px);
}
.points-section .points-section__item .points-section__item-header .points-section__item-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.8vw, 37.44px);
  line-height: 160%;
  letter-spacing: 0.05em;
  vertical-align: middle;
  margin-top: min(2.6666666667vw, 20.8px);
}
.points-section .points-section__item .points-section__item-body {
  padding: min(5.3333333333vw, 41.6px) 0;
}
.points-section .points-section__item .points-section__item-body .points-section__item-image {
  width: min(84vw, 655.2px);
  margin: 0 auto;
}
.points-section .points-section__item .points-section__item-body .points-section__item-text {
  width: min(84vw, 655.2px);
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  margin-top: min(4.8vw, 37.44px);
}
.points-section .points-section__item .points-section__item-body .points-section__item-text .yellowbold {
  position: relative;
  font-weight: 700;
  z-index: 2;
}
.points-section .points-section__item .points-section__item-body .points-section__item-text .yellowbold::after {
  position: absolute;
  width: 100%;
  height: min(2.4vw, 18.72px);
  content: "";
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #fbff8d;
}
.points-section .points-section__item .points-section__item-body .points-section__item-text2 {
  width: min(84vw, 655.2px);
  margin: 0 auto;
  margin-top: min(4.8vw, 37.44px);
  border: min(0.2666666667vw, 2.08px) solid #b79745;
  background: #f8e8d3;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: 190%;
  letter-spacing: 0%;
  vertical-align: middle;
  padding: min(2.6666666667vw, 20.8px);
}
.points-section .points-section__item .points-section__item-body .points-section__item-bubble2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(4.8vw, 37.44px);
}
.points-section .points-section__item .points-section__item-body .points-section__item-bubble2 .points-section__bubble-image {
  width: min(17.6vw, 137.28px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.points-section .points-section__item .points-section__item-body .points-section__item-bubble2 .points-section__bubble-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  background-image: url(./../img/07_3points/3points_bubble2_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(66.4vw, 517.92px);
  height: min(25.0666666667vw, 195.52px);
  padding-top: min(3.2vw, 24.96px);
  padding-left: min(5.3333333333vw, 41.6px);
}
.points-section .points-section__item .points-section__item-body .points-section__item-list {
  width: min(84vw, 655.2px);
  margin: 0 auto;
  margin-top: min(4.8vw, 37.44px);
  border: min(0.2666666667vw, 2.08px) solid #b79745;
  padding-left: min(2.6666666667vw, 20.8px);
  padding-top: min(4.8vw, 37.44px);
  padding-bottom: min(4.8vw, 37.44px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.recommend-section .recommend-section__heading {
  background-color: #f3c797;
  padding-top: min(6.6666666667vw, 52px);
  padding-bottom: min(3.4666666667vw, 27.04px);
  position: relative;
}
.recommend-section .recommend-section__heading .recommend-section__catchcopy {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4.8vw, 37.44px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  width: min(70.1333333333vw, 547.04px);
  height: min(13.0666666667vw, 101.92px);
  background-image: url(./../img/08_detail/title_comment_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  padding-top: min(2.9333333333vw, 22.88px);
  margin: 0 auto;
}
.recommend-section .recommend-section__heading .recommend-section__catchcopy span {
  position: relative;
}
.recommend-section .recommend-section__heading .recommend-section__catchcopy span::after {
  content: "";
  background-color: #ffffff;
  position: absolute;
  width: min(1.0666666667vw, 8.32px);
  height: min(1.0666666667vw, 8.32px);
  border-radius: min(0.5333333333vw, 4.16px);
  left: 50%;
  transform: translateX(-50%);
  top: max(-0.4vw, -3.12px);
}
.recommend-section .recommend-section__heading .recommend-section__subtitle {
  display: flex;
  align-items: end;
  margin-top: min(2.4vw, 18.72px);
}
.recommend-section .recommend-section__heading .recommend-section__subtitle .recommend-section__subtitle-main {
  background-color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: 100%;
  letter-spacing: 0.08;
  text-align: center;
  color: #b79745;
  padding: min(1.3333333333vw, 10.4px) min(4vw, 31.2px);
  margin-left: min(13.8666666667vw, 108.16px);
  margin-right: min(1.0666666667vw, 8.32px);
}
.recommend-section .recommend-section__heading .recommend-section__subtitle .recommend-section__subtitle-connector {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
}
.recommend-section .recommend-section__heading .recommend-section__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(2.1333333333vw, 16.64px);
}
.recommend-section .recommend-section__heading .recommend-section__title .recommend-section__title-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(8vw, 62.4px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #584621;
  margin-right: min(0.8vw, 6.24px);
}
.recommend-section .recommend-section__heading .recommend-section__title .recommend-section__title-image {
  width: min(25.0666666667vw, 195.52px);
}
.recommend-section .recommend-section__heading .recommend-section__decoimg {
  position: absolute;
  width: min(26.6666666667vw, 208px);
  top: min(16.5333333333vw, 128.96px);
  right: min(5.3333333333vw, 41.6px);
}
.recommend-section .app-card {
  padding-top: min(5.3333333333vw, 41.6px);
  padding-bottom: min(8vw, 62.4px);
}
.recommend-section .app-card .app-card__content {
  background-color: #ffffff;
  width: min(96vw, 748.8px);
  margin: 0 auto;
  padding-top: min(6.4vw, 49.92px);
  padding-bottom: min(10.6666666667vw, 83.2px);
  border-radius: min(1.0666666667vw, 8.32px);
  box-shadow: 0px min(0.5333333333vw, 4.16px) min(1.0666666667vw, 8.32px) 0px rgba(58, 178, 102, 0.1019607843);
}
.recommend-section .app-card .app-card__content .app-card__header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.recommend-section .app-card .app-card__content .app-card__header .app-card__header-text .app-card__label {
  width: min(21.3333333333vw, 166.4px);
  height: min(6.4vw, 49.92px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: min(6.4vw, 49.92px);
  letter-spacing: 0%;
  color: #ffffff;
  background: #b79745;
  text-align: center;
}
.recommend-section .app-card .app-card__content .app-card__header .app-card__header-text .app-card__description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4vw, 31.2px);
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
  margin-top: min(1.3333333333vw, 10.4px);
}
.recommend-section .app-card .app-card__content .app-card__header .app-card__header-text .app-card__link {
  margin-top: min(1.6vw, 12.48px);
}
.recommend-section .app-card .app-card__content .app-card__header .app-card__header-text .app-card__link a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(5.8666666667vw, 45.76px);
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  color: #011f9d;
}
.recommend-section .app-card .app-card__content .app-card__header .app-card__header-text .app-card__star {
  width: min(56.2666666667vw, 438.88px);
  margin-top: min(1.6vw, 12.48px);
}
.recommend-section .app-card .app-card__content .app-card__banner {
  width: min(80vw, 624px);
  margin: 0 auto;
  margin-top: min(4.2666666667vw, 33.28px);
}
.recommend-section .app-card .app-card__content .app-card__points {
  width: min(88.2666666667vw, 688.48px);
  margin: 0 auto;
  padding-top: min(4.2666666667vw, 33.28px);
  margin-top: min(5.3333333333vw, 41.6px);
  border-radius: min(1.3333333333vw, 10.4px);
}
.recommend-section .app-card .app-card__content .app-card__points .app-card__points-title {
  width: min(80.2666666667vw, 626.08px);
  height: min(9.6vw, 74.88px);
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4.5333333333vw, 35.36px);
  line-height: min(9.6vw, 74.88px);
  letter-spacing: 0%;
  color: #ffffff;
  border-radius: min(2.1333333333vw, 16.64px);
}
.recommend-section .app-card .app-card__content .app-card__points .app-card__points-list {
  margin-top: min(6.4vw, 49.92px);
}
.recommend-section .app-card .app-card__content .app-card__points .app-card__points-list .app-card__points-item {
  display: flex;
  padding-bottom: min(6.4vw, 49.92px);
}
.recommend-section .app-card .app-card__content .app-card__points .app-card__points-list .app-card__points-item .app-card__points-icon {
  width: min(6.2213333333vw, 48.5264px);
  margin-left: min(5.6vw, 43.68px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.recommend-section .app-card .app-card__content .app-card__points .app-card__points-list .app-card__points-item .app-card__points-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  color: #333333;
}
.recommend-section .app-card .app-card__content .app-card__points .app-card__points-list .app-card__points-item .app-card__points-text .yellowbold {
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.recommend-section .app-card .app-card__content .app-card__points .app-card__points-list .app-card__points-item .app-card__points-text .yellowbold::after {
  position: absolute;
  width: 100%;
  height: min(2.4vw, 18.72px);
  left: 0;
  bottom: min(0vw, 0px);
  content: "";
  background: #fbff8d;
  z-index: -1;
}
.recommend-section .app-card .app-card__content .app-card__details {
  margin-top: min(10.6666666667vw, 83.2px);
}
.recommend-section .app-card .app-card__content .app-card__details .app-card__details-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: min(88.2666666667vw, 688.48px);
  margin: 0 auto;
}
.recommend-section .app-card .app-card__content .app-card__details .app-card__details-list .app-card__details-item {
  width: min(44vw, 343.2px);
}
.recommend-section .app-card .app-card__content .app-card__details .app-card__details-list .app-card__details-item .app-card__details-label {
  text-align: center;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(3.7333333333vw, 29.12px);
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  height: min(10.6666666667vw, 83.2px);
  line-height: min(10.6666666667vw, 83.2px);
}
.recommend-section .app-card .app-card__content .app-card__details .app-card__details-list .app-card__details-item .app-card__details-value {
  height: min(21.3333333333vw, 166.4px);
  padding-top: min(2.6666666667vw, 20.8px);
}
.recommend-section .app-card .app-card__content .app-card__details .app-card__details-list .app-card__details-item .app-card__details-value .app-card__details-icon {
  width: min(6.848vw, 53.4144px);
  margin: 0 auto;
}
.recommend-section .app-card .app-card__content .app-card__details .app-card__details-list .app-card__details-item .app-card__details-value .app-card__details-text {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(3.7333333333vw, 29.12px);
  vertical-align: middle;
}
.recommend-section .app-card .app-card__content .app-card__review {
  width: min(92vw, 717.6px);
  padding-top: min(5.3333333333vw, 41.6px);
  padding-bottom: min(5.3333333333vw, 41.6px);
  margin: 0 auto;
  margin-top: min(8vw, 62.4px);
  position: relative;
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-title {
  width: min(87.7333333333vw, 684.32px);
  height: min(8.8vw, 68.64px);
  background-image: url(./../img/08_detail/review_title_label.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: min(2.1333333333vw, 16.64px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-title .review {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(8.8vw, 68.64px);
  letter-spacing: 0.33em;
  color: #f3c797;
  padding-left: min(5.3333333333vw, 41.6px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-title .userperson {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 100%;
  letter-spacing: 0.09em;
  color: #ffffff;
  padding-left: min(4.8vw, 37.44px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list {
  width: min(89.3333333333vw, 696.8px);
  margin: 0 auto;
  margin-top: min(2.6666666667vw, 20.8px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item {
  padding-top: min(3.7333333333vw, 29.12px);
  padding-left: min(2.6666666667vw, 20.8px);
  background-color: #ffffff;
  margin-bottom: min(4.2666666667vw, 33.28px);
  padding-bottom: min(4.8vw, 37.44px);
  border-radius: min(1.0666666667vw, 8.32px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-comment {
  font-weight: 700;
  font-size: min(4vw, 31.2px);
  line-height: 100%;
  letter-spacing: 0%;
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-user {
  display: flex;
  align-items: center;
  margin-top: min(2.6666666667vw, 20.8px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-user .app-card__review-user-image {
  width: min(11.4666666667vw, 89.44px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-user .app-card__review-user-info {
  color: #1a1c20;
  font-weight: 500;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0.08em;
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-user .app-card__review-user-info span {
  margin-right: min(3.7333333333vw, 29.12px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-text {
  font-weight: 400;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: 180%;
  letter-spacing: 0%;
  margin-top: min(2.6666666667vw, 20.8px);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-text .yellowbold {
  font-weight: 600;
  position: relative;
  z-index: 2;
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-text .yellowbold::after {
  position: absolute;
  width: 100%;
  height: min(1.8666666667vw, 14.56px);
  content: "";
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #fbff8d;
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-item--inner.gradation {
  /* グラデーションでフェードアウト */
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}
.recommend-section .app-card .app-card__content .app-card__review .app-card__review-list .app-card__review-item.hidden {
  display: none;
}
.recommend-section .app-card .app-card__content .app-card__review .readmore_button {
  position: absolute;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: min(10.6666666667vw, 83.2px);
  height: min(10.6666666667vw, 83.2px);
  width: min(38.6666666667vw, 301.6px);
  letter-spacing: 8%;
  text-align: center;
  color: #ffffff;
  box-shadow: 0px min(0.5333333333vw, 4.16px) min(1.0666666667vw, 8.32px) 0px rgba(134, 102, 102, 0.2509803922);
  bottom: min(14.1333333333vw, 110.24px);
  left: 50%;
  transform: translateX(-50%);
}
.recommend-section .app-card .app-card__content .app-card__review .readmore_button.active {
  bottom: min(8vw, 62.4px);
}
.recommend-section .app-card .app-card__content .app-card__review.active {
  padding-bottom: min(20.5333333333vw, 160.16px);
}
.recommend-section .app-card.no1 {
  background: #f3c797;
}
.recommend-section .app-card.no1 .app-card__content .app-card__header .app-card__crown {
  width: min(21.6vw, 168.48px);
  margin-right: min(5.3333333333vw, 41.6px);
}
.recommend-section .app-card.no1 .app-card__content .app-card__points {
  border: min(0.4vw, 3.12px) solid #a37c17;
  background: #fff9f0;
}
.recommend-section .app-card.no1 .app-card__content .app-card__points .app-card__points-title {
  background: #a37c17;
}
.recommend-section .app-card.no1 .app-card__content .app-card__details .app-card__details-list {
  border-right: min(0.2666666667vw, 2.08px) solid #584621;
  border-bottom: min(0.2666666667vw, 2.08px) solid #584621;
}
.recommend-section .app-card.no1 .app-card__content .app-card__details .app-card__details-list .app-card__details-item {
  border-left: min(0.2666666667vw, 2.08px) solid #584621;
  border-top: min(0.2666666667vw, 2.08px) solid #584621;
}
.recommend-section .app-card.no1 .app-card__content .app-card__details .app-card__details-list .app-card__details-item .app-card__details-label {
  background: #b79745;
  border-bottom: min(0.2666666667vw, 2.08px) solid #584621;
}
.recommend-section .app-card.no1 .app-card__content .app-card__review {
  background: #f8e8d3;
}
.recommend-section .app-card.no1 .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-comment {
  color: #a37c17;
}
.recommend-section .app-card.no1 .app-card__content .app-card__review #toggle-buttonJS1 {
  background: #584621;
}
.recommend-section .app-card.no2 {
  background: #c1c8ea;
}
.recommend-section .app-card.no2 .app-card__content .app-card__header .app-card__crown {
  width: min(17.8666666667vw, 139.36px);
  margin-right: min(5.3333333333vw, 41.6px);
}
.recommend-section .app-card.no2 .app-card__content .app-card__points {
  border: min(0.4vw, 3.12px) solid #4b4d97;
  background: #ebedf7;
}
.recommend-section .app-card.no2 .app-card__content .app-card__points .app-card__points-title {
  background: #4b4d97;
}
.recommend-section .app-card.no2 .app-card__content .app-card__details .app-card__details-list {
  border-right: min(0.2666666667vw, 2.08px) solid #25264e;
  border-bottom: min(0.2666666667vw, 2.08px) solid #25264e;
}
.recommend-section .app-card.no2 .app-card__content .app-card__details .app-card__details-list .app-card__details-item {
  border-left: min(0.2666666667vw, 2.08px) solid #25264e;
  border-top: min(0.2666666667vw, 2.08px) solid #25264e;
}
.recommend-section .app-card.no2 .app-card__content .app-card__details .app-card__details-list .app-card__details-item .app-card__details-label {
  background: #4b4d97;
  border-bottom: min(0.2666666667vw, 2.08px) solid #25264e;
}
.recommend-section .app-card.no2 .app-card__content .app-card__review {
  background: #d5e6fa;
}
.recommend-section .app-card.no2 .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-comment {
  color: #25264e;
}
.recommend-section .app-card.no2 .app-card__content .app-card__review #toggle-buttonJS2 {
  background: #25264e;
}
.recommend-section .app-card.no3 {
  background: #ffbbcc;
}
.recommend-section .app-card.no3 .app-card__content .app-card__header .app-card__crown {
  width: min(17.8666666667vw, 139.36px);
  margin-right: min(5.3333333333vw, 41.6px);
}
.recommend-section .app-card.no3 .app-card__content .app-card__points {
  border: min(0.4vw, 3.12px) solid #4b4d97;
  background: #fdf4f7;
}
.recommend-section .app-card.no3 .app-card__content .app-card__points .app-card__points-title {
  background: #f96288;
}
.recommend-section .app-card.no3 .app-card__content .app-card__details .app-card__details-list {
  border-right: min(0.2666666667vw, 2.08px) solid #25264e;
  border-bottom: min(0.2666666667vw, 2.08px) solid #25264e;
}
.recommend-section .app-card.no3 .app-card__content .app-card__details .app-card__details-list .app-card__details-item {
  border-left: min(0.2666666667vw, 2.08px) solid #25264e;
  border-top: min(0.2666666667vw, 2.08px) solid #25264e;
}
.recommend-section .app-card.no3 .app-card__content .app-card__details .app-card__details-list .app-card__details-item .app-card__details-label {
  background: #f96288;
  border-bottom: min(0.2666666667vw, 2.08px) solid #25264e;
}
.recommend-section .app-card.no3 .app-card__content .app-card__review {
  background: #fae8ee;
}
.recommend-section .app-card.no3 .app-card__content .app-card__review .app-card__review-list .app-card__review-item .app-card__review-comment {
  color: #f96288;
}
.recommend-section .app-card.no3 .app-card__content .app-card__review #toggle-buttonJS3 {
  background: #f96288;
}

.steps-section {
  background: #fbf6f1;
  padding-top: min(5.3333333333vw, 41.6px);
  padding-bottom: min(14.6666666667vw, 114.4px);
}
.steps-section .steps-section__heading {
  width: min(94.6666666667vw, 738.4px);
  margin: 0 auto;
  height: min(44.2666666667vw, 345.28px);
  padding-top: min(8vw, 62.4px);
  background-image: url(./../img/09_how/title_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
}
.steps-section .steps-section__heading-text1 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(5.6986666667vw, 44.4496px);
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.steps-section .steps-section__heading-text2 {
  margin-top: min(1.7786666667vw, 13.8736px);
}
.steps-section .steps-section__heading-text2 .steps-section__highlight1 {
  color: #b79745;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(8vw, 62.4px);
  line-height: 100%;
  letter-spacing: 0.03em;
  text-align: center;
  vertical-align: middle;
}
.steps-section .steps-section__heading-text2 .steps-section__highlight2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(5.8666666667vw, 45.76px);
  line-height: 100%;
  letter-spacing: 0.03em;
  text-align: center;
  vertical-align: middle;
}
.steps-section .steps-section__heading-text3 {
  margin-top: min(2.6666666667vw, 20.8px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: 100%;
  letter-spacing: 0.04;
  text-align: center;
  vertical-align: middle;
}
.steps-section .steps-section__heading-text3 span {
  font-size: min(6.6666666667vw, 52px);
}
.steps-section .steps-section__heading-decoimg {
  width: min(6.4vw, 49.92px);
  position: absolute;
  left: min(17.6vw, 137.28px);
  top: min(5.0666666667vw, 39.52px);
}
.steps-section .steps-section__step {
  width: min(94.6666666667vw, 738.4px);
  margin: 0 auto;
  margin-top: min(3.6826666667vw, 28.7248px);
  border: min(0.5333333333vw, 4.16px) solid #b79745;
  overflow: hidden;
  border-radius: min(2.1333333333vw, 16.64px);
  padding-bottom: min(5.3333333333vw, 41.6px);
  background-color: #ffffff;
}
.steps-section .steps-section__step-header {
  background-color: #b79745;
  display: flex;
  align-items: center;
  padding-top: min(4.3546666667vw, 33.9664px);
  padding-bottom: min(4.3546666667vw, 33.9664px);
  padding-left: min(6.6666666667vw, 52px);
}
.steps-section .steps-section__step-header .steps-section__step-number {
  background: #333333;
  text-align: center;
  width: min(14.0453333333vw, 109.5536px);
  height: min(13.1546666667vw, 102.6064px);
  border: min(0.2213333333vw, 1.7264px) solid #ffffff;
  border-radius: min(1.3333333333vw, 10.4px);
  margin-right: min(4.8vw, 37.44px);
}
.steps-section .steps-section__step-header .steps-section__step-number .steps-section__step-label {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: min(3.112vw, 24.2736px);
  line-height: 100%;
  letter-spacing: 0.12em;
  text-align: center;
  padding-top: min(1.7786666667vw, 13.8736px);
}
.steps-section .steps-section__step-header .steps-section__step-number .steps-section__step-index {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: min(4.888vw, 38.1264px);
  line-height: min(5.8666666667vw, 45.76px);
  letter-spacing: 0.12em;
  text-align: center;
  padding-top: min(0.5333333333vw, 4.16px);
}
.steps-section .steps-section__step-header .steps-section__step-title {
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: 110%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.steps-section .steps-section__step .steps-section__step-img {
  width: min(88vw, 686.4px);
  margin: 0 auto;
  margin-top: min(5.3333333333vw, 41.6px);
}
.steps-section .steps-section__step .steps-section__step-description {
  width: min(81.3333333333vw, 634.4px);
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  margin-top: min(5.3333333333vw, 41.6px);
}
.steps-section .steps-section__step .steps-section__step-description .yellowbold {
  position: relative;
  font-weight: 700;
  z-index: 2;
}
.steps-section .steps-section__step .steps-section__step-description .yellowbold::after {
  position: absolute;
  width: 100%;
  height: min(2.4vw, 18.72px);
  content: "";
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #fbff8d;
}
.steps-section .steps-section__step .steps-section__step-description2 {
  border: min(0.2666666667vw, 2.08px) solid #b79745;
  border-radius: min(1.0666666667vw, 8.32px);
  width: min(84vw, 655.2px);
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  padding-top: min(8vw, 62.4px);
  padding-left: min(2.4vw, 18.72px);
  padding-bottom: min(8vw, 62.4px);
  margin-top: min(4.2666666667vw, 33.28px);
}
.steps-section .steps-section__step .steps-section__step-description3 {
  border: 1px solid #f3c797;
  background: #fefaf5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(3.4666666667vw, 27.04px);
  line-height: 200%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000000;
  width: min(82.6666666667vw, 644.8px);
  margin: 0 auto;
  margin-top: min(2.9333333333vw, 22.88px);
}
.steps-section .steps-section__step .steps-section__step-description3 ul {
  padding-top: min(5.3333333333vw, 41.6px);
  padding-bottom: min(5.3333333333vw, 41.6px);
  padding-left: min(2.6666666667vw, 20.8px);
}
.steps-section .steps-section__step .steps-section__step-description3 ul li {
  margin-bottom: min(2.1333333333vw, 16.64px);
}
.steps-section .steps-section__step .steps-section__step-bubble {
  display: flex;
  justify-content: center;
  align-items: center;
}
.steps-section .steps-section__step .steps-section__step-bubble .steps-section__step-bubble--img {
  width: min(17.6vw, 137.28px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.steps-section .steps-section__step .steps-section__step-bubble .steps-section__step-bubble--text {
  width: min(66.4vw, 517.92px);
  height: min(25.0666666667vw, 195.52px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  padding-left: min(4.5333333333vw, 35.36px);
  padding-top: min(3.4666666667vw, 27.04px);
  background-image: url(./../img/09_how/step01_bubble_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.steps-section .steps-section__step .steps-section__step-bubble2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(5.3333333333vw, 41.6px);
}
.steps-section .steps-section__step .steps-section__step-bubble2 .steps-section__step-bubble--img {
  width: min(17.6vw, 137.28px);
  margin-right: min(2.1333333333vw, 16.64px);
}
.steps-section .steps-section__step .steps-section__step-bubble2 .steps-section__step-bubble--text {
  width: min(69.3333333333vw, 540.8px);
  height: min(38.4vw, 299.52px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  vertical-align: middle;
  padding-left: min(6.1333333333vw, 47.84px);
  padding-top: min(3.2vw, 24.96px);
  background-image: url(./../img/09_how/step04_bubble_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.steps-section .steps-section__step--arrow {
  width: min(11.4666666667vw, 89.44px);
  margin: min(4.2666666667vw, 33.28px) auto;
}

.recommend-banner {
  background: #f8e8d3;
  padding-bottom: min(6.8vw, 53.04px);
}
.recommend-banner .recommend-banner__text-block {
  background-color: #333333;
  padding-top: min(5.3333333333vw, 41.6px);
  padding-bottom: min(5.3333333333vw, 41.6px);
}
.recommend-banner .recommend-banner__text-block .recommend-banner__catch {
  background-color: #ffffff;
  width: min(81.8666666667vw, 638.56px);
  margin: 0 auto;
  height: min(8vw, 62.4px);
  border-radius: min(4vw, 31.2px);
  color: #b79745;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: min(8vw, 62.4px);
  letter-spacing: 0.05em;
  text-align: center;
}
.recommend-banner .recommend-banner__text-block .recommend-banner__message {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(6.6666666667vw, 52px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #f8e8d3;
  margin-top: min(4vw, 31.2px);
}
.recommend-banner .recommend-banner__text-block .recommend-banner__message span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(5.8666666667vw, 45.76px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
.recommend-banner .recommend-banner__text-block .recommend-banner__title {
  background: linear-gradient(346.18deg, #bf9747 18.78%, #c49f53 20.57%, #d3b975 26.53%, #dfcc90 31.89%, #e7daa3 37.85%, #ece3af 43.81%, #eee6b3 50.36%, #eae0ab 54.53%, #e1d196 61.09%, #d2b874 69.43%, #bf9747 78.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(9.3333333333vw, 72.8px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  margin-top: min(1.3333333333vw, 10.4px);
}
.recommend-banner .recommend-banner__image {
  width: min(88vw, 686.4px);
  margin: 0 auto;
  margin-top: min(4.4453333333vw, 34.6736px);
  margin-bottom: min(4vw, 31.2px);
}
.recommend-banner .app-card__points {
  border: min(0.4vw, 3.12px) solid #a37c17;
  background: #fff9f0;
}
.recommend-banner .app-card__points .app-card__points-title {
  background: #a37c17;
}
.recommend-banner .app-card__points {
  width: min(88.2666666667vw, 688.48px);
  margin: 0 auto;
  padding-top: min(4.2666666667vw, 33.28px);
  margin-top: min(5.3333333333vw, 41.6px);
  border-radius: min(1.3333333333vw, 10.4px);
}
.recommend-banner .app-card__points .app-card__points-title {
  width: min(80.2666666667vw, 626.08px);
  height: min(9.6vw, 74.88px);
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4.5333333333vw, 35.36px);
  line-height: min(9.6vw, 74.88px);
  letter-spacing: 0%;
  color: #ffffff;
  border-radius: min(2.1333333333vw, 16.64px);
}
.recommend-banner .app-card__points .app-card__points-list {
  margin-top: min(6.4vw, 49.92px);
}
.recommend-banner .app-card__points .app-card__points-list .app-card__points-item {
  display: flex;
  padding-bottom: min(6.4vw, 49.92px);
}
.recommend-banner .app-card__points .app-card__points-list .app-card__points-item .app-card__points-icon {
  width: min(6.2213333333vw, 48.5264px);
  margin-left: min(5.6vw, 43.68px);
  margin-right: min(2.6666666667vw, 20.8px);
}
.recommend-banner .app-card__points .app-card__points-list .app-card__points-item .app-card__points-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  color: #333333;
}
.recommend-banner .app-card__points .app-card__points-list .app-card__points-item .app-card__points-text .yellowbold {
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.recommend-banner .app-card__points .app-card__points-list .app-card__points-item .app-card__points-text .yellowbold::after {
  position: absolute;
  width: 100%;
  height: min(2.4vw, 18.72px);
  left: 0;
  bottom: min(0.2666666667vw, 2.08px);
  content: "";
  background: #fbff8d;
  z-index: -1;
}

footer {
  text-align: center;
  height: min(21.8666666667vw, 170.56px);
  background-color: #333333;
  padding-top: min(8vw, 62.4px);
}
footer a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: 160%;
  letter-spacing: 0.04em;
  vertical-align: middle;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  color: #ffffff;
}

.app-card__cta {
  margin-top: min(8.5333333333vw, 66.56px);
}
.app-card__cta .app-card__cta-text {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(4vw, 31.2px);
  line-height: 160%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}
.app-card__cta .app-card__cta-text span {
  position: relative;
  font-weight: 700;
  z-index: 2;
}
.app-card__cta .app-card__cta-text span::after {
  position: absolute;
  width: 100%;
  height: min(2.4vw, 18.72px);
  content: "";
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #fbff8d;
}
.app-card__cta .app-card__cta-button {
  width: min(89.3333333333vw, 696.8px);
  height: min(17.6vw, 137.28px);
  margin: 0 auto;
  margin-top: min(2.1333333333vw, 16.64px);
  position: relative;
}
.app-card__cta .app-card__cta-button a {
  width: min(89.3333333333vw, 696.8px);
  height: min(17.6vw, 137.28px);
  border-radius: min(8.8vw, 68.64px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #da3806 0%, #ba2d01 111%);
}
.app-card__cta .app-card__cta-button a .app-card__cta-label {
  background-color: #ffffff;
  width: min(12.2666666667vw, 95.68px);
  height: min(12.2666666667vw, 95.68px);
  line-height: min(12.2666666667vw, 95.68px);
  border-radius: min(6.1333333333vw, 47.84px);
  font-weight: 700;
  font-size: min(3.7333333333vw, 29.12px);
  letter-spacing: 0.07em;
  vertical-align: middle;
  color: #584621;
  text-align: center;
  margin-right: min(2.6666666667vw, 20.8px);
}
.app-card__cta .app-card__cta-button a .app-card__cta-main {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: min(5.0666666667vw, 39.52px);
  line-height: 100%;
  letter-spacing: 0.03em;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: min(5.0666666667vw, 39.52px);
}
.app-card__cta .app-card__cta-button .app-card__cta-icon {
  position: absolute;
  width: min(19.1866666667vw, 149.656px);
  right: min(0.4vw, 3.12px);
  bottom: max(-7.08vw, -55.224px);
  animation: fingerMove 1s ease-in-out infinite alternate;
}

/*# sourceMappingURL=style.css.map */