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

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

ol,
ul {
  list-style: none;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

@font-face {
  font-family: "Arial"; /* フォントの名前 */
  src: url("/font/Arialn.ttf") format("truetype"); /* フォントファイルのパス */
}
@font-face {
  font-family: "HigureGothic"; /* フォントの名前 */
  src: url("/font/HigureGothic-Medium.ttf") format("truetype"); /* フォントファイルのパス */
}
body {
  color: #291516;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  font-size: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  margin: 0 auto;
  padding: 0;
  max-width: 750px;
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

a {
  color: inherit;
  transition: opacity 0.3s ease 0s;
}
a:hover {
  opacity: 0.7;
  cursor: pointer;
}

.wrapper {
  overflow: hidden;
}

.inner {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

.fukidasi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
  margin-right: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}

.fukidasi1 {
  margin-top: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
}

.fukidasi2 {
  margin-top: clamp(
      38px,
      calc(38px + (38) * ((100vw - 375px) / (750 - 375))),
      76px
    );
}

.fukidasi3 {
  margin-top: clamp(
      265px,
      calc(265px + (265) * ((100vw - 375px) / (750 - 375))),
      530px
    );
}

.fukidasi4 {
  margin-top: clamp(
      40px,
      calc(40px + (40) * ((100vw - 375px) / (750 - 375))),
      80px
    );
  gap: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
}

.fukidasi5 {
  margin-top: clamp(
      37.5px,
      calc(37.5px + (37.5) * ((100vw - 375px) / (750 - 375))),
      75px
    );
  gap: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
}

.fukidasi6 {
  margin-top: clamp(
      38px,
      calc(38px + (38) * ((100vw - 375px) / (750 - 375))),
      76px
    );
}

.fukidasi7 {
  margin-top: clamp(
      41px,
      calc(41px + (41) * ((100vw - 375px) / (750 - 375))),
      82px
    );
  gap: clamp(
      32.5px,
      calc(32.5px + (32.5) * ((100vw - 375px) / (750 - 375))),
      65px
    );
  padding-right: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}

.fukidasi8 {
  margin-top: clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    );
  gap: clamp(
      27px,
      calc(27px + (27) * ((100vw - 375px) / (750 - 375))),
      54px
    );
}

.fukidasi9 {
  margin-top: clamp(
      20.5px,
      calc(20.5px + (20.5) * ((100vw - 375px) / (750 - 375))),
      41px
    );
  gap: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  padding-right: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}

.fukidasi10 {
  margin-top: clamp(
      35px,
      calc(35px + (35) * ((100vw - 375px) / (750 - 375))),
      70px
    );
  gap: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
}

.fukidasi11 {
  margin-top: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  gap: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  margin-right: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}

.fukidasi__icon {
  width: clamp(
      62.5px,
      calc(62.5px + (62.5) * ((100vw - 375px) / (750 - 375))),
      125px
    );
}

.fukidasi__text {
  position: relative;
  z-index: 2;
  font-weight: 500;
}
.fukidasi__text.text1::after {
  position: absolute;
  content: "";
  background: url(/img/fukidasi1.png) no-repeat center center/contain;
  width: clamp(
      221px,
      calc(221px + (221) * ((100vw - 375px) / (750 - 375))),
      442px
    );
  height: clamp(
      54.5px,
      calc(54.5px + (54.5) * ((100vw - 375px) / (750 - 375))),
      109px
    );
  top: 50%;
  left: calc(50% - 10px);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.fukidasi__text.text2::after {
  position: absolute;
  content: "";
  background: url(/img/fukidasi2.png) no-repeat center center/contain;
  width: clamp(
      180px,
      calc(180px + (180) * ((100vw - 375px) / (750 - 375))),
      360px
    );
  height: clamp(
      62.5px,
      calc(62.5px + (62.5) * ((100vw - 375px) / (750 - 375))),
      125px
    );
  top: 50%;
  left: calc(50% - 10px);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.fukidasi__text.text3::after {
  position: absolute;
  content: "";
  background: url(/img/fukidasi3.png) no-repeat center center/contain;
  width: clamp(
      240px,
      calc(240px + (239) * ((100vw - 375px) / (750 - 375))),
      479px
    );
  height: clamp(
      55px,
      calc(55px + (54) * ((100vw - 375px) / (750 - 375))),
      109px
    );
  top: 50%;
  left: calc(50% - 10px);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.fukidasi__text.text4::after {
  position: absolute;
  content: "";
  background: url(/img/fukidasi4.png) no-repeat center center/contain;
  width: clamp(
      178px,
      calc(178px + (178) * ((100vw - 375px) / (750 - 375))),
      356px
    );
  height: clamp(
      54.5px,
      calc(54.5px + (54.5) * ((100vw - 375px) / (750 - 375))),
      109px
    );
  top: 50%;
  left: calc(50% - clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    ));
  transform: translate(-50%, -50%);
  z-index: -1;
}
.fukidasi__text.text5::after {
  position: absolute;
  content: "";
  background: url(/img/fukidasi5.png) no-repeat center center/contain;
  width: clamp(
      260px,
      calc(260px + (260) * ((100vw - 375px) / (750 - 375))),
      520px
    );
  height: clamp(
      54.5px,
      calc(54.5px + (54.5) * ((100vw - 375px) / (750 - 375))),
      109px
    );
  top: 50%;
  left: calc(50% - clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    ));
  transform: translate(-50%, -50%);
  z-index: -1;
}
.fukidasi__text.text6::after {
  position: absolute;
  content: "";
  background: url(/img/fukidasi6.png) no-repeat center center/contain;
  width: clamp(
      260px,
      calc(260px + (260) * ((100vw - 375px) / (750 - 375))),
      520px
    );
  height: clamp(
      63px,
      calc(63px + (63) * ((100vw - 375px) / (750 - 375))),
      126px
    );
  top: 50%;
  left: calc(50% - clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    ));
  transform: translate(-50%, -50%);
  z-index: -1;
}

.color-accent {
  font-weight: bold;
  color: #cf8e8e;
}

.fukidasi-text1 {
  letter-spacing: -0.03em;
}

.fukidasi-text2 {
  letter-spacing: -0.12em;
}

.fukidasi-text3 {
  line-height: 1.33;
  letter-spacing: -0.03em;
}

.comparison-chart {
  margin-top: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
}

.comparison-chart__title-content {
  height: clamp(
      68px,
      calc(68px + (68) * ((100vw - 375px) / (750 - 375))),
      136px
    );
  background: #85c2bb;
  position: relative;
  text-align: center;
}

.comparison-chart__title-sub {
  width: clamp(
      110px,
      calc(110px + (110) * ((100vw - 375px) / (750 - 375))),
      220px
    );
  margin: 0 auto;
  padding-top: clamp(
      6.5px,
      calc(6.5px + (6.5) * ((100vw - 375px) / (750 - 375))),
      13px
    );
}

.comparison-chart__title-main {
  display: flex;
  gap: clamp(
      3px,
      calc(3px + (3) * ((100vw - 375px) / (750 - 375))),
      6px
    );
  align-items: center;
  justify-content: center;
  padding-left: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  margin-top: -3px;
}

.comparison-chart__title1 {
  width: clamp(
      113.5px,
      calc(113.5px + (113.5) * ((100vw - 375px) / (750 - 375))),
      227px
    );
}

.comparison-chart__title2 {
  width: clamp(
      56.5px,
      calc(56.5px + (56.5) * ((100vw - 375px) / (750 - 375))),
      113px
    );
}

.comparison-chart__icon-l {
  position: absolute;
  width: clamp(
      77.5px,
      calc(77.5px + (77.5) * ((100vw - 375px) / (750 - 375))),
      155px
    );
  height: clamp(
      46.5px,
      calc(46.5px + (46.5) * ((100vw - 375px) / (750 - 375))),
      93px
    );
  bottom: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  left: clamp(
      27px,
      calc(27px + (27) * ((100vw - 375px) / (750 - 375))),
      54px
    );
}

.comparison-chart__icon-r {
  position: absolute;
  bottom: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  right: clamp(
      26px,
      calc(26px + (26) * ((100vw - 375px) / (750 - 375))),
      52px
    );
  width: clamp(
      62.5px,
      calc(62.5px + (62.5) * ((100vw - 375px) / (750 - 375))),
      125px
    );
  height: clamp(
      55px,
      calc(55px + (55) * ((100vw - 375px) / (750 - 375))),
      110px
    );
}

.comparison-chart__2024 {
  position: absolute;
  top: clamp(
      3px,
      calc(3px + (3) * ((100vw - 375px) / (750 - 375))),
      6px
    );
  left: clamp(
      62px,
      calc(62px + (62) * ((100vw - 375px) / (750 - 375))),
      124px
    );
  width: clamp(
      59px,
      calc(59px + (59) * ((100vw - 375px) / (750 - 375))),
      118px
    );
  height: clamp(
      18.5px,
      calc(18.5px + (18.5) * ((100vw - 375px) / (750 - 375))),
      37px
    );
}

.comparison-chart__title-af {
  position: absolute;
  width: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  height: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
  top: clamp(
      16.5px,
      calc(16.5px + (16.5) * ((100vw - 375px) / (750 - 375))),
      33px
    );
  right: clamp(
      88px,
      calc(88px + (88) * ((100vw - 375px) / (750 - 375))),
      176px
    );
}

.table-item__content {
  position: relative;
}

.table-item {
  position: absolute;
  width: clamp(
      343.5px,
      calc(343.5px + (343.5) * ((100vw - 375px) / (750 - 375))),
      687px
    );
  height: clamp(
      24.5px,
      calc(24.5px + (24.5) * ((100vw - 375px) / (750 - 375))),
      49px
    );
  background: #acab9b;
  text-align: center;
  font-weight: bold;
  font-size: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  line-height: clamp(
      24.5px,
      calc(24.5px + (24.5) * ((100vw - 375px) / (750 - 375))),
      49px
    );
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.table-item.item1 {
  top: clamp(
      150px,
      calc(150px + (150) * ((100vw - 375px) / (750 - 375))),
      300px
    );
}
.table-item.item2 {
  top: clamp(
      255px,
      calc(255px + (255) * ((100vw - 375px) / (750 - 375))),
      510px
    );
}
.table-item.item3 {
  top: clamp(
      362.5px,
      calc(362.5px + (362.5) * ((100vw - 375px) / (750 - 375))),
      725px
    );
}
.table-item.item4 {
  top: clamp(
      464px,
      calc(464px + (464) * ((100vw - 375px) / (750 - 375))),
      928px
    );
}
.table-item.item5 {
  top: clamp(
      567.5px,
      calc(567.5px + (567.5) * ((100vw - 375px) / (750 - 375))),
      1135px
    );
}

.comparison-chart__table-content {
  margin-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  max-width: clamp(
      359px,
      calc(359px + (359) * ((100vw - 375px) / (750 - 375))),
      718px
    );
  overflow-x: auto;
  position: relative;
  margin-left: clamp(
      15px,
      calc(15px + (16) * ((100vw - 375px) / (750 - 375))),
      31px
    );
  margin-right: clamp(
      15px,
      calc(15px + (16) * ((100vw - 375px) / (750 - 375))),
      31px
    );
}

.comparison-chart__table {
  border-collapse: collapse;
  table-layout: fixed;
  max-width: clamp(
      359px,
      calc(359px + (359) * ((100vw - 375px) / (750 - 375))),
      718px
    );
  width: 100%;
}
.comparison-chart__table th, .comparison-chart__table td {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  vertical-align: middle;
  text-align: center;
  width: clamp(
      114.5px,
      calc(114.5px + (114.5) * ((100vw - 375px) / (750 - 375))),
      229px
    );
}
.comparison-chart__table thead {
  height: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  color: #ea6b77;
  font-size: clamp(
      11.8px,
      calc(11.8px + (11.8) * ((100vw - 375px) / (750 - 375))),
      23.6px
    );
  font-weight: bold;
}
.comparison-chart__table thead th {
  font-weight: bold;
  letter-spacing: -0.03em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.comparison-chart__table tbody tr:nth-child(1) td {
  padding: clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    ) 0 0;
}
.comparison-chart__table tbody tr:nth-child(2) td, .comparison-chart__table tbody tr:nth-child(3) td, .comparison-chart__table tbody tr:nth-child(4) td, .comparison-chart__table tbody tr:nth-child(5) td {
  padding: clamp(
      38px,
      calc(38px + (38) * ((100vw - 375px) / (750 - 375))),
      76px
    ) 0 clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    );
}
.comparison-chart__table tbody tr:last-child td {
  padding-top: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  border-bottom: 1px solid #000;
}

.comparison-chart__ranking {
  width: clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
  display: block;
  margin: 0 auto;
}

.comparison-chart__banner {
  width: clamp(
      100.5px,
      calc(100.5px + (100.5) * ((100vw - 375px) / (750 - 375))),
      201px
    );
  display: block;
  margin: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) auto 0;
}

.comparison-chart__name {
  font-size: clamp(
      15.3px,
      calc(15.3px + (15.3) * ((100vw - 375px) / (750 - 375))),
      30.6px
    );
  font-weight: bold;
  color: #2e7590;
}

.comparison-chart__name-s {
  font-size: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  font-weight: bold;
  color: #2e7590;
  letter-spacing: -0.03em;
}

.comparison-chart__table-item {
  width: 100%;
  height: clamp(
      24.5px,
      calc(24.5px + (24.5) * ((100vw - 375px) / (750 - 375))),
      49px
    );
  background: #acab9b;
}
.comparison-chart__table-item td {
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: none;
  font-size: clamp(
      15.3px,
      calc(15.3px + (15.3) * ((100vw - 375px) / (750 - 375))),
      30.6px
    );
}
.comparison-chart__table-item td:first-child {
  border-left: 1px solid #000;
}
.comparison-chart__table-item td:last-child {
  border-right: 1px solid #000;
}

.comparison-chart__table-icon {
  width: clamp(
      38px,
      calc(38px + (38) * ((100vw - 375px) / (750 - 375))),
      76px
    );
  margin: 0 auto clamp(
      4.5px,
      calc(4.5px + (4.5) * ((100vw - 375px) / (750 - 375))),
      9px
    );
  display: block;
}

.comparison-chart__table-price {
  font-size: clamp(
      14.3px,
      calc(14.3px + (14.3) * ((100vw - 375px) / (750 - 375))),
      28.6px
    );
  font-weight: bold;
}

.comparison-chart__table-text-s {
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  letter-spacing: -0.08em;
}

.comparison-chart__table-test-s {
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  letter-spacing: -0.08em;
}

.comparison-chart__table-mat {
  width: clamp(
      84px,
      calc(84px + (84) * ((100vw - 375px) / (750 - 375))),
      168px
    );
  display: block;
  margin: 0 auto clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    );
}

.comparison-chart__table-test-b {
  font-size: clamp(
      13.3px,
      calc(13.3px + (13.3) * ((100vw - 375px) / (750 - 375))),
      26.6px
    );
}

.comparison-chart__table-machine {
  width: clamp(
      49px,
      calc(49px + (49) * ((100vw - 375px) / (750 - 375))),
      98px
    );
  margin: 0 auto clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    );
  display: block;
}

.comparison-chart__table-link {
  display: inline-block;
  border-radius: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  font-size: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  color: #fff;
  letter-spacing: -0.08em;
  text-align: center;
  background: #e05c60;
  padding: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    ) clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
  font-weight: bold;
  box-shadow: 0px clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    ) 0px 0px #cd2649;
  margin-bottom: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
}

.reason {
  margin-top: clamp(
      25.5px,
      calc(25.5px + (25.5) * ((100vw - 375px) / (750 - 375))),
      51px
    );
}

.reason__inner {
  position: relative;
}
.reason__inner::after {
  position: absolute;
  content: "";
  background: url(/img/reason-bg.png) no-repeat center center/cover;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  aspect-ratio: 750/581;
  z-index: -1;
}

.reason__title-content {
  padding-top: clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    );
  text-align: center;
  position: relative;
}
.reason__title-content::after {
  position: absolute;
  content: "";
  width: clamp(
      289px,
      calc(289px + (279) * ((100vw - 375px) / (750 - 375))),
      568px
    );
  height: clamp(
      40px,
      calc(40px + (40) * ((100vw - 375px) / (750 - 375))),
      80px
    );
  background: transparent;
  border: 1px solid #cf8e8e;
  right: clamp(
      42px,
      calc(42px + (42) * ((100vw - 375px) / (750 - 375))),
      84px
    );
  top: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
}

.reason__title {
  display: inline-block;
  padding: clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    ) clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    ) clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    ) clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  font-weight: bold;
  color: #fff;
  background: #cf8e8e;
  letter-spacing: -0.05em;
}

.title-q {
  font-size: clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  font-weight: bold;
  font-style: italic;
}

.reason__fukidasi1 {
  position: absolute;
  top: clamp(
      79.5px,
      calc(79.5px + (79.5) * ((100vw - 375px) / (750 - 375))),
      159px
    );
  left: clamp(
      147.5px,
      calc(147.5px + (127.5) * ((100vw - 375px) / (750 - 375))),
      275px
    );
  width: clamp(
      122.5px,
      calc(122.5px + (122.5) * ((100vw - 375px) / (750 - 375))),
      245px
    );
  height: clamp(
      122.5px,
      calc(122.5px + (122.5) * ((100vw - 375px) / (750 - 375))),
      245px
    );
}

.reason__fukidasi2 {
  position: absolute;
  top: clamp(
      121.5px,
      calc(121.5px + (131.5) * ((100vw - 375px) / (750 - 375))),
      253px
    );
  left: clamp(
      16.5px,
      calc(16.5px + (16.5) * ((100vw - 375px) / (750 - 375))),
      33px
    );
  width: clamp(
      140.5px,
      calc(140.5px + (140.5) * ((100vw - 375px) / (750 - 375))),
      281px
    );
  height: clamp(
      37.5px,
      calc(37.5px + (37.5) * ((100vw - 375px) / (750 - 375))),
      75px
    );
}

.reason__fukidasi3 {
  position: absolute;
  top: clamp(
      123.5px,
      calc(123.5px + (123.5) * ((100vw - 375px) / (750 - 375))),
      247px
    );
  right: clamp(
      16.5px,
      calc(16.5px + (16.5) * ((100vw - 375px) / (750 - 375))),
      33px
    );
  width: clamp(
      125.5px,
      calc(125.5px + (125.5) * ((100vw - 375px) / (750 - 375))),
      251px
    );
  height: clamp(
      48.5px,
      calc(48.5px + (48.5) * ((100vw - 375px) / (750 - 375))),
      97px
    );
}

.reason__ready-icon {
  position: absolute;
  top: clamp(
      130px,
      calc(130px + (130) * ((100vw - 375px) / (750 - 375))),
      260px
    );
  left: clamp(
      132.5px,
      calc(132.5px + (132.5) * ((100vw - 375px) / (750 - 375))),
      265px
    );
  width: clamp(
      102px,
      calc(102px + (102) * ((100vw - 375px) / (750 - 375))),
      204px
    );
  height: clamp(
      139px,
      calc(139px + (139) * ((100vw - 375px) / (750 - 375))),
      278px
    );
}

.reason__dotted-line {
  position: absolute;
  top: clamp(
      280px,
      calc(280px + (280) * ((100vw - 375px) / (750 - 375))),
      560px
    );
  left: 50%;
  transform: translateX(-50%);
  width: clamp(
      2.4px,
      calc(2.4px + (2.6) * ((100vw - 375px) / (750 - 375))),
      5px
    );
  height: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
}

.reason__qa {
  padding-top: clamp(
      40px,
      calc(40px + (40) * ((100vw - 375px) / (750 - 375))),
      80px
    );
}

.reason__qa-content {
  position: relative;
}

.reason__qa-img {
  position: absolute;
  width: clamp(
      108px,
      calc(108px + (108) * ((100vw - 375px) / (750 - 375))),
      216px
    );
  height: clamp(
      108px,
      calc(108px + (108) * ((100vw - 375px) / (750 - 375))),
      216px
    );
  right: 0;
}
.reason__qa-img.img1 {
  top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  right: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}
.reason__qa-img.img2 {
  top: clamp(
      59px,
      calc(59px + (59) * ((100vw - 375px) / (750 - 375))),
      118px
    );
  right: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}

.reason__qa-q {
  position: relative;
  padding-top: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
}
.reason__qa-q.q2 {
  padding-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}
.reason__qa-q.q2::after {
  top: -5px;
}
.reason__qa-q::after {
  position: absolute;
  content: "";
  background: url(/img/qa-circle.png) no-repeat center center/contain;
  width: clamp(
      81px,
      calc(81px + (81) * ((100vw - 375px) / (750 - 375))),
      162px
    );
  height: clamp(
      100px,
      calc(100px + (100) * ((100vw - 375px) / (750 - 375))),
      200px
    );
  top: 0;
  left: 0;
  z-index: -1;
}
.reason__qa-q::before {
  position: absolute;
  content: "";
  background: url(/img/Q.png) no-repeat center center/contain;
  left: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
  top: calc(50% - clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    ));
  width: clamp(
      24.5px,
      calc(24.5px + (24.5) * ((100vw - 375px) / (750 - 375))),
      49px
    );
  height: clamp(
      26px,
      calc(26px + (26) * ((100vw - 375px) / (750 - 375))),
      52px
    );
}

.reason__qa-title {
  color: #fff;
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  font-weight: bold;
  letter-spacing: -0.08em;
  padding: clamp(
      5.5px,
      calc(5.5px + (5.5) * ((100vw - 375px) / (750 - 375))),
      11px
    ) clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    ) clamp(
      6px,
      calc(6px + (6) * ((100vw - 375px) / (750 - 375))),
      12px
    ) clamp(
      47.5px,
      calc(47.5px + (47.5) * ((100vw - 375px) / (750 - 375))),
      95px
    );
  background: #87c2bb;
  display: inline-block;
}
.reason__qa-title.title2 {
  font-size: clamp(
      16.5px,
      calc(16.5px + (16.5) * ((100vw - 375px) / (750 - 375))),
      33px
    );
  padding: clamp(
      8px,
      calc(8px + (8) * ((100vw - 375px) / (750 - 375))),
      16px
    ) clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    ) clamp(
      6.5px,
      calc(6.5px + (6.5) * ((100vw - 375px) / (750 - 375))),
      13px
    ) clamp(
      47.5px,
      calc(47.5px + (47.5) * ((100vw - 375px) / (750 - 375))),
      95px
    );
}

.reason__qa-a {
  padding-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-left: clamp(
      51px,
      calc(51px + (51) * ((100vw - 375px) / (750 - 375))),
      102px
    );
  font-size: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  color: #2e7590;
  position: relative;
  line-height: 1.3;
}
.reason__qa-a.a-2 {
  padding-top: clamp(
      19px,
      calc(19px + (19) * ((100vw - 375px) / (750 - 375))),
      38px
    );
  padding-left: clamp(
      47.5px,
      calc(47.5px + (47.5) * ((100vw - 375px) / (750 - 375))),
      95px
    );
}
.reason__qa-a::after {
  position: absolute;
  content: "";
  background: url(/img/A_.png) no-repeat center center/contain;
  left: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
  top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  width: clamp(
      24.5px,
      calc(24.5px + (24.5) * ((100vw - 375px) / (750 - 375))),
      49px
    );
  height: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
}
.reason__qa-a .bold {
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  font-weight: bold;
  line-height: 1;
}
.reason__qa-a .bold-s {
  font-weight: bold;
  line-height: 1;
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  letter-spacing: -0.06em;
}

.reason__qa-explanation {
  margin-top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  padding-left: clamp(
      50px,
      calc(50px + (50) * ((100vw - 375px) / (750 - 375))),
      100px
    );
  letter-spacing: -0.03em;
}
.reason__qa-explanation.explanation2 {
  padding-left: clamp(
      40px,
      calc(40px + (40) * ((100vw - 375px) / (750 - 375))),
      80px
    );
}
.reason__qa-explanation .br-space {
  display: inline-block;
  margin-top: 0px;
}
.reason__qa-explanation .text-bold {
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  font-weight: bold;
}
.reason__qa-explanation .left-space {
  padding-left: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}
.reason__qa-explanation .top-space {
  margin-top: clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    );
  display: inline-block;
}

.ranking {
  margin-top: clamp(
      27.5px,
      calc(27.5px + (27.5) * ((100vw - 375px) / (750 - 375))),
      55px
    );
}

.ranking__content {
  padding-left: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-right: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}
.ranking__content.content1 {
  padding-top: clamp(
      23.5px,
      calc(23.5px + (23.5) * ((100vw - 375px) / (750 - 375))),
      47px
    );
  padding-bottom: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  background: url(/img/ranking-content1-bg.png) repeat center center/contain;
}
.ranking__content.content2 {
  margin-top: -3px;
  padding-top: clamp(
      26.5px,
      calc(26.5px + (26.5) * ((100vw - 375px) / (750 - 375))),
      53px
    );
  padding-bottom: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  background: url(/img/ranking-content2-bg.png) repeat center center/contain;
}
.ranking__content.content3 {
  margin-top: -3px;
  padding-top: clamp(
      26.5px,
      calc(26.5px + (26.5) * ((100vw - 375px) / (750 - 375))),
      53px
    );
  padding-bottom: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
  background: url(/img/ranking-content3-bg.png) repeat center center/contain;
}
.ranking__content.content4 {
  margin-top: -6px;
  padding-top: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  padding-bottom: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  background: url(/img/ranking-content4-bg.png) repeat center center/contain;
}

.ranking__item {
  background: #fff;
  border-radius: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-top: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  position: relative;
}
.ranking__item.item1 {
  padding-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-bottom: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
}
.ranking__item.item2 {
  padding-top: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  padding-bottom: clamp(
      20.5px,
      calc(20.5px + (20.5) * ((100vw - 375px) / (750 - 375))),
      41px
    );
}
.ranking__item.item3 {
  padding-top: clamp(
      16px,
      calc(16px + (16) * ((100vw - 375px) / (750 - 375))),
      32px
    );
  padding-bottom: clamp(
      33.5px,
      calc(33.5px + (43.5) * ((100vw - 375px) / (750 - 375))),
      77px
    );
}
.ranking__item.item4 {
  padding-top: clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  padding-bottom: clamp(
      47px,
      calc(47px + (47) * ((100vw - 375px) / (750 - 375))),
      94px
    );
}

.ranking__item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  padding-right: clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    );
}
.ranking__item-title.title2 {
  padding-right: clamp(
      42.5px,
      calc(42.5px + (42.5) * ((100vw - 375px) / (750 - 375))),
      85px
    );
  gap: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
}
.ranking__item-title.title3 {
  gap: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
}
.ranking__item-title.title4 {
  padding-right: clamp(
      80px,
      calc(80px + (80) * ((100vw - 375px) / (750 - 375))),
      160px
    );
  gap: clamp(
      30.5px,
      calc(30.5px + (30.5) * ((100vw - 375px) / (750 - 375))),
      61px
    );
}

.ranking__item-icon {
  width: clamp(
      47px,
      calc(47px + (47) * ((100vw - 375px) / (750 - 375))),
      94px
    );
}
.ranking__item-icon.icon4 {
  margin-top: clamp(
      -6px,
      calc(-6px + (-6) * ((100vw - 375px) / (750 - 375))),
      -12px
    );
}

.ranking__item-text {
  font-size: clamp(
      31.5px,
      calc(31.5px + (31.5) * ((100vw - 375px) / (750 - 375))),
      63px
    );
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: #2e7590;
  font-weight: bold;
}
.ranking__item-text.text3 {
  font-size: clamp(
      26.5px,
      calc(26.5px + (26.5) * ((100vw - 375px) / (750 - 375))),
      53px
    );
  letter-spacing: -0.03em;
  padding-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}

.ranking__item-img {
  margin: clamp(
      16px,
      calc(16px + (16) * ((100vw - 375px) / (750 - 375))),
      32px
    ) auto 0;
  width: clamp(
      262.5px,
      calc(262.5px + (262.5) * ((100vw - 375px) / (750 - 375))),
      525px
    );
}
.ranking__item-img.img2 {
  margin-top: clamp(
      17px,
      calc(17px + (17) * ((100vw - 375px) / (750 - 375))),
      34px
    );
}
.ranking__item-img.img4 {
  margin-top: clamp(
      10.5px,
      calc(10.5px + (10.5) * ((100vw - 375px) / (750 - 375))),
      21px
    );
}

.ranking__item-features {
  margin-top: clamp(
      37.5px,
      calc(37.5px + (37.5) * ((100vw - 375px) / (750 - 375))),
      75px
    );
}

.features__title {
  text-align: center;
  font-size: clamp(
      19px,
      calc(19px + (19) * ((100vw - 375px) / (750 - 375))),
      38px
    );
  line-height: 1.21;
  position: relative;
  color: #fff;
}
.features__title.title1::after {
  position: absolute;
  content: "";
  background: url(/img/features-title1.png) no-repeat center center/contain;
  width: clamp(
      205.5px,
      calc(205.5px + (205.5) * ((100vw - 375px) / (750 - 375))),
      411px
    );
  height: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.features__title.title2::after {
  position: absolute;
  content: "";
  background: url(/img/features-title2.png) no-repeat center center/contain;
  width: clamp(
      249px,
      calc(249px + (249) * ((100vw - 375px) / (750 - 375))),
      498px
    );
  height: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.features__title.title3::after {
  position: absolute;
  content: "";
  background: url(/img/features-title3.png) no-repeat center center/contain;
  width: clamp(
      197.5px,
      calc(197.5px + (197.5) * ((100vw - 375px) / (750 - 375))),
      395px
    );
  height: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.features__title-text {
  position: relative;
  z-index: 2;
  font-family: "HigureGothic", sans-serif;
}

.features__items {
  margin-top: clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  padding-left: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  padding-right: clamp(
      16px,
      calc(16px + (16) * ((100vw - 375px) / (750 - 375))),
      32px
    );
}
.features__items.items2 {
  margin-top: clamp(
      29.5px,
      calc(29.5px + (29.5) * ((100vw - 375px) / (750 - 375))),
      59px
    );
}
.features__items.items3 {
  margin-top: clamp(
      29.5px,
      calc(29.5px + (29.5) * ((100vw - 375px) / (750 - 375))),
      59px
    );
}
.features__items.items4 {
  margin-top: clamp(
      23px,
      calc(23px + (23) * ((100vw - 375px) / (750 - 375))),
      46px
    );
}

.features__item {
  padding-bottom: clamp(
      8px,
      calc(8px + (8) * ((100vw - 375px) / (750 - 375))),
      16px
    );
}
.features__item:not(:first-child) {
  padding-top: clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    );
  border-top: clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    ) dotted #291516;
}
.features__item.item3 {
  padding-bottom: clamp(
      9.5px,
      calc(9.5px + (9.5) * ((100vw - 375px) / (750 - 375))),
      19px
    );
}

.features__item-title {
  display: flex;
  gap: clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    );
}

.features__item-title-text {
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  font-weight: bold;
  color: #053b51;
  position: relative;
  letter-spacing: 0.05em;
}
.features__item-title-text.text-s {
  font-size: clamp(
      12.5px,
      calc(12.5px + (13) * ((100vw - 375px) / (750 - 375))),
      25.5px
    );
}
.features__item-title-text .text-border {
  position: relative;
}
.features__item-title-text .text-border::after {
  position: absolute;
  content: "";
  background: #eef3a3;
  height: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  width: 100%;
  left: 0;
  top: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  border-radius: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  z-index: 1;
}
.features__item-title-text .text {
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.features__item-title-text .space {
  letter-spacing: -0.08em;
  font-weight: bold;
}

.features__item-title-number.number1 {
  margin-top: clamp(
      -6px,
      calc(-6px + (-6) * ((100vw - 375px) / (750 - 375))),
      -12px
    );
  width: clamp(
      30.5px,
      calc(30.5px + (30.5) * ((100vw - 375px) / (750 - 375))),
      61px
    );
}
.features__item-title-number.number2 {
  margin-top: clamp(
      -6px,
      calc(-6px + (-6) * ((100vw - 375px) / (750 - 375))),
      -12px
    );
  width: clamp(
      32.5px,
      calc(32.5px + (32.5) * ((100vw - 375px) / (750 - 375))),
      65px
    );
}
.features__item-title-number.number3 {
  margin-top: clamp(
      -6px,
      calc(-6px + (-6) * ((100vw - 375px) / (750 - 375))),
      -12px
    );
  width: clamp(
      32.5px,
      calc(32.5px + (32.5) * ((100vw - 375px) / (750 - 375))),
      65px
    );
}
.features__item-title-number.text {
  width: clamp(
      30.5px,
      calc(30.5px + (30.5) * ((100vw - 375px) / (750 - 375))),
      61px
    );
}

.features__item-content {
  display: flex;
  align-items: flex-start;
  gap: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
  margin-top: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
  padding-left: clamp(
      28px,
      calc(28px + (28) * ((100vw - 375px) / (750 - 375))),
      56px
    );
}
.features__item-content.content2 {
  margin-top: clamp(
      7px,
      calc(7px + (7) * ((100vw - 375px) / (750 - 375))),
      14px
    );
}
.features__item-content.content3 {
  margin-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}
.features__item-content.content4 {
  margin-top: clamp(
      7px,
      calc(7px + (7) * ((100vw - 375px) / (750 - 375))),
      14px
    );
}

.features__item-text {
  width: clamp(
      185px,
      calc(185px + (185) * ((100vw - 375px) / (750 - 375))),
      370px
    );
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  line-height: 1.35;
  font-weight: 500;
}
.features__item-text.text3 {
  margin-top: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
  font-size: clamp(
      11.25px,
      calc(11.25px + (11.25) * ((100vw - 375px) / (750 - 375))),
      22.5px
    );
}
.features__item-text.text4 {
  font-size: clamp(
      11px,
      calc(11px + (11) * ((100vw - 375px) / (750 - 375))),
      22px
    );
  letter-spacing: -0.05em;
}

.features__item-img {
  width: clamp(
      100px,
      calc(100px + (100) * ((100vw - 375px) / (750 - 375))),
      200px
    );
  padding-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}

.features__grid {
  margin-top: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  padding: 0 clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    ) clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
  position: relative;
}
.features__grid.grid2 {
  margin-top: clamp(
      22px,
      calc(22px + (22) * ((100vw - 375px) / (750 - 375))),
      44px
    );
}
.features__grid.grid3 {
  margin-top: clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    );
}
.features__grid.grid4 {
  margin-top: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
}

.features__grid-item {
  position: relative;
}
.features__grid-item::after {
  position: absolute;
  content: "";
  width: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
  height: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    );
  background: #3d2022;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.features__grid-dt {
  position: absolute;
  left: 50%;
  font-family: "HigureGothic", sans-serif;
  font-weight: bold;
  width: 100%;
  transform: translateX(-50%);
  text-align: center;
}
.features__grid-dt.dt1 {
  font-size: clamp(
      13.75px,
      calc(13.75px + (13.75) * ((100vw - 375px) / (750 - 375))),
      27.5px
    );
  top: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
}
.features__grid-dt.dt2 {
  font-size: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  top: clamp(
      16px,
      calc(16px + (16) * ((100vw - 375px) / (750 - 375))),
      32px
    );
  letter-spacing: -0.06em;
  line-height: 1.3;
}
.features__grid-dt.dt3 {
  font-size: clamp(
      13.75px,
      calc(13.75px + (13.75) * ((100vw - 375px) / (750 - 375))),
      27.5px
    );
  top: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
  line-height: 0.7;
}
.features__grid-dt.dt3 .or-text {
  font-size: clamp(
      11px,
      calc(11px + (11) * ((100vw - 375px) / (750 - 375))),
      22px
    );
  line-height: 0.7;
}
.features__grid-dt.dt4 {
  font-size: clamp(
      17px,
      calc(17px + (17) * ((100vw - 375px) / (750 - 375))),
      34px
    );
  line-height: 1.2;
  top: clamp(
      23.5px,
      calc(23.5px + (23.5) * ((100vw - 375px) / (750 - 375))),
      47px
    );
  letter-spacing: -0.05em;
}
.features__grid-dt.dt5 {
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  line-height: 1.1;
  top: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  letter-spacing: -0.08em;
}
.features__grid-dt.dt6 {
  font-size: clamp(
      16.25px,
      calc(16.25px + (16.25) * ((100vw - 375px) / (750 - 375))),
      32.5px
    );
  line-height: 1;
  top: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
}

.features__grid-dd {
  position: absolute;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.features__grid-dd.dd1 {
  font-size: clamp(
      16.25px,
      calc(16.25px + (16.25) * ((100vw - 375px) / (750 - 375))),
      32.5px
    );
  color: #3dac64;
  bottom: clamp(
      23px,
      calc(23px + (23) * ((100vw - 375px) / (750 - 375))),
      46px
    );
  letter-spacing: 0.06em;
  font-family: "Arial", sans-serif;
}
.features__grid-dd.dd1 .price1-small {
  font-size: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
  line-height: 1.8;
  font-weight: bold;
}
.features__grid-dd.dd2 {
  font-size: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
  line-height: 1.3;
  color: #3dac64;
  bottom: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  letter-spacing: 0.05em;
  font-family: "Arial", sans-serif;
}
.features__grid-dd.dd2 .price2-small {
  font-size: clamp(
      11.8px,
      calc(11.8px + (11.8) * ((100vw - 375px) / (750 - 375))),
      23.6px
    );
  line-height: 2;
  font-weight: bold;
}
.features__grid-dd.dd3 {
  bottom: clamp(
      11px,
      calc(11px + (11) * ((100vw - 375px) / (750 - 375))),
      22px
    );
  font-family: "HigureGothic", sans-serif;
}
.features__grid-dd.dd3 .dd-text1 {
  font-size: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  line-height: 1;
}
.features__grid-dd.dd3 .dd-icon1 {
  width: clamp(
      52.5px,
      calc(52.5px + (52.5) * ((100vw - 375px) / (750 - 375))),
      105px
    );
  display: block;
  margin: 0 auto;
}
.features__grid-dd.dd3 .machine-icon {
  width: clamp(
      28.5px,
      calc(28.5px + (28.5) * ((100vw - 375px) / (750 - 375))),
      57px
    );
  display: block;
  margin: 0 auto;
}
.features__grid-dd.dd4 {
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  line-height: 1.3;
  bottom: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  font-family: "HigureGothic", sans-serif;
  letter-spacing: -0.2em;
}
.features__grid-dd.dd5 {
  font-size: clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    );
  line-height: 1.2;
  font-family: "HigureGothic", sans-serif;
  letter-spacing: -0.08em;
  bottom: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
}
.features__grid-dd.dd6 {
  font-size: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  line-height: 1;
  font-family: "Arial", sans-serif;
  bottom: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  letter-spacing: 0.04em;
}
.features__grid-dd.dd7 {
  font-size: clamp(
      32px,
      calc(32px + (32) * ((100vw - 375px) / (750 - 375))),
      64px
    );
  text-align: center;
  color: #3dac64;
  line-height: 1.3;
  bottom: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  font-weight: bold;
}
.features__grid-dd.dd7 .small-price {
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  line-height: 1.3;
  font-weight: bold;
}
.features__grid-dd.dd8 {
  font-size: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  text-align: center;
  bottom: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  font-weight: bold;
  letter-spacing: -0.03em;
}

.ranking__reviews {
  margin-top: clamp(
      35px,
      calc(35px + (35) * ((100vw - 375px) / (750 - 375))),
      70px
    );
}
.ranking__reviews.reviews2 {
  margin-top: clamp(
      41px,
      calc(41px + (41) * ((100vw - 375px) / (750 - 375))),
      82px
    );
}
.ranking__reviews.reviews3 {
  margin-top: clamp(
      41px,
      calc(41px + (41) * ((100vw - 375px) / (750 - 375))),
      82px
    );
}
.ranking__reviews.reviews4 {
  margin-top: clamp(
      41px,
      calc(41px + (41) * ((100vw - 375px) / (750 - 375))),
      82px
    );
}

.reviews__title {
  position: relative;
  text-align: center;
  font-family: "HigureGothic", sans-serif;
  font-weight: bold;
  color: #fff;
  font-size: clamp(
      19px,
      calc(19px + (19) * ((100vw - 375px) / (750 - 375))),
      38px
    );
}
.reviews__title::after {
  position: absolute;
  content: "";
  background: url(/img/reviews-title.png) no-repeat center center/contain;
  width: clamp(
      165px,
      calc(165px + (165) * ((100vw - 375px) / (750 - 375))),
      330px
    );
  height: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.reviews__title .reviews__title-text {
  position: relative;
  z-index: 2;
}

.reviews__items {
  margin-top: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  display: flex;
  flex-direction: column;
  gap: clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    );
  padding-left: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
  padding-right: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
}
.reviews__items.items2 {
  margin-top: clamp(
      26px,
      calc(26px + (26) * ((100vw - 375px) / (750 - 375))),
      52px
    );
  gap: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}
.reviews__items.items3 {
  margin-top: clamp(
      26.5px,
      calc(26.5px + (26.5) * ((100vw - 375px) / (750 - 375))),
      53px
    );
}
.reviews__items.items4 {
  margin-top: clamp(
      26px,
      calc(26px + (26) * ((100vw - 375px) / (750 - 375))),
      52px
    );
}

.reviews__item {
  border: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) solid #3f2207;
  padding: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    ) clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    ) clamp(
      11px,
      calc(11px + (11) * ((100vw - 375px) / (750 - 375))),
      22px
    );
}
.reviews__item.item2 {
  padding-top: clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    );
}
.reviews__item.item3 {
  padding-top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  padding-bottom: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}
.reviews__item.item4 {
  padding-top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  padding-bottom: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}

.reviews__item-top {
  display: flex;
  align-items: center;
  gap: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}

.reviews__item-icon {
  width: clamp(
      50px,
      calc(50px + (50) * ((100vw - 375px) / (750 - 375))),
      100px
    );
}

.reviews__item-title {
  font-size: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  width: calc(100% - clamp(
      60px,
      calc(60px + (60) * ((100vw - 375px) / (750 - 375))),
      120px
    ));
  line-height: 1.5;
}
.reviews__item-title.text-lh {
  line-height: 1.3;
}

.accent-text {
  color: #b97272;
  font-weight: bold;
}
.accent-text.text2 {
  letter-spacing: -0.03em;
  font-size: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
}

.profile-text {
  font-weight: bold;
  display: block;
  margin-top: clamp(
      -2.5px,
      calc(-2.5px + (-2.5) * ((100vw - 375px) / (750 - 375))),
      -5px
    );
}

.reviews__item-text {
  font-size: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  line-height: 1.3;
  letter-spacing: -0.05em;
  margin-top: clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    );
  position: relative;
  font-weight: 500;
  line-height: 1.375;
}
.reviews__item-text .text-border {
  position: relative;
}
.reviews__item-text .text-border::after {
  position: absolute;
  content: "";
  background: #eef3a3;
  height: clamp(
      6.5px,
      calc(6.5px + (6.5) * ((100vw - 375px) / (750 - 375))),
      13px
    );
  width: 100%;
  left: 0;
  top: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  border-radius: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  z-index: 1;
}
.reviews__item-text .text {
  position: relative;
  z-index: 2;
  font-weight: bold;
}
.reviews__item-text.text2 {
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
}
.reviews__item-text.text3 {
  font-size: clamp(
      11.75px,
      calc(11.75px + (11.75) * ((100vw - 375px) / (750 - 375))),
      23.5px
    );
}

.ranking__campaign {
  margin-top: clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    );
  margin-right: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  margin-left: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
}

.campaign {
  border-radius: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  background: #fcfae5;
  padding: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    ) clamp(
      6.5px,
      calc(6.5px + (6.5) * ((100vw - 375px) / (750 - 375))),
      13px
    ) clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
}
.campaign.campaign3 {
  padding-top: clamp(
      22px,
      calc(22px + (22) * ((100vw - 375px) / (750 - 375))),
      44px
    );
  padding-bottom: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}
.campaign.campaign4 {
  margin-top: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  padding-top: clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    );
  padding-bottom: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}

.campaign__title {
  position: relative;
  font-family: "HigureGothic", sans-serif;
  text-align: center;
  font-size: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
  letter-spacing: -0.075em;
}
.campaign__title .campaign__title-text {
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.campaign__title::after {
  position: absolute;
  content: "";
  background: url(/img/campaign-title.png) no-repeat center center/contain;
  width: clamp(
      165px,
      calc(165px + (165) * ((100vw - 375px) / (750 - 375))),
      330px
    );
  height: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.campaign__message {
  margin-top: clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  text-align: center;
  position: relative;
  font-family: "HigureGothic", sans-serif;
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  font-weight: bold;
  line-height: 1.2;
}
.campaign__message::before {
  position: absolute;
  content: "";
  background: url(/img/campaign__message-be.png) no-repeat center center/contain;
  width: clamp(
      17px,
      calc(17px + (17) * ((100vw - 375px) / (750 - 375))),
      34px
    );
  height: clamp(
      32px,
      calc(32px + (32) * ((100vw - 375px) / (750 - 375))),
      64px
    );
  top: 50%;
  transform: translateY(-50%);
  left: clamp(
      60px,
      calc(60px + (60) * ((100vw - 375px) / (750 - 375))),
      120px
    );
}
.campaign__message::after {
  position: absolute;
  content: "";
  background: url(/img/campaign__message-af.png) no-repeat center center/contain;
  width: clamp(
      17px,
      calc(17px + (17) * ((100vw - 375px) / (750 - 375))),
      34px
    );
  height: clamp(
      32px,
      calc(32px + (32) * ((100vw - 375px) / (750 - 375))),
      64px
    );
  top: 50%;
  transform: translateY(-50%);
  right: clamp(
      60px,
      calc(60px + (60) * ((100vw - 375px) / (750 - 375))),
      120px
    );
}
.campaign__message.message2::before {
  left: clamp(
      70px,
      calc(70px + (70) * ((100vw - 375px) / (750 - 375))),
      140px
    );
}
.campaign__message.message2::after {
  right: clamp(
      72.5px,
      calc(72.5px + (72.5) * ((100vw - 375px) / (750 - 375))),
      145px
    );
}

.campaign__items {
  margin-top: clamp(
      23px,
      calc(23px + (23) * ((100vw - 375px) / (750 - 375))),
      46px
    );
  display: grid;
}
.campaign__items.items1 {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}
.campaign__items.items2 {
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(
      32.5px,
      calc(32.5px + (32.5) * ((100vw - 375px) / (750 - 375))),
      65px
    );
  padding-left: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  padding-right: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
}
.campaign__items.items-mt {
  margin-top: clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
}
.campaign__items.items-mt2 {
  margin-top: clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
}

.campaign__item {
  border-radius: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  background: #fff;
  box-shadow: 0 0 clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    ) 0 rgba(60, 45, 45, 0.3);
  position: relative;
}
.campaign__item.item1::after {
  position: absolute;
  content: "";
  background: url(/img/campaign-item1.png) no-repeat center center/contain;
  width: clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
  height: clamp(
      35.5px,
      calc(35.5px + (35.5) * ((100vw - 375px) / (750 - 375))),
      71px
    );
  bottom: calc(100% - clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    ));
  right: calc(100% - clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    ));
}
.campaign__item.item2 {
  padding-bottom: 10px;
}
.campaign__item.item2::after {
  position: absolute;
  content: "";
  background: url(/img/campaign-item2.png) no-repeat center center/contain;
  width: clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
  height: clamp(
      35.5px,
      calc(35.5px + (35.5) * ((100vw - 375px) / (750 - 375))),
      71px
    );
  bottom: calc(100% - clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    ));
  right: calc(100% - clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    ));
}
.campaign__item.item-pb {
  padding-bottom: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
}
.campaign__item.item3::after {
  position: absolute;
  content: "";
  background: url(/img/campaign-item3.png) no-repeat center center/contain;
  width: clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
  height: clamp(
      35.5px,
      calc(35.5px + (35.5) * ((100vw - 375px) / (750 - 375))),
      71px
    );
  bottom: calc(100% - clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    ));
  right: calc(100% - clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    ));
}

.campaign__item-img.money-img {
  width: clamp(
      47.5px,
      calc(47.5px + (47.5) * ((100vw - 375px) / (750 - 375))),
      95px
    );
  margin: clamp(
      18.5px,
      calc(18.5px + (18.5) * ((100vw - 375px) / (750 - 375))),
      37px
    ) auto 0;
}
.campaign__item-img.money-img2 {
  width: clamp(
      51px,
      calc(51px + (51) * ((100vw - 375px) / (750 - 375))),
      102px
    );
  margin: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    ) auto 0;
}
.campaign__item-img.free-img {
  width: clamp(
      49px,
      calc(49px + (49) * ((100vw - 375px) / (750 - 375))),
      98px
    );
  margin: clamp(
      17px,
      calc(17px + (17) * ((100vw - 375px) / (750 - 375))),
      34px
    ) auto 0;
}
.campaign__item-img.free-img2 {
  width: clamp(
      47.5px,
      calc(47.5px + (47.5) * ((100vw - 375px) / (750 - 375))),
      95px
    );
  margin: clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    ) auto 0;
}
.campaign__item-img.present-img {
  margin: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    ) auto 0;
  width: clamp(
      54.5px,
      calc(54.5px + (54.5) * ((100vw - 375px) / (750 - 375))),
      109px
    );
}
.campaign__item-img.ready-img {
  margin: clamp(
      9.5px,
      calc(9.5px + (9.5) * ((100vw - 375px) / (750 - 375))),
      19px
    ) auto 0;
  width: clamp(
      54.5px,
      calc(54.5px + (54.5) * ((100vw - 375px) / (750 - 375))),
      109px
    );
}

.campaign__item-title {
  margin-top: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  text-align: center;
  font-family: "HigureGothic", sans-serif;
  font-weight: bold;
  font-size: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  line-height: 1;
  letter-spacing: -0.025em;
}
.campaign__item-title.title1 {
  margin-top: clamp(
      7px,
      calc(7px + (7) * ((100vw - 375px) / (750 - 375))),
      14px
    );
}
.campaign__item-title .br-space {
  padding-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  display: block;
  font-weight: bold;
}
.campaign__item-title .orange-text {
  color: #ed9074;
  font-weight: bold;
}
.campaign__item-title.title3 {
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  line-height: 1.3;
  color: #ed9074;
  margin-top: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
}
.campaign__item-title.title4 {
  line-height: 1;
}
.campaign__item-title.title4 .small-text {
  font-size: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  line-height: 1;
}
.campaign__item-title.title4 .red-text {
  display: inline-block;
  padding-top: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
  color: #ed9074;
  font-weight: bold;
}
.campaign__item-title.title4 .annotation-text {
  font-weight: bold;
  font-size: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
}
.campaign__item-title.title5 {
  font-size: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  margin-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}
.campaign__item-title.title6 {
  line-height: 1.3;
  font-size: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  margin-top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}
.campaign__item-title.title6 .red-text {
  display: block;
  color: #ed9074;
  font-size: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  line-height: 1.1;
  font-weight: bold;
}
.campaign__item-title.title6 .price2 {
  font-size: clamp(
      39px,
      calc(39px + (39) * ((100vw - 375px) / (750 - 375))),
      78px
    );
  font-weight: bold;
  line-height: 1;
  font-family: "Arial", sans-serif;
}

.campaign__item-price {
  font-family: "Arial", sans-serif;
  color: #ed9074;
  text-align: center;
  line-height: 1;
  margin-top: -5px;
}
.campaign__item-price.price-mt {
  margin-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}
.campaign__item-price .price1 {
  font-size: clamp(
      30.5px,
      calc(30.5px + (30.5) * ((100vw - 375px) / (750 - 375))),
      61px
    );
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.3;
}
.campaign__item-price .price-small {
  font-size: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  font-weight: bold;
  letter-spacing: 0.03em;
}
.campaign__item-price .small-price2 {
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  line-height: 1.3;
  font-weight: bold;
}
.campaign__item-price .price2 {
  font-size: clamp(
      45px,
      calc(45px + (45) * ((100vw - 375px) / (750 - 375))),
      90px
    );
  font-weight: bold;
  letter-spacing: 0.03em;
  position: relative;
  padding-left: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  line-height: 1.1;
}
.campaign__item-price .price2::after {
  position: absolute;
  content: "入会金";
  font-size: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  line-height: 1.25;
  right: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  color: #291516;
  width: clamp(
      50px,
      calc(50px + (50) * ((100vw - 375px) / (750 - 375))),
      100px
    );
  letter-spacing: -0.01em;
  transform: rotate(-10deg);
}
.campaign__item-price .price2-none {
  line-height: 1 !important;
}
.campaign__item-price .price2-none::after {
  display: none;
}
.campaign__item-price .price3 {
  font-size: clamp(
      45px,
      calc(45px + (45) * ((100vw - 375px) / (750 - 375))),
      90px
    );
  font-weight: bold;
  line-height: 1.1;
  padding-left: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}
.campaign__item-price .price4 {
  font-size: clamp(
      27px,
      calc(27px + (27) * ((100vw - 375px) / (750 - 375))),
      54px
    );
  font-weight: bold;
  line-height: 1.1;
}

.ranking__search {
  margin-top: clamp(
      28px,
      calc(28px + (28) * ((100vw - 375px) / (750 - 375))),
      56px
    );
}

.search__title {
  position: relative;
  text-align: center;
  color: #fff;
  font-size: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  line-height: 1.2;
}
.search__title .search__title-text {
  font-family: "HigureGothic", sans-serif;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.search__title::after {
  position: absolute;
  content: "";
  background: url(/img/search-title.png) no-repeat center center/contain;
  width: clamp(
      205.5px,
      calc(205.5px + (205.5) * ((100vw - 375px) / (750 - 375))),
      411px
    );
  height: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.search__content {
  margin: clamp(
      34.5px,
      calc(34.5px + (34.5) * ((100vw - 375px) / (750 - 375))),
      69px
    ) auto 0;
  width: clamp(
      307.5px,
      calc(307.5px + (307.5) * ((100vw - 375px) / (750 - 375))),
      615px
    );
  border-radius: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  background: #ebe9e7;
}

.search__items {
  padding-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-bottom: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-left: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  padding-right: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
}

.search__item-region {
  font-size: clamp(
      14px,
      calc(14px + (7) * ((100vw - 375px) / (750 - 375))),
      21px
    );
  padding-bottom: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  line-height: 1;
  border-bottom: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) solid #291516;
}
.search__item-region:not(:first-child) {
  margin-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}
.search__item-region.is-active .region-text::after {
  transform: scaleY(-1);
  top: calc(50% - clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    ));
}
.search__item-region:hover {
  cursor: pointer;
}

.region-text {
  font-weight: bold;
  position: relative;
}
.region-text::after {
  position: absolute;
  content: "";
  background: url(/img/address-title-af.png) no-repeat center center/contain;
  width: clamp(
      10.5px,
      calc(10.5px + (10.5) * ((100vw - 375px) / (750 - 375))),
      21px
    );
  height: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    ));
}

.search__item-place {
  font-size: clamp(
      14px,
      calc(14px + (7) * ((100vw - 375px) / (750 - 375))),
      21px
    );
  padding-bottom: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  line-height: 1;
  border-bottom: 1px solid #767373;
  padding-top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  color: #291516;
  display: none;
}
.search__item-place.is-active .place-text::after {
  transform: scaleY(-1);
  top: calc(50% - clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    ));
}
.search__item-place.item-place-pt {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.search__item-place:hover {
  cursor: pointer;
}

.place-text {
  font-weight: 500;
  position: relative;
}
.place-text::after {
  position: absolute;
  content: "";
  background: url(/img/address-title-af.png) no-repeat center center/contain;
  width: clamp(
      10.5px,
      calc(10.5px + (10.5) * ((100vw - 375px) / (750 - 375))),
      21px
    );
  height: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    ));
}

.search__item-addresses {
  display: none;
}

.search__item-address {
  padding-top: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  padding-bottom: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
  border-bottom: 1px solid #767373;
}
.search__item-address.address-bottom {
  padding-bottom: 0;
  border-bottom: 0;
}

.address__flex {
  display: flex;
  flex-direction: column;
  gap: clamp(
      8px,
      calc(8px + (8) * ((100vw - 375px) / (750 - 375))),
      16px
    );
}

.address__title {
  font-size: clamp(
      14.5px,
      calc(14.5px + (14.5) * ((100vw - 375px) / (750 - 375))),
      29px
    );
  line-height: 1.2;
  font-weight: bold;
}

.address__info {
  margin-top: clamp(
      6px,
      calc(6px + (6) * ((100vw - 375px) / (750 - 375))),
      12px
    );
  font-size: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  line-height: 1.3;
  color: #767373;
}
.address__info .map-text, .address__info .nearest-text, .address__info .time-text {
  position: relative;
  padding-left: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  display: block;
}
.address__info .map-text::after, .address__info .nearest-text::after, .address__info .time-text::after {
  position: absolute;
  content: "";
  left: 0;
  top: clamp(
      2px,
      calc(2px + (2) * ((100vw - 375px) / (750 - 375))),
      4px
    );
}
.address__info .map-text::after {
  background: url(/img/map-icon.png) no-repeat center center/contain;
  width: clamp(
      9.5px,
      calc(9.5px + (9.5) * ((100vw - 375px) / (750 - 375))),
      19px
    );
  height: clamp(
      11px,
      calc(11px + (11) * ((100vw - 375px) / (750 - 375))),
      22px
    );
}
.address__info .nearest-text {
  margin-top: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
}
.address__info .nearest-text::after {
  background: url(/img/train-icon.png) no-repeat center center/contain;
  width: clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    );
  height: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
}
.address__info .time-text {
  margin-top: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
}
.address__info .time-text::after {
  background: url(/img/time-icon.png) no-repeat center center/contain;
  width: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  height: clamp(
      9.5px,
      calc(9.5px + (9.5) * ((100vw - 375px) / (750 - 375))),
      19px
    );
}

.address__button-link {
  display: inline-block;
  width: clamp(
      269px,
      calc(269px + (259) * ((100vw - 375px) / (750 - 375))),
      528px
    );
  height: clamp(
      26px,
      calc(26px + (26) * ((100vw - 375px) / (750 - 375))),
      52px
    );
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  line-height: clamp(
      26px,
      calc(26px + (26) * ((100vw - 375px) / (750 - 375))),
      52px
    );
  border-radius: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  box-shadow: 0px clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    ) 0px 0px #cd2649;
  background: #e05c60;
  letter-spacing: 0.03em;
}

.ranking__button {
  padding: 0 clamp(
      18.5px,
      calc(18.5px + (18.5) * ((100vw - 375px) / (750 - 375))),
      37px
    );
}
.ranking__button.button1 {
  margin-top: clamp(
      36.5px,
      calc(36.5px + (36.5) * ((100vw - 375px) / (750 - 375))),
      73px
    );
}
.ranking__button.button2 {
  margin-top: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
}
.ranking__button.button3 {
  margin-top: clamp(
      41.5px,
      calc(41.5px + (41.5) * ((100vw - 375px) / (750 - 375))),
      83px
    );
}
.ranking__button.button4 {
  margin-top: clamp(
      33.5px,
      calc(33.5px + (33.5) * ((100vw - 375px) / (750 - 375))),
      67px
    );
}

.anking__button-link {
  display: block;
  border-radius: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  background: #e05c60;
  text-align: center;
  color: #fff;
  font-family: "HigureGothic", sans-serif;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.015px;
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  line-height: 1.1;
  padding: clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    ) 0 clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  position: relative;
  box-shadow: 0px clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    ) 0px 0px #cd2649;
}
.anking__button-link.link2 {
  padding-top: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  font-size: clamp(
      18.5px,
      calc(18.5px + (18.5) * ((100vw - 375px) / (750 - 375))),
      37px
    );
  letter-spacing: 0.03em;
}
.anking__button-link .button-name {
  font-size: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  line-height: 1.1;
}
.anking__button-link::after {
  position: absolute;
  content: "";
  background: url(/img/ranking-button-icon.png) no-repeat center center/contain;
  width: clamp(
      19px,
      calc(19px + (19) * ((100vw - 375px) / (750 - 375))),
      38px
    );
  height: clamp(
      19px,
      calc(19px + (19) * ((100vw - 375px) / (750 - 375))),
      38px
    );
  right: clamp(
      23.5px,
      calc(23.5px + (23.5) * ((100vw - 375px) / (750 - 375))),
      47px
    );
  top: 50%;
  transform: translateY(-50%);
}

.who {
  margin-top: -1px;
}

.who__message {
  margin-top: clamp(
      28.5px,
      calc(28.5px + (28.5) * ((100vw - 375px) / (750 - 375))),
      57px
    );
  letter-spacing: -0.02em;
  text-align: center;
  line-height: 1.7;
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
}
.who__message .text-red {
  font-weight: bold;
  color: #b97272;
}
.who__message .text-black {
  font-weight: bold;
}

.who__content {
  margin-top: clamp(
      26px,
      calc(26px + (26) * ((100vw - 375px) / (750 - 375))),
      52px
    );
  position: relative;
  background: url(/img/who-bg.png) no-repeat center center/contain;
  width: clamp(
      375px,
      calc(375px + (375) * ((100vw - 375px) / (750 - 375))),
      750px
    );
  height: clamp(
      295.5px,
      calc(295.5px + (295.5) * ((100vw - 375px) / (750 - 375))),
      591px
    );
}

.who__content-subtitle {
  font-family: "HigureGothic", sans-serif;
  font-size: clamp(
      14.5px,
      calc(14.5px + (14.5) * ((100vw - 375px) / (750 - 375))),
      29px
    );
  color: #fff;
  background: #79b7ae;
  padding: 0px clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
  position: absolute;
  top: clamp(
      8px,
      calc(8px + (8) * ((100vw - 375px) / (750 - 375))),
      16px
    );
  left: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
  transform: rotate(-2deg);
}

.who__content-title {
  padding-top: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
  text-align: center;
  font-family: "HigureGothic", sans-serif;
  font-weight: 700;
  font-size: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
  color: #295787;
  position: relative;
}
.who__content-title::before {
  position: absolute;
  content: "";
  background: url(/img/who-content-title-be.png) no-repeat center center/contain;
  width: clamp(
      24.5px,
      calc(24.5px + (24.5) * ((100vw - 375px) / (750 - 375))),
      49px
    );
  height: clamp(
      23px,
      calc(23px + (23) * ((100vw - 375px) / (750 - 375))),
      46px
    );
  top: calc(50% + clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    ));
  left: clamp(
      29px,
      calc(29px + (29) * ((100vw - 375px) / (750 - 375))),
      58px
    );
}
.who__content-title::after {
  position: absolute;
  content: "";
  background: url(/img/who-content-title-af.png) no-repeat center center/contain;
  width: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  height: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  top: calc(50% + clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    ));
  right: clamp(
      29px,
      calc(29px + (29) * ((100vw - 375px) / (750 - 375))),
      58px
    );
}

.who__content-items {
  margin-top: clamp(
      16px,
      calc(16px + (16) * ((100vw - 375px) / (750 - 375))),
      32px
    );
  position: relative;
}

.who__content-item {
  position: absolute;
  font-size: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  line-height: 1.4;
  font-weight: bold;
  color: #9e4b4b;
  padding-left: clamp(
      17px,
      calc(17px + (17) * ((100vw - 375px) / (750 - 375))),
      34px
    );
  z-index: 2;
  text-align: center;
  letter-spacing: 0.02em;
}
.who__content-item .text-black {
  font-weight: bold;
  color: #291516;
}
.who__content-item.text {
  font-weight: bold;
}
.who__content-item::before {
  position: absolute;
  content: "";
  background: url(/img/who-content-item-be.png) no-repeat center center/contain;
  width: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  height: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  left: 0;
  top: clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    );
  z-index: 2;
}
.who__content-item::after {
  position: absolute;
  content: "";
}
.who__content-item.item1 {
  top: 0;
  left: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
}
.who__content-item.item1::after {
  background: url(/img/who-content-item1-af.png) no-repeat center center/contain;
  width: clamp(
      45px,
      calc(45px + (45) * ((100vw - 375px) / (750 - 375))),
      90px
    );
  height: clamp(
      79px,
      calc(79px + (79) * ((100vw - 375px) / (750 - 375))),
      158px
    );
  left: calc(50% + clamp(
      3.5px,
      calc(3.5px + (3.5) * ((100vw - 375px) / (750 - 375))),
      7px
    ));
  transform: translateX(-50%);
  top: calc(100% + clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    ));
}
.who__content-item.item2 {
  top: 0;
  left: clamp(
      115px,
      calc(115px + (115) * ((100vw - 375px) / (750 - 375))),
      230px
    );
}
.who__content-item.item2::after {
  background: url(/img/who-content-item2-af.png) no-repeat center center/contain;
  width: clamp(
      114.5px,
      calc(114.5px + (114.5) * ((100vw - 375px) / (750 - 375))),
      229px
    );
  height: clamp(
      35.5px,
      calc(35.5px + (35.5) * ((100vw - 375px) / (750 - 375))),
      71px
    );
  left: calc(50% + clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    ));
  transform: translateX(-50%);
  top: calc(100% + clamp(
      23.5px,
      calc(23.5px + (23.5) * ((100vw - 375px) / (750 - 375))),
      47px
    ));
}
.who__content-item.item3 {
  top: 0;
  right: clamp(
      18.5px,
      calc(18.5px + (18.5) * ((100vw - 375px) / (750 - 375))),
      37px
    );
}
.who__content-item.item3::after {
  background: url(/img/who-content-item3-af.png) no-repeat center center/contain;
  width: clamp(
      56px,
      calc(56px + (56) * ((100vw - 375px) / (750 - 375))),
      112px
    );
  height: clamp(
      71.5px,
      calc(71.5px + (71.5) * ((100vw - 375px) / (750 - 375))),
      143px
    );
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ));
}
.who__content-item.item4 {
  top: clamp(
      135.5px,
      calc(135.5px + (135.5) * ((100vw - 375px) / (750 - 375))),
      271px
    );
  left: clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  letter-spacing: -0.03em;
}
.who__content-item.item4::after {
  background: url(/img/who-content-item4-af.png) no-repeat center center/contain;
  width: clamp(
      54px,
      calc(54px + (54) * ((100vw - 375px) / (750 - 375))),
      108px
    );
  height: clamp(
      80.5px,
      calc(80.5px + (80.5) * ((100vw - 375px) / (750 - 375))),
      161px
    );
  top: calc(50% + clamp(
      17px,
      calc(17px + (17) * ((100vw - 375px) / (750 - 375))),
      34px
    ));
  transform: translateY(-50%);
  left: calc(100% + clamp(
      3px,
      calc(3px + (3) * ((100vw - 375px) / (750 - 375))),
      6px
    ));
}
.who__content-item.item5 {
  text-align: left;
  top: clamp(
      135px,
      calc(135px + (135) * ((100vw - 375px) / (750 - 375))),
      270px
    );
  right: clamp(
      67.5px,
      calc(67.5px + (67.5) * ((100vw - 375px) / (750 - 375))),
      135px
    );
}
.who__content-item.item5::after {
  background: url(/img/who-content-item5-af.png) no-repeat center center/contain;
  width: clamp(
      90.5px,
      calc(90.5px + (90.5) * ((100vw - 375px) / (750 - 375))),
      181px
    );
  height: clamp(
      68.5px,
      calc(68.5px + (68.5) * ((100vw - 375px) / (750 - 375))),
      137px
    );
  top: calc(50% + clamp(
      10.5px,
      calc(10.5px + (10.5) * ((100vw - 375px) / (750 - 375))),
      21px
    ));
  transform: translateY(-50%);
  left: calc(100% - clamp(
      42.5px,
      calc(42.5px + (42.5) * ((100vw - 375px) / (750 - 375))),
      85px
    ));
}
.who__content-item.item5 .text {
  position: relative;
  z-index: 3;
  font-weight: bold;
}

.who__reviews {
  margin-top: clamp(
      19px,
      calc(19px + (19) * ((100vw - 375px) / (750 - 375))),
      38px
    );
}

.who__reviews-items {
  display: flex;
  flex-direction: column;
  gap: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
}

.who__reviews-item {
  position: relative;
  background: #f9f8ed;
  box-shadow: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) clamp(
      2px,
      calc(2px + (2) * ((100vw - 375px) / (750 - 375))),
      4px
    ) 0 rgba(56, 43, 43, 0.48);
}
.who__reviews-item.item1 {
  border-radius: 0 clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    ) clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    ) 0;
  padding: clamp(
      8px,
      calc(8px + (8) * ((100vw - 375px) / (750 - 375))),
      16px
    ) clamp(
      23.5px,
      calc(23.5px + (23.5) * ((100vw - 375px) / (750 - 375))),
      47px
    ) clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    ) clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  width: clamp(
      281.5px,
      calc(281.5px + (281.5) * ((100vw - 375px) / (750 - 375))),
      563px
    );
}
.who__reviews-item.item2 {
  border-radius: clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    ) 0 0 clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    );
  margin-left: auto;
  width: clamp(
      269.5px,
      calc(269.5px + (269.5) * ((100vw - 375px) / (750 - 375))),
      539px
    );
  padding: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    ) clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    ) clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    ) clamp(
      27.5px,
      calc(27.5px + (27.5) * ((100vw - 375px) / (750 - 375))),
      55px
    );
}
.who__reviews-item.item3 {
  border-radius: 0 clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    ) clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    ) 0;
  padding: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    ) clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    ) clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    ) clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  width: clamp(
      256.5px,
      calc(256.5px + (306.5) * ((100vw - 375px) / (750 - 375))),
      563px
    );
}

.who__reviews-title {
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  font-weight: 500;
  color: #3dac64;
  border-bottom: clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    ) dotted #291516;
  letter-spacing: -0.03em;
  line-height: 1.3;
  display: inline-block;
}
.who__reviews-title .text-big {
  font-size: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  font-weight: bold;
}

.who__reviews-text {
  margin-top: clamp(
      6.5px,
      calc(6.5px + (6.5) * ((100vw - 375px) / (750 - 375))),
      13px
    );
  font-size: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.who__reviews-text .text-border {
  background: linear-gradient(transparent 60%, #edcda3 40%);
  font-weight: bold;
}
.who__reviews-text.text2 {
  margin-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}
.who__reviews-text.text3 {
  letter-spacing: -0.04em;
}

.who__reviews-icon {
  position: absolute;
  width: clamp(
      78.5px,
      calc(78.5px + (78.5) * ((100vw - 375px) / (750 - 375))),
      157px
    );
  height: clamp(
      78.5px,
      calc(78.5px + (78.5) * ((100vw - 375px) / (750 - 375))),
      157px
    );
}
.who__reviews-icon.icon1 {
  top: calc(50% + clamp(
      27.5px,
      calc(27.5px + (27.5) * ((100vw - 375px) / (750 - 375))),
      55px
    ));
  transform: translateY(-50%);
  left: calc(100% - clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    ));
}
.who__reviews-icon.icon2 {
  top: calc(50% + clamp(
      32.5px,
      calc(32.5px + (32.5) * ((100vw - 375px) / (750 - 375))),
      65px
    ));
  transform: translateY(-50%);
  right: calc(100% - clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    ));
}
.who__reviews-icon.icon3 {
  top: calc(50% + clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    ));
  transform: translateY(-50%);
  left: calc(100% - clamp(
      15px,
      calc(15px + (35) * ((100vw - 375px) / (750 - 375))),
      50px
    ));
}

.flow {
  margin-top: clamp(
      40px,
      calc(40px + (40) * ((100vw - 375px) / (750 - 375))),
      80px
    );
  background: url(/img/flow-bg.png) repeat center center/contain;
  padding-bottom: clamp(
      42px,
      calc(42px + (42) * ((100vw - 375px) / (750 - 375))),
      84px
    );
}

.flow__title-content {
  border-top: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    ) solid #79b7ae;
  border-bottom: 15px solid #79b7ae;
  position: relative;
  z-index: 2;
  background-color: #eaf8f8;
  padding-top: clamp(
      15.5px,
      calc(15.5px + (15.5) * ((100vw - 375px) / (750 - 375))),
      31px
    );
  padding-bottom: clamp(
      8.5px,
      calc(8.5px + (8.5) * ((100vw - 375px) / (750 - 375))),
      17px
    );
  text-align: center;
}
.flow__title-content::after {
  position: absolute;
  content: "";
  background: #79b7ae;
  top: clamp(
      3px,
      calc(3px + (3) * ((100vw - 375px) / (750 - 375))),
      6px
    );
  left: 0;
  width: 100%;
  height: clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    );
}

.flow__title-sub {
  font-family: "HigureGothic", sans-serif;
  font-size: clamp(
      14.5px,
      calc(14.5px + (14.5) * ((100vw - 375px) / (750 - 375))),
      29px
    );
  line-height: 1.2;
  font-weight: 500;
  position: relative;
}
.flow__title-sub::before, .flow__title-sub::after {
  position: absolute;
  content: "";
  width: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
  height: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  top: 50%;
  transform: translateY(-50%);
}
.flow__title-sub::before {
  background: url(/img/flow-title-sub-be.png) no-repeat center center/contain;
  right: calc(100% + clamp(
      3.5px,
      calc(3.5px + (3.5) * ((100vw - 375px) / (750 - 375))),
      7px
    ));
}
.flow__title-sub::after {
  background: url(/img/flow-title-sub-af.png) no-repeat center center/contain;
  left: calc(100% + clamp(
      2px,
      calc(2px + (2) * ((100vw - 375px) / (750 - 375))),
      4px
    ));
}

.flow__title-main {
  margin-top: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
  position: relative;
  font-size: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
  line-height: 1.2;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-right: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
}
.flow__title-main::after {
  position: absolute;
  content: "";
  background: url(/img/flow-title-main-af.png) no-repeat center center/contain;
  width: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  height: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  top: 50%;
  transform: translateY(-50%);
  right: clamp(
      51px,
      calc(51px + (51) * ((100vw - 375px) / (750 - 375))),
      102px
    );
  z-index: 3;
}
.flow__title-main .shadow-text {
  display: inline-block;
  width: clamp(
      205.5px,
      calc(205.5px + (205.5) * ((100vw - 375px) / (750 - 375))),
      411px
    );
  height: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
}
.flow__title-main .text-mt {
  font-weight: 500;
  font-weight: bold;
}

.flow__content-items {
  margin-top: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  display: flex;
  flex-direction: column;
  gap: clamp(
      20.5px,
      calc(20.5px + (20.5) * ((100vw - 375px) / (750 - 375))),
      41px
    );
  padding: 0 clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
}

.flow__content-item {
  border: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) solid #2e9395;
  border-radius: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  background: #ecf7f7;
  padding-top: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  padding-bottom: clamp(
      11px,
      calc(11px + (11) * ((100vw - 375px) / (750 - 375))),
      22px
    );
  position: relative;
  padding-left: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  box-shadow: 0 2px 2px 0 rgba(56, 43, 43, 0.56);
}
.flow__content-item:not(:last-child)::after {
  position: absolute;
  content: "";
  height: clamp(
      21.5px,
      calc(21.5px + (21.5) * ((100vw - 375px) / (750 - 375))),
      43px
    );
  width: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    );
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  background: #2e9395;
}
.flow__content-item::before {
  position: absolute;
  content: "";
  width: clamp(
      44.5px,
      calc(44.5px + (44.5) * ((100vw - 375px) / (750 - 375))),
      89px
    );
  height: clamp(
      48.5px,
      calc(48.5px + (48.5) * ((100vw - 375px) / (750 - 375))),
      97px
    );
  left: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  top: 0;
}
.flow__content-item.item1::before {
  background: url(/img/step1.png) no-repeat center center/contain;
}
.flow__content-item.item2::before {
  background: url(/img/step2.png) no-repeat center center/contain;
}
.flow__content-item.item3::before {
  background: url(/img/step3.png) no-repeat center center/contain;
}
.flow__content-item.item4::before {
  background: url(/img/step4.png) no-repeat center center/contain;
}

.flow__content-img {
  margin: 0 auto;
  width: clamp(
      170.5px,
      calc(170.5px + (170.5) * ((100vw - 375px) / (750 - 375))),
      341px
    );
}
.flow__content-img.img1 {
  margin-left: clamp(
      40px,
      calc(40px + (40) * ((100vw - 375px) / (750 - 375))),
      80px
    );
}
.flow__content-img.img2 {
  margin-left: clamp(
      42.5px,
      calc(42.5px + (42.5) * ((100vw - 375px) / (750 - 375))),
      85px
    );
}
.flow__content-img.img3 {
  margin-left: clamp(
      42.5px,
      calc(42.5px + (42.5) * ((100vw - 375px) / (750 - 375))),
      85px
    );
}
.flow__content-img.img4 {
  margin-left: clamp(
      41.5px,
      calc(41.5px + (41.5) * ((100vw - 375px) / (750 - 375))),
      83px
    );
}

.flow__content-title {
  margin-top: clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    );
  text-align: center;
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  font-weight: bold;
  color: #2e9395;
  padding-right: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  letter-spacing: -0.03em;
}

.flow__content-text {
  font-size: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  line-height: 1.3;
  margin-top: clamp(
      2.5px,
      calc(2.5px + (2.5) * ((100vw - 375px) / (750 - 375))),
      5px
    );
}
.flow__content-text .text-border {
  position: relative;
}
.flow__content-text .text-border::after {
  position: absolute;
  content: "";
  width: 100%;
  height: clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    );
  left: 0;
  top: calc(100% - clamp(
      4px,
      calc(4px + (4) * ((100vw - 375px) / (750 - 375))),
      8px
    ));
  background: #e9bdb9;
  border-radius: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
}
.flow__content-text .text {
  position: relative;
  z-index: 2;
  font-weight: bold;
}
.flow__content-text .text-mt {
  margin-top: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
  display: inline-block;
}
.flow__content-text.text2 {
  letter-spacing: -0.03em;
}

.handle {
  background: #f1fbf9;
  padding-bottom: clamp(
      32px,
      calc(32px + (32) * ((100vw - 375px) / (750 - 375))),
      64px
    );
}

.handle__title-content {
  padding-left: clamp(
      29px,
      calc(29px + (29) * ((100vw - 375px) / (750 - 375))),
      58px
    );
  padding-right: clamp(
      29px,
      calc(29px + (29) * ((100vw - 375px) / (750 - 375))),
      58px
    );
  padding-top: clamp(
      23.5px,
      calc(23.5px + (23.5) * ((100vw - 375px) / (750 - 375))),
      47px
    );
}

.handle__message {
  margin-top: clamp(
      16px,
      calc(16px + (16) * ((100vw - 375px) / (750 - 375))),
      32px
    );
  padding-left: clamp(
      32.5px,
      calc(32.5px + (32.5) * ((100vw - 375px) / (750 - 375))),
      65px
    );
  font-size: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  line-height: 1.35;
  font-weight: bold;
  letter-spacing: -0.03em;
}
.handle__message .text-red {
  font-weight: bold;
  color: #b97272;
}

.handle__items {
  margin-top: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
  display: flex;
  flex-direction: column;
  gap: clamp(
      36px,
      calc(36px + (36) * ((100vw - 375px) / (750 - 375))),
      72px
    );
  padding-right: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-left: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}

.handle__item {
  background: #f5f2eb;
  box-shadow: 0 clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    ) 0 rgba(56, 43, 43, 0.56);
  padding-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-left: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  height: clamp(
      95px,
      calc(95px + (95) * ((100vw - 375px) / (750 - 375))),
      190px
    );
  display: flex;
  position: relative;
}
.handle__item::after {
  position: absolute;
  content: "";
  width: clamp(
      90px,
      calc(90px + (90) * ((100vw - 375px) / (750 - 375))),
      180px
    );
  height: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  left: 0;
  bottom: calc(100% - clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    ));
}
.handle__item.item1 {
  gap: clamp(
      20.5px,
      calc(20.5px + (20.5) * ((100vw - 375px) / (750 - 375))),
      41px
    );
  justify-content: flex-start;
}
.handle__item.item1::after {
  background: url(/img/point1.png) no-repeat center center/contain;
}
.handle__item.item2 {
  gap: clamp(
      11px,
      calc(11px + (11) * ((100vw - 375px) / (750 - 375))),
      22px
    );
  justify-content: flex-start;
}
.handle__item.item2::after {
  background: url(/img/point2.png) no-repeat center center/contain;
}
.handle__item.item3 {
  gap: clamp(
      19px,
      calc(19px + (19) * ((100vw - 375px) / (750 - 375))),
      38px
    );
  justify-content: center;
}
.handle__item.item3::after {
  background: url(/img/point3.png) no-repeat center center/contain;
}

.handle__item-texts {
  width: clamp(
      205px,
      calc(205px + (205) * ((100vw - 375px) / (750 - 375))),
      410px
    );
}

.handle__item-title {
  font-size: clamp(
      13.5px,
      calc(13.5px + (13.5) * ((100vw - 375px) / (750 - 375))),
      27px
    );
  font-weight: bold;
  line-height: 1.2;
  color: #349697;
  padding-bottom: clamp(
      2px,
      calc(2px + (2) * ((100vw - 375px) / (750 - 375))),
      4px
    );
  position: relative;
}
.handle__item-title::after {
  position: absolute;
  content: "";
  background: #000;
  width: clamp(
      200px,
      calc(200px + (200) * ((100vw - 375px) / (750 - 375))),
      400px
    );
  height: clamp(
      0.5px,
      calc(0.5px + (0.5) * ((100vw - 375px) / (750 - 375))),
      1px
    );
  bottom: 0;
  left: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}
.handle__item-title.title3 {
  font-size: clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    );
}

.handle__item-text {
  margin-top: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  font-size: clamp(
      10.5px,
      calc(10.5px + (10.5) * ((100vw - 375px) / (750 - 375))),
      21px
    );
  line-height: 1.38;
  padding-left: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}

.handle__item-img.img1 {
  width: clamp(
      60.5px,
      calc(60.5px + (60.5) * ((100vw - 375px) / (750 - 375))),
      121px
    );
  margin-top: clamp(
      -8px,
      calc(-8px + (-8) * ((100vw - 375px) / (750 - 375))),
      -16px
    );
}
.handle__item-img.img2 {
  width: clamp(
      100px,
      calc(100px + (100) * ((100vw - 375px) / (750 - 375))),
      200px
    );
  margin-top: clamp(
      -4.5px,
      calc(-4.5px + (-4.5) * ((100vw - 375px) / (750 - 375))),
      -9px
    );
}
.handle__item-img.img3 {
  width: clamp(
      88px,
      calc(88px + (88) * ((100vw - 375px) / (750 - 375))),
      176px
    );
  margin-top: clamp(
      -2.5px,
      calc(-2.5px + (-2.5) * ((100vw - 375px) / (750 - 375))),
      -5px
    );
}

.recommendation {
  border: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    ) solid #349697;
  position: relative;
  padding-bottom: clamp(
      38.5px,
      calc(38.5px + (38.5) * ((100vw - 375px) / (750 - 375))),
      77px
    );
}
.recommendation::after {
  position: absolute;
  content: "";
  background: url(/img/recommendation-bg.png) no-repeat center center/contain;
  width: clamp(
      362px,
      calc(362px + (362) * ((100vw - 375px) / (750 - 375))),
      724px
    );
  height: clamp(
      1829px,
      calc(1829px + (1829) * ((100vw - 375px) / (750 - 375))),
      3658px
    );
  top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  left: 0;
  z-index: -1;
}

.recommendation__title {
  padding-top: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  text-align: center;
  font-weight: bold;
  font-size: clamp(
      20.5px,
      calc(20.5px + (20.5) * ((100vw - 375px) / (750 - 375))),
      41px
    );
  line-height: 1.1;
  font-family: "HigureGothic", sans-serif;
  position: relative;
}
.recommendation__title::before {
  position: absolute;
  content: "";
  background: url(/img/recommendation-title-be.png) no-repeat center center/contain;
  width: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  height: clamp(
      15.5px,
      calc(15.5px + (15.5) * ((100vw - 375px) / (750 - 375))),
      31px
    );
  left: clamp(
      27.5px,
      calc(27.5px + (27.5) * ((100vw - 375px) / (750 - 375))),
      55px
    );
  bottom: clamp(
      11.5px,
      calc(11.5px + (11.5) * ((100vw - 375px) / (750 - 375))),
      23px
    );
}
.recommendation__title .red-text {
  color: #b97272;
  font-weight: bold;
  letter-spacing: -0.03em;
}
.recommendation__title .text-green {
  font-size: clamp(
      25.25px,
      calc(25.25px + (25.25) * ((100vw - 375px) / (750 - 375))),
      50.5px
    );
  line-height: 1;
  font-weight: bold;
  color: #349697;
}
.recommendation__title .text-border {
  position: relative;
  font-weight: bold;
  display: inline-block;
  line-height: 1;
}
.recommendation__title .text-border::after {
  position: absolute;
  content: "";
  height: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
  width: 100%;
  left: 0;
  top: calc(100% - clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    ));
  background: #eef3a3;
  border-radius: 100px;
}
.recommendation__title .text {
  position: relative;
  z-index: 2;
  font-weight: bold;
}

.recommendation__img {
  margin: clamp(
      21px,
      calc(21px + (21) * ((100vw - 375px) / (750 - 375))),
      42px
    ) auto 0;
  width: clamp(
      275.5px,
      calc(275.5px + (275.5) * ((100vw - 375px) / (750 - 375))),
      551px
    );
}

.recommendation__name {
  margin-top: clamp(
      6px,
      calc(6px + (6) * ((100vw - 375px) / (750 - 375))),
      12px
    );
  display: flex;
  gap: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  justify-content: center;
  align-items: center;
  margin-right: clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    );
}

.recommendation__name-icon {
  width: clamp(
      33px,
      calc(33px + (33) * ((100vw - 375px) / (750 - 375))),
      66px
    );
}

.recommendation__name-text {
  font-weight: bold;
  font-size: clamp(
      25px,
      calc(25px + (25) * ((100vw - 375px) / (750 - 375))),
      50px
    );
  line-height: 1.2;
  color: #2e7590;
}

.recommendation__system {
  margin-top: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  display: flex;
  padding-left: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
  padding-right: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  padding-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
  padding-bottom: clamp(
      2px,
      calc(2px + (2) * ((100vw - 375px) / (750 - 375))),
      4px
    );
  justify-content: center;
  background: #fff;
  border-radius: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
  border: clamp(
      0.5px,
      calc(0.5px + (0.5) * ((100vw - 375px) / (750 - 375))),
      1px
    ) solid #2e9395;
  margin-left: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
  margin-right: clamp(
      19.5px,
      calc(19.5px + (19.5) * ((100vw - 375px) / (750 - 375))),
      39px
    );
}

.recommendation__system__title {
  margin-top: clamp(
      5px,
      calc(5px + (5) * ((100vw - 375px) / (750 - 375))),
      10px
    );
}

.recommendation__system__text {
  font-size: clamp(
      15.5px,
      calc(15.5px + (15.5) * ((100vw - 375px) / (750 - 375))),
      31px
    );
  font-weight: bold;
  color: #2e7590;
  position: relative;
  line-height: 1.35;
  letter-spacing: -0.03em;
}
.recommendation__system__text .text-big {
  font-weight: bold;
  font-size: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  line-height: 1.3;
}
.recommendation__system__text .text-regular {
  font-weight: bold;
  font-size: clamp(
      18px,
      calc(18px + (18) * ((100vw - 375px) / (750 - 375))),
      36px
    );
  line-height: 1.1;
}
.recommendation__system__text.text1 {
  font-weight: bold;
  position: relative;
}
.recommendation__system__text.text1::after {
  position: absolute;
  content: "";
  background: url(/img/under-line1.png) no-repeat center center/contain;
  width: clamp(
      72.5px,
      calc(72.5px + (72.5) * ((100vw - 375px) / (750 - 375))),
      145px
    );
  height: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
  right: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  top: 100%;
}
.recommendation__system__text.text2 {
  font-weight: bold;
  position: relative;
}
.recommendation__system__text.text2::after {
  position: absolute;
  content: "";
  background: url(/img/under-line2.png) no-repeat center center/contain;
  width: clamp(
      87.5px,
      calc(87.5px + (87.5) * ((100vw - 375px) / (750 - 375))),
      175px
    );
  height: clamp(
      9.5px,
      calc(9.5px + (9.5) * ((100vw - 375px) / (750 - 375))),
      19px
    );
  left: 0;
  top: 100%;
}

.recommendation__system-img {
  width: clamp(
      84px,
      calc(84px + (84) * ((100vw - 375px) / (750 - 375))),
      168px
    );
}

.recommendation__content {
  margin-top: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
  box-shadow: 0 2px 6px 0 rgba(56, 43, 43, 0.64);
  border-radius: clamp(
      13px,
      calc(13px + (13) * ((100vw - 375px) / (750 - 375))),
      26px
    );
  background: #ecf7f7;
  margin-left: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
  margin-right: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
  padding-top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
  padding-bottom: clamp(
      12px,
      calc(12px + (12) * ((100vw - 375px) / (750 - 375))),
      24px
    );
}

.recommendation__content-title {
  text-align: center;
  font-size: clamp(
      16px,
      calc(16px + (16) * ((100vw - 375px) / (750 - 375))),
      32px
    );
  line-height: 1.36;
  font-weight: bold;
  color: #163367;
  letter-spacing: -0.05em;
}
.recommendation__content-title .text-red {
  font-weight: bold;
  color: #d04242;
}
.recommendation__content-title .text-mt {
  position: relative;
  margin-top: clamp(
      1px,
      calc(1px + (1) * ((100vw - 375px) / (750 - 375))),
      2px
    );
  font-weight: bold;
  letter-spacing: -0.03em;
}
.recommendation__content-title .text-mt::before, .recommendation__content-title .text-mt::after {
  position: absolute;
  content: "";
  background: url(/img/title-arrow.png) no-repeat center center/contain;
  width: clamp(
      14px,
      calc(14px + (14) * ((100vw - 375px) / (750 - 375))),
      28px
    );
  height: clamp(
      16.5px,
      calc(16.5px + (16.5) * ((100vw - 375px) / (750 - 375))),
      33px
    );
  top: 50%;
  transform: translateY(-50%);
}
.recommendation__content-title .text-mt::before {
  right: 100%;
}
.recommendation__content-title .text-mt::after {
  left: calc(100% + clamp(
      1.5px,
      calc(1.5px + (1.5) * ((100vw - 375px) / (750 - 375))),
      3px
    ));
}

.recommendation__content-img {
  margin: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    ) auto 0;
  width: clamp(
      161.5px,
      calc(161.5px + (161.5) * ((100vw - 375px) / (750 - 375))),
      323px
    );
}

.recommendation__content-link {
  display: block;
}

.recommendation__content-text {
  text-align: center;
  margin-top: clamp(
      8px,
      calc(8px + (8) * ((100vw - 375px) / (750 - 375))),
      16px
    );
  font-size: clamp(
      12.5px,
      calc(12.5px + (12.5) * ((100vw - 375px) / (750 - 375))),
      25px
    );
  font-weight: bold;
  line-height: 1.36;
  color: #b97272;
  letter-spacing: -0.05em;
}
.recommendation__content-text .text-border {
  font-weight: bold;
  position: relative;
}
.recommendation__content-text .text-border::after {
  position: absolute;
  content: "";
  height: clamp(
      9px,
      calc(9px + (9) * ((100vw - 375px) / (750 - 375))),
      18px
    );
  width: 100%;
  background: #eef3a3;
  left: 0;
  top: calc(100% - clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    ));
  border-radius: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
}
.recommendation__content-text .text {
  position: relative;
  z-index: 2;
  font-weight: bold;
}

.recommendation__grid {
  padding-right: clamp(
      31px,
      calc(31px + (31) * ((100vw - 375px) / (750 - 375))),
      62px
    );
  padding-left: clamp(
      31px,
      calc(31px + (31) * ((100vw - 375px) / (750 - 375))),
      62px
    );
  margin-top: clamp(
      22.5px,
      calc(22.5px + (22.5) * ((100vw - 375px) / (750 - 375))),
      45px
    );
}

.recommendation__campaign {
  margin-top: clamp(
      24px,
      calc(24px + (24) * ((100vw - 375px) / (750 - 375))),
      48px
    );
  margin-left: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
  margin-right: clamp(
      17.5px,
      calc(17.5px + (17.5) * ((100vw - 375px) / (750 - 375))),
      35px
    );
  padding-bottom: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
}

.campaign__items-recommendation {
  margin-top: clamp(
      30px,
      calc(30px + (30) * ((100vw - 375px) / (750 - 375))),
      60px
    );
}

.recommendation__campaign-title {
  margin-top: clamp(
      10px,
      calc(10px + (10) * ((100vw - 375px) / (750 - 375))),
      20px
    );
}

.campaign__item-correction.correction1 {
  width: clamp(
      53px,
      calc(53px + (53) * ((100vw - 375px) / (750 - 375))),
      106px
    );
  margin: 0 auto;
}
.campaign__item-correction.correction2 {
  width: clamp(
      88.5px,
      calc(88.5px + (88.5) * ((100vw - 375px) / (750 - 375))),
      177px
    );
  margin: 0 auto;
}

.recommendation__search {
  margin-top: clamp(
      35px,
      calc(35px + (35) * ((100vw - 375px) / (750 - 375))),
      70px
    );
}

.recommendation__search-content {
  margin-top: clamp(
      27.5px,
      calc(27.5px + (27.5) * ((100vw - 375px) / (750 - 375))),
      55px
    );
}

.recommendation__button {
  margin-top: clamp(
      34px,
      calc(34px + (34) * ((100vw - 375px) / (750 - 375))),
      68px
    );
  margin-left: clamp(
      7.5px,
      calc(7.5px + (7.5) * ((100vw - 375px) / (750 - 375))),
      15px
    );
}

.recommendation__button-link {
  width: clamp(
      308px,
      calc(308px + (308) * ((100vw - 375px) / (750 - 375))),
      616px
    );
}

.transaction {
  text-align: center;
  padding: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    ) 0;
  background: #ecf7f7;
}

.transaction__link {
  text-decoration: underline;
  font-weight: bold;
}

.slide-text {
  margin-top: clamp(
      15px,
      calc(15px + (15) * ((100vw - 375px) / (750 - 375))),
      30px
    );
  text-align: right;
  margin-right: clamp(
      20px,
      calc(20px + (20) * ((100vw - 375px) / (750 - 375))),
      40px
    );
}
/*# sourceMappingURL=style.css.map */