@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;
  font-family: "Noto Sans JP", sans-serif;
}

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

.highlight {
  position: relative;
  z-index: 0;
}
.highlight::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  height: 0.33em;
  background-color: #fff36e;
  z-index: -1;
}

.fv {
  width: min(100vw, 780px);
  height: min(60.2666666667vw, 470.08px);
  padding-top: min(5.8666666667vw, 45.76px);
  position: relative;
  background-image: url(./../img/01_first_view/first_view_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.fv .badge {
  position: absolute;
  width: min(12.832vw, 100.0896px);
  height: min(14.6666666667vw, 114.4px);
  background-image: url(./../img/01_first_view/first_view_badge_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  left: min(1.8666666667vw, 14.56px);
  top: 0;
}
.fv .badge .crown_img {
  width: min(2.9333333333vw, 22.88px);
  margin-left: auto;
  margin-right: auto;
  margin-top: min(0.8vw, 6.24px);
}
.fv .badge .text1 {
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: min(3.6666666667vw, 28.6px);
  line-height: 98%;
  letter-spacing: -0.02em;
  color: #333333;
  text-align: center;
}
.fv .badge .text1 span {
  font-size: min(2.7493333333vw, 21.4448px);
}
.fv .badge .text2 {
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 98%;
  letter-spacing: -0.02em;
  color: #333333;
  text-align: center;
}
.fv .subtitle {
  width: min(50.9333333333vw, 397.28px);
  height: min(9.0453333333vw, 70.5536px);
  margin-left: min(18.4vw, 143.52px);
  padding-left: min(3.288vw, 25.6464px);
  display: flex;
  align-items: end;
  padding-bottom: min(1.6vw, 12.48px);
  background-image: url(./../img/01_first_view/first_view_highlight_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.fv .subtitle .text1,
.fv .subtitle .text3 {
  color: #194180;
  font-size: min(4.76vw, 37.128px);
  font-weight: 700;
}
.fv .subtitle .text1 span,
.fv .subtitle .text3 span {
  position: relative;
}
.fv .subtitle .text1 span::after,
.fv .subtitle .text3 span::after {
  position: absolute;
  content: "";
  width: min(0.7146666667vw, 5.5744px);
  height: min(0.7146666667vw, 5.5744px);
  background: #333333;
  left: 50%;
  transform: translateX(-50%);
  top: min(0.2666666667vw, 2.08px);
  z-index: 100;
  border-radius: 50%;
}
.fv .subtitle .text2,
.fv .subtitle .text4 {
  font-size: min(3.808vw, 29.7024px);
  font-weight: 700;
  padding-bottom: min(0.2666666667vw, 2.08px);
}
.fv .subtitle .text5 {
  color: #333333;
  font-size: min(4.76vw, 37.128px);
  font-weight: 700;
}
.fv .subtitle .text5 span {
  letter-spacing: -0.17em;
}
.fv .main-title {
  width: min(54.4vw, 424.32px);
  height: auto;
  margin-left: min(15.4666666667vw, 120.64px);
  margin-top: min(0.8vw, 6.24px);
}
.fv .main-title img {
  width: 100%;
}
.fv .sub-title {
  margin-left: min(16vw, 124.8px);
  display: flex;
  align-items: center;
}
.fv .sub-title .text1 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: min(9.0666666667vw, 70.72px);
  letter-spacing: -0.03em;
  color: #333333;
  transform: matrix(1, 0, -0.07, 1, 0, 0);
}
.fv .sub-title .text2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(9.6vw, 74.88px);
  line-height: min(11.4666666667vw, 89.44px);
  letter-spacing: -0.03em;
  color: #333333;
  transform: matrix(1, 0, -0.07, 1, 0, 0);
}
.fv .sub-title .text3 {
  width: min(14.472vw, 112.8816px);
  height: min(11.4426666667vw, 89.2528px);
}
.fv .features {
  display: flex;
  gap: min(1.8666666667vw, 14.56px);
  position: relative;
  z-index: 100;
  margin-top: min(3.2266666667vw, 25.168px);
  margin-left: min(5.3333333333vw, 41.6px);
}
.fv .features .feature-box {
  width: min(24.8vw, 193.44px);
  height: min(13.3333333333vw, 104px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "DIN 2014";
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  letter-spacing: -0.06em;
  color: #194180;
  font-weight: 600;
  background-image: url(./../img/01_first_view/first_view_feature_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.fv .features .feature-box .size10 {
  font-size: min(2.6666666667vw, 20.8px);
}
.fv .features .feature-box .size12 {
  font-size: min(3.2vw, 24.96px);
}
.fv .features .feature-box .size16 {
  font-size: min(4.2666666667vw, 33.28px);
}
.fv .first_view_deco_person {
  position: absolute;
  width: min(26.6666666667vw, 208px);
  height: min(57.3333333333vw, 447.2px);
  top: min(2.9333333333vw, 22.88px);
  right: 0;
}
.fv .pr-tag {
  position: absolute;
  top: min(1.0666666667vw, 8.32px);
  right: min(1.2vw, 9.36px);
  width: min(5.7333333333vw, 44.72px);
  height: min(3.4053333333vw, 26.5616px);
  border: min(0.1786666667vw, 1.3936px) solid #333333;
  text-align: center;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: min(2.5083333333vw, 19.565px);
  line-height: min(2.9333333333vw, 22.88px);
  color: #333333;
}

.introduction {
  background: #f3f7ff;
  padding: min(10.6666666667vw, 83.2px) 0;
}
.introduction .text1 {
  padding-left: min(5.3333333333vw, 41.6px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 144%;
  color: #333333;
}
.introduction .text1 span {
  font-weight: 700;
}
.introduction .text2 {
  padding-top: min(8vw, 62.4px);
  padding-left: min(5.3333333333vw, 41.6px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 144%;
  color: #333333;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.introduction .text2 span {
  font-weight: 700;
}
.introduction .balloon1 {
  display: flex;
  width: min(92.5333333333vw, 721.76px);
  margin-top: min(8vw, 62.4px);
  margin-left: auto;
  margin-right: auto;
}
.introduction .balloon1-img {
  width: min(21.4133333333vw, 167.024px);
  height: min(21.4133333333vw, 167.024px);
}
.introduction .balloon1-text {
  width: min(72.5333333333vw, 565.76px);
  height: min(25.6vw, 199.68px);
  background-image: url(./../img/02_introduction/introduction_balloon_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: min(3.4666666667vw, 27.04px);
  padding-left: min(7.3866666667vw, 57.616px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 144%;
  color: #333333;
  flex: none;
  order: 1;
  flex-grow: 0;
  z-index: 1;
}

.ranking {
  padding-bottom: min(11.7333333333vw, 91.52px);
  background-image: url(./../img/03_ranking/note.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.ranking__title {
  padding-top: min(5.0666666667vw, 39.52px);
  padding-bottom: min(7.7333333333vw, 60.32px);
  width: min(100vw, 780px);
  height: min(31.7333333333vw, 247.52px);
  background-image: url(./../img/03_ranking/ranking_title_area_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.ranking__title--subtitle {
  display: flex;
  align-items: start;
  justify-content: center;
}
.ranking__title--subtitle .subtitle_decoleft {
  width: min(6.9333333333vw, 54.08px);
  height: min(9.0666666667vw, 70.72px);
}
.ranking__title--subtitle .subtitle_text1 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: min(7.7333333333vw, 60.32px);
  letter-spacing: 0.03em;
  color: #ffe15f;
  text-shadow: min(0.8vw, 6.24px) min(0.5333333333vw, 4.16px) min(1.1466666667vw, 8.944px) rgba(13, 40, 72, 0.78);
}
.ranking__title--subtitle .subtitle_text2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
  color: #fcfcfc;
  text-shadow: min(0.8vw, 6.24px) min(0.5333333333vw, 4.16px) min(1.1466666667vw, 8.944px) rgba(13, 40, 72, 0.78);
}
.ranking__title--subtitle .subtitle_text3 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: min(7.7333333333vw, 60.32px);
  letter-spacing: 0.03em;
  color: #ffe15f;
  text-shadow: min(0.8vw, 6.24px) min(0.5333333333vw, 4.16px) min(1.1466666667vw, 8.944px) rgba(13, 40, 72, 0.78);
}
.ranking__title--subtitle .subtitle_decomedal {
  width: min(7.2vw, 56.16px);
}
.ranking__title--subtitle .subtitle_decoright {
  width: min(6.9333333333vw, 54.08px);
  height: min(9.0666666667vw, 70.72px);
}
.ranking__title--title {
  display: flex;
  justify-content: center;
  margin-top: min(1.8666666667vw, 14.56px);
}
.ranking__title--title .title_text1 {
  background: #fcfcfc;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: min(9.0666666667vw, 70.72px);
  color: #194180;
  flex: none;
  order: 0;
  flex-grow: 0;
  padding: 0 min(1.6vw, 12.48px);
}
.ranking__title--title .title_text2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: min(6.4vw, 49.92px);
  line-height: min(7.7333333333vw, 60.32px);
  color: #fcfcfc;
}
.ranking__title--title .title_text3 {
  width: min(25.0666666667vw, 195.52px);
  height: min(6.4vw, 49.92px);
}
.ranking__area {
  padding: 0 min(2.6666666667vw, 20.8px);
  overflow-x: scroll;
}
.ranking__area--inner {
  display: flex;
  gap: min(1.6vw, 12.48px);
  padding-top: min(7.4666666667vw, 58.24px);
  overflow-x: scroll;
  width: min(129.0666666667vw, 1006.72px);
}
.ranking__area--inner .ranking-card {
  padding-bottom: min(3.8106666667vw, 29.7232px);
}
.ranking__area--inner .ranking-card .title {
  position: relative;
  text-align: center;
}
.ranking__area--inner .ranking-card .title img {
  position: absolute;
}
.ranking__area--inner .ranking-card .content img {
  margin-left: auto;
  margin-right: auto;
}
.ranking__area--inner .ranking-card .content .official-btn {
  border-bottom: min(0.7226666667vw, 5.6368px) solid #0b7f53;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: min(3.9232266667vw, 30.601168px) min(4.5770933333vw, 35.701328px);
  gap: min(2.288vw, 17.8464px);
  width: min(35.3093333333vw, 275.4128px);
  height: min(11.0453333333vw, 86.1536px);
  background: #20ac77;
  border-radius: min(1.3077386667vw, 10.2003616px);
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
.ranking__area--inner .ranking-card .content .official-btn .label {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.25016vw, 33.151248px);
  line-height: min(5.0666666667vw, 39.52px);
  color: #fcfcfc;
  text-shadow: min(0vw, 0px) min(0.4081973333vw, 3.1839392px) min(0.6939333333vw, 5.41268px) rgba(0, 0, 0, 0.25);
  flex: none;
  order: 0;
  flex-grow: 0;
  text-decoration: none;
}
.ranking__area--inner .ranking-card .content .official-btn .arrow {
  width: min(3.4666666667vw, 27.04px);
  height: min(5.0666666667vw, 39.52px);
  display: flex;
  align-items: center;
  margin-top: min(0.5333333333vw, 4.16px);
}
.ranking__area--inner .ranking-card.ranking-1 {
  width: min(49.0666666667vw, 382.72px);
  border: min(0.5893333333vw, 4.5968px) solid #ea3d46;
  border-radius: min(1.176vw, 9.1728px);
  background: #fef5f1;
}
.ranking__area--inner .ranking-card.ranking-1 .title {
  background: #c54031;
  font-family: "Noto Sans JP";
  border-bottom: min(0.5893333333vw, 4.5968px) solid #ea3d46;
  font-style: normal;
  font-weight: 700;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
  text-align: center;
  color: #fcfcfc;
  padding: min(3.4666666667vw, 27.04px);
}
.ranking__area--inner .ranking-card.ranking-1 .title .ranking_area_ranking1_star1,
.ranking__area--inner .ranking-card.ranking-1 .title .ranking_area_ranking1_star2 {
  width: min(4.4346666667vw, 34.5904px);
  height: min(3.8853333333vw, 30.3056px);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.ranking__area--inner .ranking-card.ranking-1 .title .ranking_area_ranking1_star1 {
  top: min(1.28vw, 9.984px);
  left: min(1.28vw, 9.984px);
}
.ranking__area--inner .ranking-card.ranking-1 .title .ranking_area_ranking1_star2 {
  bottom: min(1.3946666667vw, 10.8784px);
  right: min(1.3946666667vw, 10.8784px);
}
.ranking__area--inner .ranking-card.ranking-1 .title .ranking_area_ranking1_crown {
  width: min(13.536vw, 105.5808px);
  height: min(13.536vw, 105.5808px);
  left: 50%;
  transform: translateX(-50%);
  top: max(-8.2533333333vw, -64.376px);
}
.ranking__area--inner .ranking-card.ranking-1 .content {
  padding-top: min(1.3333333333vw, 10.4px);
}
.ranking__area--inner .ranking-card.ranking-1 .content img {
  width: min(37.0746666667vw, 289.1824px);
}
.ranking__area--inner .ranking-card.ranking-1 .content .catchcopy {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.7078666667vw, 36.72136px);
  line-height: min(5.6vw, 43.68px);
  text-align: center;
  color: #ea3d46;
  margin-top: min(3.64vw, 28.392px);
  padding-bottom: min(3.448vw, 26.8944px);
}
.ranking__area--inner .ranking-card.ranking-2, .ranking__area--inner .ranking-card.ranking-3 {
  background: #fcfcfc;
  width: min(38.6666666667vw, 301.6px);
  border: min(0.6266666667vw, 4.888px) solid #245287;
  border-radius: min(1.2533333333vw, 9.776px);
  margin-top: min(6.1333333333vw, 47.84px);
}
.ranking__area--inner .ranking-card.ranking-2 .title, .ranking__area--inner .ranking-card.ranking-3 .title {
  background: #245287;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  text-align: center;
  color: #fcfcfc;
}
.ranking__area--inner .ranking-card.ranking-2 .title img, .ranking__area--inner .ranking-card.ranking-3 .title img {
  width: min(14.456vw, 112.7568px);
  height: min(14.456vw, 112.7568px);
  left: 50%;
  transform: translateX(-50%);
  top: max(-7.8213333333vw, -61.0064px);
}
.ranking__area--inner .ranking-card.ranking-2 .content, .ranking__area--inner .ranking-card.ranking-3 .content {
  padding-top: min(2.9333333333vw, 22.88px);
}
.ranking__area--inner .ranking-card.ranking-2 .content img, .ranking__area--inner .ranking-card.ranking-3 .content img {
  width: min(33.824vw, 263.8272px);
}
.ranking__area--inner .ranking-card.ranking-2 .content .official-btn, .ranking__area--inner .ranking-card.ranking-3 .content .official-btn {
  margin-top: min(6.5546666667vw, 51.1264px);
}
.ranking__area--inner .ranking-card.ranking-2 .title {
  font-size: min(5.0109333333vw, 39.08528px);
  line-height: min(6.1333333333vw, 47.84px);
  padding-top: min(6.584vw, 51.3552px);
  padding-bottom: min(4.0826666667vw, 31.8448px);
}
.ranking__area--inner .ranking-card.ranking-3 .title {
  font-size: min(4.0713866667vw, 31.756816px);
  line-height: min(4.8vw, 37.44px);
  padding-top: min(6.8986666667vw, 53.8096px);
  padding-bottom: min(4.568vw, 35.6304px);
}

.table {
  padding-bottom: min(16.2666666667vw, 126.88px);
}
.table__title {
  padding-top: min(5.3333333333vw, 41.6px);
  width: min(100vw, 780px);
  height: min(30.6666666667vw, 239.2px);
  background: #194180;
}
.table__title--subtitle {
  width: min(49.6vw, 386.88px);
  height: min(7.2vw, 56.16px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
  color: #194180;
  flex: none;
  order: 0;
  flex-grow: 0;
  position: relative;
  background-image: url(./../img/04_table/table_title_subtitle_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  padding-left: min(1.8666666667vw, 14.56px);
}
.table__title--subtitle img {
  position: absolute;
  top: max(-3.7333333333vw, -29.12px);
  left: max(-4.5333333333vw, -35.36px);
  width: min(5.3333333333vw, 41.6px);
  height: min(5.3333333333vw, 41.6px);
}
.table__title--title {
  display: flex;
  justify-content: center;
  margin-top: min(3.2vw, 24.96px);
}
.table__title--title .title_text1 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(10.6666666667vw, 83.2px);
  line-height: min(12.8vw, 99.84px);
  letter-spacing: -0.03em;
  color: #fcfcfc;
  transform: matrix(1, 0, -0.07, 1, 0, 0);
}
.table__title--title .title_text2 {
  font-family: "DIN 2014";
  font-style: normal;
  font-weight: 700;
  font-size: min(12.8vw, 99.84px);
  line-height: min(12.8vw, 99.84px);
  letter-spacing: -0.03em;
  color: #fcfcfc;
  transform: matrix(1, 0, -0.07, 1, 0, 0);
}
.table__title--title .title_text3 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: min(12.8vw, 99.84px);
  color: #fcfcfc;
  transform: matrix(1, 0, -0.07, 1, 0, 0);
  padding-top: min(0.8vw, 6.24px);
}
.table__title--title .title_text4 {
  width: min(48vw, 374.4px);
}
.table__area {
  overflow-x: scroll;
  padding-top: min(6.6666666667vw, 52px);
  padding-left: min(2.6666666667vw, 20.8px);
  padding-right: min(2.6666666667vw, 20.8px);
  /* 1番左の列（項目名） */
  /* 2番目の列（ハピネスネット） */
}
.table__area table {
  width: min(228.2666666667vw, 1780.48px);
  border-collapse: collapse;
  text-align: center;
}
.table__area th,
.table__area td {
  border: 1px solid #ccc;
}
.table__area th.row2, .table__area th.row3, .table__area th.row4,
.table__area td.row2,
.table__area td.row3,
.table__area td.row4 {
  padding: min(5.4666666667vw, 42.64px) 0;
}
.table__area th.row5, .table__area th.row6,
.table__area td.row5,
.table__area td.row6 {
  padding: min(3.4666666667vw, 27.04px) 0;
}
.table__area th.row7,
.table__area td.row7 {
  padding: min(3.7333333333vw, 29.12px) 0;
}
.table__area th {
  padding-bottom: min(2.6666666667vw, 20.8px);
}
.table__area th .crown_img {
  margin-left: auto;
  margin-right: auto;
}
.table__area th .crown_img.ranking1 {
  width: min(9.112vw, 71.0736px);
  padding-top: min(0.912vw, 7.1136px);
}
.table__area th .crown_img.ranking2, .table__area th .crown_img.ranking3 {
  width: min(8.6666666667vw, 67.6px);
  height: min(7.8vw, 60.84px);
  padding-top: min(1.9333333333vw, 15.08px);
}
.table__area th .text1 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: 130%;
  text-align: center;
  text-decoration-line: underline;
  color: #1955b4;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-top: min(1.3333333333vw, 10.4px);
}
.table__area th .banner_img {
  width: min(40vw, 312px);
  margin-left: auto;
  margin-right: auto;
}
.table__area .button {
  display: inline-block;
  background-color: #00a04a;
  color: white;
  padding: 8px 12px;
  border-radius: 5px;
  text-decoration: none;
}
.table__area .red {
  color: #ea3d46;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: min(7.7333333333vw, 60.32px);
  flex: none;
  order: 0;
  flex-grow: 0;
}
.table__area .red span {
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
}
.table__area td:first-child,
.table__area th:first-child {
  background-color: #245287;
  width: min(30.4vw, 237.12px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  line-height: min(5.0666666667vw, 39.52px);
  color: #fcfcfc;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.table__area td:first-child .size11,
.table__area th:first-child .size11 {
  font-size: min(2.9333333333vw, 22.88px);
  line-height: min(2.9333333333vw, 22.88px);
}
.table__area td:first-child .size15,
.table__area th:first-child .size15 {
  font-size: min(4vw, 31.2px);
  line-height: min(4vw, 31.2px);
}
.table__area td:first-child .size16,
.table__area th:first-child .size16 {
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(4.2666666667vw, 33.28px);
}
.table__area td:nth-child(2),
.table__area th:nth-child(2) {
  background-color: #fffae7;
  border-left: min(1.8666666667vw, 14.56px) solid #ffc9b6;
  border-right: min(1.8666666667vw, 14.56px) solid #ffc9b6;
}
.table__area td:nth-child(2).topborder,
.table__area th:nth-child(2).topborder {
  border-top: min(1.8666666667vw, 14.56px) solid #ffc9b6;
}
.table__area td:nth-child(2).bottomborder,
.table__area th:nth-child(2).bottomborder {
  border-bottom: min(1.8666666667vw, 14.56px) solid #ffc9b6;
}
.table__area td:not(:first-child),
.table__area th:not(:first-child) {
  width: min(48.8vw, 380.64px);
  font-size: min(5.3333333333vw, 41.6px);
}
.table__area td .icon {
  width: min(8vw, 62.4px);
  height: min(8vw, 62.4px);
  margin-left: auto;
  margin-right: auto;
}
.table__area td .official-btn {
  border-bottom: min(0.7226666667vw, 5.6368px) solid #0b7f53;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: min(3.9232266667vw, 30.601168px) min(4.5770933333vw, 35.701328px);
  gap: min(2.288vw, 17.8464px);
  width: min(46.1333333333vw, 359.84px);
  height: min(15.2vw, 118.56px);
  background: #20ac77;
  border-radius: min(1.3077386667vw, 10.2003616px);
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}
.table__area td .official-btn .label {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.5851733333vw, 43.564352px);
  line-height: min(6.6666666667vw, 52px);
  color: #fcfcfc;
  text-shadow: 0px min(0.536416vw, 4.1840448px) min(0.9119066667vw, 7.112872px) rgba(0, 0, 0, 0.25);
  flex: none;
  order: 0;
  flex-grow: 0;
  text-decoration: none;
}
.table__area td .official-btn .arrow {
  width: min(4.5333333333vw, 35.36px);
  height: min(6.6666666667vw, 52px);
  display: flex;
  align-items: center;
  margin-top: min(1.3333333333vw, 10.4px);
}

.howchoose__title {
  width: min(100vw, 780px);
  height: min(39.7333333333vw, 309.92px);
  padding-top: min(4vw, 31.2px);
  background: linear-gradient(179.95deg, #236da3 -1.12%, #0e5d96 48.87%);
}
.howchoose__title--subtitle1 {
  display: flex;
  width: min(58.9333333333vw, 459.68px);
  height: min(10.4vw, 81.12px);
  margin-left: auto;
  margin-right: auto;
  padding-left: min(2.1173333333vw, 16.5152px);
  padding-top: min(1.9386666667vw, 15.1216px);
  background-image: url(./../img/05_howchoose/howchoose_title_subtitle1_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.howchoose__title--subtitle1--left {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  line-height: min(5.6vw, 43.68px);
  text-align: center;
  color: #1955b4;
  font-size: min(4.70808vw, 36.723024px);
}
.howchoose__title--subtitle1--left span {
  color: #333333;
  font-size: min(3.7653333333vw, 29.3696px);
}
.howchoose__title--subtitle1--right {
  width: min(3.2693333333vw, 25.5008px);
  padding-top: min(0.872vw, 6.8016px);
}
.howchoose__title--subtitle2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: min(9.0666666667vw, 70.72px);
  text-align: center;
  color: #ffe15f;
}
.howchoose__title--subtitle2 span {
  color: #ffffff;
  font-size: min(5.8666666667vw, 45.76px);
}
.howchoose__title--title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.howchoose__title--title--content1, .howchoose__title--title--content4 {
  width: min(5.8666666667vw, 45.76px);
}
.howchoose__title--title--content2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(9.6vw, 74.88px);
  line-height: min(10.6666666667vw, 83.2px);
  letter-spacing: 0.02em;
  color: #fcfcfc;
}
.howchoose__title--title--content3 {
  width: min(7.0853333333vw, 55.2656px);
}
.howchoose__content {
  background: #f3f7ff;
  padding-top: min(5.3333333333vw, 41.6px);
  padding-bottom: min(5.3333333333vw, 41.6px);
}
.howchoose__content .section {
  box-sizing: border-box;
  padding: min(5.3333333333vw, 41.6px) 0px;
  width: min(94.6666666667vw, 738.4px);
  background: #fcfcfc;
  border: min(0.2666666667vw, 2.08px) solid #194180;
  border-radius: min(1.8666666667vw, 14.56px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5.3333333333vw, 41.6px);
}
.howchoose__content .section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(4.5333333333vw, 35.36px);
  padding-bottom: min(4.5333333333vw, 35.36px);
  border-bottom: min(0.2666666667vw, 2.08px) dashed #333333;
  width: min(84vw, 655.2px);
  margin-left: auto;
  margin-right: auto;
}
.howchoose__content .section-title__point {
  font-family: "DIN 2014";
  font-style: normal;
  letter-spacing: -0.02em;
  color: #ea713d;
  text-align: center;
}
.howchoose__content .section-title__point--top {
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(4.2666666667vw, 33.28px);
}
.howchoose__content .section-title__point--bottom {
  font-weight: 600;
  font-size: min(8.5333333333vw, 66.56px);
  line-height: min(8.5333333333vw, 66.56px);
}
.howchoose__content .section-title h2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: min(7.7333333333vw, 60.32px);
  letter-spacing: 0.03em;
  color: #333333;
}
.howchoose__content .section .howchoose_img_01 {
  width: min(52vw, 405.6px);
  margin-left: auto;
  margin-right: auto;
  margin-top: min(5.3333333333vw, 41.6px);
}
.howchoose__content .section .howchoose_img_02 {
  width: min(46.4vw, 361.92px);
  margin-left: auto;
  margin-right: auto;
  margin-top: min(5.3333333333vw, 41.6px);
}
.howchoose__content .section .guarantee-box {
  width: min(89.3333333333vw, 696.8px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 144%;
  color: #333333;
  margin-left: auto;
  margin-right: auto;
  margin-top: min(6.4vw, 49.92px);
}

.main_ranking .main_ranking__content {
  padding: min(3.4666666667vw, 27.04px) 0;
}
.main_ranking .main_ranking__content--inner {
  width: min(94.6666666667vw, 738.4px);
  background: #fcfcfc;
  border-radius: min(1.8666666667vw, 14.56px);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: min(8vw, 62.4px);
}
.main_ranking .main_ranking__content--inner .title_area {
  position: relative;
  padding-top: min(3.4666666667vw, 27.04px);
  padding-left: min(18.9333333333vw, 147.68px);
}
.main_ranking .main_ranking__content--inner .title_area--recommend {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: min(1.6vw, 12.48px);
}
.main_ranking .main_ranking__content--inner .title_area--recommend--label {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: min(1.6vw, 12.48px) min(2.1333333333vw, 16.64px);
  gap: min(2.6666666667vw, 20.8px);
  width: min(21.6vw, 168.48px);
  height: min(5.8666666667vw, 45.76px);
  background: #fffcef;
  border: min(0.5333333333vw, 4.16px) solid #ea713d;
  border-radius: min(1.0666666667vw, 8.32px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(3.4666666667vw, 27.04px);
  line-height: min(4.2666666667vw, 33.28px);
  color: #ea713d;
}
.main_ranking .main_ranking__content--inner .title_area--recommend--star {
  width: min(22.4vw, 174.72px);
}
.main_ranking .main_ranking__content--inner .title_area--recommend--value {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
  letter-spacing: -0.03em;
  color: #ea713d;
  flex: none;
  order: 2;
  flex-grow: 0;
}
.main_ranking .main_ranking__content--inner .title_area--subtitle {
  margin-top: min(2.4vw, 18.72px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: min(4.8vw, 37.44px);
  line-height: 144%;
  color: #333333;
}
.main_ranking .main_ranking__content--inner .title_area--title {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(8vw, 62.4px);
  line-height: min(9.6vw, 74.88px);
  letter-spacing: 0.02em;
  text-decoration-line: underline;
}
.main_ranking .main_ranking__content--inner .title_area--title a {
  color: #245287;
}
.main_ranking .main_ranking__content--inner .title_area .main_ranking_emblem1 {
  position: absolute;
  width: min(12vw, 93.6px);
  height: min(17.0666666667vw, 133.12px);
  top: min(0vw, 0px);
  left: min(2.6666666667vw, 20.8px);
}
.main_ranking .main_ranking__content--inner .title_area .main_ranking_emblem2 {
  position: absolute;
  width: min(12vw, 93.6px);
  height: min(17.0666666667vw, 133.12px);
  top: max(-0.5333333333vw, -4.16px);
  left: min(2.6666666667vw, 20.8px);
}
.main_ranking .main_ranking__content--inner .title_area .main_ranking_emblem3 {
  position: absolute;
  width: min(12vw, 93.6px);
  height: min(17.0666666667vw, 133.12px);
  top: max(-0.5333333333vw, -4.16px);
  left: min(2.6666666667vw, 20.8px);
}
.main_ranking .main_ranking__content--inner .banner_area {
  width: min(80vw, 624px);
  margin-left: auto;
  margin-right: auto;
  margin-top: min(4.5333333333vw, 35.36px);
}
.main_ranking .main_ranking__content--inner .point_area {
  width: min(89.3333333333vw, 696.8px);
  margin-left: auto;
  margin-right: auto;
  margin-top: min(4.5333333333vw, 35.36px);
  background: #fffcef;
  border: min(0.2666666667vw, 2.08px) solid #ea713d;
  border-radius: min(1.8666666667vw, 14.56px);
}
.main_ranking .main_ranking__content--inner .point_area--title {
  background: #ea713d;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  padding: min(4.2666666667vw, 33.28px);
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
  color: #fcfcfc;
  flex: none;
  order: 2;
  flex-grow: 0;
  z-index: 2;
  border-radius: min(1.0666666667vw, 8.32px) min(1.0666666667vw, 8.32px) 0 0;
  text-align: center;
}
.main_ranking .main_ranking__content--inner .point_area--list ul {
  list-style: none;
  padding: 0;
  padding-left: min(4vw, 31.2px);
}
.main_ranking .main_ranking__content--inner .point_area--list ul li {
  display: flex;
  align-items: center;
  gap: min(1.2vw, 9.36px);
  width: min(81.0666666667vw, 632.32px);
  height: min(6.4vw, 49.92px);
  margin-bottom: min(2.1333333333vw, 16.64px);
}
.main_ranking .main_ranking__content--inner .point_area--list ul li .point_area--list--icon {
  width: min(6.4vw, 49.92px);
  height: min(6.4vw, 49.92px);
}
.main_ranking .main_ranking__content--inner .point_area--list ul li .point_area--list--text {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: 144%;
  color: #333333;
}
.main_ranking .main_ranking__content--inner .point_area--list ul li .highlight {
  font-weight: 700;
}
.main_ranking .main_ranking__content--inner .features_area {
  padding-top: min(6.4vw, 49.92px);
  width: min(89.3333333333vw, 696.8px);
  margin-left: auto;
  margin-right: auto;
}
.main_ranking .main_ranking__content--inner .features_area--boxwrap {
  display: flex;
  gap: min(0.8vw, 6.24px);
}
.main_ranking .main_ranking__content--inner .features_area--box {
  margin-bottom: min(0.8vw, 6.24px);
}
.main_ranking .main_ranking__content--inner .features_area--box.width50 {
  width: min(44.2666666667vw, 345.28px);
}
.main_ranking .main_ranking__content--inner .features_area--box.width100 {
  width: 100%;
}
.main_ranking .main_ranking__content--inner .features_area--box--title {
  background: #245287;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: min(4.8vw, 37.44px);
  letter-spacing: 0.04em;
  color: #fcfcfc;
  flex: none;
  order: 0;
  flex-grow: 0;
  padding: min(2.5173333333vw, 19.6352px) 0;
  text-align: center;
}
.main_ranking .main_ranking__content--inner .features_area--box--title.size15 {
  font-size: min(4vw, 31.2px);
}
.main_ranking .main_ranking__content--inner .features_area--box--conntent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: min(5.3333333333vw, 41.6px) 0;
  background: #fcfcfc;
  border: min(0.2833226667vw, 2.2099168px) solid #245287;
  flex: none;
  order: 1;
  flex-grow: 0;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
  color: #333333;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.main_ranking .main_ranking__content--inner .features_area--box--conntent.size18 {
  font-size: min(4.8vw, 37.44px);
}
.main_ranking .main_ranking__content--inner .features_area--box--conntent.size13 {
  font-size: min(3.4666666667vw, 27.04px);
  line-height: 155%;
  padding-top: min(3.3706666667vw, 26.2912px);
  padding-bottom: min(3.7333333333vw, 29.12px);
}
.main_ranking .main_ranking__content--inner .review_area {
  padding-top: min(12.3013333333vw, 95.9504px);
}
.main_ranking .main_ranking__content--inner .review_area--title {
  position: relative;
  text-align: center;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(5.3333333333vw, 41.6px);
  text-align: center;
  color: #ea713d;
}
.main_ranking .main_ranking__content--inner .review_area--title img {
  position: absolute;
}
.main_ranking .main_ranking__content--inner .review_area--title img.main_ranking_review_deco {
  width: min(4.2666666667vw, 33.28px);
  height: min(4.5333333333vw, 35.36px);
  top: max(-2.9333333333vw, -22.88px);
  left: min(24vw, 187.2px);
}
.main_ranking .main_ranking__content--inner .review_area--title img.main_ranking_review_balloon {
  width: min(5.3333333333vw, 41.6px);
  height: min(4.592vw, 35.8176px);
  top: min(0.8vw, 6.24px);
  right: min(22.4vw, 174.72px);
}
.main_ranking .main_ranking__content--inner .review_area--content {
  margin-top: min(5.3333333333vw, 41.6px);
}
.main_ranking .main_ranking__content--inner .review_area--content ul {
  display: flex;
  flex-direction: column;
  gap: min(0vw, 0px);
  list-style: none;
  padding: 0;
  margin: 0;
}
.main_ranking .main_ranking__content--inner .review_area--content ul.active {
  gap: min(5.3333333333vw, 41.6px);
}
.main_ranking .main_ranking__content--inner .review_area--content ul li {
  padding: 0;
  transition: margin-right 2s;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box {
  padding: 0;
  padding-bottom: min(5.3333333333vw, 41.6px);
  width: min(84vw, 655.2px);
  background: #fffcef;
  box-shadow: 0px min(0.2666666667vw, 2.08px) min(1.2vw, 9.36px) rgba(0, 0, 0, 0.25);
  border-radius: min(1.0666666667vw, 8.32px);
  margin-left: auto;
  margin-right: auto;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box .title_area {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: min(78.9333333333vw, 615.68px);
  padding: 0;
  gap: min(3.2vw, 24.96px);
  padding-top: min(5.6vw, 43.68px);
  padding-bottom: min(2.1333333333vw, 16.64px);
  border-bottom: min(0.2666666667vw, 2.08px) solid #dcdcdc;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box .title_area--image {
  width: min(21.3333333333vw, 166.4px);
  height: min(21.3333333333vw, 166.4px);
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box .title_area--txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: min(2.1333333333vw, 16.64px);
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box .title_area--txt .name {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: min(1.0666666667vw, 8.32px) min(3.2vw, 24.96px);
  background: #1955b4;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(3.2vw, 24.96px);
  line-height: min(3.7333333333vw, 29.12px);
  letter-spacing: 0.08em;
  color: #ffffff;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box .title_area--txt .title {
  margin-top: min(2.1333333333vw, 16.64px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 150%;
  letter-spacing: 0.08em;
  color: #ea713d;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box .content_area {
  width: min(78.6666666667vw, 613.6px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 157%;
  letter-spacing: 0.08em;
  color: #333333;
  margin-left: auto;
  margin-right: auto;
  padding-top: min(2.1333333333vw, 16.64px);
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .review_area--content--box .content_area .highlight {
  font-weight: 700;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li:not(:first-child) {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 1s ease, max-height 1s ease;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li.active:not(:first-child) {
  opacity: 1;
  max-height: 5000px; /* 予想される最大の高さに調整 */
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .read_more_btn {
  width: min(52.5333333333vw, 409.76px);
  height: min(6.1333333333vw, 47.84px);
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
  color: #ee7313;
  padding-bottom: min(2.6666666667vw, 20.8px);
  margin-top: min(6.6666666667vw, 52px);
  border-bottom: min(0.2666666667vw, 2.08px) solid #ee7313;
  position: relative;
  display: none;
  cursor: pointer;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .read_more_btn img {
  position: absolute;
  width: min(4.8vw, 37.44px);
  height: min(1.6vw, 12.48px);
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.main_ranking .main_ranking__content--inner .review_area--content ul li .read_more_btn.active {
  display: block;
}
.main_ranking .main_ranking__content--inner .review_area--content ul .read_more_btn_close {
  width: min(52.5333333333vw, 409.76px);
  height: min(6.1333333333vw, 47.84px);
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
  color: #ee7313;
  padding-bottom: min(2.6666666667vw, 20.8px);
  margin-top: min(6.6666666667vw, 52px);
  border-bottom: min(0.2666666667vw, 2.08px) solid #ee7313;
  padding-left: min(16.8vw, 131.04px);
  position: relative;
  display: none;
  cursor: pointer;
}
.main_ranking .main_ranking__content--inner .review_area--content ul .read_more_btn_close img {
  position: absolute;
  width: min(4.8vw, 37.44px);
  height: min(1.6vw, 12.48px);
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.main_ranking .main_ranking__content--inner .review_area--content ul .read_more_btn_close.active {
  display: block;
}
.main_ranking .main_ranking__content--inner .button_area--description {
  margin-top: min(12.208vw, 95.2224px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(1.8666666667vw, 14.56px);
  margin-bottom: min(2.1333333333vw, 16.64px);
}
.main_ranking .main_ranking__content--inner .button_area--description .img1,
.main_ranking .main_ranking__content--inner .button_area--description .img2 {
  width: min(4.5333333333vw, 35.36px);
}
.main_ranking .main_ranking__content--inner .button_area--description .txt1 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 144%;
  display: flex;
  align-items: center;
  color: #ea3d46;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  line-height: 144%;
  display: flex;
  align-items: center;
}
.main_ranking .main_ranking__content--inner .button_area--official-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: min(6.1333333333vw, 47.84px) 0;
  gap: min(2.1333333333vw, 16.64px);
  width: min(81.8666666667vw, 638.56px);
  height: min(15.2vw, 118.56px);
  background: #20ac77;
  border-radius: min(1.3077386667vw, 10.2003616px);
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  border-radius: min(9.4453333333vw, 73.6736px);
  background: #0fb573;
  box-shadow: 0px min(1.2592586667vw, 9.8222176px) 0px #066841;
  border-radius: min(9.4444533333vw, 73.666736px);
}
.main_ranking .main_ranking__content--inner .button_area--official-btn .label {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.8vw, 37.44px);
  line-height: min(5.8666666667vw, 45.76px);
  text-align: center;
  color: #ffffff;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.main_ranking .main_ranking__content--inner .button_area--official-btn .arrow {
  width: min(4.2666666667vw, 33.28px);
  height: min(8vw, 62.4px);
  margin-top: min(2.1333333333vw, 16.64px);
}
.main_ranking .main_ranking__content--inner .button_area--subdescription {
  margin-top: min(3.2vw, 24.96px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(3.7333333333vw, 29.12px);
  line-height: min(4.5333333333vw, 35.36px);
  text-align: center;
  color: #000000;
}
.main_ranking .main_ranking__content--inner .button_area.topbig {
  margin-top: min(10.6666666667vw, 83.2px);
}
.main_ranking .main_ranking__content.ranking1 {
  background: #23406e;
  padding-top: min(5.3333333333vw, 41.6px);
}
.main_ranking .main_ranking__content.ranking1 .main_ranking__content--title {
  width: min(92.8vw, 723.84px);
  height: min(25.0666666667vw, 195.52px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5.3333333333vw, 41.6px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.3333333333vw, 41.6px);
  line-height: min(6.4vw, 49.92px);
  color: #194180;
  flex: none;
  order: 0;
  flex-grow: 0;
  text-align: center;
  padding-top: min(2.5333333333vw, 19.76px);
  background-image: url(./../img/06_main_ranking/main_ranking_title_bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.main_ranking .main_ranking__content.ranking2 {
  background: #f5cc66;
}
.main_ranking .main_ranking__content.ranking3 {
  background: #a6b3d2;
}
.main_ranking .main_ranking__content.ranking4 {
  background: linear-gradient(179.95deg, #236da3 -1.12%, #0e5d96 48.87%);
  padding-top: min(5.3333333333vw, 41.6px);
}
.main_ranking .main_ranking__content.ranking4 .title_img {
  width: min(97.8666666667vw, 763.36px);
  margin-left: min(0.5333333333vw, 4.16px);
}
.main_ranking .main_ranking__content.ranking4 .main_ranking__content--inner {
  padding-top: min(3.7333333333vw, 29.12px);
}
.main_ranking .main_ranking__content.ranking4 .main_ranking__content--inner .banner_area {
  margin-top: 0;
}

.flow {
  background-color: #f3f7ff;
  padding-top: min(15.2vw, 118.56px);
}
.flow__title {
  background-image: url(./../img/07_flow/flow_title--title--bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: min(100.8vw, 786.24px);
  height: min(33.6vw, 262.08px);
  margin-bottom: min(8vw, 62.4px);
}
.flow__title--subtitle {
  position: absolute;
  width: min(53.0666666667vw, 413.92px);
  height: min(12.5333333333vw, 97.76px);
  top: max(-4.5333333333vw, -35.36px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding-top: min(1.3333333333vw, 10.4px);
  background-image: url(./../img/07_flow/flow_title--subtitle--bk_img.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.flow__title--subtitle .text1 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.8666666667vw, 45.76px);
  line-height: min(6.9333333333vw, 54.08px);
  letter-spacing: -0.03em;
  color: #333333;
}
.flow__title--subtitle .text2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(6.4vw, 49.92px);
  line-height: min(6.9333333333vw, 54.08px);
  letter-spacing: -0.03em;
  color: #ea3d46;
}
.flow__title--subtitle .text3 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.8666666667vw, 45.76px);
  line-height: min(6.9333333333vw, 54.08px);
  letter-spacing: -0.03em;
  color: #ea3d46;
}
.flow__title--title {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: min(9.0666666667vw, 70.72px);
  text-align: center;
  color: #194180;
  padding-top: min(10.6666666667vw, 83.2px);
}
.flow__title--title .wave {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: min(7.4666666667vw, 58.24px);
  line-height: min(7.7333333333vw, 60.32px);
  color: #333333;
}
.flow__title--title .small {
  font-size: min(6.4vw, 49.92px);
}
.flow__content--step {
  width: min(95.4666666667vw, 744.64px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(6.6666666667vw, 52px);
  border: min(0.5333333333vw, 4.16px) solid #23406e;
  border-radius: min(1.0666666667vw, 8.32px);
  background: #fcfcfc;
  padding-bottom: min(8vw, 62.4px);
}
.flow__content--step .section-header {
  box-sizing: border-box;
  height: min(22.4vw, 174.72px);
  background: #23406e;
  border: min(0.5333333333vw, 4.16px) solid #23406e;
  display: flex;
  align-items: center;
}
.flow__content--step .section-header__point {
  width: min(13.3333333333vw, 104px);
  border-right: min(0.2666666667vw, 2.08px) dashed #fcfcfc;
}
.flow__content--step .section-header__point--top {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  font-size: min(2.6193786667vw, 20.4311536px);
  line-height: min(3.2vw, 24.96px);
  letter-spacing: 0.04em;
  color: #fff36e;
  text-align: center;
}
.flow__content--step .section-header__point--bottom {
  font-family: "DIN 2014";
  font-style: normal;
  font-weight: 700;
  font-size: min(8.5333333333vw, 66.56px);
  line-height: min(10.9333333333vw, 85.28px);
  letter-spacing: -0.02em;
  color: #fff36e;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  text-align: center;
}
.flow__content--step .section-header__title {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(5.8666666667vw, 45.76px);
  line-height: min(6.9333333333vw, 54.08px);
  padding-left: min(2.1333333333vw, 16.64px);
  color: #fcfcfc;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.flow__content--step .text {
  width: min(89.3333333333vw, 696.8px);
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
  color: #333333;
  padding-top: min(5.3333333333vw, 41.6px);
}
.flow__content--step .image {
  width: min(89.3333333333vw, 696.8px);
  margin-left: auto;
  margin-right: auto;
  margin-top: min(4.8vw, 37.44px);
}
.flow__content--step .table__area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: min(4.2666666667vw, 33.28px) min(2.1333333333vw, 16.64px) min(5.8666666667vw, 45.76px);
  gap: min(4.2666666667vw, 33.28px);
  width: min(89.3333333333vw, 696.8px);
  background: #fffcef;
  border: min(0.2666666667vw, 2.08px) solid #333333;
  border-radius: min(1.8666666667vw, 14.56px);
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  margin-top: min(8.2666666667vw, 64.48px);
}
.flow__content--step .table__area--title {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
  color: #333333;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.flow__content--step .table__area--ranktablewrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: min(1.0666666667vw, 8.32px);
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.flow__content--step .table__area--ranktablewrap .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: min(1.0666666667vw, 8.32px);
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.flow__content--step .table__area--ranktablewrap .row .label {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: min(1.0666666667vw, 8.32px) min(2.1333333333vw, 16.64px);
  gap: min(2.6666666667vw, 20.8px);
  width: min(22.1333333333vw, 172.64px);
  height: min(7.2vw, 56.16px);
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
  display: flex;
  align-items: center;
  text-align: center;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.flow__content--step .table__area--ranktablewrap .row .label.rankss {
  background: #194180;
  color: #ffe15f;
}
.flow__content--step .table__area--ranktablewrap .row .label.ranks {
  background: #2c589f;
  color: #fcfcfc;
}
.flow__content--step .table__area--ranktablewrap .row .label.ranka {
  background: #5580c4;
  color: #fcfcfc;
}
.flow__content--step .table__area--ranktablewrap .row .label.rankb {
  background: #88a5d4;
  color: #fcfcfc;
}
.flow__content--step .table__area--ranktablewrap .row .label.rankc {
  background: #a8b7cf;
  color: #fcfcfc;
}
.flow__content--step .table__area--ranktablewrap .row .label.rankj {
  background: #939eaf;
  color: #fcfcfc;
}
.flow__content--step .table__area--ranktablewrap .row .value {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: min(1.0666666667vw, 8.32px) min(2.1333333333vw, 16.64px);
  gap: min(2.6666666667vw, 20.8px);
  width: min(52vw, 405.6px);
  height: min(7.2vw, 56.16px);
  background: #fcfcfc;
  border: min(0.2666666667vw, 2.08px) solid #245287;
  flex: none;
  order: 1;
  flex-grow: 0;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
}
.flow__content--step .tip-box {
  display: flex;
  justify-content: center;
  margin-top: min(8vw, 62.4px);
}
.flow__content--step .tip-box__icon {
  width: min(20.6106666667vw, 160.7632px);
  height: min(20.6106666667vw, 160.7632px);
}
.flow__content--step .tip-box__text {
  width: min(69.7253333333vw, 543.8576px);
  height: min(20.5333333333vw, 160.16px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.1068266667vw, 32.033248px);
  line-height: 144%;
  color: #333333;
  padding-left: min(8vw, 62.4px);
  padding-top: min(5.7546666667vw, 44.8864px);
  background-image: url(./../img/07_flow/slow_tip_02_bk.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.flow__content--step .tip-box__text.text3 {
  height: min(31.6213333333vw, 246.6464px);
  background-image: url(./../img/07_flow/slow_tip_03_bk.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.flow__content--step .howcheck {
  box-sizing: border-box;
  width: min(89.3333333333vw, 696.8px);
  background: #fffcef;
  border: min(0.2666666667vw, 2.08px) solid #333333;
  border-radius: min(1.8666666667vw, 14.56px);
  margin-left: auto;
  margin-right: auto;
  margin-top: min(14.1333333333vw, 110.24px);
}
.flow__content--step .howcheck--title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: min(2.1333333333vw, 16.64px);
  gap: min(1.3333333333vw, 10.4px);
  box-sizing: border-box;
  padding: min(1.3333333333vw, 10.4px) 0;
  padding-left: min(2.1333333333vw, 16.64px);
  padding-right: 0;
  height: min(8vw, 62.4px);
  background: #fffcef;
  border: min(0.2666666667vw, 2.08px) solid #ea713d;
  border-radius: min(1.8666666667vw, 14.56px);
  margin-top: max(-4vw, -31.2px);
  margin-left: min(4.8vw, 37.44px);
}
.flow__content--step .howcheck--title .howcheck__icon {
  width: min(5.3333333333vw, 41.6px);
  height: min(5.3333333333vw, 41.6px);
}
.flow__content--step .howcheck--title .howcheck__text {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: 144%;
  color: #ea713d;
  margin: 0;
  width: auto;
}
.flow__content--step .howcheck--title.point1 {
  width: min(38.6666666667vw, 301.6px);
}
.flow__content--step .howcheck--title.point2 {
  width: min(62.1333333333vw, 484.64px);
}
.flow__content--step .howcheck__ul {
  width: min(70.9333333333vw, 553.28px);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.flow__content--step .howcheck__ul li {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
  leading-trim: both;
  text-edge: cap;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  color: #333333;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
  padding: min(1.6vw, 12.48px) 0;
  padding-left: min(3.7333333333vw, 29.12px);
}
.flow__content--step .howcheck__ul li::after {
  position: absolute;
  content: "";
  width: min(1.6vw, 12.48px);
  height: min(1.6vw, 12.48px);
  background-color: #ea713d;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  left: max(-0.5333333333vw, -4.16px);
}
.flow__content--step .howcheck__image {
  width: min(83.7333333333vw, 653.12px);
  margin-left: auto;
  margin-right: auto;
}
.flow__content--step .howcheck__image.point2 {
  margin-top: min(2.9333333333vw, 22.88px);
}
.flow__content--step .howcheck__content {
  width: min(83.7333333333vw, 653.12px);
  margin-left: auto;
  margin-right: auto;
  width: min(84vw, 655.2px);
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: min(4.2666666667vw, 33.28px);
  line-height: min(5.0666666667vw, 39.52px);
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  color: #333333;
  margin-top: min(5.3333333333vw, 41.6px);
}
.flow__content--step .howcheck__content.point1 {
  width: min(70.9333333333vw, 553.28px);
}
.flow__content--step .howcheck__content.point2 {
  width: min(84vw, 655.2px);
}
.flow__content--step .howcheck.point1 {
  padding-bottom: min(4.2666666667vw, 33.28px);
}
.flow__content--step .howcheck.point2 {
  padding-bottom: min(6.9333333333vw, 54.08px);
}

footer {
  text-align: center;
  padding: min(8vw, 62.4px) 0; /* 特定商取引法に関する表記 */
}
footer a {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-size: min(3.2vw, 24.96px);
  line-height: min(3.7333333333vw, 29.12px);
  text-align: center;
  text-decoration-line: underline;
  color: #333333;
}

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