@charset "UTF-8";
html,
body {
  width: min(100vw, 780px);
  margin: 0 auto;
  color: #333333;
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Montserrat", sans-serif;
}

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

/* キラッと光るエフェクト */
.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 8s ease-in-out infinite;
}

/* アニメーションで光る動き */
@keyframes shinyshiny {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
/* ボタンの矢印アニメーション */
@keyframes moveArrow {
  0% {
    opacity: 0;
    transform: translate(-30px, 0);
  }
  50% {
    opacity: 1;
    transform: translate(-10px, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.moveArrow {
  animation: moveArrow 3s infinite ease;
}

.header {
  background-image: url(./../img/first-view/bg-all.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: min(70.933333vw, 553.28px);
}
.header .header__date {
  position: absolute;
  background-image: url(./../img/first-view/bg-label.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(14.666667vw, 114.4px);
  height: min(14.133333vw, 110.24px);
  left: min(2.666667vw, 20.8px);
  text-align: center;
}
.header .header__date .header__date-decoration {
  width: min(3.2vw, 24.96px);
  margin: 0 auto;
  margin-top: min(0.533333vw, 4.16px);
}
.header .header__date .header__date-year {
  font-weight: 700;
  font-size: min(3.733333vw, 29.12px);
  line-height: min(4vw, 31.2px);
  letter-spacing: 0.03em;
  text-align: center;
  text-shadow: 0px min(0.266667vw, 2.08px) min(0.533333vw, 4.16px) #004132;
  color: #ffffff;
  margin-top: min(0.533333vw, 4.16px);
}
.header .header__date .header__date-year .header__date-unit {
  font-weight: 700;
  font-size: min(2.133333vw, 16.64px);
  line-height: min(4vw, 31.2px);
  letter-spacing: 0.03em;
  text-align: center;
  text-shadow: 0px min(0.266667vw, 2.08px) min(0.533333vw, 4.16px) #004132;
}
.header .header__date .header__date-latest {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: min(4vw, 31.2px);
  letter-spacing: 0.03em;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px min(0.266667vw, 2.08px) min(0.533333vw, 4.16px) #004132;
  margin-top: max(-0.641026vw, -5px);
}
.header .header__content {
  padding-top: min(13.497436vw, 105.28px);
}
.header .header__content .header__feature {
  display: flex;
  align-items: center;
  margin-left: min(13.333333vw, 104px);
  position: relative;
}
.header .header__content .header__feature .header__feature-decoration {
  width: min(2.4vw, 18.72px);
}
.header .header__content .header__feature .header__feature-decoration.left {
  margin-right: min(1.333333vw, 10.4px);
}
.header .header__content .header__feature .header__feature-text1 {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0.28em;
  color: #014335;
  padding-top: min(0.533333vw, 4.16px);
}
.header .header__content .header__feature .header__feature-text2 {
  font-weight: 700;
  font-size: min(2.666667vw, 20.8px);
  line-height: 100%;
  letter-spacing: 0.28em;
  color: #014335;
  padding-top: min(1.451282vw, 11.32px);
}
.header .header__content .header__feature .header__feature-text3 {
  font-weight: 700;
  font-size: min(4.533333vw, 35.36px);
  line-height: 100%;
  letter-spacing: 0.28em;
  color: #483408;
  position: relative;
  z-index: 10;
}
.header .header__content .header__feature .header__feature-text3 span {
  position: relative;
}
.header .header__content .header__feature .header__feature-text3 span::before {
  position: absolute;
  width: min(0.8vw, 6.24px);
  height: min(0.8vw, 6.24px);
  border-radius: 50%;
  content: "";
  background-color: #bf9638;
  left: 33%;
  top: min(0.384615vw, 3px);
}
.header .header__content .header__feature .header__feature-text3::before {
  position: absolute;
  width: min(11.2vw, 87.36px);
  background-color: #e2cd48;
  height: min(0.533333vw, 4.16px);
  bottom: max(-0.512821vw, -4px);
  left: max(-0.512821vw, -4px);
  content: "";
  z-index: 1;
}
.header .header__content .header__feature .header__feature-text4 {
  font-weight: 700;
  font-size: min(2.666667vw, 20.8px);
  line-height: 100%;
  letter-spacing: 0.28em;
  color: #014335;
  margin-right: min(0.8vw, 6.24px);
  padding-top: min(1.451282vw, 11.32px);
}
.header .header__content .header__feature .header__feature-icon {
  position: absolute;
  width: min(4.533333vw, 35.36px);
  height: auto;
  left: min(38.461538vw, 300px);
  top: min(1.025641vw, 8px);
}
.header .header__content .header__bank {
  font-weight: 700;
  font-size: min(8.8vw, 68.64px);
  line-height: 100%;
  letter-spacing: -0.04em;
  margin-left: min(9.066667vw, 70.72px);
  margin-top: min(1.6vw, 12.48px);
  color: #009b4d;
  text-shadow: min(0.266667vw, 2.08px) min(0.266667vw, 2.08px) #ffffff;
}
.header .header__content .header__bank .char1 {
  letter-spacing: -0.13em;
}
.header .header__content .header__bank .char2 {
  letter-spacing: 0.09em;
}
.header .header__content .header__bank .char3 {
  letter-spacing: 0.17em;
}
.header .header__content .header__bank .char4 {
  letter-spacing: 0em;
}
.header .header__content .header__ranking {
  display: flex;
  margin-left: min(2.666667vw, 20.8px);
  margin-top: max(-1.025641vw, -8px);
}
.header .header__content .header__ranking .header__ranking-decoration {
  width: min(10.666667vw, 83.2px);
  margin-top: min(2.5641025641vw, 20px);
}
.header .header__content .header__ranking .header__ranking-decoration.left {
  margin-right: max(-1.923077vw, -15px);
}
.header .header__content .header__ranking .header__ranking-decoration.right {
  margin-left: max(-1.923077vw, -15px);
}
.header .header__content .header__ranking .header__ranking-text .header__ranking-label {
  font-weight: 700;
  font-size: min(12.533333vw, 97.76px);
  line-height: 100%;
  letter-spacing: 0%;
  background: linear-gradient(90deg, #18643b 0%, #73b633 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0px min(0.266667vw, 2.08px) min(0.533333vw, 4.16px) rgba(0, 0, 0, 0.4));
}
.header .header__content .header__ranking .header__ranking-text .header__ranking-number {
  background: linear-gradient(228.89deg, #004132 -143.28%, #00a780 159.89%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: min(16vw, 124.8px);
  line-height: 100%;
  letter-spacing: 0%;
  filter: drop-shadow(0px min(0.266667vw, 2.08px) min(0.533333vw, 4.16px) rgba(0, 0, 0, 0.4));
}
.header .header__content .header__benefits {
  display: flex;
  margin-left: min(5.925333vw, 46.2176px);
}
.header .header__content .header__benefits .header__benefit {
  width: min(16.157333vw, 126.0272px);
  background-image: url(./../img/first-view/bg-medal.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: min(20.8vw, 162.24px);
  margin-right: min(1.866667vw, 14.56px);
  text-align: center;
}
.header .header__content .header__benefits .header__benefit .header__benefit-title {
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: min(4vw, 31.2px);
  letter-spacing: 0.04em;
  text-align: center;
  color: #004132;
  text-shadow: max(-0.012821vw, -0.1px) max(-0.012821vw, -0.1px) 0 #e9faf1, min(0.012821vw, 0.1px) max(-0.012821vw, -0.1px) 0 #e9faf1, max(-0.012821vw, -0.1px) min(0.012821vw, 0.1px) 0 #e9faf1, min(0.012821vw, 0.1px) min(0.012821vw, 0.1px) 0 #e9faf1;
}
.header .header__content .header__benefits .header__benefit .header__benefit-subtitle {
  font-weight: 700;
  font-size: min(4vw, 31.2px);
  line-height: min(4vw, 31.2px);
  letter-spacing: 0.13em;
  text-align: center;
  color: #b00004;
  text-shadow: max(-0.025641vw, -0.2px) max(-0.025641vw, -0.2px) 0 #e9faf1, min(0.025641vw, 0.2px) max(-0.025641vw, -0.2px) 0 #e9faf1, max(-0.025641vw, -0.2px) min(0.025641vw, 0.2px) 0 #e9faf1, min(0.025641vw, 0.2px) min(0.025641vw, 0.2px) 0 #e9faf1;
}
.header .header__content .header__benefits .header__benefit.benefit1,
.header .header__content .header__benefits .header__benefit.benefit2 {
  padding-top: min(5.066667vw, 39.52px);
}
.header .header__content .header__benefits .header__benefit.benefit3 {
  padding-top: min(7.2vw, 56.16px);
}
.header .header__pr {
  position: absolute;
  top: min(2.133333vw, 16.64px);
  right: min(4vw, 31.2px);
  color: #ffffff;
  font-family: Inter;
  font-weight: 400;
  font-size: min(2.4vw, 18.72px);
  line-height: min(4.020513vw, 31.36px);
  letter-spacing: 0%;
  text-align: center;
  width: min(5.333333vw, 41.6px);
  height: min(4.533333vw, 35.36px);
  border: min(0.266667vw, 2.08px) solid #ffffff;
}
.header .header__bg-person {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(42.133333vw, 328.64px);
}

.ranking {
  padding-top: min(0.533333vw, 4.16px);
  padding-bottom: min(2.6666666667vw, 20.8px);
}
.ranking .ranking__title {
  padding-top: min(1.066667vw, 8.32px);
}
.ranking .ranking__title .ranking__title-line1 {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.ranking .ranking__title .ranking__title-line1 .ranking__title-text1 {
  font-weight: 700;
  font-size: min(4.266667vw, 33.28px);
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #024833;
}
.ranking .ranking__title .ranking__title-line1 .ranking__title-text2 {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #024833;
}
.ranking .ranking__title .ranking__title-line1 .ranking__title-text3 {
  font-weight: 700;
  font-size: min(8.266667vw, 64.48px);
  line-height: 100%;
  color: #7ec04d;
  position: relative;
}
.ranking .ranking__title .ranking__title-line1 .ranking__title-text3 img {
  position: absolute;
  top: max(-0.769231vw, -6px);
  left: 50%;
  transform: translate(-50%, 0);
  width: min(4.533333vw, 35.36px);
}
.ranking .ranking__title .ranking__title-line1 .ranking__title-text4 {
  font-weight: 700;
  font-size: min(3.733333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0.08em;
  text-align: center;
  color: #7ec04d;
}
.ranking .ranking__title .ranking__title-line1 .ranking__title-text5 {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #024833;
}
.ranking .ranking__title .ranking__title-arrow {
  width: min(34.989744vw, 272.92px);
  margin: 0 auto;
  margin-top: max(-1.6vw, -12.48px);
}
.ranking .ranking__title .ranking__title-line2 {
  text-align: center;
  width: min(69.230769vw, 540px);
  margin: 0 auto;
  position: relative;
  z-index: 9999;
}
.ranking .ranking__title .ranking__title-line2 .ranking__title-text1 {
  font-weight: 700;
  font-size: min(8vw, 62.4px);
  line-height: 100%;
  text-align: center;
  background: linear-gradient(90deg, #003d4d 0%, #519420 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ranking .ranking__title .ranking__title-line2 .ranking__title-text2 {
  font-weight: 700;
  font-size: min(8vw, 62.4px);
  line-height: 100%;
  text-align: center;
  color: #024833;
}
.ranking .ranking__title .ranking__title-line2 .ranking__title-number3 {
  font-weight: 700;
  font-size: min(11.733333vw, 91.52px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
  -webkit-text-stroke-width: min(0.533333vw, 4.16px);
  -webkit-text-stroke-color: #00523a;
  text-shadow: min(0.266667vw, 2.08px) min(0.5335897436vw, 4.162px) rgba(0, 0, 0, 0.2509803922);
}
.ranking .ranking__title .ranking__title-line2::after {
  position: absolute;
  bottom: max(-0.7692307692vw, -6px);
  left: 0;
  content: "";
  width: min(69.3333333333vw, 540.8px);
  height: min(1.3333333333vw, 10.4px);
  background-color: #f8e602;
  z-index: -1;
}
.ranking .ranking__content {
  width: 100%;
  overflow-x: scroll;
  margin-top: min(5.6vw, 43.68px);
  padding: 0 min(5.866667vw, 45.76px);
  padding-bottom: min(0vw, 0px);
}
.ranking .ranking__content .ranking__list {
  display: flex;
}
.ranking .ranking__content .ranking__list .ranking__item {
  padding-top: min(1.333333vw, 10.4px);
  padding-left: min(2.4vw, 18.72px);
  padding-right: min(2.4vw, 18.72px);
  padding-bottom: min(4vw, 31.2px);
  border-radius: min(1.066667vw, 8.32px);
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__bank {
  font-weight: 600;
  font-size: min(3.733333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-decoration: underline;
  margin-top: min(1.6vw, 12.48px);
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__banner {
  width: min(46.666667vw, 364px);
  margin: 0 auto;
  margin-top: min(1.866667vw, 14.56px);
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__bonus {
  display: flex;
  justify-content: center;
  margin-top: min(3.2vw, 24.96px);
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__bonus .ranking__bonus-decoration {
  width: min(5.866667vw, 45.76px);
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__bonus .ranking__bonus-text {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: min(4.266667vw, 33.28px);
  letter-spacing: 0%;
  text-align: center;
  color: #004831;
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__bonus .ranking__bonus-text .ranking__bonus-amount {
  color: #fd4600;
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__bonus .ranking__bonus-text .small {
  font-size: min(1.6vw, 12.48px);
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__cta .ranking__cta-link .ranking__cta-button {
  display: flex;
  position: relative;
  background: #ff6600;
  align-items: center;
  box-shadow: min(0.533333vw, 4.16px) min(0.533333vw, 4.16px) 0px 0px #b46d08;
  width: min(42.666667vw, 332.8px);
  height: min(8.8vw, 68.64px);
  border-radius: min(1.333333vw, 10.4px);
  margin: 0 auto;
  margin-top: min(4vw, 31.2px);
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__cta .ranking__cta-link .ranking__cta-button .ranking__cta-text {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: min(8.8vw, 68.64px);
  letter-spacing: 0.05em;
  text-align: center;
  color: #ffffff;
  text-align: center;
  width: 100%;
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__cta .ranking__cta-link .ranking__cta-button .ranking__cta-label {
  position: absolute;
  top: max(-2.123077vw, -16.56px);
  left: 50%;
  transform: translate(-50%, 0);
  border: min(0.266667vw, 2.08px) solid #d67d00;
  background-color: #ffffff;
  width: min(17.866667vw, 139.36px);
  height: min(4.266667vw, 33.28px);
  border-radius: min(1.733333vw, 13.52px);
  font-weight: 700;
  font-size: min(2.4vw, 18.72px);
  line-height: min(3.753846vw, 29.28px);
  letter-spacing: 0.07em;
  text-align: center;
  color: #d88510;
  z-index: 99999;
}
.ranking .ranking__content .ranking__list .ranking__item .ranking__cta .ranking__cta-link .ranking__cta-button .ranking__cta-icon {
  position: absolute;
  width: min(2.933333vw, 22.88px);
  right: min(3.466667vw, 27.04px);
}
.ranking .ranking__content .ranking__item.ranking__item--first {
  border: min(0.8vw, 6.24px) solid #ff7b22;
  background-color: #fff7e6;
}
.ranking .ranking__content .ranking__item.ranking__item--first .ranking__icon {
  width: min(24.266667vw, 189.28px);
  margin: 0 auto;
}
.ranking .ranking__content .ranking__item.ranking__item--first .ranking__bank a {
  color: #f21c00;
  text-decoration-color: #f21c00;
}
.ranking .ranking__content .ranking__item.ranking__item--second,
.ranking .ranking__content .ranking__item.ranking__item--third {
  border: min(0.266667vw, 2.08px) solid #004132;
  margin-left: min(4vw, 31.2px);
}
.ranking .ranking__content .ranking__item.ranking__item--second .ranking__icon,
.ranking .ranking__content .ranking__item.ranking__item--third .ranking__icon {
  width: min(10.4vw, 81.12px);
  margin: 0 auto;
}
.ranking .ranking__content .ranking__item.ranking__item--second .ranking__cta,
.ranking .ranking__content .ranking__item.ranking__item--third .ranking__cta {
  margin-top: min(16.533333vw, 128.96px);
}
.ranking .ranking__content--warn {
  font-weight: 500;
  font-size: min(1.6vw, 12.48px);
  line-height: min(1.866667vw, 14.56px);
  letter-spacing: 0%;
  padding-left: min(5.066667vw, 39.52px);
  margin-top: min(3.733333vw, 29.12px);
  padding-bottom: min(5.3333333333vw, 41.6px);
}

.comparison {
  background-image: url(./../img/comparison/bg-all.jpg);
  background-size: 128% auto;
  background-position: 0% 0%;
  padding-bottom: min(5.3333333333vw, 41.6px);
}
.comparison .comparison__header {
  background-image: url(./../img/comparison/bg-title.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: min(32.266667vw, 251.68px);
  padding-top: min(10.282051vw, 80.2px);
  background-color: #ffffff;
}
.comparison .comparison__header .comparison__header-title {
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: #ffffff;
  position: relative;
}
.comparison .comparison__header .comparison__header-title .text1 {
  font-weight: 700;
  font-size: min(5.866667vw, 45.76px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-shadow: 0px min(0.533333vw, 4.16px) #004132;
}
.comparison .comparison__header .comparison__header-title .text2 {
  font-weight: 700;
  font-size: min(8.8vw, 68.64px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
  -webkit-text-stroke-width: min(0.266667vw, 2.08px);
  -webkit-text-stroke-color: #000000;
}
.comparison .comparison__header .comparison__header-title .text3 {
  font-weight: 700;
  font-size: min(5.866667vw, 45.76px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: bottom;
  text-shadow: 0px min(0.533333vw, 4.16px) #004132;
}
.comparison .comparison__header .comparison__header-title .text4 {
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-shadow: 0px min(0.533333vw, 4.16px) #004132;
}
.comparison .comparison__header .comparison__header-title::after {
  width: min(51.2vw, 399.36px);
  height: min(0.8vw, 6.24px);
  left: 50%;
  transform: translate(-50%, 0);
  bottom: max(-0.769231vw, -6px);
  content: "";
  background-color: #f5fc47;
  position: absolute;
}
.comparison .comparison__header .comparison__header-subtitle {
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
  margin-top: min(1.923077vw, 15px);
}
.comparison .comparison__header .comparison__header-bubble {
  position: absolute;
  background-image: url(./../img/comparison/bg-title_吹き出し.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(29.4871794872vw, 230px);
  height: min(8.3333333333vw, 65px);
  left: min(10.976vw, 85.6128px);
  top: min(2.666667vw, 20.8px);
}
.comparison .comparison__header .comparison__header-bubble p {
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004132;
  transform: rotate(-3.53deg);
  padding-top: min(2.3076923077vw, 18px);
}
.comparison .comparison__header .comparison__header-person {
  position: absolute;
  top: min(4.266667vw, 33.28px);
  right: min(5.353846vw, 41.76px);
  width: min(21.333333vw, 166.4px);
}
.comparison .comparison__table-bkcolor {
  background-color: rgba(255, 255, 255, 0.562);
  padding-bottom: min(2.6666666667vw, 20.8px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper {
  overflow-x: scroll;
  width: min(89.333333vw, 696.8px);
  margin: 0 auto;
  clip-path: inset(0 0 0 0);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table {
  width: min(174.133333vw, 1358.24px);
  font-size: min(4.266667vw, 33.28px);
  font-weight: 700;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0;
  /* 1列目を固定 */
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table td,
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table th {
  border-bottom: min(0.2666666667vw, 2.08px) solid #b9b9b9;
  border-right: min(0.2666666667vw, 2.08px) solid #b9b9b9;
  border-collapse: collapse;
  vertical-align: middle;
  padding: min(2.6666666667vw, 20.8px) 0;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table th:first-child,
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table td:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bkWhite {
  background-color: #ffffff;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bkGreen {
  background-color: #d9e7d4;
  border-top: min(0.2666666667vw, 2.08px) solid #ffffff;
  border-left: min(0.2666666667vw, 2.08px) solid #ffffff;
  border-bottom: min(0.2666666667vw, 2.08px) solid #ffffff;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bkOrange {
  background-color: #fbfaea;
  border-left: min(0.8vw, 6.24px) solid #ff9500;
  border-right: min(0.8vw, 6.24px) solid #ff9500;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bkDoubleCircle {
  background-image: url(./../img/comparison/bg-double-circle.png);
  background-size: min(10.666667vw, 83.2px) min(10.666667vw, 83.2px);
  background-position: center;
  background-repeat: no-repeat;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bkCircle {
  background-image: url(./../img/comparison/bg-circle.png);
  background-size: min(10.666667vw, 83.2px) min(10.666667vw, 83.2px);
  background-position: center;
  background-repeat: no-repeat;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bkTriangle {
  background-image: url(./../img/comparison/bg-triangle.png);
  background-size: min(10.666667vw, 83.2px) min(10.666667vw, 83.2px);
  background-position: center;
  background-repeat: no-repeat;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bdTopOrange {
  border-top: min(0.8vw, 6.24px) solid #ff9500;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .bdBottomOrange {
  border-bottom: min(0.8vw, 6.24px) solid #ff9500;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .noBorder {
  border-right: 0;
  border-left: 0 !important;
  border-top: 0;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-header .comparison__table-bank {
  width: min(48.8vw, 380.64px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-header .comparison__table-bank .comparison__table-bank-icon {
  width: min(11.733333vw, 91.52px);
  margin: 0 auto;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-header .comparison__table-bank .comparison__table-bank-icon.icon1 {
  width: min(17.866667vw, 139.36px);
  margin: 0 auto;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-header .comparison__table-bank .comparison__table-bank-link {
  text-align: center;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-header .comparison__table-bank .comparison__table-bank-link a {
  color: #082b9d;
  font-weight: 600;
  font-size: min(3.733333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-decoration: underline;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-header .comparison__table-bank .comparison__table-bank-banner {
  width: min(34.4vw, 268.32px);
  margin: 0 auto;
  margin-top: min(4vw, 31.2px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-value {
  border-collapse: collapse;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-value .small {
  font-size: min(1.6vw, 12.48px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-category span {
  font-weight: 400;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link {
  padding: min(2.9333333333vw, 22.88px) 0;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link a {
  display: flex;
  background-color: #d41944;
  font-weight: 700;
  font-size: min(2.133333vw, 16.64px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  width: min(29.6vw, 230.88px);
  height: min(6.666667vw, 52px);
  border-radius: min(0.533333vw, 4.16px);
  color: #ffffff;
  margin: 0 auto;
  box-shadow: min(0.8vw, 6.24px) min(0.8vw, 6.24px) 0px 0px #cb6f3d;
  position: relative;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link a img {
  width: min(1.066667vw, 8.32px);
  right: min(2.6666666667vw, 20.8px);
  position: absolute;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link a.topSpace {
  margin-top: min(6.0256410256vw, 47px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link .comparison__table-link-message {
  display: flex;
  justify-content: center;
  margin-bottom: min(0.533333vw, 4.16px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link .comparison__table-link-message .left {
  width: min(2.933333vw, 22.88px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link .comparison__table-link-message .center {
  font-weight: 700;
  font-size: min(2.4vw, 18.72px);
  line-height: min(2.666667vw, 20.8px);
  letter-spacing: 0%;
  text-align: center;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link .comparison__table-link-message .center span {
  color: #fd4600;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link .comparison__table-link-message .center .small {
  font-size: min(1.6vw, 12.48px);
  color: #333333;
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row .comparison__table-link .comparison__table-link-message .right {
  width: min(2.933333vw, 22.88px);
}
.comparison .comparison__table-bkcolor .comparison__table-wrapper .comparison__table .comparison__table-row.data {
  height: min(18.933333vw, 147.68px);
}
.comparison .comparison__table-warn {
  font-weight: 500;
  font-size: min(1.6vw, 12.48px);
  line-height: min(1.8666666667vw, 14.56px);
  letter-spacing: 0%;
  padding: min(1.3333333333vw, 10.4px);
  margin: 0 auto;
  width: min(89.8666666667vw, 700.96px);
  background-color: #ffffff;
}

.points {
  background: #edf7ee;
  padding-top: min(6.133333vw, 47.84px);
  padding-bottom: min(6.666667vw, 52px);
}
.points .points__header {
  background-image: url(./../img/points/bg-title-all.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(76.533333vw, 596.96px);
  height: min(38.133333vw, 297.44px);
  margin: 0 auto;
  padding-top: min(4vw, 31.2px);
}
.points .points__header .points__title {
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
}
.points .points__header .points__title .points__title-textimg {
  width: min(32.533333vw, 253.76px);
}
.points .points__header .points__title .points__title-text {
  font-weight: 700;
  font-size: min(5.333333vw, 41.6px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
  margin-bottom: min(1.282051vw, 10px);
}
.points .points__header .points__title .points__title-decoration {
  width: min(7.733333vw, 60.32px);
  margin-bottom: min(1.025641vw, 8px);
}
.points .points__header .points__title .points__title-decoration1 {
  position: absolute;
  width: min(4vw, 31.2px);
  right: min(8vw, 62.4px);
  top: min(18.738462vw, 146.16px);
}
.points .points__header .points__subtitle {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  background-image: url(./../img/points/bg-ribbon.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(44.533333vw, 347.36px);
  height: min(7.2vw, 56.16px);
  margin: 0 auto;
  margin-top: min(0.8vw, 6.24px);
  padding-top: min(1.025641vw, 8px);
  color: #ffffff;
}
.points .points__header .points__subheading {
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
  z-index: 9999;
}
.points .points__header .points__subheading .points__subheading-number {
  width: min(7.948718vw, 62px);
}
.points .points__header .points__subheading .points__subheading-text1 {
  font-weight: 700;
  font-size: min(6.933333vw, 54.08px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
}
.points .points__header .points__subheading .points__subheading-text2 {
  font-weight: 700;
  font-size: min(9.866667vw, 76.96px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
}
.points .points__header .points__subheading::after {
  position: absolute;
  content: "";
  width: min(60.533333vw, 472.16px);
  height: min(1.866667vw, 14.56px);
  background-color: #fbf5d9;
  bottom: 0;
  z-index: -1;
}
.points .points__item {
  width: min(88.533333vw, 690.56px);
  margin: 0 auto;
  border: min(0.533333vw, 4.16px) solid #004132;
  background: #ffffff;
  border-radius: min(1.333333vw, 10.4px);
  padding-top: min(2.4vw, 18.72px);
  padding-bottom: min(4vw, 31.2px);
}
.points .points__item .points__item-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.points .points__item .points__item-title .points__item-label {
  font-weight: 700;
  font-size: min(7.2vw, 56.16px);
  line-height: min(6.815385vw, 53.16px);
  letter-spacing: 0.05em;
  text-align: center;
  color: #237e4d;
  width: min(26.4vw, 205.92px);
  border-top: min(0.4vw, 3.12px) solid #237e4d;
  border-bottom: min(0.4vw, 3.12px) solid #237e4d;
  padding-bottom: min(0.4vw, 3.12px);
  margin-top: min(1.282051vw, 10px);
}
.points .points__item .points__item-title .points__item-number {
  font-weight: 700;
  font-size: min(10.4vw, 81.12px);
  line-height: 100%;
  letter-spacing: 0.04em;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px min(0.533333vw, 4.16px) #237e4d;
  -webkit-text-stroke-width: min(0.266667vw, 2.08px);
  -webkit-text-stroke-color: #00523a;
  margin-top: max(-0.641025641vw, -5px);
}
.points .points__item .points__item-heading {
  font-weight: 700;
  font-size: min(5.333333vw, 41.6px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: min(3.466667vw, 27.04px);
}
.points .points__item .points__item-heading .points__highlight {
  position: relative;
  color: #004132;
  z-index: 9999;
}
.points .points__item .points__item-heading .points__highlight::after {
  position: absolute;
  width: 100%;
  height: min(1.333333vw, 10.4px);
  background-color: #fede0d;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
}
.points .points__item .points__item-description {
  width: min(78.133333vw, 609.44px);
  margin: 0 auto;
  font-weight: 500;
  font-size: min(4.266667vw, 33.28px);
  line-height: min(5.769231vw, 45px);
  letter-spacing: 0%;
}
.points .points__item .points__item-description .points__highlight {
  color: #ff9500;
  font-weight: 600;
}
.points .points__item .points__testimonial {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(4vw, 31.2px);
}
.points .points__item .points__testimonial .points__testimonial-image {
  width: min(16vw, 124.8px);
  margin-right: min(1.066667vw, 8.32px);
}
.points .points__item .points__testimonial .points__testimonial-text {
  background-image: url(./../img/points/吹き出し背景points2.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  font-family: M PLUS 1;
  font-weight: 500;
  font-size: min(3.2vw, 24.96px);
  line-height: min(4.487179vw, 35px);
  letter-spacing: -0.01em;
  width: min(66.666667vw, 520px);
  height: min(17.066667vw, 133.12px);
  padding-left: min(3.944vw, 30.7632px);
  padding-top: min(3.712821vw, 28.96px);
}
.points .points__item .points__testimonial .points__testimonial-text .points__highlight {
  color: #ff9500;
}
.points .points__item.points__item--atm {
  margin-top: min(4.533333vw, 35.36px);
  margin-bottom: min(6.933333vw, 54.08px);
}
.points .points__item.points__item--atm .points__item-image {
  width: min(36vw, 280.8px);
  margin: 0 auto;
}
.points .points__item.points__item--atm .points__item-description {
  margin-top: max(-0.384615vw, -3px);
}
.points .points__item.points__item--rewards .points__item-image {
  width: min(50.666667vw, 395.2px);
  margin: 0 auto;
  margin-top: min(0.533333vw, 4.16px);
}
.points .points__item.points__item--rewards .points__item-description {
  margin-top: max(-3.205128vw, -25px);
}

.net-bank {
  background-image: url(./../img/detail-area/bg-title.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: min(8.7179487179vw, 68px);
  background-color: #54c591;
}
.net-bank .net-bank__title {
  height: min(28.533333vw, 222.56px);
}
.net-bank .net-bank__title .net-bank__title-text1 {
  text-align: center;
}
.net-bank .net-bank__title .net-bank__title-text1 .net-bank__highlight1,
.net-bank .net-bank__title .net-bank__title-text1 .net-bank__text2,
.net-bank .net-bank__title .net-bank__title-text1 .net-bank__highlight3 {
  font-weight: 700;
  font-size: min(4.533333vw, 35.36px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px min(0.266667vw, 2.08px) #004132;
  position: relative;
  z-index: 9999;
}
.net-bank .net-bank__title .net-bank__title-text1 .net-bank__highlight1::after,
.net-bank .net-bank__title .net-bank__title-text1 .net-bank__highlight3::after {
  width: 100%;
  border: min(0.5435897436vw, 4.24px) solid #d6be74;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  bottom: min(0.512821vw, 4px);
}
.net-bank .net-bank__title .net-bank__title-text1 .net-bank__text4 {
  color: #ffffff;
  font-weight: 700;
  font-size: min(3.733333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
}
.net-bank .net-bank__title .net-bank__title-text1 .net-bank__text5 {
  color: #ffffff;
  font-weight: 700;
  font-size: min(4.533333vw, 35.36px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
}
.net-bank .net-bank__title .net-bank__title-text2 {
  display: flex;
  margin-top: min(2.635897vw, 20.56px);
  justify-content: center;
  align-items: end;
}
.net-bank .net-bank__title .net-bank__title-text2 .net-bank__highlight {
  width: min(42.4vw, 330.72px);
  font-weight: 700;
  font-size: min(7.2vw, 56.16px);
  line-height: min(10.133333vw, 79.04px);
  height: min(10.133333vw, 79.04px);
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #ffffff;
  color: #237e4d;
  box-shadow: 0px min(1.0666666667vw, 8.32px) min(1.0666666667vw, 8.32px) 0px rgba(0, 0, 0, 0.2509803922);
  margin-right: min(1.333333vw, 10.4px);
}
.net-bank .net-bank__title .net-bank__title-text2 .net-bank__best {
  font-weight: 700;
  font-size: min(9.066667vw, 70.72px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #ffffff;
  text-shadow: min(0.533333vw, 4.16px) min(0.533333vw, 4.16px) rgba(0, 0, 0, 0.8);
}
.net-bank .net-bank__title .net-bank__title-text2 .net-bank__rank {
  font-family: Port Lligat Slab;
  font-weight: 400;
  font-size: min(15.733333vw, 122.72px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #f7e506;
  text-shadow: min(0.533333vw, 4.16px) min(0.533333vw, 4.16px) rgba(0, 0, 0, 0.8);
  margin-bottom: max(-1.923077vw, -15px);
}

.bank-detail {
  padding-top: min(4vw, 31.2px);
  padding-bottom: min(4vw, 31.2px);
}
.bank-detail .bank-detail__container {
  background-color: #ffffff;
  width: min(94.666667vw, 738.4px);
  margin: 0 auto;
  padding-bottom: min(5.333333vw, 41.6px);
}
.bank-detail .bank-detail__container .bank-detail__header {
  display: flex;
  padding-left: min(4vw, 31.2px);
}
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__medal {
  width: min(8vw, 62.4px);
  margin-right: min(2.4vw, 18.72px);
  padding-top: min(8.2666666667vw, 64.48px);
}
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__info .bank-detail__catchphrase {
  color: #f21c00;
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  padding-top: min(4vw, 31.2px);
  padding-bottom: min(0.8vw, 6.24px);
}
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__info .bank-detail__name .bank-detail__link {
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: min(1.2820512821vw, 10px);
  color: #0000ee;
}
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__info .bank-detail__name::after {
  content: ">";
  font-size: min(6.4vw, 49.92px);
  color: #0000ee;
  padding-left: 10.4px;
}
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__info .bank-detail__name.first {
  padding-top: min(0.5333333333vw, 4.16px);
}
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__info .bank-detail__name.second,
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__info .bank-detail__name.third {
  padding-top: min(8.2666666667vw, 64.48px);
}
.bank-detail .bank-detail__container .bank-detail__header .bank-detail__info .bank-detail__rating {
  padding-top: min(0.5333333333vw, 4.16px);
  width: min(44.533333vw, 347.36px);
  margin-top: min(0.8vw, 6.24px);
}
.bank-detail .bank-detail__container .bank-detail__banner {
  width: min(85.866667vw, 669.76px);
  margin: 0 auto;
  margin-top: min(2.133333vw, 16.64px);
}
.bank-detail .bank-detail__container .bank-detail__points {
  background: #fffce8;
  box-shadow: 0px min(1.0666666667vw, 8.32px) min(1.0666666667vw, 8.32px) 0px rgba(0, 0, 0, 0.2509803922);
  width: min(89.066667vw, 694.72px);
  margin: 0 auto;
  margin-top: min(8.8vw, 68.64px);
  padding-top: min(9.333333vw, 72.8px);
  padding-bottom: min(5.066667vw, 39.52px);
  position: relative;
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-title {
  position: absolute;
  left: max(-1.866667vw, -14.56px);
  top: max(-4vw, -31.2px);
  width: min(40.533333vw, 316.16px);
  height: min(8.666667vw, 67.6px);
  background-image: url(./../img/detail-area/bg-title_おすすめpoints.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: min(8.666667vw, 67.6px);
  letter-spacing: 0.05em;
  padding-left: min(5.866667vw, 45.76px);
  color: #ffffff;
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-list .bank-detail__point {
  display: flex;
  align-items: center;
  padding-left: min(2.133333vw, 16.64px);
  margin-bottom: min(3.2vw, 24.96px);
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-list .bank-detail__point .bank-detail__point-icon {
  width: min(4.266667vw, 33.28px);
  margin-right: min(1.866667vw, 14.56px);
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-list .bank-detail__point .bank-detail__point-text {
  font-weight: 500;
  font-size: min(3.2vw, 24.96px);
  line-height: min(4.2666666667vw, 33.28px);
  letter-spacing: 0.05em;
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-list .bank-detail__point .bank-detail__point-text span {
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: min(2.933333vw, 22.88px);
  letter-spacing: 0.05em;
  color: #f43a26;
  position: relative;
  z-index: 9999;
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-list .bank-detail__point .bank-detail__point-text span::before {
  width: 100%;
  height: min(1.066667vw, 8.32px);
  position: absolute;
  bottom: 0;
  content: "";
  background-color: #fedd78;
  left: -1%;
  z-index: -1;
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-list .bank-detail__point .bank-detail__point-text span.small {
  font-size: min(1.6vw, 12.48px);
  color: #333333;
}
.bank-detail .bank-detail__container .bank-detail__points .bank-detail__points-list .bank-detail__point .bank-detail__point-text span.small::before {
  height: 0;
}
.bank-detail .bank-detail__container .bank-detail__points--warn {
  font-weight: 500;
  font-size: min(1.6vw, 12.48px);
  line-height: min(1.866667vw, 14.56px);
  letter-spacing: 0%;
  padding-left: min(5.066667vw, 39.52px);
  margin-top: min(3.733333vw, 29.12px);
}
.bank-detail .bank-detail__container .bank-detail__fees {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: min(5.333333vw, 41.6px);
  width: min(80.533333vw, 628.16px);
  justify-content: space-between;
}
.bank-detail .bank-detail__container .bank-detail__fees .bank-detail__fee {
  width: min(40vw, 312px);
  text-align: center;
  margin-bottom: min(0.533333vw, 4.16px);
}
.bank-detail .bank-detail__container .bank-detail__fees .bank-detail__fee .bank-detail__fee-title {
  background: #00825b;
  height: min(7.517333vw, 58.6352px);
  border: min(0.266667vw, 2.08px) solid #78ba93;
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: min(7.517333vw, 58.6352px);
  letter-spacing: 0.05em;
  vertical-align: middle;
  color: #ffffff;
}
.bank-detail .bank-detail__container .bank-detail__fees .bank-detail__fee .bank-detail__fee-value {
  border-left: min(0.266667vw, 2.08px) solid #78ba93;
  border-right: min(0.266667vw, 2.08px) solid #78ba93;
  border-bottom: min(0.266667vw, 2.08px) solid #78ba93;
  height: min(16vw, 124.8px);
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: min(4.615385vw, 36px);
  letter-spacing: 0.05em;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bank-detail .bank-detail__container .bank-detail__fees .bank-detail__fee .bank-detail__fee-value span {
  color: #f33b27;
}
.bank-detail .bank-detail__container .bank-detail__fees .bank-detail__fee .bank-detail__fee-value .small {
  color: #281f1f;
  font-weight: 500;
  font-size: min(1.6vw, 12.48px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  vertical-align: middle;
  margin-top: min(0.266667vw, 2.08px);
  line-height: min(2.307692vw, 18px);
}
.bank-detail .bank-detail__container .bank-detail__fees .bank-detail__fee .bkDoubleCircle {
  background-image: url(./../img/detail-area/bg-double-circle.png);
  background-size: min(7.733333vw, 60.32px) min(7.733333vw, 60.32px);
  background-position: center;
  background-repeat: no-repeat;
}
.bank-detail .bank-detail__container .bank-detail__disclaimer {
  font-weight: 400;
  font-size: min(1.6vw, 12.48px);
  line-height: 100%;
  letter-spacing: 0%;
  padding-left: min(7.466667vw, 58.24px);
}
.bank-detail .bank-detail__container .bank-detail__reviews {
  margin-top: min(9.333333vw, 72.8px);
  position: relative;
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-title {
  position: relative;
  margin: 0 auto;
  width: 100%;
  margin-bottom: min(4vw, 31.2px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-title img {
  width: min(37.0666666667vw, 289.12px);
  margin: 0 auto;
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-title::before,
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-title::after {
  width: min(25.333333vw, 197.6px);
  height: min(0.533333vw, 4.16px);
  background-color: #237e4d;
  position: absolute;
  content: "";
  top: min(2.697436vw, 21.04px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-title::before {
  left: min(2.933333vw, 22.88px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-title::after {
  right: min(2.933333vw, 22.88px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list {
  position: relative;
  background-color: #ffffff;
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review {
  width: min(92.533333vw, 721.76px);
  border: min(0.266667vw, 2.08px) solid #e5e5e5;
  margin: 0 auto;
  padding-top: min(1.866667vw, 14.56px);
  margin-bottom: min(3.2vw, 24.96px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review .bank-detail__review-header {
  display: flex;
  align-items: center;
  background-color: #defaea;
  width: min(90.666667vw, 707.2px);
  margin: 0 auto;
  padding-top: min(1.866667vw, 14.56px);
  padding-bottom: min(1.866667vw, 14.56px);
  padding-left: min(1.333333vw, 10.4px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review .bank-detail__review-header .bank-detail__review-person {
  margin-right: min(4.8vw, 37.44px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review .bank-detail__review-header .bank-detail__review-person .bank-detail__review-user {
  width: min(10.666667vw, 83.2px);
  margin: 0 auto;
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review .bank-detail__review-header .bank-detail__review-person .bank-detail__review-user-info {
  text-align: center;
  font-weight: 700;
  font-size: min(1.6vw, 12.48px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: justify;
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review .bank-detail__review-header .bank-detail__review-summary {
  color: #00523a;
  font-weight: 700;
  font-size: min(4.266667vw, 33.28px);
  line-height: min(5.7692307692vw, 45px);
  letter-spacing: 0.05em;
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review .bank-detail__review-text {
  font-weight: 500;
  font-size: min(3.733333vw, 29.12px);
  line-height: min(5.333333vw, 41.6px);
  letter-spacing: 0%;
  text-align: justify;
  margin-top: min(2.933333vw, 22.88px);
  padding-left: min(3.589744vw, 28px);
  padding-bottom: min(5.333333vw, 41.6px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list .bank-detail__review .bank-detail__review-text span {
  font-weight: 700;
  color: #dd1d0e;
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list.list1.close {
  max-height: min(65.333333vw, 509.6px);
  overflow-y: hidden;
  transition: 0.3s ease-out;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list.list2.close {
  max-height: min(54.1333333333vw, 422.24px);
  overflow-y: hidden;
  transition: 0.3s ease-out;
  margin-bottom: min(9.3333333333vw, 72.8px);
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list.list1 {
  padding-bottom: min(25.333333vw, 197.6px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .bank-detail__reviews-list.list2 {
  padding-bottom: min(25.333333vw, 197.6px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .toggle-button {
  position: absolute;
  bottom: 0;
  background-color: #58b398;
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: min(13.866667vw, 108.16px);
  padding-left: min(6.4vw, 49.92px);
  letter-spacing: 0.05em;
  color: #ffffff;
  width: min(50.4vw, 393.12px);
  height: min(13.866667vw, 108.16px);
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: min(2.666667vw, 20.8px);
  z-index: 9999;
}
.bank-detail .bank-detail__container .bank-detail__reviews .toggle-button div {
  position: relative;
}
.bank-detail .bank-detail__container .bank-detail__reviews .toggle-button div img {
  position: absolute;
  top: min(6.133333vw, 47.84px);
  right: min(3.174359vw, 24.76px);
  width: min(3.466667vw, 27.04px);
}
.bank-detail .bank-detail__container .bank-detail__reviews .toggle-button div img.active {
  transform: rotate(180deg);
}
.bank-detail .bank-detail__container .bank-detail__reviews .toggle-button.active {
  padding-left: min(19.7333333333vw, 153.92px);
}

.bank-detail.first {
  background-color: #54c591;
}

.bank-detail.second {
  background-color: #c2c2c2;
}

.bank-detail.third {
  background-color: #ca9444;
}

.flow {
  background: linear-gradient(175.2deg, #defaea 7.09%, rgba(255, 235, 204, 0.35) 82.94%);
  padding-top: min(7.466667vw, 58.24px);
  padding-bottom: min(6.933333vw, 54.08px);
}
.flow .flow__title {
  position: relative;
  padding-bottom: min(5.866667vw, 45.76px);
}
.flow .flow__title .flow__title-text1 {
  display: flex;
  justify-content: center;
  align-items: end;
}
.flow .flow__title .flow__title-text1 .flow__title-text1--first {
  font-weight: 700;
  font-size: min(3.733333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004132;
}
.flow .flow__title .flow__title-text1 .flow__title-text1--easy {
  width: min(26.666667vw, 208px);
}
.flow .flow__title .flow__title-img {
  width: min(49.866667vw, 388.96px);
  margin: 0 auto;
  margin-top: max(-1.025641vw, -8px);
}
.flow .flow__title .flow__title-text2 {
  font-weight: 700;
  font-size: min(5.866667vw, 45.76px);
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #004132;
  margin-top: min(1.066667vw, 8.32px);
  padding-left: min(5.333333vw, 41.6px);
}
.flow .flow__title .flow__title-text2 span {
  position: relative;
}
.flow .flow__title .flow__title-text2 span::after {
  position: absolute;
  content: "";
  background-color: #c9b311;
  width: min(0.8vw, 6.24px);
  height: min(0.8vw, 6.24px);
  top: max(-0.2564102564vw, -2px);
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}
.flow .flow__title .flow__title-money {
  position: absolute;
  top: 0;
  left: min(11.733333vw, 91.52px);
  width: min(11.733333vw, 91.52px);
}
.flow .flow__title .flow__title-sp {
  position: absolute;
  right: min(5.866667vw, 45.76px);
  bottom: min(4.533333vw, 35.36px);
  width: min(10.133333vw, 79.04px);
}
.flow .flow__step {
  width: min(84vw, 655.2px);
  background-color: #ffffff;
  margin: 0 auto;
  box-shadow: 0px min(0.533333vw, 4.16px) min(1.0666666667vw, 8.32px) 0px rgba(0, 0, 0, 0.2);
  border-radius: min(1.333333vw, 10.4px);
}
.flow .flow__step .flow__step-header {
  display: flex;
  padding-left: min(2.666667vw, 20.8px);
  margin-top: min(5.333333vw, 41.6px);
}
.flow .flow__step .flow__step-header .flow__step-number {
  background-image: url(./../img/usage-flow/bg-step0.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(19.466667vw, 151.84px);
  height: min(6.4vw, 49.92px);
  font-weight: 700;
  font-size: min(3.733333vw, 29.12px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #ffffff;
  padding-top: min(0.641026vw, 5px);
  margin-right: min(4.533333vw, 35.36px);
}
.flow .flow__step .flow__step-header .flow__step-number span {
  font-family: PT Sans Caption;
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
}
.flow .flow__step .flow__step-header .flow__step-title {
  font-weight: 700;
  font-size: min(5.333333vw, 41.6px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: underline;
  color: #f87b96;
}
.flow .flow__step .flow__step-header.step2 {
  flex-direction: column;
}
.flow .flow__step .flow__step-header.step2 .flow__step-title {
  text-align: left;
  padding-left: min(1.866667vw, 14.56px);
  margin-top: min(0.641025641vw, 5px);
}
.flow .flow__step .flow__step-description {
  font-weight: 500;
  font-size: min(3.733333vw, 29.12px);
  line-height: min(5.1282051282vw, 40px);
  letter-spacing: 0.05em;
  padding-left: min(5.866667vw, 45.76px);
  margin-top: min(4vw, 31.2px);
  padding-bottom: min(5.333333vw, 41.6px);
}
.flow .flow__step .flow__step-description .flow__step-highlight {
  font-weight: 900;
  font-size: min(3.733333vw, 29.12px);
  line-height: min(5.1282051282vw, 40px);
  letter-spacing: 0.05em;
}
.flow .flow__step .message {
  display: flex;
  justify-content: center;
  padding-bottom: min(4vw, 31.2px);
}
.flow .flow__step .message .message__image {
  width: min(17.3333333333vw, 135.2px);
  margin-right: min(0.8vw, 6.24px);
}
.flow .flow__step .message .message__text {
  width: min(59.7333333333vw, 465.92px);
  height: min(21.0666666667vw, 164.32px);
  font-weight: 500;
  font-size: min(3.4666666667vw, 27.04px);
  line-height: min(4.4871794872vw, 35px);
  letter-spacing: 0.05em;
  padding-left: min(7.2vw, 56.16px);
  padding-top: min(3.2vw, 24.96px);
  background-image: url(./../img/usage-flow/bubble-bg-step3.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.flow .flow__step .message .message__text span {
  color: #f53968;
}
.flow .flow__arrow {
  width: min(4.666667vw, 36.4px);
  margin: 0 auto;
  margin-top: min(2.666667vw, 20.8px);
  margin-bottom: min(2.666667vw, 20.8px);
}

.recommend {
  background-image: url(./../img/recommendation/bg-all.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: min(2.133333vw, 16.64px);
  padding-bottom: min(5.333333vw, 41.6px);
}
.recommend .recommend__title {
  padding-top: min(12vw, 93.6px);
}
.recommend .recommend__title .recommend__subtitle {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
  background-image: url(./../img/recommendation/bg-title_吹き出し.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(33.066667vw, 257.92px);
  height: min(6.666667vw, 52px);
  margin: 0 auto;
  padding-top: min(1.282051vw, 10px);
  position: relative;
}
.recommend .recommend__title .recommend__subtitle img {
  position: absolute;
  width: min(3.733333vw, 29.12px);
  right: max(-2.307692vw, -18px);
  top: max(-1.923077vw, -15px);
}
.recommend .recommend__title .recommend__main-title {
  display: flex;
  align-items: end;
  position: relative;
  margin-bottom: min(1.6vw, 12.48px);
  margin-left: min(7.4666666667vw, 58.24px);
  margin-top: min(0.5333333333vw, 4.16px);
}
.recommend .recommend__title .recommend__main-title .recommend__text1 {
  width: min(32vw, 249.6px);
}
.recommend .recommend__title .recommend__main-title .recommend__text2 {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
}
.recommend .recommend__title .recommend__main-title .recommend__text3 {
  font-weight: 700;
  font-size: min(4.266667vw, 33.28px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
}
.recommend .recommend__title .recommend__main-title .recommend__text4 {
  font-weight: 700;
  font-size: min(3.466667vw, 27.04px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
}
.recommend .recommend__title .recommend__main-title .recommend__image {
  width: min(13.6vw, 106.08px);
  position: absolute;
  right: min(15.2vw, 118.56px);
  bottom: max(-3.2051282051vw, -25px);
}
.recommend .recommend__title .recommend__bank-name {
  display: flex;
  justify-content: center;
  align-items: end;
}
.recommend .recommend__title .recommend__bank-name .recommend__bank {
  font-weight: 700;
  font-size: min(6.133333vw, 47.84px);
  line-height: min(9.3333333333vw, 72.8px);
  letter-spacing: 0.02em;
  text-align: center;
  background-color: #237e4d;
  color: #ffffff;
  padding: min(0.533333vw, 4.16px) min(2.666667vw, 20.8px);
}
.recommend .recommend__title .recommend__bank-name .recommend__text {
  font-weight: 700;
  font-size: min(4.266667vw, 33.28px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
  padding-bottom: min(0.641025641vw, 5px);
}
.recommend .recommend__title .recommend__bank-name .recommend__decision {
  font-weight: 700;
  font-size: min(5.6vw, 43.68px);
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #004132;
  padding-bottom: min(0.641025641vw, 5px);
}
.recommend .recommend__content {
  padding-top: min(6.666667vw, 52px);
  background-color: #ffffff;
  width: min(94.666667vw, 738.4px);
  margin: 0 auto;
  margin-top: min(10.933333vw, 85.28px);
  border-top: min(0.8vw, 6.24px) solid #00693e;
  border-bottom: min(0.8vw, 6.24px) solid #00693e;
  padding-bottom: min(5.333333vw, 41.6px);
  position: relative;
}
.recommend .recommend__content .deco1 {
  position: absolute;
  width: min(12.266667vw, 95.68px);
  top: min(1.333333vw, 10.4px);
  left: min(0.8vw, 6.24px);
}
.recommend .recommend__content .deco2 {
  position: absolute;
  width: min(12.266667vw, 95.68px);
  top: min(1.333333vw, 10.4px);
  right: min(0.8vw, 6.24px);
}
.recommend .recommend__content .deco3 {
  position: absolute;
  width: min(21.066667vw, 164.32px);
  top: max(-9.333333vw, -72.8px);
  left: 50%;
  transform: translate(-50%, 0);
}
.recommend .recommend__content .recommend__banner {
  width: min(81.2vw, 633.36px);
  margin: 0 auto;
}
.recommend .recommend__content .recommend__points {
  background-image: url(./../img/recommendation/背景画像_pointsエリア.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: min(76.266667vw, 594.88px);
  margin: 0 auto;
  margin-top: min(6.666667vw, 52px);
  padding-top: min(4.8vw, 37.44px);
  padding-bottom: min(10.666667vw, 83.2px);
}
.recommend .recommend__content .recommend__points .recommend__points-title {
  text-align: center;
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: 100%;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004132;
}
.recommend .recommend__content .recommend__points .recommend__points-separate {
  width: min(63.466667vw, 495.04px);
  margin: 0 auto;
  margin-top: min(1.333333vw, 10.4px);
}
.recommend .recommend__content .recommend__points .recommend__points-list .recommend__point {
  display: flex;
  align-items: center;
  padding-left: min(1.866667vw, 14.56px);
  padding-top: min(2.666667vw, 20.8px);
  padding-bottom: min(2.666667vw, 20.8px);
}
.recommend .recommend__content .recommend__points .recommend__points-list .recommend__point .recommend__point-number {
  background-color: #7ec04d;
  font-family: Red Rose;
  font-weight: 400;
  font-size: min(4vw, 31.2px);
  line-height: min(5.866667vw, 45.76px);
  letter-spacing: 0%;
  width: min(5.866667vw, 45.76px);
  height: min(5.866667vw, 45.76px);
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  margin-right: min(0.8vw, 6.24px);
}
.recommend .recommend__content .recommend__points .recommend__points-list .recommend__point .recommend__point-text {
  font-weight: 700;
  font-size: min(4.266667vw, 33.28px);
  letter-spacing: 0%;
  padding: min(2.1333333333vw, 16.64px) 0;
  white-space: nowrap;
}
.recommend .recommend__content .recommend__points .recommend__points-list .recommend__point .recommend__point-text .recommend__highlight {
  color: #fd4600;
}
.recommend .recommend__content .recommend__points .recommend__points-list .recommend__point .recommend__point-text .small {
  font-size: min(2.1333333333vw, 16.64px);
}
.recommend .recommend__content .recommend__points .recommend__points-list .recommend__points-separate2 {
  width: min(68.533333vw, 534.56px);
  margin: 0 auto;
}
.recommend .recommend__content .recommend__points--warn {
  font-weight: 500;
  font-size: min(1.6vw, 12.48px);
  line-height: min(1.866667vw, 14.56px);
  letter-spacing: 0%;
  padding-left: min(9.8666666667vw, 76.96px);
  padding-right: min(5.066667vw, 39.52px);
  margin-top: min(1.6vw, 12.48px);
}

.copyright {
  height: min(10.933333vw, 85.28px);
  line-height: min(10.933333vw, 85.28px);
  text-align: center;
  font-size: min(3.2vw, 24.96px);
  text-decoration: underline;
}

.bank-detail__bonus {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(6.666667vw, 52px);
}
.bank-detail__bonus .bank-detail__bonus-decoration {
  width: min(7.466667vw, 58.24px);
}
.bank-detail__bonus .bank-detail__bonus-text {
  font-weight: 700;
  font-size: min(4vw, 31.2px);
  line-height: min(5.066667vw, 39.52px);
  letter-spacing: 0%;
}
.bank-detail__bonus .bank-detail__bonus-text .bank-detail__bonus-highlight {
  color: #f33b27;
}
.bank-detail__bonus .bank-detail__bonus-text .small {
  font-size: min(1.6vw, 12.48px);
}

.bank-detail__cta {
  width: min(88vw, 686.4px);
  height: min(15.733333vw, 122.72px);
  border-radius: min(1.333333vw, 10.4px);
  background: #ff6600;
  box-shadow: min(0.533333vw, 4.16px) min(0.533333vw, 4.16px) 0px 0px #b46d08;
  margin: 0 auto;
  margin-top: min(2.362667vw, 18.4288px);
  padding-left: min(16.533333vw, 128.96px);
}
.bank-detail__cta .bank-detail__cta-link {
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: min(6.4vw, 49.92px);
  letter-spacing: 0%;
  text-align: center;
  color: #ffffff;
}
.bank-detail__cta .bank-detail__cta-link .bank-detail__cta-text {
  margin-right: min(9.6vw, 74.88px);
}
.bank-detail__cta .bank-detail__cta-link .bank-detail__cta-icon {
  width: min(5.866667vw, 45.76px);
}

.bank-detail__cta--warn {
  font-weight: 500;
  font-size: min(1.6vw, 12.48px);
  line-height: min(1.866667vw, 14.56px);
  letter-spacing: 0%;
  padding-left: min(5.066667vw, 39.52px);
  padding-right: min(5.066667vw, 39.52px);
  margin-top: min(3.733333vw, 29.12px);
  padding-bottom: min(5.3333333333vw, 41.6px);
}

.bank-detail__cta.au {
  padding-left: min(7.769231vw, 60.6px);
  white-space: nowrap;
}

.bank-detail__note {
  font-weight: 500;
  font-size: min(1.066667vw, 8.32px);
  line-height: min(1.866667vw, 14.56px);
  letter-spacing: 0%;
  padding-left: min(5.066667vw, 39.52px);
  margin-top: min(3.733333vw, 29.12px);
}

.bank-detail__campaign {
  border: min(0.8vw, 6.24px) solid #237e4d;
  border-radius: min(3.4666666667vw, 27.04px);
  width: min(86.933333vw, 678.08px);
  margin: 0 auto;
  margin-top: min(13.333333vw, 104px);
  position: relative;
}
.bank-detail__campaign .bank-detail__campaign-title {
  width: min(52.8vw, 411.84px);
  height: min(8.266667vw, 64.48px);
  background-image: url(./../img/detail-area/bg-campaign-info.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: 700;
  font-size: min(4.266667vw, 33.28px);
  letter-spacing: 0%;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: max(-5.333333vw, -41.6px);
  left: 50%;
  transform: translate(-50%, 0);
  padding-top: min(0.8vw, 6.24px);
}
.bank-detail__campaign .bank-detail__campaign-img2 {
  width: 100%;
  border-radius: min(2.6666666667vw, 20.8px);
  overflow: hidden;
}

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