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

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  tab-size: 2;
  scrollbar-gutter: stable;
}

:where(html:has(dialog:modal[open])) {
  overflow: clip;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(dialog) {
  border: none;
  background: none;
  inset: unset;
  max-width: unset;
  max-height: unset;
}

:where(dialog:not([open])) {
  display: none !important;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:root {
  --fs-sp-body: clamp( 15px, calc( 0.6505102040816322px + 3.826530612244898vw ), 30px );
  --fs-pc-body: clamp( 16px, calc( 0px + 2.604166666666667vw ), 32px );
  --py-header: clamp( 1.3125rem, calc( -0.629247572815534rem + 8.284789644012944vw ), 4.8677rem );
  --px-contents: clamp( 1.3125rem, calc( -0.629247572815534rem + 8.284789644012944vw ), 4.8677rem  );
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-size: var(--fs-sp-body);
  background-color: #fff;
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  body {
    font-size: var(--fs-pc-body); /* 変更前: 50px, 変更後: 35px */
  }
}

dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  opacity: 0;
  padding: 0 clamp(8px, calc(0px + 2.1333333333vw), 16px);
  inset: 0;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out, overlay 0.7s ease-out allow-discrete, display 0.7s ease-out allow-discrete;
}
dialog .btnClose {
  position: absolute;
  right: clamp(20px, calc(0px + 5.3333333333vw), 40px);
  top: clamp(22px, calc(0px + 5.8666666667vw), 44px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(48px, calc(0px + 12.8vw), 96px);
  height: clamp(48px, calc(0px + 12.8vw), 96px);
  background-color: #3e3a39;
  border-radius: clamp(24px, calc(0px + 6.4vw), 48px);
}
@media screen and (min-width: 768px) {
  dialog .btnClose {
    width: 66px; /* 変更前: 96px, 変更後: 81px */
    height: 66px; /* 変更前: 96px, 変更後: 81px */
  }
}
dialog .btnClose .icon-navi-close {
  width: clamp(21px, calc(0px + 5.6vw), 42px);
  height: clamp(21px, calc(0px + 5.6vw), 42px);
}
@media screen and (min-width: 768px) {
  dialog .btnClose .icon-navi-close {
    width: 36px; /* 変更前: 42px, 変更後: 39px */
    height: 36px; /* 変更前: 42px, 変更後: 39px */
  }
}

dialog[open] {
  opacity: 1;
}

@starting-style {
  dialog[open] {
    opacity: 0;
  }
}
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0);
  transition: display 0.7s allow-discrete, overlay 0.7s allow-discrete, background-color 0.7s;
}

dialog[open]::backdrop {
  background-color: #fff;
}

@starting-style {
  dialog[open]::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }
}
.header {
  position: relative;
  z-index: 1;
  background-color: #333;
  padding: clamp(1.4375rem, calc(1.2099514563rem + 0.9708737864vw), 2.375rem) var(--px-contents);
}
.header .wrap-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .header .wrap-navigation {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: clamp(14px, calc(-0.6666666667px + 1.9097222222vw), 36px) clamp(60px, calc(1.3333333333px + 7.6388888889vw), 148px); /* 変更前: 36px, 変更後: 32px */
  }
}
.header .btn-navigation {
  display: block;
}
@media screen and (min-width: 768px) {
  .header .btn-navigation {
    display: none;
  }
}
.header .btn-confirm {
  display: none;
}
@media screen and (min-width: 768px) {
  .header .btn-confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(106px, calc(-2px + 14.0625vw), 187px); /* 変更前: 268px, 変更後: 187px */
    height: clamp(36px, calc(1.3333333333px + 4.5138888889vw), 62px); /* 変更前: 88px, 変更後: 62px */
    border-radius: clamp(18px, calc(0.6666666667px + 2.2569444444vw), 31px); /* 変更前: 44px, 変更後: 31px */
    font-size: clamp(12px, calc(0px + 1.5625vw), 21px); /* 変更前: 30px, 変更後: 21px */
    font-weight: bold;
    background-color: #ff7c0a;
    text-decoration: none;
    color: #fff;
  }
}
.header .navigation {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  transition: 300ms linear;
  transition-property: opacity, display;
  transition-duration: 0.1s;
  display: block;
  opacity: 1;
}
@starting-style {
  .header .navigation {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .header .navigation {
    position: relative;
    width: 100%;
    display: flex !important;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 1 !important;
  }
}
.header .navigation.hidden {
  display: none;
  opacity: 0;
}
.header .navigation.visible {
  transform: translate3d(0, 0, 0);
}
.header .navigation-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: clamp(330px, calc(0px + 88vw), 660px);
  height: clamp(55px, calc(0px + 14.6666666667vw), 110px);
  padding-right: clamp(26px, calc(0px + 6.9333333333vw), 52px);
  background-color: rgba(51, 51, 51, 0.9);
}
@media screen and (min-width: 768px) {
  .header .navigation-header {
    display: none;
  }
}
.header .navigation-list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .header .navigation-list {
    flex-direction: initial;
    gap: clamp(12px, -1.3333333333px + 1.7361111111vw, 22px); /* 変更前: 32px, 変更後: 22px */
  }
}
.header .navigation-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(330px, calc(0px + 88vw), 660px);
  height: clamp(55px, calc(0px + 14.6666666667vw), 110px);
  padding-left: clamp(34px, calc(0px + 9.0666666667vw), 68px);
  padding-right: clamp(26px, calc(0px + 6.9333333333vw), 52px);
  border-top: #fff solid 1px;
  background-color: rgba(51, 51, 51, 0.9);
  font-size: clamp(13px, 0px + 3.4666666667vw, 26px);
  font-weight: 500;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .header .navigation-list li a {
    width: auto;
    height: auto;
    padding: 0;
    font-size: clamp(10px, 0.6666666667px + 1.2152777778vw, 17px); /* 変更前: 24px, 変更後: 17px */
    border-top: none;
    letter-spacing: -0.05rem;
  }
}
.header .navigation .icon-navi-close {
  width: clamp(17px, 0px + 4.5333333333vw, 34px);
}
.header .navigation .icon-navi-arrow-down {
  width: clamp(17px, 0px + 4.5333333333vw, 34px);
}
@media screen and (min-width: 768px) {
  .header .navigation .icon-navi-arrow-down {
    display: none;
  }
}
.header .icon-logo {
  width: clamp(186px, calc(0px + 49.6vw), 372px);
}
@media screen and (min-width: 768px) {
  .header .icon-logo {
    width: clamp(222px, calc(-0.6666666667px + 28.9930555556vw), 389px); /* 変更前: 556px, 変更後: 389px */
  }
}
.header .icon-menu {
  width: clamp(25px, calc(0px + 6.6666666667vw), 50px);
}

.section-main-visual-description {
  background-color: #075a52;
  color: #fff;
  padding-top: clamp(19px, calc(0px + 5.0666666667vw), 38px);
  padding-bottom: clamp(27px, calc(0px + 7.2vw), 54px);
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-main-visual-description {
    padding-top: clamp(24px, calc(1.3333333333px + 2.9513888889vw), 41px); /* 変更前: 58px, 変更後: 41px */
    padding-bottom: clamp(26px, calc(3.3333333333px + 2.9513888889vw), 42px); /* 変更前: 60px, 変更後: 42px */
  }
}
.section-main-visual-description .em {
  color: #ff9e4a;
  font-size: clamp(22px, calc(0px + 5.8666666667vw), 44px);
}
@media screen and (min-width: 768px) {
  .section-main-visual-description .em {
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 49px); /* 変更前: 70px, 変更後: 49px */
  }
}
.section-main-visual-description .speech-bubble {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(330px, calc(0px + 88vw), 660px);
  height: clamp(51px, calc(0px + 13.6vw), 102px);
  margin: 0 auto clamp(19px, calc(0px + 5.0666666667vw), 38px);
  border: #fff solid 1px;
  letter-spacing: -0.08rem;
  border-radius: clamp(25px, calc(0px + 6.6666666667vw), 50px);
}
@media screen and (min-width: 768px) {
  .section-main-visual-description .speech-bubble {
    width: clamp(464px, calc(-1.3333333333px + 60.5902777778vw), 813px); /* 変更前: 1162px, 変更後: 813px */
    height: clamp(62px, calc(0.6666666667px + 7.9861111111vw), 108px); /* 変更前: 154px, 変更後: 108px */
    margin: 0 auto clamp(10px, calc(0.6666666667px + 1.2152777778vw), 17px); /* 変更前: 24px, 変更後: 17px */
    border: #fff solid 2px; /* 変更前: 2px, 変更後: 1px */
  }
}
.section-main-visual-description .speech-bubble::after {
  width: clamp(15px, calc(0px + 4vw), 30px);
  height: clamp(10px, calc(0px + 2.6666666667vw), 20px);
  display: block;
  content: "";
  position: absolute;
  bottom: calc(clamp(9px, calc(-1px + 2.6666666667vw), 19px) * -1);
  left: 50%;
  transform: translateX(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAoCAYAAACxbNkLAAAFCUlEQVRogd2Ze1BUVRzHv3d3ebgQq8GksgtaPGRFNFIwS8ohpQnHVKpRM9NBBoiXsCqv5BGOmk1TJpryliV3cRfQMhhgooZ4SM7YPzGAM2IRWBAwSchjnH30FzuwnLPs4y44fv7b873n7Pfe3fP9nXsOY/d+mBoAB08HGkar1WoB4N+xR9ickYLugf6FNmU0Aj4fzTln4bXcVdfGAaABgCUOjriWlAwHO7uF8mcSDMMgLzJ2xs0A0Mz4q61xW4GC6HgwDDO/7sxAsn0ndgW8PKt91twJC9yE5LfD5sWUuWzx9UPOnv1EjRgGme/uRcg6f6uaMhfhs874Jk4CLoecY8RWLocDaVwSPJYus6o5U7Hl8SBLOAoXJyfqNZzrt9uIwmK+AxSSFDja21vLn8l89sEhbPRaRdRGJyfgk/gROGmyUoxOThAv8hW5oyDqyQiJfZtfQ/S2t6h6QnE+/hj8B9xHHu5ZfcNDDCkxAEAsFEGlVqG5q9NaXufEz30FlJJU2HB5RF0iLULJTz8AgJbL8xNntff2MAMjIwj1X0/sECT2xZ373ege+Nt6rikI+HzUpGVjqWAxUb9YV41TVYqpj1pdKBQ01OHTG5XETgsVEgzDoDA6Hp7LlhP11rudOCotntE2I+WylTJU3b5F7Czg86GUpOIZ+0Us2Z2b4zt2Y8f6QKKmUqsRW3R5Vvus2E6XSakhsVrkhoLouHkJieA1a5H13j6qHlt0GZ0P+ma1c3l+4iwAOocPx8fQNzxEXFYAgI9QBLVajeauDstdUxA5u6A6NZNaMnIqynGhtpokaWfdEAC09/agf+QhQv03EAcMEvvi19+7ca+f/ZCw5fHwXfIJ/UWnDsWtZkikRbTuWup7UGFDPc7cqCBqXA4HpbFJ1MlqCZ8fCEeApxdRG52cQOa1qwb7G3yx+0QpR+UvrURtKiScFrEXEvuDtiBy65tUfap4GmLON9WP5WXUkBALRciPYick1rqvRG54JFWXSIsgb/l5znGIc2g6xoSERqNBkwUhIeDzUZuejecoxTO39nucrlIaMxQ5FPSxZkgwDIOrCcew0cubqDd3deBA7hfGDkcPBX0KG+px+jr5KXEYBldiEqnJZIiUnWHY/hL5QT1WqYjF0xAm7fbkVJQbDomkFJNCYqvfOmS8s5eqxxfn4e5fD0yxaPr2Vbq8DP9NkEPCRygyek/CzdkFV2ISqW+e2UoZSht/NNXe3KGgz8j4GHqHBrErkBISriJotRo0ddJDwpbHw83UDGodK29twrGyEmMtTcf4OaT/hXHFeVT9RNgeaoAAwJcHI7DhBU+iNjo5gWyFzBxbACzYMS1sqMcpSpQyDIOSmCPwJoTEh68H43DwNuq4xhRPQ1i0BXyyshwVbfSQUCSlQMDn69peXPk8zh2KoI5nbPE0hMV72ulyKUbGx4maj1Ck25NY4uAI+ZHj4NuSd2a/qrmJr+tqLLVjeijoMzI+jt7hQewO3ETUV7kKAQAxIaEI8CAvOhs72nHw4jlzLUxHy7B1+hDxRgguhEeZ3O+xSoWANInJ9YaChrVjFEMhYQhziqchWD0XOllZDmVbi9HXZynMK56GYP2g6/Cl80Y9cVlzI85+S95lsgTWb2hqTtCe/G9/9iC+OB/hl86z/dUAANZCgYSdjQ1e8fbBqz6rcef+PbR0dVDXgSyhseoNLQDspdyTAgdPz68DABzdofFTguZ/GvuuUwdDJsAAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(15px, calc(0px + 4vw), 30px) clamp(10px, calc(0px + 2.6666666667vw), 20px);
}
@media screen and (min-width: 768px) {
  .section-main-visual-description .speech-bubble::after {
    width: clamp(20px, calc(-4px + 3.125vw), 38px); /* 変更前: 56px, 変更後: 38px */
    height: clamp(16px, calc(0px + 2.0833333333vw), 28px); /* 変更前: 40px, 変更後: 28px */
    bottom: calc(clamp(16px, calc(0px + 2.0833333333vw), 28px) * -1); /* 変更前: 40px, 変更後: 28px */
    background-size: clamp(20px, calc(-4px + 3.125vw), 38px) clamp(16px, calc(0px + 2.0833333333vw), 28px); /* 変更前: 56px, 40px, 変更後: 38px, 28px */
  }
}

.section-about {
  background-color: #d2e7de;
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
  padding-bottom: clamp(56px, calc(0px + 14.9333333333vw), 112px);
}
@media screen and (min-width: 768px) {
  .section-about {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 119px); /* 変更前: 170px, 変更後: 119px */
    padding-bottom: clamp(80px, calc(2.6666666667px + 10.0694444444vw), 138px); /* 変更前: 196px, 変更後: 138px */
  }
}
.section-about h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-about h2 {
    margin-bottom: clamp(70px, calc(-0.6666666667px + 9.2013888889vw), 123px); /* 変更前: 176px, 変更後: 123px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 49px); /* 変更前: 70px, 変更後: 49px */
  }
}
@media screen and (min-width: 768px) {
  .section-about .wrap-description {
    display: flex;
    justify-content: space-between;
  }
}
.section-about .description {
  margin-bottom: clamp(28px, calc(0px + 7.4666666667vw), 56px);
}
@media screen and (min-width: 768px) {
  .section-about .description {
    margin-bottom: 0;
    margin-right: clamp(42px, calc(0.6666666667px + 5.3819444444vw), 73px); /* 変更前: 104px, 変更後: 73px */
    font-size: clamp(15px, calc(-0.3333333333px + 1.9965277778vw), 27px); /* 変更前: 38px, 変更後: 27px */
    font-weight: 700;
  }
}
.section-about .img-section-about {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section-about .img-section-about {
    width: clamp(412px, calc(0px + 53.6458333333vw), 721px); /* 変更前: 1030px, 変更後: 721px */
  }
}

.plans-table {
  overflow: scroll;
  padding-bottom: clamp(13px, calc(0px + 3.4666666667vw), 26px);
  margin-bottom: clamp(14px, calc(0px + 3.7333333333vw), 28px);
}
@media screen and (min-width: 768px) {
  .plans-table {
    overflow: hidden;
    padding: 0 var(--fs-pc-body) clamp(40px, calc(5.3333333333px + 4.5138888889vw), 66px); /* 変更前: 92px, 変更後: 66px */
    margin-bottom: 0;
  }
}
.plans-table table {
  border: #000 solid 3px;
  border-radius: 15px;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}
.plans-table table th,
.plans-table table td {
  text-align: center;
  font-size: clamp(13px, 0px + 3.4666666667vw, 26px);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .plans-table table th,
  .plans-table table td {
    font-size: clamp(12px, calc(-1.3333333333px + 1.7361111111vw), 22px); /* 変更前: 32px, 変更後: 22px */
  }
}
.plans-table table th:first-child {
  border-right: #000 solid 2px;
}
.plans-table table thead th {
  width: clamp(140px, calc(0px + 37.3333333333vw), 280px);
  text-align: left;
  vertical-align: text-top;
}
@media screen and (min-width: 768px) {
  .plans-table table thead th {
    width: clamp(140px, calc(0px + 18.2291666667vw), 245px); /* 変更前: 350px, 変更後: 245px */
  }
}
.plans-table table thead th:not(:first-child) {
  width: clamp(167px, calc(0px + 44.5333333333vw), 334px);
  background-color: #ededed;
  border-right: #000 dashed 1px;
}
@media screen and (min-width: 768px) {
  .plans-table table thead th:not(:first-child) {
    width: clamp(168px, calc(1.3333333333px + 21.7013888889vw), 292px); /* 変更前: 418px, 変更後: 292px */
  }
}
.plans-table table thead th:last-child {
  border-right: none;
  background-color: #e2eff4;
}
.plans-table table thead th .plan1,
.plans-table table thead th .plan2,
.plans-table table thead th .plan3 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(60px, calc(0px + 16vw), 120px);
  color: #fff;
  font-size: clamp(18px, calc(-1px + 5.0666666667vw), 37px);
  font-weight: bold;
  letter-spacing: -0.14rem;
}
@media screen and (min-width: 768px) {
  .plans-table table thead th .plan1,
  .plans-table table thead th .plan2,
  .plans-table table thead th .plan3 {
    height: clamp(60px, calc(0px + 7.8125vw), 105px); /* 変更前: 150px, 変更後: 105px */
    font-size: clamp(18px, calc(-0.6666666667px + 2.4305555556vw), 32px); /* 変更前: 46px, 変更後: 32px */
  }
}
.plans-table table thead th .plan1::after,
.plans-table table thead th .plan2::after,
.plans-table table thead th .plan3::after {
  width: clamp(24px, calc(0px + 6.4vw), 48px);
  height: clamp(10px, calc(0px + 2.6666666667vw), 20px);
  display: block;
  content: "";
  position: absolute;
  bottom: calc(clamp(9px, calc(0px + 2.4vw), 18px) * -1);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .plans-table table thead th .plan1::after,
  .plans-table table thead th .plan2::after,
  .plans-table table thead th .plan3::after {
    width: clamp(20px, calc(0px + 2.6041666667vw), 35px); /* 変更前: 50px, 変更後: 35px */
    height: clamp(10px, calc(2px + 1.0416666667vw), 16px); /* 変更前: 22px, 変更後: 16px */
    bottom: calc(clamp(9px, calc(1.6666666667px + 0.9548611111vw), 14px) * -1); /* 変更前: 20px, 変更後: 14px */
  }
}
.plans-table table thead th .plan1,
.plans-table table thead th .plan2 {
  background-color: #ff7c0a;
}
.plans-table table thead th .plan1::after,
.plans-table table thead th .plan2::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAUCAYAAAAk/dWZAAABvElEQVRIidXXvWsUURTG4SfRxlha+jdoKShYKIKoIIKKikUgZbDQYKWJCGMrUfALIhbpFbGJlSRd6qyCCIqCzRZGEYdVMK7F2cAm7sfM7E0kv27m3jP3fefOOffMUHNyZAce4SK22Vr8xLVhNGT5KKZaN7cKdRzH9FBzcqR94BQeY9f/UFWQJl4LrR9geN2E5ziEd5urqzC/MYcDWgb41wTUsB+vsLIp0orRwD2cwI/2gU4mYBlHMItfGyqtGF8xgSudBruZgKYsH8NNfE+vqzCfcFpU0I6sT+xunMQD7E6jqzCLOC+MdKXXTrTzAkexNKCooqzgKQ7rY4DiJuCNqFwvq+kqTI47OCOSuS9lTMCyLD+GhzYm4eu4jKtlgsqaYGonWT6O66KKpeItzonDthTlTbBq5DbG8LHSM9ayIFqIhSrBRatTL/ZiBvsqxs9iXORCJartxFqWxFt8VjKugVsYNYAB0piALziLadHf9KOOS6JzHphUJuCPLJ8QleVbj3k1cYA9SbVwShOrCX9XfCLvO8yYEy30fMplUyR2N/bgPg62rmfELiXvw7anfmAbNVwQyfsZN8QPTXL+AhvpZX/1py30AAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: clamp(24px, calc(0px + 6.4vw), 48px) clamp(10px, calc(0px + 2.6666666667vw), 20px);
}
@media screen and (min-width: 768px) {
  .plans-table table thead th .plan1::after,
  .plans-table table thead th .plan2::after {
    background-size: clamp(20px, calc(0px + 2.6041666667vw), 33px) clamp(10px, calc(2px + 1.0416666667vw), 15px);
  }
}
.plans-table table thead th .plan3 {
  background-color: #29abe2;
}
.plans-table table thead th .plan3::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAABgklEQVRIidXXsWrbUBTG8V+99VH6BAnNUodsJXvxkD2FdutqUvoAGWpIp04eAn2AQObgtHPr2eCpuFPI0AZinOFIJLhWfSVfO/QPWu69B50P6Xz69OTZl/FTfMYr/xdTvGvhNzr4gNmjtpTONfZx3CoWZujiADeP1VUiY+zgDFpzm33s4deGm0rlG7bwvVyYFwAXxaHhhppK5RQv8PPh4iIBMBKP6Xy9PSUxE/PZwZ/5zSoBcIWX+LSevpK4EXPZVWEw/xIAtzjEW2Fbm2SCtpjLSpYJKPkobOt6xaZSGWIbl8sOpgogbGtH2Ng6OS/uM0o5XEcAYV9b+FqzLpWemLur1IK6Aggbawtby8UUb4rrtk5hEwGEneWKH2Us6DUpbiqAPPFjhOeKWNCEVQSU9LErbK8Ol8Jpfqxy8xwCYCCaSY0fp5qJ/otcAkiLHzMcqYgFTcgpgPv4cbJgrxz89zL+d+QWQNjga2GJZfyYiFcmp/ViPQJKesIeB+LjtzQWNOEOLIlTjMLQv3EAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(24px, calc(0px + 6.4vw), 48px) clamp(10px, calc(0px + 2.6666666667vw), 20px);
}
@media screen and (min-width: 768px) {
  .plans-table table thead th .plan3::after {
    background-size: clamp(20px, calc(0px + 2.6041666667vw), 33px) clamp(10px, calc(2px + 1.0416666667vw), 15px);
  }
}
.plans-table table thead th .plan-description {
  padding-top: clamp(19px, calc(0px + 5.0666666667vw), 38px);
  padding-left: clamp(14px, calc(0px + 3.7333333333vw), 28px);
  padding-right: clamp(14px, calc(0px + 3.7333333333vw), 28px);
  padding-bottom: clamp(15px, calc(0px + 4vw), 30px);
}
@media screen and (min-width: 768px) {
  .plans-table table thead th .plan-description {
    padding-top: clamp(18px, calc(0.6666666667px + 2.2569444444vw), 31px); /* 変更前: 44px, 変更後: 31px */
    padding-left: clamp(14px, calc(-0.6666666667px + 1.9097222222vw), 25px); /* 変更前: 36px, 変更後: 25px */
    padding-right: clamp(14px, calc(-0.6666666667px + 1.9097222222vw), 25px); /* 変更前: 36px, 変更後: 25px */
    padding-bottom: clamp(12px, calc(-2.6666666667px + 1.9097222222vw), 24px); /* 変更前: 34px, 変更後: 24px */
  }
}
.plans-table table tbody .th-cell {
  display: flex;
  align-items: center;
  text-align: left;
  min-height: clamp(57px, calc(0px + 15.2vw), 114px);
}
@media screen and (min-width: 768px) {
  .plans-table table tbody .th-cell {
    min-height: clamp(56px, calc(-1.3333333333px + 7.4652777778vw), 99px); /* 142px -> 99px */
  }
}
.plans-table table tbody th {
  padding-left: clamp(9px, calc(0px + 2.4vw), 18px);
  padding-right: clamp(9px, calc(0px + 2.4vw), 18px);
  border-top: #000 dashed 1px;
  font-size: clamp(12px, calc(0px + 3.2vw), 24px);
}
@media screen and (min-width: 768px) {
  .plans-table table tbody th {
    padding-left: clamp(8px, calc(-1.3333333333px + 1.2152777778vw), 15px); /* 22px -> 15px */
    padding-right: clamp(8px, calc(-1.3333333333px + 1.2152777778vw), 15px); /* 22px -> 15px */
    font-size: clamp(12px, calc(0px + 1.5625vw), 21px); /* 30px -> 21px */
  }
}
.plans-table table tbody td {
  border-top: #000 dashed 1px;
  border-right: #000 dashed 1px;
  background-color: #ededed;
  padding-left: clamp(14px, calc(0px + 3.7333333333vw), 28px);
  padding-right: clamp(14px, calc(0px + 3.7333333333vw), 28px);
}
.plans-table table tbody td:last-child {
  border-right: none;
  background-color: #e2eff4;
}
.plans-table table .cell-end {
  padding: clamp(22px, calc(0px + 5.8666666667vw), 44px) clamp(25px, calc(0px + 6.6666666667vw), 50px) clamp(24px, calc(0px + 6.4vw), 48px);
  border-top: #000 solid 1px;
  background-color: #fff !important;
  text-align: left;
  font-size: clamp(12px, calc(0px + 3.2vw), 24px);
}
.plans-table table .cell-end ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(16px, calc(0px + 4.2666666667vw), 32px);
}
@media screen and (min-width: 768px) {
  .plans-table table .cell-end ul {
    column-gap: clamp(16px, calc(1.3333333333px + 1.9097222222vw), 28px); /* 38px -> 28px */
  }
}
@media screen and (min-width: 768px) {
  .plans-table table .cell-end {
    padding: clamp(18px, calc(-2px + 2.6041666667vw), 36px); /* 48px -> 36px */
    font-size: clamp(10px, calc(-0.6666666667px + 1.3888888889vw), 20px); /* 26px -> 20px */
  }
}
.plans-table table .price {
  font-size: clamp(26px, calc(0px + 6.9333333333vw), 52px);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .plans-table table .price {
    font-size: clamp(26px, calc(-0.6666666667px + 3.4722222222vw), 49px); /* 66px -> 49px */
  }
}
.plans-table table .imp {
  font-size: clamp(16px, calc(0px + 4.2666666667vw), 32px);
}
@media screen and (min-width: 768px) {
  .plans-table table .imp {
    font-size: clamp(16px, calc(0px + 2.0833333333vw), 30px); /* 40px -> 30px */
  }
}
.plans-table table .notice3 {
  font-size: clamp(11px, calc(0px + 2.9333333333vw), 22px);
}
@media screen and (min-width: 768px) {
  .plans-table table .notice3 {
    font-size: clamp(11px, calc(-0.3333333333px + 1.4756944444vw), 21px); /* 28px -> 21px */
  }
}
.plans-table table .plan1-color,
.plans-table table .plan2-color {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ff5a00;
}
.plans-table table .plan3-color {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #02628b;
}
.plans-table table .unit {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40px);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .plans-table table .unit {
    font-size: clamp(20px, calc(0px + 2.6041666667vw), 35px); /* 50px -> 35px */
  }
}

.section-plans {
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
  padding-bottom: clamp(45px, calc(0px + 12vw), 90px);
}
@media screen and (min-width: 768px) {
  .section-plans {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 119px); /* 170px -> 119px */
    padding-bottom: clamp(80px, calc(2.6666666667px + 10.0694444444vw), 137px); /* 196px -> 137px */
  }
}
.section-plans h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-plans h2 {
    margin-bottom: clamp(42px, calc(-3.3333333333px + 5.9027777778vw), 77px); /* 110px -> 77px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 49px); /* 70px -> 49px */
  }
}
.section-plans .icon-circle {
  width: clamp(18px, calc(0px + 4.8vw), 36px);
}
@media screen and (min-width: 768px) {
  .section-plans .icon-circle {
    width: clamp(20px, calc(0px + 2.6041666667vw), 35px); /* 50px -> 35px */
  }
}
.section-plans .icon-triangle {
  width: clamp(18px, calc(0px + 4.8vw), 36px);
}
@media screen and (min-width: 768px) {
  .section-plans .icon-triangle {
    width: clamp(20px, calc(0px + 2.6041666667vw), 35px); /* 50px -> 35px */
  }
}
.section-plans .icon-x {
  width: clamp(13px, calc(0px + 3.4666666667vw), 26px);
}
@media screen and (min-width: 768px) {
  .section-plans .icon-x {
    width: clamp(18px, calc(3.3333333333px + 1.9097222222vw), 29px); /* 40px -> 29px */
  }
}
.section-plans .cell-btn {
  padding-top: clamp(12px, calc(0px + 3.2vw), 24px);
  padding-bottom: clamp(12px, calc(0px + 3.2vw), 24px);
}
@media screen and (min-width: 768px) {
  .section-plans .cell-btn {
    padding-top: clamp(10px, calc(-0.6666666667px + 1.3888888889vw), 18px); /* 26px -> 18px */
    padding-bottom: clamp(10px, calc(-0.6666666667px + 1.3888888889vw), 18px); /* 26px -> 18px */
  }
}
.section-plans .btn-plans-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  text-decoration: none;
  width: clamp(150px, calc(0px + 40vw), 300px);
  height: clamp(52px, calc(0px + 13.8666666667vw), 104px);
  border-radius: clamp(26px, calc(0px + 6.9333333333vw), 52px);
  background-color: #ff7c0a;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .section-plans .btn-plans-submit {
    width: clamp(150px, calc(-0.6666666667px + 19.6180555556vw), 272px); /* 376px -> 272px */
    height: clamp(52px, calc(-1.3333333333px + 6.9444444444vw), 95px); /* 132px -> 95px */
    border-radius: clamp(26px, calc(-0.6666666667px + 3.4722222222vw), 47px); /* 66px -> 47px */
  }
}
.section-plans .btn-test-plan-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  text-decoration: none;
  width: clamp(150px, calc(0px + 40vw), 300px);
  height: clamp(52px, calc(0px + 13.8666666667vw), 104px);
  border-radius: clamp(26px, calc(0px + 6.9333333333vw), 52px);
  background-color: #29abe2;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .section-plans .btn-test-plan-submit {
    width: clamp(150px, calc(-0.6666666667px + 19.6180555556vw), 272px); /* 376px -> 272px */
    height: clamp(52px, calc(-1.3333333333px + 6.9444444444vw), 95px); /* 132px -> 95px */
    border-radius: clamp(26px, calc(-0.6666666667px + 3.4722222222vw), 47px); /* 66px -> 47px */
  }
}
.section-plans h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: clamp(8px, calc(0px + 2.1333333333vw), 16px);
  font-size: clamp(18px, calc(0px + 4.8vw), 36px);
  color: #ff7c0a;
  text-align: center;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .section-plans h3 {
    margin-bottom: clamp(12px, calc(-1.3333333333px + 1.7361111111vw), 23px); /* 32px -> 23px */
    font-size: clamp(24px, calc(0px + 3.125vw), 45px); /* 60px -> 45px */
  }
}
.section-plans h3::before, .section-plans h3::after {
  width: clamp(21px, calc(0px + 5.6vw), 42px);
  height: clamp(19px, calc(0px + 5.0666666667vw), 38px);
  content: "";
  display: block;
  background-image: url("data:image/png;base64,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");
  background-size: clamp(21px, calc(0px + 5.6vw), 42px) clamp(19px, calc(0px + 5.0666666667vw), 38px);
}
@media screen and (min-width: 768px) {
  .section-plans h3::before, .section-plans h3::after {
    width: clamp(32px, calc(1.3333333333px + 3.9930555556vw), 55px); /* 78px -> 55px */
    height: clamp(28px, calc(-1.3333333333px + 3.8194444444vw), 51px); /* 72px -> 51px */
    background-size: clamp(32px, calc(1.3333333333px + 3.9930555556vw), 55px) clamp(28px, calc(-1.3333333333px + 3.8194444444vw), 51px); /* 78px -> 55px, 72px -> 51px */
  }
}
@media screen and (min-width: 768px) {
  .section-plans h3::before {
    margin-right: clamp(12px, calc(-2.6666666667px + 1.9097222222vw), 23px); /* 34px -> 23px */
  }
}
.section-plans h3::after {
  transform: rotate(-90deg);
}
.section-plans .information {
  font-size: clamp(18px, calc(0px + 4.8vw), 36px);
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-plans .information {
    font-size: clamp(24px, calc(0px + 3.125vw), 40px);
  }
}
.section-plans .information .em {
  font-size: clamp(24px, calc(0px + 6.4vw), 48px);
  color: #ff7c0a;
}
@media screen and (min-width: 768px) {
  .section-plans .information .em {
    font-size: clamp(32px, calc(0px + 4.1666666667vw), 53px);
  }
}

.section-terms {
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
}
.section-terms:last-of-type {
  padding-bottom: clamp(45px, calc(0px + 12vw), 90px);
}
@media screen and (min-width: 768px) {
  .section-terms {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 119px); /* 170px -> 119px */
  }
  .section-terms:last-of-type {
    padding-bottom: clamp(80px, calc(2.6666666667px + 10.0694444444vw), 137px); /* 196px -> 137px */
  }
}
.section-terms h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-terms h2 {
    margin-bottom: clamp(42px, calc(-3.3333333333px + 5.9027777778vw), 77px); /* 110px -> 77px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 49px); /* 70px -> 49px */
  }
}
.section-terms .terms {
  font-size: 15px;
  margin: 0 20px;
}
@media screen and (min-width: 768px) {
  .section-terms .terms {
    font-size: 16px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.section-terms .terms p {
  margin-bottom: 20px;
}
.section-terms .terms dt {
  font-weight: bold;
}
.section-terms .terms dd {
  margin-bottom: 40px;
}
.section-terms .terms ol {
  margin-left: 40px;
  list-style: decimal;
}

.section-features {
  background-color: #d2e7de;
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
  padding-bottom: clamp(45px, calc(0px + 12vw), 90px);
}
@media screen and (min-width: 768px) {
  .section-features {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 119px); /* 170px -> 119px */
    padding-bottom: 0;
  }
}
.section-features h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-features h2 {
    margin-bottom: clamp(50px, calc(-0.6666666667px + 6.5972222222vw), 88px); /* 126px -> 88px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 49px); /* 70px -> 49px */
  }
}
.section-features h2 .speech-bubble {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(330px, calc(0px + 88vw), 660px);
  height: clamp(51px, calc(0px + 13.6vw), 102px);
  margin: 0 auto clamp(19px, calc(0px + 5.0666666667vw), 38px);
  border: #ff7c0a solid 2px;
  letter-spacing: -0.08rem;
  border-radius: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #ff7c0a;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .section-features h2 .speech-bubble {
    margin: 0 auto clamp(20px, calc(0px + 2.6041666667vw), 35px); /* 50px -> 35px */
    width: clamp(462px, calc(-0.6666666667px + 60.2430555556vw), 809px); /* 1156px -> 809px */
    height: clamp(60px, calc(-2.6666666667px + 8.1597222222vw), 107px); /* 154px -> 107px */
    border-radius: clamp(30px, calc(-1.3333333333px + 4.0798611111vw), 54px); /* 77px -> 54px */
    font-size: clamp(36px, calc(0px + 4.6875vw), 62px); /* 90px -> 62px */
    border: #ff7c0a solid 3px;
  }
}
.section-features h2 .speech-bubble::after {
  width: clamp(15px, calc(0px + 4vw), 30px);
  height: clamp(12px, calc(0px + 3.2vw), 24px);
  display: block;
  content: "";
  position: absolute;
  bottom: calc(clamp(12px, calc(0px + 3.2vw), 24px) * -1);
  left: 50%;
  transform: translateX(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAkCAYAAADGrhlwAAAEMklEQVRYhd2Y3W8UVRjGf+/MbFu2lNJQ2kK7u/4DxntDRWIw3hhD0MQLGkmUYAHbBNE0smgioya9MWkTJFgLmCyQQi2CH2lqjFRBU9KoWBEEgx9tLLG2pIVp6ceuF26hPXumnU53W/S5m/c5553n2cw879kRgEQ0mOjZcYH+hMF/FQVGgrL6+7njYHXDWoJWYDE1+cYSK8Dqg+sB7hqSkQEiJzcTMMxFE+YHphiE22owbvYCUwwBWL99Tfj7g4jIoojzg9DvX5B1seXOdcpLE2yvpbT/0oKK8ouiiZvkndo2raZNgYIjGylkdEFE+cVSy6LovYdT6pOGTqpEyYEHybWsDMvyh4BhEmquQMZGVGpo0tBOYGgqI2MjhJsryDLvLVMiQvjC+1jd53V0pQEgtnMNqFRZq/s8kY46jHsoJFYN/UHwzFs6qlpsJ3Y3tm0nBmxXV+V8s4+y699mUKJ3LDeFFYcf01H1Yjt1oISC2M4+IMV+/vFNrIwPZ0SkV+SYFqWHHtVR58R2qiYvUlJObOcVoEWtFzeUk7dIIWGIQbh9L8Zgj0rFga3T1rr0eBFNSIRiTyxKSJT1dpD9XUxHbRHb6Zpa0BpyCwmz7zKRs7UYsnCH2MLEbfJPbNZRr4ntNKpFV2XJkNim1nM6Gwn1nJuPRs/ItQKUNDyko5rEdl7XETP+1GI77wBvqvVlLc9RND7oS6RXWIZJ+NQWZPSWSg0BNW77Zn12xHZ2Ax+o9eJ3y1lmZuZkLgjhn05gXWvX0ZXJV0ILry/DLpSQID5BKPY42RkIiZLhXnI/26OjqpKvgis8GXILCePvq9z3+auYaQyJfNOgUD9v6sR26mfb71mJW0hkdTUR+rWNdByOsk2L0iMbID6hUl+J7VR76TGnn9YtJPI+qqb4dt9cWqUKESF8thaz77JKjaMMzxn7zPXGyZBoVusrGx8h3/T/6JX2/UBOZ8pYAdgqtnPRax+/Cl5CExJlh9aT4+NDywoZZ/mxp3XUHt3wnAm+DLmGxGAPkdZdWHP40BK0AqxqWKejjort2HPV5vsZSYZEiqmsS6cJ/fyhp5CwDJPwJ1XIyIBKDQG7/eiaV96K7ewH3lDrS1trKHH+nHkvEPrlUwJXWnX0jMNztr7zRiIaPA48qda7X+hiIK7fUzx2g6IDa3RUlZd544Z0TcSXUUMCKG1cxxJNSORZFkUNa3V93p6PGUiTIbeQkFt/Efl4x7SQyDItQsc26obnGbGdnfPVkrYzSzIknlfrgattRLqOIiL/frHp3I95/Ud12ahury8d6WgyFYlocC8QVev9FaeR+DgFsQ26bc/Odd64ISPfpxLRYBPwlMflUbGdlKT0i0z9l34GuOJhXSydZiBDhsR2hoEHgMMuS7qA7WI7m9J+73Q3VJGIBoPAGqAc6AC+FNu5ken7/m/wDwedLgb50UjUAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: clamp(15px, calc(0px + 4vw), 30px) clamp(12px, calc(0px + 3.2vw), 24px);
}
@media screen and (min-width: 768px) {
  .section-features h2 .speech-bubble::after {
    width: clamp(22px, calc(2px + 2.6041666667vw), 37px); /* 52px -> 37px */
    height: clamp(14px, calc(-0.6666666667px + 1.9097222222vw), 25px); /* 36px -> 25px */
    bottom: calc(clamp(13px, calc(-1.6666666667px + 1.9097222222vw), 23px) * -1); /* 35px -> 23px */
    background-size: clamp(22px, calc(2px + 2.6041666667vw), 37px) clamp(14px, calc(-0.6666666667px + 1.9097222222vw), 25px); /* 52px -> 37px, 36px -> 25px */
  }
}
.section-features ol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(20px, calc(0px + 5.3333333333vw), 40px);
}
@media screen and (min-width: 768px) {
  .section-features ol {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(32px, calc(1.3333333333px + 3.9930555556vw), 55px); /* 78px -> 55px */
  }
}
.section-features .feature-1,
.section-features .feature-2,
.section-features .feature-3,
.section-features .feature-4 {
  font-size: clamp(15px, calc(0px + 4vw), 30px);
}
@media screen and (min-width: 768px) {
  .section-features .feature-1,
  .section-features .feature-2,
  .section-features .feature-3,
  .section-features .feature-4 {
    width: clamp(306px, calc(-2px + 40.1041666667vw), 537px); /* 768px -> 537px */
    height: 100%;
    font-size: clamp(12px, calc(0px + 1.5625vw), 21px); /* 30px -> 21px */
  }
}
.section-features .feature-1 h3,
.section-features .feature-2 h3,
.section-features .feature-3 h3,
.section-features .feature-4 h3 {
  font-size: clamp(21px, calc(0px + 5.6vw), 42px);
  text-align: center;
  color: #29aae3;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .section-features .feature-1 h3,
  .section-features .feature-2 h3,
  .section-features .feature-3 h3,
  .section-features .feature-4 h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: clamp(58px, calc(3.3333333333px + 7.1180555556vw), 97px); /* 140px -> 97px */
    font-size: clamp(20px, calc(0px + 2.6041666667vw), 35px); /* 50px -> 35px */
  }
}
.section-features .feature-1 h3 .f-family-jost,
.section-features .feature-2 h3 .f-family-jost,
.section-features .feature-3 h3 .f-family-jost,
.section-features .feature-4 h3 .f-family-jost {
  font-size: clamp(29px, calc(0px + 7.7333333333vw), 58px);
}
@media screen and (min-width: 768px) {
  .section-features .feature-1 h3 .f-family-jost,
  .section-features .feature-2 h3 .f-family-jost,
  .section-features .feature-3 h3 .f-family-jost,
  .section-features .feature-4 h3 .f-family-jost {
    font-size: clamp(26px, calc(0.6666666667px + 3.2986111111vw), 45px); /* 64px -> 45px */
  }
}
.section-features .feature-1 h3 .notice,
.section-features .feature-2 h3 .notice,
.section-features .feature-3 h3 .notice,
.section-features .feature-4 h3 .notice {
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26px);
  margin-right: calc(clamp(10px, calc(0px + 2.6666666667vw), 20px) * -1);
}
@media screen and (min-width: 768px) {
  .section-features .feature-1 h3 .notice,
  .section-features .feature-2 h3 .notice,
  .section-features .feature-3 h3 .notice,
  .section-features .feature-4 h3 .notice {
    font-size: clamp(12px, calc(0px + 1.5625vw), 21px); /* 30px -> 21px */
    margin-right: calc(clamp(10px, calc(-2px + 1.5625vw), 19px) * -1); /* 28px -> 19px */
  }
}
.section-features .feature-1 {
  padding: clamp(42px, calc(0px + 11.2vw), 84px) clamp(19px, calc(0px + 5.0666666667vw), 38px) clamp(42px, calc(0px + 11.2vw), 84px);
  border-radius: clamp(20px, calc(0px + 5.3333333333vw), 40px);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .section-features .feature-1 {
    padding: clamp(28px, calc(-1.3333333333px + 3.8194444444vw), 54px); /* 72px -> 54px */
  }
}
.section-features .feature-2 {
  padding: clamp(36px, calc(0px + 9.6vw), 72px) clamp(19px, calc(0px + 5.0666666667vw), 38px) clamp(42px, calc(0px + 11.2vw), 84px);
  border-radius: clamp(20px, calc(0px + 5.3333333333vw), 40px);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .section-features .feature-2 {
    padding: clamp(28px, calc(-1.3333333333px + 3.8194444444vw), 54px); /* 72px -> 54px */
  }
}
.section-features .feature-3 {
  padding: clamp(36px, calc(0px + 9.6vw), 72px) clamp(19px, calc(0px + 5.0666666667vw), 38px) clamp(42px, calc(0px + 11.2vw), 84px);
  border-radius: clamp(20px, calc(0px + 5.3333333333vw), 40px);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .section-features .feature-3 {
    padding: clamp(28px, calc(-1.3333333333px + 3.8194444444vw), 54px); /* 72px -> 54px */
  }
}
.section-features .feature-4 {
  padding: clamp(42px, calc(0px + 11.2vw), 84px) clamp(19px, calc(0px + 5.0666666667vw), 38px) clamp(42px, calc(0px + 11.2vw), 84px);
  border-radius: clamp(20px, calc(0px + 5.3333333333vw), 40px);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .section-features .feature-4 {
    padding: clamp(28px, calc(-1.3333333333px + 3.8194444444vw), 54px); /* 72px -> 54px */
  }
}
.section-features .img-section-features-1 {
  width: clamp(250px, calc(0px + 66.6666666667vw), 500px);
  margin: clamp(50px, calc(0px + 13.3333333333vw), 100px) auto clamp(44px, calc(0px + 11.7333333333vw), 88px) clamp(6px, calc(0px + 1.6vw), 12px);
}
@media screen and (min-width: 768px) {
  .section-features .img-section-features-1 {
    width: clamp(232px, calc(0px + 30.2083333333vw), 387px); /* 580px -> 406px */
    margin: clamp(22px, -6px + 3.6458333333vw, 41px) 0 clamp(34px, -4.6666666667px + 5.0347222222vw, 60px) clamp(8px, 4px + 0.5208333333vw, 11px);
  }
}
.section-features .img-section-features-2 {
  width: clamp(250px, calc(0px + 66.6666666667vw), 500px);
  margin: clamp(33px, calc(0px + 8.8vw), 66px) auto clamp(44px, calc(0px + 11.7333333333vw), 88px) clamp(6px, calc(0px + 1.6vw), 12px);
}
@media screen and (min-width: 768px) {
  .section-features .img-section-features-2 {
    width: clamp(232px, calc(0px + 30.2083333333vw), 387px);
    margin: clamp(22px, calc(-6px + 3.6458333333vw), 41px) 0 clamp(34px, calc(-4.6666666667px + 5.0347222222vw), 60px) clamp(8px, calc(4px + 0.5208333333vw), 11px);
  }
}
.section-features .img-section-features-3 {
  width: clamp(250px, calc(0px + 66.6666666667vw), 500px);
  margin: clamp(33px, calc(0px + 8.8vw), 66px) auto clamp(44px, calc(0px + 11.7333333333vw), 88px) clamp(6px, calc(0px + 1.6vw), 12px);
}
@media screen and (min-width: 768px) {
  .section-features .img-section-features-3 {
    width: clamp(232px, calc(0px + 30.2083333333vw), 387px);
    margin: clamp(22px, calc(-6px + 3.6458333333vw), 41px) 0 clamp(34px, calc(-4.6666666667px + 5.0347222222vw), 60px) clamp(8px, calc(4px + 0.5208333333vw), 11px);
  }
}
.section-features .img-section-features-4 {
  width: clamp(250px, calc(0px + 66.6666666667vw), 500px);
  margin: clamp(50px, calc(0px + 13.3333333333vw), 100px) auto clamp(44px, calc(0px + 11.7333333333vw), 88px) clamp(6px, calc(0px + 1.6vw), 12px);
}
@media screen and (min-width: 768px) {
  .section-features .img-section-features-4 {
    width: clamp(232px, calc(0px + 30.2083333333vw), 387px);
    margin: clamp(22px, calc(-6px + 3.6458333333vw), 41px) 0 clamp(34px, calc(-4.6666666667px + 5.0347222222vw), 60px) clamp(8px, calc(4px + 0.5208333333vw), 11px);
  }
}
.section-features .information {
  margin-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
  position: relative;
  padding-bottom: clamp(47px, calc(0px + 12.5333333333vw), 94px);
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26px);
  height: clamp(275px, calc(0px + 73.3333333333vw), 550px);
  overflow: hidden;
  transition: all 300ms ease-in-out;
}
@media screen and (min-width: 768px) {
  .section-features .information {
    margin-top: clamp(50px, calc(34px + 2.0833333333vw), 61px);
    padding-bottom: 0;
    height: auto;
    font-size: clamp(12px, calc(0px + 1.5625vw), 20px);
    overflow: visible;
  }
}
.section-features .information::before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, rgb(210, 231, 222) 0%, rgba(210, 231, 222, 0) 100%);
}
@media screen and (min-width: 768px) {
  .section-features .information::before {
    display: none;
  }
}
.section-features .information.is-all-read {
  overflow: visible;
}
.section-features .information.is-all-read::before {
  display: none;
}
.section-features .information.is-all-read .btn-all-read {
  bottom: calc(clamp(60px, calc(0px + 16vw), 120px) * -1);
}
.section-features .information h3 {
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26px);
  text-align: left;
  text-indent: calc(clamp(7px, calc(0px + 1.8666666667vw), 14px) * -1);
}
@media screen and (min-width: 768px) {
  .section-features .information h3 {
    font-size: clamp(12px, calc(0px + 1.5625vw), 18px);
    text-indent: calc(clamp(8px, calc(-1.3333333333px + 1.2152777778vw), 14px) * -1);
  }
}
.section-features .information section {
  margin-bottom: clamp(26px, calc(0px + 6.9333333333vw), 52px);
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .section-features .information section {
    margin-bottom: clamp(20px, calc(-5.3333333333px + 3.2986111111vw), 37px);
    font-size: 1rem;
  }
}
.section-features .information section li::before {
  content: "○";
}
.section-features .information section:last-child {
  margin-bottom: 0;
}
.section-features .information .btn-all-read {
  position: absolute;
  left: 50%;
  bottom: clamp(6px, calc(0px + 1.6vw), 12px);
  transform: translate(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(171px, calc(0px + 45.6vw), 342px);
  height: clamp(39px, calc(0px + 10.4vw), 78px);
  padding: 0 clamp(14px, calc(0px + 3.7333333333vw), 28px);
  border-radius: clamp(19px, calc(-1px + 5.3333333333vw), 39px);
  background-color: #3e3a39;
  color: #fff;
  font-weight: 500;
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26px);
}
.section-features .information .btn-all-read .icon-circle-arrow-bottom {
  width: clamp(20px, calc(0px + 5.3333333333vw), 40px);
}
.section-features .information .btn-all-read.isOpen .icon-circle-arrow-bottom {
  transform: rotate(-180deg);
}
.section-features .information .btn-all-read .open-text,
.section-features .information .btn-all-read .close-text {
  flex: 1 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-features .information .btn-all-read {
    display: none;
  }
}
.comparison-table table {
  border: #3e3a39 solid 2px;
  border-radius: 15px;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26px);
}
@media screen and (min-width: 768px) {
  .comparison-table table {
    font-size: clamp(12px, calc(0px + 1.5625vw), 20px); /* 1280pxの場合: 20px */
  }
}
.comparison-table .th-confetti,
.comparison-table .th-other {
  position: relative;
}
.comparison-table .th-confetti::after,
.comparison-table .th-other::after {
  width: clamp(24px, calc(0px + 6.4vw), 48px);
  height: clamp(10px, calc(0px + 2.6666666667vw), 20px);
  display: block;
  content: "";
  position: absolute;
  bottom: calc(clamp(9px, calc(0px + 2.4vw), 18px) * -1);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .comparison-table .th-confetti::after,
  .comparison-table .th-other::after {
    width: clamp(28px, calc(0px + 3.6458333333vw), 46px); /* 1280pxの場合: 46px */
    height: clamp(8px, calc(1.3333333333px + 0.8680555556vw), 14px); /* 1280pxの場合: 14px */
    bottom: calc(clamp(6px, calc(-0.6666666667px + 0.8680555556vw), 10px) * -1); /* 1280pxの場合: -10px */
  }
}
.comparison-table .th-other {
  padding: clamp(12px, calc(0px + 3.2vw), 24px) 0 clamp(16px, calc(0px + 2.0833333333vw), 40px);
  background-color: #8c8c8c;
  color: #fff;
  font-size: clamp(15px, calc(0px + 4vw), 30px);
}
@media screen and (min-width: 768px) {
  .comparison-table .th-other {
    padding: clamp(14px, calc(-2px + 2.0833333333vw), 26px); /* 1280pxの場合: 26px */
    font-size: clamp(15px, calc(-0.3333333333px + 1.9965277778vw), 25px); /* 1280pxの場合: 25px */
  }
}
.comparison-table .th-other::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAQCAYAAAC1MDndAAAB1klEQVRYhe3Yz4eVURzH8Vf3L2gdze2XmUUxIhXRYoikRUQk0SJiFqlFihbRIsqN0iJiFpGKiCIZYhYRlYiY2WTIMDKmZNKo+dni2+Fhrrlz731+bHpvns053/N9Ps7nc87zrGs0GhtwFmew3n/gE27iUQ2TuIQenMN4hY1VyTKGcRD9uI+5WmbAT9xGL47hXdkdVsScEKNfiDMsxAK1JhMW8QR7sB/PsFR4m+XzHdexGaeErVbQTKAsr3EEfbiL2fz6q4xxkbk9IlomVxvcSqDEZwyijiuY6qLBqngroqMXd/BrLZPWKlBiGleFUKcx2ub8slnCU+zDXhEdi+0UaFegxG8MYQcOY6TDOkUxKyKhD0fxptNCnQqUWMYLDGAXHmK+y5rd8BWXRb4Mimjoim4FyvIBJ7AVDczkWLsVo8Lym3AN3/IqnKdAiQlcwMZ/z4kC1ki8wiFh9SH8yXuBIgRKzIidtAXHxQ7Lg3k8wE4cwEuZi13eFClQYgGPRUYNiMzq5IV+4Iaw8El8zKvB1ShDoCwj4tTbjnviNGzFF5wXwXtRsZZdQdkCJcbE34O6uFdNNxnzXlhzG26Jb8XSqUqgxJS4mdfFsTyG5+IbcLew5kJl3eEv5Zdfe9l5paoAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(24px, calc(0px + 6.4vw), 48px) clamp(10px, calc(0px + 2.6666666667vw), 20px);
}
@media screen and (min-width: 768px) {
  .comparison-table .th-other::after {
    background-size: clamp(28px, calc(0px + 3.6458333333vw), 46px); /* 1280pxの場合: 46px */
  }
}
.comparison-table .th-confetti {
  padding: clamp(12px, calc(0px + 3.2vw), 24px) 0 clamp(16px, calc(0px + 2.0833333333vw), 40px);
  background-color: #409b94;
  color: #fff;
  font-size: clamp(15px, calc(0px + 4vw), 30px);
}
@media screen and (min-width: 768px) {
  .comparison-table .th-confetti {
    padding: clamp(14px, calc(-2px + 2.0833333333vw), 26px); /* 1280pxの場合: 26px */
    font-size: clamp(15px, calc(-0.3333333333px + 1.9965277778vw), 25px); /* 1280pxの場合: 25px */
  }
}
.comparison-table .th-confetti::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAQCAYAAAC1MDndAAAB1klEQVRYhe3X0WdWcRzH8VfPX9B19FRau0isEruITIwuoouILiKJZReRRERRjEiLuqkkEUWMYhdj7CJ2MVIzomhMzCNJNkuteuri248jj+3Z85zznC56c67O73zP53z8zvf3+a7ru3trA05jAOv9B6YxjEcVzOM8qjiDuRKFlckvjKEfO/EAy5XMgkXcQBeOYKrTCkvimzCjBwcwnr1ZafDADzxBL/bhGerFaiyFTxjCZhzHTKNFjQzK8hyHsB238SU3eeUxK3puFRdQW2nxagYl3uAUNuESPrQhsCwmcRjbcBNLzTzUrEGJj7gsjBoQxv3L1DGCvX+uEWtsF2s1KPEVd8SvdxATLdYpiiWxS7rFrplstVCrBiXqGMV+7MFj0eTLoib6SlX0mXftFmzXoCwvcFTEhOtYyLH2aszghDiRhsQJlQt5GpSYw1lsxDm8L+AdiXGRXXpwX2SaXCnCoMQCrmErjuFlTnWXRbDbJVLvmEjBhVCkQYnveIjdoleNau2DPuMqtohg9yonfSvSCYOyTIhTbwfuae6XmBUzYlXMjPOFqWtApw1KvMZJ0VSviHz1N1NiJuwWM+Jip8RlKcugRA0XRfAcxFs8FTNgr5gJf5amDr8BijReSojpe2EAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(24px, calc(0px + 6.4vw), 48px) clamp(10px, calc(0px + 2.6666666667vw), 20px);
}
@media screen and (min-width: 768px) {
  .comparison-table .th-confetti::after {
    background-size: clamp(28px, calc(0px + 3.6458333333vw), 46px); /* 1280pxの場合: 46px */
  }
}
.comparison-table thead th {
  width: clamp(138px, calc(0px + 36.8vw), 276px);
  border-right: #3e3a39 dashed 1px;
  background-color: #8c8c8c;
}
@media screen and (min-width: 768px) {
  .comparison-table thead th {
    width: clamp(250px, calc(-2px + 32.8125vw), 410px); /* 1280pxの場合: 410px */
  }
}
.comparison-table thead th:first-child {
  width: clamp(50px, calc(0px + 13.3333333333vw), 100px);
}
@media screen and (min-width: 768px) {
  .comparison-table thead th:first-child {
    width: clamp(140px, calc(0px + 18.2291666667vw), 233px); /* 1280pxの場合: 233px */
  }
}
.comparison-table thead th:last-child {
  border: none;
}
.comparison-table tbody th {
  border-right: #3e3a39 dashed 1px;
  background-color: #fff;
  font-weight: 500;
}
.comparison-table tbody td {
  border-right: #3e3a39 dashed 1px;
  background-color: #ededed;
  padding-top: clamp(22px, calc(0px + 5.8666666667vw), 44px);
  padding-bottom: clamp(24px, calc(0px + 6.4vw), 48px);
}
@media screen and (min-width: 768px) {
  .comparison-table tbody td {
    padding-top: clamp(24px, calc(0px + 3.125vw), 40px); /* 1280pxの場合: 40px */
    padding-bottom: clamp(24px, calc(0px + 3.125vw), 40px); /* 1280pxの場合: 40px */
  }
}
.comparison-table tbody td:last-child {
  border-right: none;
  background-color: #e2eff4;
}
.comparison-table tbody tr:last-child th,
.comparison-table tbody tr:last-child td {
  border-top: #3e3a39 dashed 1px;
  padding-top: clamp(19px, calc(0px + 5.0666666667vw), 38px);
  padding-bottom: clamp(24px, calc(0px + 6.4vw), 48px);
  padding-left: clamp(15px, calc(0px + 4vw), 30px);
  padding-right: clamp(15px, calc(0px + 4vw), 30px);
}
@media screen and (min-width: 768px) {
  .comparison-table tbody tr:last-child th,
  .comparison-table tbody tr:last-child td {
    padding-top: clamp(24px, calc(0px + 3.125vw), 40px); /* 1280pxの場合: 40px */
    padding-bottom: clamp(24px, calc(0px + 3.125vw), 40px); /* 1280pxの場合: 40px */
    padding-right: clamp(16px, calc(-5.3333333333px + 2.7777777778vw), 32px); /* 1280pxの場合: 32px */
    padding-left: clamp(16px, calc(-5.3333333333px + 2.7777777778vw), 32px); /* 1280pxの場合: 32px */
  }
}
@media screen and (min-width: 768px) {
  .comparison-table .wrap-details {
    display: flex;
    justify-content: center;
    gap: clamp(8px, calc(-2.6666666667px + 1.3888888889vw), 16px); /* 1280pxの場合: 16px */
  }
}
.comparison-table .plans-notice {
  display: block;
  margin-top: clamp(6px, calc(0px + 1.6vw), 12px);
  font-size: clamp(11px, calc(0px + 2.9333333333vw), 22px);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .comparison-table .plans-notice {
    margin-top: clamp(4px, calc(1.3333333333px + 0.3472222222vw), 6px); /* 1280pxの場合: 6px */
    font-size: clamp(10px, calc(-0.6666666667px + 1.3888888889vw), 18px); /* 1280pxの場合: 18px */
  }
}
.comparison-table .f-family-jost {
  font-size: clamp(22px, calc(4px + 4.8vw), 40px);
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .comparison-table .f-family-jost {
    font-size: clamp(16px, calc(0px + 2.0833333333vw), 26px); /* 1280pxの場合: 26px */
  }
}

.section-comparison {
  background-color: #d2e7de;
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
}
@media screen and (min-width: 768px) {
  .section-comparison {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 110px); /* 1280pxの場合: 110px */
  }
}
.section-comparison h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-comparison h2 {
    margin-bottom: clamp(24px, calc(1.3333333333px + 2.9513888889vw), 41px); /* 1280pxの場合: 41px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 46px); /* 1280pxの場合: 46px */
  }
}

.section-view {
  background-color: #d2e7de;
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
  padding-bottom: clamp(56px, calc(0px + 14.9333333333vw), 112px);
}
@media screen and (min-width: 768px) {
  .section-view {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 110px); /* 1280pxの場合: 110px */
    padding-bottom: clamp(112px, calc(-6.6666666667px + 15.4513888889vw), 190px); /* 1280pxの場合: 190px */
  }
}
.section-view h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-view h2 {
    margin-bottom: clamp(24px, calc(1.3333333333px + 2.9513888889vw), 41px); /* 1280pxの場合: 41px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 46px); /* 1280pxの場合: 46px */
  }
}
.section-view dl {
  display: flex;
  width: clamp(330px, calc(0px + 88vw), 660px);
  min-height: clamp(175px, calc(0px + 46.6666666667vw), 350px);
  border-radius: clamp(15px, calc(0px + 4vw), 30px);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .section-view dl {
    width: 100%;
    min-height: clamp(100px, calc(-6.6666666667px + 13.8888888889vw), 170px); /* 1280pxの場合: 170px */
    border-radius: clamp(12px, calc(0px + 1.5625vw), 20px); /* 1280pxの場合: 20px */
    font-size: clamp(12px, calc(0px + 1.5625vw), 20px); /* 1280pxの場合: 20px */
  }
}
.section-view dt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: clamp(145px, calc(0px + 38.6666666667vw), 290px);
  background-color: #409b94;
  color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .section-view dt {
    width: clamp(216px, calc(-1.3333333333px + 28.2986111111vw), 360px); /* 1280pxの場合: 360px */
  }
}
.section-view dt::after {
  width: clamp(23px, calc(0px + 6.1333333333vw), 46px);
  height: clamp(12px, calc(0px + 3.2vw), 24px);
  display: block;
  content: "";
  position: absolute;
  right: calc(clamp(16px, calc(0px + 4.2666666667vw), 32px) * -1);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAQCAYAAAC1MDndAAAB1klEQVRYhe3X0WdWcRzH8VfPX9B19FRau0isEruITIwuoouILiKJZReRRERRjEiLuqkkEUWMYhdj7CJ2MVIzomhMzCNJNkuteuri248jj+3Z85zznC56c67O73zP53z8zvf3+a7ru3trA05jAOv9B6YxjEcVzOM8qjiDuRKFlckvjKEfO/EAy5XMgkXcQBeOYKrTCkvimzCjBwcwnr1ZafDADzxBL/bhGerFaiyFTxjCZhzHTKNFjQzK8hyHsB238SU3eeUxK3puFRdQW2nxagYl3uAUNuESPrQhsCwmcRjbcBNLzTzUrEGJj7gsjBoQxv3L1DGCvX+uEWtsF2s1KPEVd8SvdxATLdYpiiWxS7rFrplstVCrBiXqGMV+7MFj0eTLoib6SlX0mXftFmzXoCwvcFTEhOtYyLH2aszghDiRhsQJlQt5GpSYw1lsxDm8L+AdiXGRXXpwX2SaXCnCoMQCrmErjuFlTnWXRbDbJVLvmEjBhVCkQYnveIjdoleNau2DPuMqtohg9yonfSvSCYOyTIhTbwfuae6XmBUzYlXMjPOFqWtApw1KvMZJ0VSviHz1N1NiJuwWM+Jip8RlKcugRA0XRfAcxFs8FTNgr5gJf5amDr8BijReSojpe2EAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(23px, calc(0px + 6.1333333333vw), 46px) clamp(12px, calc(0px + 3.2vw), 24px);
  transform: rotate(-90deg);
}
.section-view dt .f-family-jost {
  font-size: clamp(20px, calc(0px + 5.3333333333vw), 40px);
}
@media screen and (min-width: 768px) {
  .section-view dt .f-family-jost {
    font-size: clamp(16px, calc(0px + 2.0833333333vw), 26px); /* 1280pxの場合: 26px */
  }
}
.section-view dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: clamp(185px, calc(0px + 49.3333333333vw), 370px);
  padding-right: clamp(23px, calc(0px + 6.1333333333vw), 46px);
  padding-left: clamp(23px, calc(0px + 6.1333333333vw), 46px);
  background-color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .section-view dd {
    width: 100%;
  }
}
.section-view dd .f-family-jost {
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
}
@media screen and (min-width: 768px) {
  .section-view dd .f-family-jost {
    font-size: clamp(16px, calc(0px + 2.0833333333vw), 26px); /* 1280pxの場合: 26px */
  }
}
.section-view p {
  margin-top: clamp(7px, calc(0px + 1.8666666667vw), 14px);
  text-align: center;
  font-size: clamp(13px, calc(0px + 3.4666666667vw), 26px);
}
@media screen and (min-width: 768px) {
  .section-view p {
    margin-top: 0;
    font-size: clamp(12px, calc(0px + 1.5625vw), 20px); /* 1280pxの場合: 20px */
  }
}

.section-image {
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
}
@media screen and (min-width: 768px) {
  .section-image {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 110px); /* 1280pxの場合: 110px */
  }
}
.section-image h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-image h2 {
    margin-bottom: clamp(24px, calc(1.3333333333px + 2.9513888889vw), 41px); /* 1280pxの場合: 41px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 46px); /* 1280pxの場合: 46px */
  }
}
.section-image .text-sub {
  margin-bottom: clamp(35px, calc(0px + 9.3333333333vw), 70px);
}
@media screen and (min-width: 768px) {
  .section-image .text-sub {
    margin-bottom: clamp(24px, calc(2.6666666667px + 2.7777777778vw), 40px); /* 1280pxの場合: 40px */
    font-size: clamp(15px, calc(-0.3333333333px + 1.9965277778vw), 26px); /* 1280pxの場合: 26px */
  }
}
.section-image .image-view {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: clamp(36px, calc(0px + 9.6vw), 72px);
  background-color: #409b94;
  width: clamp(332px, calc(0px + 88.5333333333vw), 664px);
  height: clamp(242px, calc(0px + 64.5333333333vw), 484px);
  border-radius: clamp(20px, calc(0px + 5.3333333333vw), 40px);
}
@media screen and (min-width: 768px) {
  .section-image .image-view {
    width: clamp(310px, calc(-0.6666666667px + 40.4513888889vw), 520px); /* 1280pxの場合: 520px */
    height: clamp(226px, calc(-0.6666666667px + 29.5138888889vw), 380px); /* 1280pxの場合: 380px */
    margin-bottom: clamp(64px, calc(-13.3333333333px + 10.0694444444vw), 110px); /* 1280pxの場合: 110px */
  }
}
.section-image .image-view .icon-zoom {
  width: clamp(38px, calc(0px + 10.1333333333vw), 76px);
}
@media screen and (min-width: 768px) {
  .section-image .image-view .icon-zoom {
    width: clamp(36px, calc(0px + 4.6875vw), 90px); /* 1280pxの場合: 60px */
  }
}
.section-image .image-view .btn-zoom {
  position: absolute;
  bottom: clamp(30px, calc(0px + 8vw), 60px);
  right: clamp(23px, calc(0px + 6.1333333333vw), 46px);
}
@media screen and (min-width: 768px) {
  .section-image .image-view .btn-zoom {
    bottom: clamp(26px, calc(-0.6666666667px + 3.4722222222vw), 40px); /* 1280pxの場合: 40px */
    right: clamp(20px, calc(1.3333333333px + 2.4305555556vw), 32px); /* 1280pxの場合: 32px */
  }
}
.section-image .speech-bubble {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(211px, calc(0px + 56.2666666667vw), 422px);
  height: clamp(51px, calc(0px + 13.6vw), 102px);
  margin: 0 auto clamp(10px, calc(0px + 2.6666666667vw), 20px);
  border: #ff7c0a solid 2px;
  letter-spacing: -0.08rem;
  border-radius: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #ff7c0a;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .section-image .speech-bubble {
    width: clamp(200px, calc(4px + 25.5208333333vw), 330px); /* 1280pxの場合: 330px */
    height: clamp(48px, calc(2.6666666667px + 5.9027777778vw), 80px); /* 1280pxの場合: 80px */
    margin: 0 auto clamp(9px, calc(-0.3333333333px + 1.2152777778vw), 16px); /* 1280pxの場合: 16px */
    border-radius: clamp(24px, calc(1.3333333333px + 2.9513888889vw), 40px); /* 1280pxの場合: 40px */
    border: #ff7c0a solid 3px; /* 1280pxの場合: 2px */
    font-size: clamp(20px, calc(0px + 2.6041666667vw), 33px); /* 1280pxの場合: 33px */
  }
}
.section-image .speech-bubble::after {
  width: clamp(15px, calc(0px + 4vw), 30px);
  height: clamp(12px, calc(0px + 3.2vw), 24px);
  display: block;
  content: "";
  position: absolute;
  bottom: calc(clamp(12px, calc(0px + 3.2vw), 24px) * -1);
  left: 50%;
  transform: translateX(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAkCAYAAADGrhlwAAAETElEQVRYhd2YX2hbVRzHPydraXe3/smTIgg+TGQIDhVFYQoTfNyDU9EHYQ86tRNWmX+oa1TQuw0Gpa6ra+lkYLXK/jkVYQgbVrqNOhVR24qTOjeorLMuyW52ktzk3uNLo+nJSXZzm7bq9y2/7+93zvebc/M94QoAFbNU8pWLtFhN/FeRTDu07LieSKHQ1HsnaTe7lJpCI5NzWTlwP8A/hiLOFJFP2sj73pIJCwNP+fhf7GTZzFmgyBBAww8HkD8eRSm1JOLCwLnwDdbIrr8/R/SG5sMbScxMLqqosIin/qT1nXVzaiWGAKI9a0jI5KKICouUm6Z1960l9YKhj3WipfsWrrqZhdYVCnnfo/7IJkTG0SmnYGgrMIcVGYe6I0/hevnF0BgYSink2Kc0TBw10W0RAGHLc0CbzjZMHMX9dhD/XxQSifgUzYeeMFHtwpZDoriiYtZm4G29M952hugNpc/rYuNKJkXz9utM1B5hyy2ghYKw5V5gp94d7bubRCq+ICKDIuO5WPseMFGnC2bAkHLCltuAkge0ZfdqUm66piKDwlc+3sk91F0aL6GAZ4oLxtgGXsAQEg2DD5FdgpBI/j7OiuOvmahNwpZjxQWjoXIhUX9+hNzoAL7yayI0CBJXE0T77zFRrwtb7teLwtRZgIpZbcDekk2ePknrjbeHFhkU0s3S2LWKiLysUweFLR8zzZR75AAQtuwDduj11oG1xJ2Z0EKDIO97LPus3WTGATrKzVU0BCBs2Ql8pNejXatwsrJanYGgUMizx2n47j0T3Tb7kzDimoZm8SJaSODlWD64nqznBhYaFInERZqHNpioLcKWQ5VmAxkqFxJ1F0bxhrtqGhJORhJ9a7WJ6hG23HOt+aAnxOw3s1mvW8M2V34bpRZ/jrJejsb3N4CX06mTwpbtQdYIbAgqhMT+B0kkp6tZqgS+UuRG91F/fkSn8miXZ0WNYTZXMesw8PCc4rJ6nI4pmhpXhFmS+PTPRHvvMFFPmu6bcqjqhIrwEqaQ2LeOTK76kEjKZDkzr1ZjBkIaKhsSl8bxT7yB5wcPiXQuS1PvXSbqQ2FLu1ptYU+oEBIlpqxT3aQmhwOFhOf7iM87iThTOuUAnWF0hTYEIGzZD2zX6y2D60nES0TOgQJS507R+FWfia54eVbUFGZIh4pZh4BH9PqVbdM0L19pnIk7fxDddZOJ2hLkvimHeZ1QEV5GDwlgZf+9pHOlb2NTriTadbNpne75mIEaGSoXEpHLvyKOdcx5G+t6eRo+eNx0eX4pbLl1vlpqdUKFkHhWrzd+PYD86RhKKZRSZL8/QP3kCb3NNc2G0lGLRYqhYtabQEyvx5+fAD9PtOc201hVl2cl1NwQgIpZB4FHA7bHhC1LkjIsavbIadgI/BKgb6iWZmCBDAlbpoE1wLtlWsaA54QtjW8M57V3rRfUoWKWBawF7gPOACPClomF3vd/g78A5kmqnQI5dCQAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(15px, calc(0px + 4vw), 30px) clamp(12px, calc(0px + 3.2vw), 24px);
}
@media screen and (min-width: 768px) {
  .section-image .speech-bubble::after {
    width: clamp(18px, calc(0.6666666667px + 2.2569444444vw), 31px); /* 1280pxの場合: 31px */
    height: clamp(11px, calc(1.6666666667px + 1.2152777778vw), 18px); /* 1280pxの場合: 18px */
    bottom: calc(clamp(10px, calc(0.6666666667px + 1.2152777778vw), 16px) * -1); /* 1280pxの場合: -17px */
    background-size: clamp(18px, calc(0.6666666667px + 2.2569444444vw), 31px) clamp(11px, calc(1.6666666667px + 1.2152777778vw), 18px); /* 1280pxの場合: 31px 18px */
  }
}
@media screen and (min-width: 768px) {
  .section-image .wrap-image-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.section-image .img-section-image-1 {
  width: clamp(197px, calc(0px + 52.5333333333vw), 394px);
}
@media screen and (min-width: 768px) {
  .section-image .img-section-image-1 {
    width: clamp(185px, calc(1.6666666667px + 23.8715277778vw), 307px);
  }
}
.section-image .img-section-image-2 {
  width: clamp(96px, calc(0px + 25.6vw), 192px);
}
@media screen and (min-width: 768px) {
  .section-image .img-section-image-2 {
    width: clamp(90px, calc(0px + 11.71875vw), 150px);
  }
}

.section-report {
  padding-top: clamp(47px, calc(0px + 12.5333333333vw), 94px);
  padding-bottom: clamp(56px, calc(0px + 14.9333333333vw), 112px);
}
@media screen and (min-width: 768px) {
  .section-report {
    padding-top: clamp(68px, calc(0px + 8.8541666667vw), 110px); /* 1280pxの場合: 110px */
    padding-bottom: clamp(80px, calc(2.6666666667px + 10.0694444444vw), 140px); /* 1280pxの場合: 140px */
  }
}
.section-report h2 {
  margin-bottom: clamp(42px, calc(0px + 11.2vw), 84px);
  text-align: center;
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-report h2 {
    margin-bottom: clamp(24px, calc(1.3333333333px + 2.9513888889vw), 41px); /* 1280pxの場合: 41px */
    font-size: clamp(28px, calc(0px + 3.6458333333vw), 46px); /* 1280pxの場合: 46px */
  }
}
.section-report .text-sub {
  margin-bottom: clamp(35px, calc(0px + 9.3333333333vw), 70px);
}
@media screen and (min-width: 768px) {
  .section-report .text-sub {
    margin-bottom: clamp(24px, calc(2.6666666667px + 2.7777777778vw), 40px); /* 1280pxの場合: 40px */
    font-size: clamp(15px, calc(-0.3333333333px + 1.9965277778vw), 26px); /* 1280pxの場合: 26px */
  }
}
.section-report .image-view {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #409b94;
  width: clamp(332px, calc(0px + 88.5333333333vw), 664px);
  height: clamp(242px, calc(0px + 64.5333333333vw), 484px);
  border-radius: clamp(20px, calc(0px + 5.3333333333vw), 40px);
}
@media screen and (min-width: 768px) {
  .section-report .image-view {
    width: 100%;
    height: clamp(328px, calc(0px + 42.7083333333vw), 560px); /* 1280pxの場合: 560px */
    border-radius: clamp(20px, calc(6.6666666667px + 1.7361111111vw), 30px); /* 1280pxの場合: 30px */
  }
}
.section-report .image-view .icon-zoom {
  width: clamp(38px, calc(0px + 10.1333333333vw), 76px);
}
@media screen and (min-width: 768px) {
  .section-report .image-view .icon-zoom {
    width: clamp(36px, calc(0px + 4.6875vw), 90px); /* 1280pxの場合: 60px */
  }
}
.section-report .image-view .btn-zoom {
  position: absolute;
  bottom: clamp(30px, calc(0px + 8vw), 60px);
  right: clamp(23px, calc(0px + 6.1333333333vw), 46px);
}
@media screen and (min-width: 768px) {
  .section-report .image-view .btn-zoom {
    bottom: clamp(26px, calc(-0.6666666667px + 3.4722222222vw), 40px); /* 1280pxの場合: 40px */
    right: clamp(20px, calc(1.3333333333px + 2.4305555556vw), 32px); /* 1280pxの場合: 32px */
  }
}
.section-report .img-section-report {
  width: clamp(254px, calc(0px + 67.7333333333vw), 508px);
}
@media screen and (min-width: 768px) {
  .section-report .img-section-report {
    width: clamp(369px, calc(1px + 47.9166666667vw), 621px);
  }
}
.section-report .speech-bubble {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(211px, calc(0px + 56.2666666667vw), 422px);
  height: clamp(51px, calc(0px + 13.6vw), 102px);
  margin: 0 auto clamp(10px, calc(0px + 2.6666666667vw), 20px);
  border: #ff7c0a solid 2px;
  letter-spacing: -0.08rem;
  border-radius: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  font-size: clamp(25px, calc(0px + 6.6666666667vw), 50px);
  color: #ff7c0a;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .section-report .speech-bubble {
    width: clamp(200px, calc(4px + 25.5208333333vw), 330px); /* 1280pxの場合: 330px */
    height: clamp(48px, calc(2.6666666667px + 5.9027777778vw), 80px); /* 1280pxの場合: 80px */
    margin: 0 auto clamp(9px, calc(-0.3333333333px + 1.2152777778vw), 16px); /* 1280pxの場合: 16px */
    border-radius: clamp(24px, calc(1.3333333333px + 2.9513888889vw), 40px); /* 1280pxの場合: 40px */
    border: #ff7c0a solid 3px; /* 1280pxの場合: 2px */
    font-size: clamp(20px, calc(0px + 2.6041666667vw), 50px); /* 1280pxの場合: 33px */
  }
}
.section-report .speech-bubble::after {
  width: clamp(15px, calc(0px + 4vw), 30px);
  height: clamp(12px, calc(0px + 3.2vw), 24px);
  display: block;
  content: "";
  position: absolute;
  bottom: calc(clamp(12px, calc(0px + 3.2vw), 24px) * -1);
  left: 50%;
  transform: translateX(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAkCAYAAADGrhlwAAAETElEQVRYhd2YX2hbVRzHPydraXe3/smTIgg+TGQIDhVFYQoTfNyDU9EHYQ86tRNWmX+oa1TQuw0Gpa6ra+lkYLXK/jkVYQgbVrqNOhVR24qTOjeorLMuyW52ktzk3uNLo+nJSXZzm7bq9y2/7+93zvebc/M94QoAFbNU8pWLtFhN/FeRTDu07LieSKHQ1HsnaTe7lJpCI5NzWTlwP8A/hiLOFJFP2sj73pIJCwNP+fhf7GTZzFmgyBBAww8HkD8eRSm1JOLCwLnwDdbIrr8/R/SG5sMbScxMLqqosIin/qT1nXVzaiWGAKI9a0jI5KKICouUm6Z1960l9YKhj3WipfsWrrqZhdYVCnnfo/7IJkTG0SmnYGgrMIcVGYe6I0/hevnF0BgYSink2Kc0TBw10W0RAGHLc0CbzjZMHMX9dhD/XxQSifgUzYeeMFHtwpZDoriiYtZm4G29M952hugNpc/rYuNKJkXz9utM1B5hyy2ghYKw5V5gp94d7bubRCq+ICKDIuO5WPseMFGnC2bAkHLCltuAkge0ZfdqUm66piKDwlc+3sk91F0aL6GAZ4oLxtgGXsAQEg2DD5FdgpBI/j7OiuOvmahNwpZjxQWjoXIhUX9+hNzoAL7yayI0CBJXE0T77zFRrwtb7teLwtRZgIpZbcDekk2ePknrjbeHFhkU0s3S2LWKiLysUweFLR8zzZR75AAQtuwDduj11oG1xJ2Z0EKDIO97LPus3WTGATrKzVU0BCBs2Ql8pNejXatwsrJanYGgUMizx2n47j0T3Tb7kzDimoZm8SJaSODlWD64nqznBhYaFInERZqHNpioLcKWQ5VmAxkqFxJ1F0bxhrtqGhJORhJ9a7WJ6hG23HOt+aAnxOw3s1mvW8M2V34bpRZ/jrJejsb3N4CX06mTwpbtQdYIbAgqhMT+B0kkp6tZqgS+UuRG91F/fkSn8miXZ0WNYTZXMesw8PCc4rJ6nI4pmhpXhFmS+PTPRHvvMFFPmu6bcqjqhIrwEqaQ2LeOTK76kEjKZDkzr1ZjBkIaKhsSl8bxT7yB5wcPiXQuS1PvXSbqQ2FLu1ptYU+oEBIlpqxT3aQmhwOFhOf7iM87iThTOuUAnWF0hTYEIGzZD2zX6y2D60nES0TOgQJS507R+FWfia54eVbUFGZIh4pZh4BH9PqVbdM0L19pnIk7fxDddZOJ2hLkvimHeZ1QEV5GDwlgZf+9pHOlb2NTriTadbNpne75mIEaGSoXEpHLvyKOdcx5G+t6eRo+eNx0eX4pbLl1vlpqdUKFkHhWrzd+PYD86RhKKZRSZL8/QP3kCb3NNc2G0lGLRYqhYtabQEyvx5+fAD9PtOc201hVl2cl1NwQgIpZB4FHA7bHhC1LkjIsavbIadgI/BKgb6iWZmCBDAlbpoE1wLtlWsaA54QtjW8M57V3rRfUoWKWBawF7gPOACPClomF3vd/g78A5kmqnQI5dCQAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(15px, calc(0px + 4vw), 30px) clamp(12px, calc(0px + 3.2vw), 24px);
}
@media screen and (min-width: 768px) {
  .section-report .speech-bubble::after {
    width: clamp(18px, calc(0.6666666667px + 2.2569444444vw), 31px); /* 1280pxの場合: 31px */
    height: clamp(11px, calc(1.6666666667px + 1.2152777778vw), 18px); /* 1280pxの場合: 18px */
    bottom: calc(clamp(10px, calc(0.6666666667px + 1.2152777778vw), 16px) * -1); /* 1280pxの場合: -17px */
    background-size: clamp(18px, calc(0.6666666667px + 2.2569444444vw), 31px) clamp(11px, calc(1.6666666667px + 1.2152777778vw), 218px); /* 1280pxの場合: 31px 18px */
  }
}
.section-flow {
  background-color: #e5e5e5;
  padding-top: clamp(47px, 0px + 12.5333333333vw, 94px);
  padding-bottom: clamp(56px, 0px + 14.9333333333vw, 112px);
}
@media screen and (min-width: 768px) {
  .section-flow {
    padding-top: clamp(68px, 0px + 8.8541666667vw, 110px); /* 1280pxの場合: 110px */
    padding-bottom: clamp(112px, -6.6666666667px + 15.4513888889vw, 190px); /* 1280pxの場合: 190px */
  }
}
.section-flow h2 {
  margin-bottom: clamp(42px, 0px + 11.2vw, 84px);
  text-align: center;
  font-size: clamp(25px, 0px + 6.6666666667vw, 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-flow h2 {
    margin-bottom: clamp(54px, -3.3333333333px + 7.4652777778vw, 90px); /* 1280pxの場合: 90px */
    font-size: clamp(28px, 0px + 3.6458333333vw, 46px); /* 1280pxの場合: 46px */
  }
}
.section-flow .flow {
  display: flex;
  flex-direction: column;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApoAAAAECAYAAAAu/5/lAAAAVElEQVRoge3WQQ2AMBAAQQ4LeEACSrCAKiygBAl4QEPx0KS5tMwo2OfGNIBynyW7oVZsR2Q3AMDfXM/b7Tvs69LNO8zZAQAAjMloAgDQhNEEAKCJDwHaCAg0UURoAAAAAElFTkSuQmCC");
  background-repeat: repeat-y;
  background-size: clamp(333px, 0px + 88.8vw, 666px) clamp(2px, 0px + 0.5333333333vw, 4px);
  background-position: center;
}
@media screen and (min-width: 768px) {
  .section-flow .flow {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABlgAAAAICAYAAACVrvKAAAAAo0lEQVR4nO3ZQQ3CUBREUUqaIgAPOMBJJdRVNWAEC3hgDxuwwE+bPyHvHAV3O5nhABDwua+vdAN0dkoHAJ1dl3QBwM9uj2c6AejPLqeU+XK2y9ndmA4AyprSAQAAAFCYXQ6w0TEdAAAAAAAA8G8cLAAAAAAAAI0cLAAAAAAAAI0cLAAAAAAAAI0cLAAAAAAAAI3GdABQ1jsdAAAAAIXZ5QAbfQH3bQoUPXLl5AAAAABJRU5ErkJggg==");
    background-size: clamp(650px, 0.6666666667px + 84.5486111111vw, 1280px) clamp(2px, 0.6666666667px + 0.1736111111vw, 3px);
  }
}
.section-flow .flow .wrap-plans {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(23px, 0px + 6.1333333333vw, 46px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .wrap-plans {
    margin-bottom: clamp(20px, 1.3333333333px + 2.4305555556vw, 32px); /* 1280pxの場合: 32px */
  }
}
.section-flow .flow .flow-plans {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: clamp(158px, 0px + 42.1333333333vw, 228px);
  padding-top: clamp(18px, 0px + 4.8vw, 36px);
  padding-bottom: clamp(18px, 0px + 4.8vw, 36px);
  color: #fff;
  font-size: clamp(16px, 0px + 4.2666666667vw, 32px);
  font-weight: 700;
  border-radius: clamp(20px, 0px + 5.3333333333vw, 29px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .flow-plans {
    flex-direction: row;
    padding-top: clamp(8px, -4px + 1.5625vw, 16px); /* 1280pxの場合: 16px */
    padding-bottom: clamp(8px, -4px + 1.5625vw, 16px); /* 1280pxの場合: 16px */
    font-size: clamp(15px, -0.3333333333px + 1.9965277778vw, 25px); /* 1280pxの場合: 25px */
  }
}
.section-flow .flow .flow-plans.plans {
  background-color: #ff7c0a;
}
@media screen and (min-width: 768px) {
  .section-flow .flow .flow-plans.plans {
    width: clamp(305px, 1.6666666667px + 39.4965277778vw, 520px); /* 1280pxの場合: 520px */
  }
}
.section-flow .flow .flow-plans.test-plan {
  background-color: #29abe2;
}
@media screen and (min-width: 768px) {
  .section-flow .flow .flow-plans.test-plan {
    width: clamp(203px, -0.3333333333px + 26.4756944444vw, 340px); /* 1280pxの場合: 340px */
  }
}
.section-flow .flow section {
  position: relative;
  padding: clamp(41px, 0px + 10.9333333333vw, 82px) clamp(15px, 0px + 4vw, 30px);
  border-radius: clamp(20px, 0px + 5.3333333333vw, 40px);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .section-flow .flow section {
    padding: clamp(24px, 9.3333333333px + 1.9097222222vw, 32px); /* 1280pxの場合: 32px */
    font-size: clamp(12px, 0px + 1.5625vw, 20px); /* 1280pxの場合: 20px */
  }
}
.section-flow .flow section:not(:last-child) {
  margin-bottom: clamp(47px, 0px + 12.5333333333vw, 94px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow section:not(:last-child) {
    margin-bottom: clamp(29px, -2.3333333333px + 4.0798611111vw, 48px); /* 1280pxの場合: 48px */
  }
}
.section-flow .flow section:not(:last-child)::after {
  position: absolute;
  bottom: calc(clamp(20px, 0px + 5.3333333333vw, 40px) * -1);
  left: 50%;
  transform: translate(-50%);
  content: "";
  display: block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAwCAYAAADw3098AAADy0lEQVR4nO3c3YtVVRjH8U/Sf9RN2qsllRUWQRQYFHZhYNCFdhFRgUV4MUZdKOiFQoFeFAoSCkqFQqEZCqYoSQhiWlpjNYraNJ4unnNynGbOnJe99tr7tL+X55z1PL+9fjPnrJdnrTvuGht7DR9ggYY6cBOrF+AjPItrefU09MA14dWHnf+yHXgIl7JJapiPS8KjHdz+9XgQC3E6g6iG7pwW3hzsvDDzd+3H9ge+LlFUQ3e+wSLhzb/MNiD5DUvwaQmiGrrzGR7GrzPfmGskeR3PY31CUQ3dWY/nhBf/odsU4CbW4FVMFa+rYQ6mRJ+vER7MSi9ztw14BleL0dXQhauirzfM98FeJ927sBg/DyGqoTu/iOH+rl4+3M9qyWExujk1gKiG7pwSo/lve23Q7zLXGdyDA322a5ibA6JPz/TTaJD1yXE8gu0DtG24ne2iL8f7bTjowvINLMe6Ads3RN8tF33ZN8PsCLTwBlbi7yHi/N+Ywiui71qDBiliK2cznsKVAmKNOlewDJuGDVTUHtxuPIALBcUbRS6IPtpdRLAiN0+P4G6cKDDmqHBC9M2RogIWvet9Fvfiy4Lj1pmvRJ+cLTJoinKF37EUHyeIXTc+wWOiTwolVZ3JX3gJ7yaKXwfew4uiLwonZYFQC2/jZUwmzFM1JsUzv2WI4f58lFHZtQVPYqKEXLmZEM+6JXWiskry9oof6HMl5cvBT+IZ95aRrMxaymNiBfxYiTnL4nsx3C/t2cougj0n/ir3lZw3Jftk+DbJUb08gSewNUPuotkqnuXPshPnKjufxAq8I+HIKyEtoX2FTCPm3OcF1or5XpK5TiI6c9S1OUXkNo5YYVkqwepCAv7A4yqwKlQF44i1zfsUvJ5XMJ112C9yC6E6xsFxMV04mlvILBwV2o7nFtKhSsbBedyPPbmFTGOP0HQ+t5DpVM04bu0Sb84tRGhYpoK7+1U0jqhhWWnIuowhaOFNFa6nqapxHdbhBQNWQg3IjXbO90vM2TdVNw624VFcLiHX5XaubSXkGoo6GAf7DVDt2yedKu39CXMURl2Mg5Pi7MLhBLG/a8c+mSB2EupkHHFaaLEeT7T0yOd4UM1OItXNOG6dIdtYQKyNeFoNz/7V0TiijHsVXjfYdKHVbrtKTU/b1tW4DmO6nJOeg+vtNmNJFJVE3Y0jbodYIm6LmI9xI3KjxCgYR9zLstCMu0BmMFJ3uIyKccTtO4twaJb3DrXf+6FURQkZJePgopgu7Jz22s72axezKErEnbkFJKBzw1zncp3Vajpy7MY/uSG+Y0+8rzoAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: clamp(38px, 0px + 10.1333333333vw, 76px) auto;
  width: clamp(38px, 0px + 10.1333333333vw, 76px);
  height: clamp(17px, 0px + 4.5333333333vw, 34px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow section:not(:last-child)::after {
    width: clamp(44px, 0px + 5.7291666667vw, 74px); /* 1280pxの場合: 74px */
    height: clamp(19px, -0.3333333333px + 2.5173611111vw, 30px); /* 1280pxの場合: 30px */
    background-size: clamp(44px, 0px + 5.7291666667vw, 74px) clamp(19px, -0.3333333333px + 2.5173611111vw, 30px); /* 1280pxの場合: 74px 30px */
    bottom: calc(clamp(25px, -3.6666666667px + 3.7326388889vw, 42px) * -1); /* 1280pxの場合: -42px */
  }
}
.section-flow .flow section h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(8px, 0px + 2.1333333333vw, 16px);
  color: #338c8c;
  font-size: clamp(25px, 0px + 6.6666666667vw, 50px);
  font-weight: 900;
  margin-bottom: clamp(18px, 0px + 4.8vw, 36px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow section h3 {
    margin-bottom: clamp(8px, 0px + 1.0416666667vw, 14px); /* 1280pxの場合: 14px */
    font-size: clamp(28px, 0px + 3.6458333333vw, 46px); /* 1280pxの場合: 46px */
  }
}
.section-flow .flow section.step4 {
  background-color: #18957e;
}
@media screen and (min-width: 768px) {
  .section-flow .flow section.step4 {
    padding-left: clamp(108px, 4px + 13.5416666667vw, 186px); /* 1280pxの場合: 186px */
  }
}
.section-flow .flow section.step4 h3 {
  align-items: flex-start;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .section-flow .flow section.step4 h3 {
    align-items: center; /* 1280pxの場合: center */
  }
}
.section-flow .flow section.step4 h3 .text {
  text-align: center;
}
.section-flow .flow section.step5 {
  width: clamp(275px, 0px + 73.3333333333vw, 550px);
  padding-left: clamp(8px, 0px + 2.1333333333vw, 16px);
  padding-right: clamp(8px, 0px + 2.1333333333vw, 16px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow section.step5 {
    width: clamp(500px, 0px + 65.1041666667vw, 833px); /* 1280pxの場合: 833px */
    padding-left: clamp(108px, 4px + 13.5416666667vw, 186px); /* 1280pxの場合: 186px */
  }
}
.section-flow .flow section.step5 h3 {
  letter-spacing: -0.2rem;
}
.section-flow .flow section.step5::after {
  left: clamp(166px, 0px + 44.2666666667vw, 332px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow section.step5::after {
    left: clamp(302px, -3.3333333333px + 39.7569444444vw, 506px); /* 1280pxの場合: 506px */
    transform: translate(0);
  }
}
@media screen and (min-width: 768px) {
  .section-flow .flow section.step5 p {
    padding-left: clamp(60px, -86.6666666667px + 19.0972222222vw, 186px); /* 1280pxの場合: 186px */
  }
}
.section-flow .flow section p {
  padding: 0 clamp(20px, 0px + 5.3333333333vw, 40px);
  text-align: center;
}
.section-flow .flow section.step6 {
  position: relative;
}
.section-flow .flow section.step6::before {
  position: absolute;
  top: calc(clamp(18px, 0px + 4.8vw, 36px) * -1);
  left: 50%;
  transform: translate(-50%);
  content: "";
  display: block;
  background-image: url("data:image/png;base64,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");
  background-size: clamp(333px, 0px + 88.8vw, 666px) clamp(27px, 0px + 7.2vw, 54px);
  width: clamp(333px, 0px + 88.8vw, 666px);
  height: clamp(27px, 0px + 7.2vw, 54px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow section.step6::before {
    background-image: url("data:image/png;base64,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");
    background-size: clamp(650px, 0.6666666667px + 84.5486111111vw, 1280px) clamp(34px, -0.6666666667px + 4.5138888889vw, 57px); /* 1280pxの場合: 866px 50px */
    width: clamp(650px, 0.6666666667px + 84.5486111111vw, 1280px); /* 1280pxの場合: 866px */
    height: clamp(34px, -0.6666666667px + 4.5138888889vw, 57px); /* 1280pxの場合: 50px */
    top: -10px;
  }
}
.section-flow .flow .flow-step1-pc,
.section-flow .flow .flow-step2-pc,
.section-flow .flow .flow-step3-pc,
.section-flow .flow .flow-step4-pc,
.section-flow .flow .flow-step5-pc,
.section-flow .flow .flow-step6-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .section-flow .flow .flow-step1-pc,
  .section-flow .flow .flow-step2-pc,
  .section-flow .flow .flow-step3-pc,
  .section-flow .flow .flow-step4-pc,
  .section-flow .flow .flow-step5-pc,
  .section-flow .flow .flow-step6-pc {
    position: absolute;
    left: clamp(26px, -0.6666666667px + 3.4722222222vw, 40px); /* 1280pxの場合: 40px */
    display: block;
    width: clamp(94px, 0.6666666667px + 12.1527777778vw, 146px); /* 1280pxの場合: 146px */
  }
}
.section-flow .flow .flow-step1-sp,
.section-flow .flow .flow-step2-sp,
.section-flow .flow .flow-step3-sp,
.section-flow .flow .flow-step5-sp,
.section-flow .flow .flow-step6-sp {
  position: absolute;
  top: calc(clamp(24px, 0px + 6.4vw, 48px) * -1);
  left: 50%;
  transform: translate(-50%);
  width: clamp(44px, 0px + 11.7333333333vw, 88px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .flow-step1-sp,
  .section-flow .flow .flow-step2-sp,
  .section-flow .flow .flow-step3-sp,
  .section-flow .flow .flow-step5-sp,
  .section-flow .flow .flow-step6-sp {
    display: none;
  }
}
.section-flow .flow .flow-step4-sp {
  position: absolute;
  top: calc(clamp(24px, 0px + 6.4vw, 48px) * -1);
  left: 50%;
  transform: translate(-50%);
  width: clamp(50px, 0px + 13.3333333333vw, 100px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .flow-step4-sp {
    display: none;
  }
}
.section-flow .flow .flow-step5-sp {
  left: clamp(166px, 0px + 44.2666666667vw, 332px);
}
.section-flow .flow .icon-step1 {
  width: clamp(30px, 0px + 8vw, 60px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .icon-step1 {
    width: clamp(32px, 2px + 3.90625vw, 53px);
  }
}
.section-flow .flow .icon-step2 {
  width: clamp(39px, 0px + 10.4vw, 78px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .icon-step2 {
    width: clamp(44px, 1.3333333333px + 5.5555555556vw, 72px);
  }
}
.section-flow .flow .icon-step3 {
  width: clamp(31px, 0px + 8.2666666667vw, 62px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .icon-step3 {
    width: clamp(38px, -8.6666666667px + 6.0763888889vw, 69px);
  }
}
.section-flow .flow .icon-step4 {
  width: clamp(48px, 0px + 12.8vw, 96px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .icon-step4 {
    width: clamp(50px, 1.3333333333px + 6.3368055556vw, 82px);
  }
}
.section-flow .flow .icon-step5 {
  width: clamp(30px, 0px + 8vw, 60px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .icon-step5 {
    width: clamp(44px, 1.3333333333px + 5.5555555556vw, 72px);
  }
}
.section-flow .flow .icon-step6 {
  width: clamp(32px, 0px + 8.5333333333vw, 64px);
}
@media screen and (min-width: 768px) {
  .section-flow .flow .icon-step6 {
    width: clamp(44px, 1.3333333333px + 5.5555555556vw, 72px);
  }
}

.section-inquiry {
  padding-top: clamp(47px, 0px + 12.5333333333vw, 94px);
  padding-bottom: clamp(56px, 0px + 14.9333333333vw, 112px);
}
@media screen and (min-width: 768px) {
  .section-inquiry {
    padding-left: clamp(104px, -6.6666666667px + 14.4097222222vw, 186px) !important; /* 1280pxの場合: 186px */
    padding-right: clamp(104px, -6.6666666667px + 14.4097222222vw, 186px) !important; /* 1280pxの場合: 186px */
    padding-top: clamp(70px, 4.6666666667px + 8.5069444444vw, 110px); /* 1280pxの場合: 110px */
    padding-bottom: clamp(64px, 4px + 7.8125vw, 106px); /* 1280pxの場合: 106px */
  }
}
.section-inquiry h2 {
  margin-bottom: clamp(42px, 0px + 11.2vw, 84px);
  text-align: center;
  font-size: clamp(25px, 0px + 6.6666666667vw, 50px);
  color: #3e3a39;
}
@media screen and (min-width: 768px) {
  .section-inquiry h2 {
    margin-bottom: clamp(54px, 3.3333333333px + 6.5972222222vw, 90px); /* 1280pxの場合: 90px */
    font-size: clamp(28px, 0px + 3.6458333333vw, 46px); /* 1280pxの場合: 46px */
  }
}
.section-inquiry h3 {
  margin-bottom: clamp(37px, 0px + 9.8666666667vw, 74px);
  font-size: clamp(19px, 0px + 5.0666666667vw, 38px);
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-inquiry h3 {
    margin-bottom: clamp(34px, 3.3333333333px + 3.9930555556vw, 57px); /* 1280pxの場合: 57px */
    font-size: clamp(15px, -0.3333333333px + 1.9965277778vw, 25px); /* 1280pxの場合: 25px */
  }
}
.section-inquiry .icon-tel {
  width: clamp(32px, 0px + 8.5333333333vw, 64px);
}
@media screen and (min-width: 768px) {
  .section-inquiry .icon-tel {
    width: clamp(37px, 1px + 4.6875vw, 62px); /* 1280pxの場合: 62px */
  }
}
.section-inquiry .icon-fax {
  width: clamp(32px, 0px + 8.5333333333vw, 64px);
}
@media screen and (min-width: 768px) {
  .section-inquiry .icon-fax {
    width: clamp(40px, 2.6666666667px + 4.8611111111vw, 68px); /* 1280pxの場合: 68px */
  }
}
.section-inquiry .icon-mail {
  width: clamp(25px, 0px + 6.6666666667vw, 50px);
}
@media screen and (min-width: 768px) {
  .section-inquiry .icon-mail {
    width: clamp(40px, 1.3333333333px + 5.0347222222vw, 66px); /* 1280pxの場合: 66px */
  }
}
.section-inquiry .information-list {
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 0px + 4.8vw, 36px);
  margin-bottom: clamp(35px, 0px + 9.3333333333vw, 70px);
}
@media screen and (min-width: 768px) {
  .section-inquiry .information-list {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    margin-bottom: clamp(40px, 6.6666666667px + 4.3402777778vw, 65px); /* 1280pxの場合: 65px */
  }
}
.section-inquiry dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(13px, 0px + 3.4666666667vw, 26px);
}
@media screen and (min-width: 768px) {
  .section-inquiry dl {
    gap: clamp(9px, -1.6666666667px + 1.3888888889vw, 16px); /* 1280pxの場合: 16px */
  }
}
.section-inquiry .info-tel {
  font-size: clamp(28px, 0px + 7.4666666667vw, 56px);
  font-weight: 900;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .section-inquiry .info-tel {
    font-size: clamp(26px, -0.6666666667px + 3.4722222222vw, 44px); /* 1280pxの場合: 44px */
  }
}
.section-inquiry .info-fax {
  font-size: clamp(28px, 0px + 7.4666666667vw, 56px);
  font-weight: 900;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .section-inquiry .info-fax {
    font-size: clamp(26px, -0.6666666667px + 3.4722222222vw, 44px); /* 1280pxの場合: 44px */
  }
}
.section-inquiry .info-mail {
  margin-bottom: clamp(37px, 0px + 9.8666666667vw, 74px);
}
@media screen and (min-width: 768px) {
  .section-inquiry .info-mail {
    margin-bottom: clamp(44px, -4px + 6.25vw, 76px); /* 1280pxの場合: 76px */
  }
}
.section-inquiry .mail-link {
  text-decoration: none;
  font-size: clamp(18px, 0px + 4.8vw, 36px);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .section-inquiry .mail-link {
    font-size: clamp(22px, -0.6666666667px + 2.9513888889vw, 38px); /* 1280pxの場合: 38px */
  }
}
.section-inquiry .notice-list {
  display: flex;
  flex-direction: column;
  gap: clamp(9px, 0px + 2.4vw, 18px);
}
@media screen and (min-width: 768px) {
  .section-inquiry .notice-list {
    gap: clamp(8px, 4px + 0.5208333333vw, 10px); /* 1280pxの場合: 10px */
  }
}
.section-inquiry .notice-list li {
  font-size: clamp(12px, 0px + 3.2vw, 24px);
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.04rem;
}
@media screen and (min-width: 768px) {
  .section-inquiry .notice-list li {
    font-size: clamp(10px, -0.6666666667px + 1.3888888889vw, 18px); /* 1280pxの場合: 18px */
  }
}

.img-main-pc-wrapper {
  width: 100vw;
  display: none;
}
@media screen and (min-width: 768px) {
  .img-main-pc-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(./main_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

.img-main-pc {
  width: 100vw;
  max-width: 1280px;
  display: none;
}
@media screen and (min-width: 768px) {
  .img-main-pc {
    display: block;
  }
}

.img-main-sp {
  width: 100vw;
  display: block;
}
@media screen and (min-width: 768px) {
  .img-main-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .wrap-content {
    max-width: 1280px;
    margin: auto;
  }
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(123px, 0px + 32.8vw, 246px);
  background-color: #3e3a39;
  color: #fff;
  font-size: clamp(10px, 0px + 2.6666666667vw, 20px);
  border-top: solid 1px #fff;
}
@media screen and (min-width: 768px) {
  footer {
    height: clamp(98px, -1.3333333333px + 12.9340277778vw, 162px); /* 1280pxの場合: 162px */
    font-size: clamp(10px, 0.6666666667px + 1.2152777778vw, 18px); /* 1280pxの場合: 18px */
  }
}

.sticky-menu {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 0px + 3.2vw, 24px);
  height: clamp(75px, 0px + 20vw, 150px);
  background-color: #3e3a39;
  color: #fff;
  font-size: clamp(15px, 0px + 4vw, 30px);
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .sticky-menu {
    font-size: clamp(24px, 6.6666666667px + 2.2569444444vw, 34px); /* 1280pxの場合: 34px */
    height: clamp(79px, -0.3333333333px + 10.3298611111vw, 130px); /* 1280pxの場合: 130px */
    gap: clamp(31px, 0.3333333333px + 3.9930555556vw, 54px); /* 1280pxの場合: 54px */
  }
}
.sticky-menu .btn-apply {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(138px, 1px + 36.5333333333vw, 275px);
  height: clamp(39px, 0px + 10.4vw, 78px);
  font-size: clamp(16px, 0px + 4.2666666667vw, 32px);
  font-weight: 700;
  background-color: #f87a0e;
  border-radius: clamp(19px, -1px + 5.3333333333vw, 39px);
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .sticky-menu .btn-apply {
    width: clamp(176px, 0px + 22.9166666667vw, 293px); /* 1280pxの場合: 293px */
    height: clamp(35px, -1px + 4.6875vw, 56px); /* 1280pxの場合: 56px */
    font-size: clamp(15px, -0.3333333333px + 1.9965277778vw, 25px); /* 1280pxの場合: 25px */
  }
}

.p-x-contents {
  padding-left: var(--px-contents);
  padding-right: var(--px-contents);
}
@media screen and (min-width: 768px) {
  .p-x-contents {
    padding-left: clamp(60px, 1.3333333333px + 7.6388888889vw, 70px); /* 1280pxの場合: 90px */
    padding-right: clamp(60px, 1.3333333333px + 7.6388888889vw, 70px); /* 1280pxの場合: 90px */
  }
}

.p-l-contents {
  padding-left: var(--px-contents);
}
@media screen and (min-width: 768px) {
  .p-l-contents {
    padding-left: clamp(60px, 1.3333333333px + 7.6388888889vw, 90px); /* 1280pxの場合: 90px */
  }
}

.p-r-contents {
  padding-right: var(--px-contents);
}
@media screen and (min-width: 768px) {
  .p-r-contents {
    padding-right: clamp(60px, 1.3333333333px + 7.6388888889vw, 90px); /* 1280pxの場合: 90px */
  }
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.w-full {
  width: 100vw;
}

.f-family-jost {
  font-family: "Jost", serif;
  font-optical-sizing: auto;
  font-weight: bold;
}

.f-family-noto {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.di-n {
  display: none;
}

.block {
  display: block;
}
@media screen and (min-width: 768px) {
  .block {
    display: inline;
  }
}