@charset "UTF-8";

:root {
  --r26-orange: #ff7500;
  --r26-orange-soft: #fc7b27;
  --r26-yellow: #f7d72f;
  --r26-cream: #fffce9;
  --r26-pale: #fff7cc;
  --r26-teal: #1cbdb2;
  --r26-text: #333333;
  --r26-width: 1050px;
}

* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body#dekirukun {
  margin: 0;
  color: var(--r26-text);
  background: var(--r26-cream);
  font-family:
    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a {
  color: inherit;
}
button,
input {
  font: inherit;
}
section {
  scroll-margin-top: 75px;
}
.r26-wrap {
  width: min(calc(100% - 40px), var(--r26-width));
  margin-inline: auto;
}
.r26-mobile-only {
  display: none;
}

.r26-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7em;
  min-height: 54px;
  padding: 10px 30px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: var(--r26-teal);
  box-shadow:
    0 3px 0 #068c89,
    0 6px 8px #0003;
  color: #fff;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.r26-button::after {
  content: "▶";
  display: inline-grid;
  place-items: center;
  width: 1.35em;
  height: 1.35em;
  border-radius: 50%;
  background: #fff;
  color: var(--r26-teal);
  font-size: 0.8em;
}
.r26-button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 5px 0 #068c89,
    0 9px 12px #0003;
}
.r26-button:focus-visible,
.r26-section-nav a:focus-visible,
summary:focus-visible,
.r26-plan__sample:focus-visible {
  outline: 3px solid #145cc8;
  outline-offset: 4px;
}
.r26-button--small {
  min-height: 48px;
  padding-inline: 20px;
  font-size: 14px;
}
.r26-button--hero {
  min-width: 550px;
  min-height: 94px;
  border: 6px double #fff;
  font-size: 31px;
}

.r26-header {
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0 2px 6px #0001;
}
.r26-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 100px;
  gap: 24px;
}
.r26-header__logo {
  width: 320px;
}
.r26-header__actions {
  display: flex;
  gap: 20px;
}
.r26-header__actions .r26-button {
  min-width: 220px;
}

.r26-hero {
  overflow: hidden;
  background: var(--r26-cream)
    url("../../../../images/lp/hp-dekirukun/mv/image_background.png") center center /
    cover no-repeat;
}
.r26-hero__inner {
  display: grid;
  grid-template-columns: 210px 1fr 210px;
  grid-template-rows: 400px auto auto auto;
  position: relative;
  margin-block: 0;
  padding-top: 60px;
  padding-bottom: 62px;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.r26-hero__headline {
  display: contents;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.r26-hero__examples {
  display: grid;
  align-content: start;
  gap: 13px;
  padding-top: 12px;
}
.r26-hero__examples img {
  width: 100%;
  border: 5px solid #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px #0002;
}
.r26-hero__copy {
  display: block;
  position: relative;
  text-align: left;
  padding-inline: 50px 0;
}
.r26-hero__proof {
  display: grid;
  gap: 2px;
  width: max-content;
  margin: 0 0 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: -0.035em;
}
.r26-hero__proof > span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.r26-hero__proof-text {
  display: inline-flex;
  align-items: baseline;
}
.r26-hero__proof > span::before {
  content: "";
  flex: 0 0 24px;
  width: 24px;
  height: 22px;
  margin-right: 6px;
  background: url("../images/re-202610-check.png") center / contain no-repeat;
}
.r26-hero__proof strong {
  color: #b78308;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .r26-hero__proof {
    height: 70px;
    margin-bottom: 0;
    align-content: center;
  }
}
.r26-hero__heading {
  display: block;
  margin: 0;
  font-weight: 900;
  line-height: 1.23;
}
.r26-hero__lead {
  display: block;
  font-size: 40px;
  line-height: 1.6;
  letter-spacing: -0.04em;
}
.r26-hero__lead strong {
  font-size: 1.23em;
  line-height: 0;
  background: linear-gradient(transparent 78%, var(--r26-yellow) 78%);
}
.r26-hero__free {
  display: contents;
  color: var(--r26-orange-soft);
  white-space: nowrap;
}
.r26-hero__free span {
  position: absolute;
  z-index: 2;
  left: 50px;
  bottom: 0;
  font-size: 100px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.07em;
  -webkit-text-stroke: 3px #fff;
  paint-order: stroke fill;
}
.r26-hero__free img {
  position: absolute;
  top: 14px;
  right: 45px;
  width: 220px;
  height: 380px;
  max-width: none;
}
.r26-hero__price {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 1 / -1;
  width: min(850px, 100%);
  min-height: 185px;
  margin: 20px auto 32px;
  padding: 16px 50px;
  border: 3px solid var(--r26-orange);
  border-radius: 10px;
  background: #fff;
}
.r26-hero__included {
  display: block;
  flex: 1;
  margin: 0;
  font-size: 21px;
  line-height: 1.8;
}
.r26-hero__included mark {
  padding: 0 3px;
  background: var(--r26-orange);
  color: #fff;
  white-space: nowrap;
}
.r26-hero__mobile-break {
  display: none;
}
.r26-hero__all {
  flex: 0 0 76px;
  margin: 0;
  text-align: center;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .r26-hero__included {
    flex: 0 0 300px;
  }
  .r26-hero__all {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .r26-hero__all br {
    display: none;
  }
}
.r26-hero__amount {
  flex: 1.05;
  margin: 0;
  text-align: center;
  line-height: 1.2;
}
.r26-hero__amount > span {
  display: block;
  font-size: 29px;
  font-weight: 900;
}
.r26-hero__amount > strong {
  display: block;
  color: var(--r26-orange);
  font-size: 85px;
  font-weight: 800;
  line-height: 1.05;
  white-space: nowrap;
  font-family: "Noto Sans", sans-serif;
}
.r26-hero__amount > strong small {
  font-size: 0.42em;
}
.r26-hero__amount > small {
  display: block;
  text-align: right;
  font-size: 11px;
}
@media (min-width: 768px) {
  .r26-hero__amount {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  }
  .r26-hero__amount > span {
    grid-column: 1 / -1;
  }
  .r26-hero__amount > strong,
  .r26-hero__amount > small {
    grid-column: 2;
  }
  .r26-hero__amount > strong {
    text-align: left;
  }
  .r26-hero__amount > small {
    text-align: right;
  }
  .r26-hero__amount > span {
    position: relative;
  }
  .r26-hero__amount > span > small {
    font-size: 12px;
  }
  .r26-hero__no {
    font-size: 22px;
  }
  .r26-hero__monthly {
    font-size: 30px;
  }
  .r26-hero__amount > span::before {
    content: "●●●●";
    position: absolute;
    top: -10px;
    left: 95px;
    color: var(--r26-teal);
    font-size: 10px;
    line-height: 1;
    letter-spacing: 19px;
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .r26-hero__price {
    padding-inline: 20px;
  }
  .r26-hero__included {
    flex-basis: 280px;
    font-size: 19px;
  }
}
.r26-cta-note {
  display: block;
  grid-column: 1 / -1;
  margin: 0 0 5px;
  color: #666;
  font-size: 19px;
  font-weight: 800;
  text-align: center;
}
.c-button.-large.r26-hero__legacy-button {
  grid-column: 1 / -1;
  justify-self: center;
  --legacy-button-unit: min(1.25vw, 16px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: max-content;
  min-width: 30.875em;
  max-width: 100%;
  block-size: 6.5em;
  padding: .5em .5em .5em 2.375em;
  border-radius: 3.25em;
  background-image: linear-gradient(to right, #00bcb0, #00dacd);
  box-shadow: 0 .25em .25em color-mix(in srgb, #008f87 80%, transparent);
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: var(--legacy-button-unit);
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.c-button.-large.r26-hero__legacy-button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - .75em);
  height: calc(100% - .75em);
  border: .125em solid #fff;
  border-radius: inherit;
  content: "";
  translate: none;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.c-button.-large.r26-hero__legacy-button > span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.11111em;
  font-size: 2.25em;
  letter-spacing: .18em;
  white-space: nowrap;
}
.c-button.-large.r26-hero__legacy-button > span::after {
  display: inline-block;
  flex: 0 0 1.11111em;
  width: 1.11111em;
  height: 1.11111em;
  background-color: #fff;
  content: "";
  mask: url("../../../../images/lp/hp-dekirukun/common/icon_arrow.svg") center / contain no-repeat;
}
.r26-hero__legacy-button:focus-visible {
  outline: 3px solid #145cc8;
  outline-offset: 4px;
}
@media (any-hover: hover) {
  .r26-hero__legacy-button:hover {
    background-image: linear-gradient(to right, #8ce1db, #8ceee8);
    box-shadow: 0 .25em .25em color-mix(in srgb, #008f87 25%, transparent);
  }
}
@media (min-width: 768px) {
  .r26-hero .r26-cta-note {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 600;
  }
}

.r26-section-nav {
  background: var(--r26-yellow);
  padding: 45px 0;
}
.r26-section-nav__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 30px;
  max-width: 850px;
}
.r26-section-nav a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 5px 38px 5px 28px;
  border: 2px solid var(--r26-orange);
  border-radius: 999px;
  background: #fff;
  color: var(--r26-orange);
  font-weight: 700;
  text-decoration: none;
}
.r26-section-nav a::after {
  content: "▼";
  position: absolute;
  right: 23px;
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--r26-orange);
  color: #fff;
  font-size: 8px;
}
.r26-section-nav a:hover {
  background: #fff6da;
}

.r26-section-heading {
  text-align: center;
}
.r26-section-heading__icon {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 24px;
  background: url("../images/re-202610-works-icon.svg") center / contain no-repeat;
}
.r26-section-heading h2 {
  margin: 0;
  font-size: 33px;
  font-weight: 900;
  line-height: 1.45;
}
.r26-works {
  position: relative;
  overflow: hidden;
  padding: 78px 0 0;
  background-color: #fff;
  background-image:
    linear-gradient(rgb(255 255 255 / 60%), rgb(255 255 255 / 60%)),
    url("../../../../images/lp/hp-dekirukun/introduction/image_background@2x.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.r26-works > .r26-wrap {
  margin-bottom: 100px;
}
.r26-works__decoration {
  position: absolute;
  width: 230px;
  pointer-events: none;
}
.r26-works__decoration--left {
  top: 0;
  left: 0;
}
.r26-works__decoration--right {
  top: 30px;
  right: 0;
}
.r26-works__intro {
  margin: 28px auto 36px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.r26-works__intro strong {
  color: var(--r26-orange);
}
.r26-works__gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 0 auto 46px;
}
.r26-works__gallery img {
  width: 100%;
}
.r26-industries {
  position: relative;
  left: 50%;
  width: min(1148px, calc(100vw - 40px));
  padding: 30px 32px 28px;
  transform: translateX(-50%);
  border: 2px solid #F7D72F;
  border-radius: 11px;
  background: #fff7c8;
}
.r26-industries h3 {
  margin: 0 0 22px;
  text-align: center;
  font-size: 28px;
}
.r26-industries ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.r26-industries li {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
}
.r26-industries li::before {
  content: "■";
  margin-right: 7px;
  color: var(--r26-orange);
  font-size: 0.8em;
}
.r26-industries p {
  margin: 12px 0 0;
  font-size: 16px;
}

.r26-action {
  background: var(--r26-cream);
}
.r26-action__eyebrow {
  margin: 0;
  padding: 65px 12px 20px;
  text-align: center;
}
.r26-action__eyebrow img {
  display: block;
  width: min(494px, 100%);
  height: auto;
  margin: 0 auto;
}
.r26-action__body {
  padding: 40px 0 44px;
  background: var(--r26-orange);
  color: #fff;
  text-align: center;
}
.r26-action__badge {
  display: table;
  margin: 0 auto 25px;
  padding: 4px 34px;
  border: 5px double var(--r26-orange);
  border-radius: 5px;
  background: #fff;
  color: var(--r26-text);
  font-size: 25px;
  font-weight: 900;
}
.r26-action h2 {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 35px;
  border-bottom: 5px solid var(--r26-yellow);
  font-size: clamp(24px, 3.1vw, 42px);
  font-weight: 900;
  line-height: 1.4;
}
.r26-action__free {
  font-size: 50px;
}
.r26-action__facts {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 5px;
}
.r26-action__fact-lead {
  display: none;
}
.r26-action__main-fact,
.r26-action__facts > div p {
  margin: 0;
  border: 4px solid #fff;
  border-radius: 5px;
  background: #fff7d0;
  color: var(--r26-text);
  font-weight: 900;
}
.r26-action__main-fact {
  display: flex;
  align-items: center;
  padding: 10px 28px;
  font-size: 25px;
  white-space: nowrap;
}
.r26-action__main-fact > span {
  line-height: 1;
  white-space: nowrap;
}
.r26-action__main-fact strong {
  font-size: 1.8em;
}
.r26-action__comma {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}
.r26-action__facts > div {
  display: grid;
  gap: 5px;
}
.r26-action__facts > div p {
  min-width: 250px;
  padding: 4px 10px;
  font-size: 20px;
  line-height: 1.2;
}
.r26-action__days {
  font-size: 30px;
}
.r26-action__entrust {
  font-size: 24px;
}
.r26-action__disclaimer {
  max-width: 790px;
  margin: 2px auto 42px;
  font-size: 11px;
  text-align: left;
}
.r26-action .r26-cta-note {
  color: #fff;
}
.r26-action .r26-hero__legacy-button {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .r26-action__eyebrow {
    padding: 24px 12px 25px;
  }
  .r26-action__eyebrow img {
    width: min(510px, 100%);
  }
  .r26-action__body {
    padding: 40px 0 35px;
  }
  .r26-action__badge {
    margin-bottom: 33px;
    padding: 10px 36px;
    border: 5px solid var(--r26-yellow);
    box-shadow: inset 0 0 0 3px var(--r26-orange);
    font-size: 28px;
    line-height: 1.2;
  }
  .r26-action h2 {
    margin-bottom: 58px;
    font-size: 40px;
    line-height: 1.25;
  }
  .r26-action__facts {
    position: relative;
    width: min(758px, 100%);
    margin-inline: auto;
  }
  .r26-action__fact-lead {
    position: absolute;
    z-index: 2;
    top: -19px;
    left: 244px;
    display: block;
    width: 315px;
    margin: 0;
    padding: 6px 12px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #fff;
    color: var(--r26-orange);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
    white-space: nowrap;
  }
  .r26-action__fact-lead small {
    font-size: 10px;
  }
  .r26-action__main-fact {
    flex: 0 0 488px;
    justify-content: center;
    min-height: 93px;
    padding: 8px 14px;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2;
  }
  .r26-action__main-fact strong {
    font-size: 1.85em;
    font-weight: 900;
  }
  .r26-action__facts > div {
    flex: 0 0 265px;
  }
  .r26-action__facts > div p {
    display: flex;
    align-items: baseline;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 3px 8px;
    font-weight: 400;
  }
  .r26-action__facts > div p strong {
    font-weight: 900;
  }
  .r26-action__disclaimer {
    width: min(758px, 100%);
    max-width: none;
    margin: 8px auto 42px;
  }
  .r26-action .r26-cta-note {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
  }
  .r26-action .r26-button--hero {
    position: relative;
    min-width: 535px;
    min-height: 98px;
    border: 0;
    background: #1bbab1;
    box-shadow: 0 8px 10px #0003;
    font-size: 36px;
    font-weight: 900;
  }
  .r26-action .r26-button--hero::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid #fff;
    border-radius: inherit;
    pointer-events: none;
  }
  .r26-action .r26-button--hero::after {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border: 4px solid #18aaa5;
    box-shadow: 0 0 0 2px #29c8bf;
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .r26-action__facts {
    width: 100%;
  }
  .r26-action__main-fact {
    flex: 1;
    font-size: 22px;
  }
  .r26-action__facts > div {
    flex-basis: 235px;
  }
  .r26-action__fact-lead {
    left: 32%;
  }
}

.r26-pattern {
  background-color: var(--r26-yellow);
  background-image: url("../../../../images/lp/hp-dekirukun/common/image_background-particle.png");
  background-position: center top;
  background-size: 1512px auto;
}
.r26-features {
  padding: 85px 0 75px;
}
.r26-features.r26-pattern,
.r26-plans.r26-pattern {
  background-image:
    linear-gradient(
      to bottom,
      color-mix(in srgb, var(--r26-yellow) 70%, transparent) 0%,
      color-mix(in srgb, var(--r26-yellow) 70%, transparent) 100%
    ),
    url("../../../../images/lp/hp-dekirukun/common/image_background-particle@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.r26-feature-list {
  display: grid;
  gap: 40px;
  margin-top: 56px;
}
.r26-feature {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 310px;
  align-items: center;
  gap: 40px;
  min-height: 300px;
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
}
.r26-feature__number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-self: stretch;
  background: var(--r26-orange);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}
.r26-feature__number strong {
  font-size: 48px;
  line-height: 1.1;
}
.r26-feature__text {
  padding-block: 26px;
}
.r26-feature h3 {
  margin: 0 0 16px;
  font-size: 27px;
  line-height: 1.5;
}
.r26-feature h3 em {
  color: var(--r26-orange);
  font-style: normal;
}
.r26-feature__price-line {
  font-size: 30px;
  white-space: nowrap;
}
.r26-feature p {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
.r26-feature > img {
  width: 310px;
  height: 225px;
  margin-right: 40px;
  object-fit: contain;
  background: #fff7c9;
}
@media (min-width: 768px) {
  .r26-feature {
    padding-right: 70px;
  }
  .r26-feature > img {
    margin-right: 0;
  }
}
.r26-services__heading {
  margin: 60px 0 20px;
  font-size: 30px;
  text-align: center;
}
.r26-services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.r26-services li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 68px;
  padding: 7px;
  border: 2px solid var(--r26-orange);
  border-radius: 6px;
  background: #fff;
  font-size: 17px;
  font-weight: 800;
  text-align: center;
  line-height: 1.3;
}
.r26-services small {
  font-size: 12px;
  font-weight: 500;
}

.r26-comparison {
  position: relative;
  padding: 90px 0 0;
  background: var(--r26-cream);
}
.r26-comparison__decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 245px;
}
.r26-comparison__lead {
  margin: 30px 0 54px;
  font-size: 19px;
  font-weight: 800;
  text-align: center;
}
.r26-comparison__lead span {
  color: var(--r26-orange);
}
.r26-table-scroll {
  overflow-x: auto;
}
.r26-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
  font-weight: 800;
}
.r26-table th,
.r26-table td {
  padding: 16px 8px;
  border: 2px solid #fff;
}
.r26-table thead th {
  background: #a4a4a4;
  color: #fff;
  font-size: 19px;
}
.r26-table thead th:first-child {
  background: transparent;
}
.r26-table tbody th {
  width: 20%;
  background: var(--r26-yellow);
}
.r26-table tbody td {
  background: #f3f3f3;
}
.r26-table .r26-table__ours {
  border-inline: 3px solid var(--r26-orange);
  background: #fff7cc;
}
.r26-table thead .r26-table__ours {
  background: var(--r26-orange);
}
.r26-table thead .r26-table__ours img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.r26-table .r26-table__ours strong {
  color: var(--r26-orange);
  font-size: 1.35em;
}
.r26-table-hint {
  display: none;
}
.r26-comparison__closing {
  margin: 48px 20px 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.r26-comparison__closing strong {
  color: var(--r26-orange);
}

.r26-plans {
  padding: 80px 0 70px;
}
.r26-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  margin-top: 56px;
}
.r26-plan {
  overflow: hidden;
  border-radius: 13px;
  background: #fff;
}
.r26-plan__top {
  padding: 18px 12px 15px;
  background: var(--r26-orange-soft);
  color: #fff;
  text-align: center;
}
.r26-plan__top h3 {
  margin: 0;
  font-size: 22px;
}
.r26-plan__top > p {
  margin: 0;
  font-size: 14px;
}
.r26-plan__price {
  margin-top: 11px !important;
  font-size: 20px !important;
  font-weight: 800;
}
.r26-plan__price strong {
  font-size: 38px;
  line-height: 1;
}
.r26-plan__comma,
.r26-numeric-comma {
  font-family: "Noto Sans", sans-serif;
}
.r26-plan__body {
  display: flex;
  flex-direction: column;
  min-height: 385px;
  padding: 22px 22px 26px;
}
.r26-plan__body h4 {
  margin: 0 0 4px;
  font-size: 16px;
}
.r26-plan__body h4:not(:first-child) {
  margin-top: 17px;
}
.r26-plan__body p {
  margin: 0;
}
.r26-plan__body ul {
  margin: 0 0 16px;
  padding-left: 22px;
}
.r26-plan__body li {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px dotted #bbb;
  font-size: 14px;
}
.r26-plan__sample {
  display: block;
  margin: auto auto 18px;
  color: #3629ff;
  font-weight: 800;
  text-align: center;
}
.r26-plan__body .r26-button {
  position: relative;
  width: 100%;
  min-height: 48px;
  padding: 8px 42px;
  border: 0;
  background: #35b9b0;
  box-shadow: 0 2px 0 #1daca3;
  font-size: 16px;
  font-weight: 800;
}
.r26-plan__body .r26-button::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid #fff;
  border-radius: inherit;
  pointer-events: none;
}
.r26-plan__body .r26-button::after {
  position: absolute;
  right: 23px;
  width: 25px;
  height: 25px;
  border: 3px solid #25c7bc;
  box-shadow: 0 0 0 2px #53c9c1;
  font-size: 10px;
}
.r26-plan__body .r26-button:hover {
  box-shadow: 0 4px 0 #1daca3;
}
.r26-plans__more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(440px, 100%);
  min-height: 75px;
  margin: 60px auto 0;
  border: 3px solid var(--r26-orange);
  border-radius: 999px;
  background: #fff;
  color: var(--r26-orange);
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
}
.r26-plans__more::after {
  content: "";
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin-left: 14px;
  background: url("../images/re-202610-plan-more-icon.svg") center / contain no-repeat;
}

.r26-flow {
  position: relative;
  padding: 80px 0 85px;
  background: #fff7c9;
}
.r26-flow__decoration {
  position: absolute;
  top: 0;
  right: 1%;
  width: 180px;
}
.r26-flow__lead {
  margin: 30px 0 60px;
  text-align: center;
  font-size: 19px;
  font-weight: 900;
}
.r26-flow__lead strong {
  color: var(--r26-orange);
}
.r26-flow__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.r26-flow__list li {
  position: relative;
  min-height: 335px;
  padding: 37px 16px 18px;
  border: 2px solid var(--r26-yellow);
  background: #fff;
  text-align: center;
}
.r26-flow__list li > span {
  position: absolute;
  top: -26px;
  left: 50%;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--r26-yellow);
  font-size: 23px;
  font-weight: 900;
}
.r26-flow__list img {
  width: 70px;
  height: 65px;
  margin: 0 auto 14px;
  object-fit: contain;
}
.r26-flow__list h3 {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.3;
}
.r26-flow__list p {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}

.r26-faq {
  padding: 85px 0 90px;
}
.r26-faq__list {
  display: grid;
  gap: 16px;
  margin: 55px auto 0;
  max-width: 980px;
}
.r26-faq details {
  background: #fff;
  border-radius: 5px;
}
.r26-faq summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 75px;
  padding: 12px 56px 12px 26px;
  cursor: pointer;
  font-size: 19px;
  font-weight: 800;
  list-style: none;
}
.r26-faq summary::-webkit-details-marker {
  display: none;
}
.r26-faq summary span {
  min-width: 70px;
  color: var(--r26-orange);
  font-size: 30px;
}
.r26-faq summary::after {
  content: "▼";
  position: absolute;
  right: 27px;
  color: var(--r26-yellow);
}
.r26-faq details[open] summary::after {
  transform: rotate(180deg);
}
.r26-faq details p {
  margin: 0;
  padding: 0 35px 26px 96px;
}

.r26-contact {
  padding: 90px 20px;
  background: #fff;
}
.r26-contact__card {
  max-width: 950px;
  margin: auto;
  padding: 48px clamp(25px, 6vw, 90px);
  background: #fff;
  box-shadow: 0 0 20px #0002;
}
.r26-contact .r26-section-heading h2 {
  color: var(--r26-orange);
}
.r26-contact__card > p {
  margin: 14px 0 45px;
  text-align: center;
}
.r26-contact__form {
  min-height: 200px;
}
.r26-contact__form .hs-form-field {
  margin-bottom: 20px;
}
.r26-contact__form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 800;
}
.r26-contact__form input:not([type="checkbox"]),
.r26-contact__form select,
.r26-contact__form textarea {
  width: 100% !important;
  min-height: 47px;
  padding: 9px 12px;
  border: 1px solid #dbe3e9;
  border-radius: 8px;
  background: #f4f7f9;
}
.r26-contact__form .hs-button {
  display: block;
  min-width: 260px;
  min-height: 54px;
  margin: 35px auto 0;
  padding: 10px 24px;
  border: 0;
  border-radius: 12px;
  background: var(--r26-teal);
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  cursor: pointer;
}
.r26-contact__form .hs-error-msgs {
  color: #b32020;
}
.r26-footer {
  padding: 38px 0;
  border-top: 1px solid #eee;
  background: #fff;
}
.r26-footer .r26-wrap {
  display: flex;
  align-items: center;
  gap: 60px;
}
.r26-footer__company {
  flex: 0 0 35%;
  border-right: 1px solid #ddd;
}
.r26-footer__company strong {
  display: block;
  margin-bottom: 10px;
}
.r26-footer address {
  font-style: normal;
  font-size: 13px;
}
.r26-footer__brand {
  display: flex;
  align-items: center;
  gap: 20px;
}
.r26-footer__brand img {
  width: 260px;
}
.r26-footer__brand p {
  margin: 0;
  font-size: 12px;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .r26-hero__inner {
    grid-template-columns: 155px minmax(0, 1fr) 155px;
  }
  .r26-hero__copy {
    padding-inline: 15px;
  }
  .r26-hero__lead {
    font-size: 29px;
  }
  .r26-hero__free span {
    left: 15px;
    font-size: 60px;
  }
  .r26-hero__free img {
    right: 20px;
    width: 180px;
    height: auto;
  }
  .r26-feature {
    grid-template-columns: 70px minmax(0, 1fr) clamp(160px, 21vw, 230px);
    gap: 20px;
  }
  .r26-feature > img {
    width: 100%;
    height: 190px;
    margin-right: 0;
  }
  .r26-feature h3 {
    font-size: 22px;
  }
  .r26-feature__price-line {
    font-size: clamp(25px, calc(2vw + 9.5px), 30px);
  }
  .r26-flow__list li {
    padding-inline: 10px;
  }
}

@media (max-width: 767px) {
  body#dekirukun {
    font-size: 16px;
  }
  .r26-wrap {
    width: min(calc(100% - 32px), 500px);
  }
  .r26-mobile-only {
    display: initial;
  }
  .r26-header__inner {
    min-height: 54px;
    gap: 8px;
  }
  .r26-header__logo {
    width: 155px;
  }
  .r26-header__actions {
    gap: 0;
  }
  .r26-header__actions .r26-button {
    min-width: 0;
    min-height: 39px;
    padding: 5px 10px;
    border-width: 2px;
    font-size: 11px;
    white-space: nowrap;
  }
  .r26-header__document {
    display: none;
  }
  .r26-button--hero {
    width: 100%;
    min-width: 0;
    min-height: 70px;
    border-width: 5px;
    font-size: clamp(17px, 5.8vw, 25px);
  }
  .r26-hero .r26-cta-note {
    font-size: clamp(13px, 3.76vw, 16px);
    font-weight: 600;
  }
  .c-button.-large.r26-hero__legacy-button {
    --legacy-button-unit: max(12px, 4.26666666vw);
    inline-size: 100%;
    min-width: 0;
    block-size: 3.625em;
    padding: .5em .5em .5em 1.5em;
    border-radius: 1.8125em;
    box-shadow: 0 .125em .125em color-mix(in srgb, #008f87 80%, transparent);
  }
  .c-button.-large.r26-hero__legacy-button::before {
    width: calc(100% - .375em);
    height: calc(100% - .375em);
  }
  .c-button.-large.r26-hero__legacy-button > span {
    gap: 1.33333em;
    font-size: 1.125em;
  }
  .c-button.-large.r26-hero__legacy-button > span::after {
    flex-basis: 1.33333em;
    width: 1.33333em;
    height: 1.33333em;
  }
  .r26-hero {
    background-image:
      linear-gradient(to bottom, transparent 42%, var(--r26-cream) 58%),
      url("../../../../images/lp/hp-dekirukun/mv/sp-image_background.png");
    background-size: 100% 100%;
  }
  .r26-hero__inner {
    display: block;
    width: min(calc(100% - 40px), 500px);
    padding-top: 58px;
    padding-bottom: 30px;
  }
  .r26-hero__examples {
    display: none;
  }
  .r26-hero__copy {
    height: 262px;
    padding: 0 22px;
  }
  .r26-hero__proof {
    gap: 4px;
    margin: 0 0 8px;
    font-size: 22px;
  }
  .r26-hero__proof > span::before {
    flex-basis: 16px;
    width: 16px;
    height: 15px;
    margin-right: 4px;
  }
  .r26-hero__proof strong {
    font-size: 25px;
  }
  .r26-hero__lead {
    position: relative;
    z-index: 1;
    font-size: clamp(22px, 6vw, 27px);
    line-height: 1.5;
  }
  .r26-hero__last-break {
    display: none;
  }
  .r26-hero__last-line {
    display: block;
    margin-top: 3px;
  }
  .r26-hero__free {
    display: contents;
  }
  .r26-hero__free span {
    position: absolute;
    z-index: 2;
    top: 183px;
    right: auto;
    bottom: auto;
    left: 22px;
    font-size: clamp(54px, 15.5vw, 64px);
  }
  .r26-hero__free img {
    position: absolute;
    top: -32px;
    right: 10px;
    width: clamp(112px, 37.3vw, 150px);
    height: auto;
    max-width: none;
    margin: 0;
  }
  .r26-hero__price {
    display: block;
    width: 100%;
    height: 148px;
    min-height: 0;
    margin: 10px auto 20px;
    padding: 11px 12px;
    border: 2px solid var(--r26-orange);
    border-radius: 10px;
    box-shadow: none;
  }
  .r26-hero__included {
    text-align: center;
    font-size: 14.5px;
    line-height: 1.65;
  }
  .r26-hero__included-consult {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
  .r26-hero__included br {
    display: none;
  }
  .r26-hero__included br.r26-hero__mobile-break {
    display: inline;
  }
  .r26-hero__all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: 8px auto 5px;
    font-size: 14px;
    font-weight: 700;
  }
  .r26-hero__all::before,
  .r26-hero__all::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #888;
  }
  .r26-hero__all br {
    display: none;
  }
  .r26-hero__amount {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: end;
    column-gap: 3px;
    padding-right: 10px;
    padding-left: 20px;
    text-align: left;
  }
  .r26-hero__amount > span {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
  }
  .r26-hero__no {
    font-size: 16px;
    font-weight: 700;
  }
  .r26-hero__monthly {
    font-size: 20px;
    font-weight: 700;
  }
  .r26-hero__amount > span::before {
    content: "●●●●";
    display: block;
    margin: 0 0 2px 5px;
    color: var(--r26-teal);
    font-size: 8px;
    letter-spacing: 12px;
    line-height: 1;
  }
  .r26-hero__amount > strong {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    position: relative;
    left: 0;
    font-size: clamp(40px, 10.5vw, 45px);
    line-height: 1;
  }
  .r26-hero__comma {
    font-family: "Noto Sans", sans-serif;
    font-size: 35px;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  .r26-hero__amount > small {
    grid-column: 1;
    grid-row: 2;
    text-align: left;
    font-size: 7px;
    white-space: nowrap;
  }
  .r26-cta-note {
    font-size: 14px;
  }
  .r26-section-nav {
    padding: 30px 0;
  }
  .r26-section-nav__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 12px;
  }
  .r26-section-nav a {
    min-height: 47px;
    padding: 5px 25px 5px 15px;
    font-size: 15px;
  }
  .r26-section-nav a::after {
    right: 10px;
  }
  .r26-section-heading__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 17px;
  }
  .r26-section-heading h2 {
    font-size: clamp(23px, 6.2vw, 30px);
  }
  .r26-works {
    padding: 50px 0 0;
  }
  .r26-works > .r26-wrap {
    margin-bottom: 0;
  }
  .r26-works__decoration {
    display: none;
  }
  .r26-works .r26-section-heading__icon {
    margin-bottom: 24px;
  }
  .r26-works .r26-section-heading h2 {
    font-size: 24px;
    line-height: 1.45;
  }
  .r26-works__count {
    font-size: 34px;
  }
  .r26-works__intro {
    margin: 28px auto 30px;
    font-size: 16px;
    line-height: 1.65;
  }
  .r26-works__intro-group {
    display: block;
    margin-top: 10px;
  }
  .r26-works__desktop-break {
    display: none;
  }
  .r26-works__gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin-bottom: 25px;
  }
  .r26-industries {
    width: calc(100% - 8px);
    padding: 18px 30px 13px;
  }
  .r26-industries h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .r26-industries ul {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 9px;
    margin-right: -3px;
    margin-left: 3px;
  }
  .r26-industries li {
    grid-column: span 4;
    font-size: 14px;
    line-height: 1.6;
  }
  .r26-industries li:nth-child(n + 19):nth-child(odd) {
    grid-column: span 7;
  }
  .r26-industries li:nth-child(n + 20):nth-child(even) {
    grid-column: span 5;
  }
  .r26-industries li::before {
    margin-right: 4px;
  }
  .r26-industries p {
    margin-top: 14px;
    font-size: 11px;
  }
  .r26-action__eyebrow {
    padding: 53px 10px 15px;
  }
  .r26-action__eyebrow img {
    width: min(327px, 100%);
  }
  .r26-action__body {
    padding: 34px 0 38px;
  }
  .r26-action__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(310px, 100%);
    min-height: 48px;
    margin-bottom: 7px;
    padding: 2px 8px;
    border: 3px solid var(--r26-yellow);
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px var(--r26-orange);
    font-size: 19px;
  }
  .r26-action h2 {
    margin-bottom: 33px;
    border: 0;
    font-size: 24px;
    line-height: 1.1;
  }
  .r26-action h2 > span {
    display: table;
    margin-inline: auto;
    border-bottom: 5px solid var(--r26-yellow);
  }
  .r26-action h2 > span:first-child {
    font-size: inherit;
  }
  .r26-action h2 > span + span {
    margin-top: 12px;
    font-size: inherit;
  }
  .r26-action__free {
    font-size: 30px;
  }
  .r26-action__desktop-comma {
    display: none;
  }
  .r26-action__facts {
    position: relative;
    display: block;
    width: min(328px, 100%);
    margin-inline: auto;
    padding-top: 16px;
  }
  .r26-action__fact-lead {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    display: block;
    width: min(250px, 90%);
    margin: 0;
    padding: 2px 5px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #fff;
    color: var(--r26-orange);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    white-space: nowrap;
  }
  .r26-action__fact-lead small {
    margin-left: 3px;
    font-size: 8px;
  }
  .r26-action__main-fact {
    justify-content: center;
    min-height: 55px;
    padding: 5px 4px;
    font-size: clamp(15px, 4.3vw, 18px);
    line-height: 1.1;
  }
  .r26-action__facts > div {
    display: flex;
    gap: 5px;
    margin-top: 5px;
  }
  .r26-action__facts > div p {
    display: flex;
    align-items: baseline;
    justify-content: center;
    min-width: 0;
    min-height: 30px;
    padding: 1px 3px;
    font-size: clamp(11px, 3.6vw, 15px);
    line-height: 1.2;
    white-space: nowrap;
  }
  .r26-action__facts > div p:first-child {
    flex: 0 0 41%;
  }
  .r26-action__facts > div p:last-child {
    flex: 1;
  }
  .r26-action__days {
    font-size: 17px;
  }
  .r26-action__entrust {
    font-size: 16px;
  }
  .r26-action__disclaimer {
    width: min(328px, 100%);
    margin: 2px auto 32px;
    font-size: 9px;
    text-align: right;
  }
  .r26-action .r26-cta-note {
    margin-bottom: 2px;
  }
  .r26-action .r26-button--hero {
    position: relative;
    display: flex;
    width: calc(100% - 12px);
    min-height: 74px;
    margin: 0 auto;
    border: 0;
    background: #1bbab1;
    box-shadow: 0 8px 10px #0003;
    font-size: clamp(17px, 5vw, 21px);
    font-weight: 900;
  }
  .r26-action .r26-button--hero::before {
    content: "";
    position: absolute;
    inset: 6px;
    border: 1px solid #fff;
    border-radius: inherit;
    pointer-events: none;
  }
  .r26-action .r26-button--hero::after {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border: 3px solid #18aaa5;
    box-shadow: 0 0 0 2px #29c8bf;
    font-size: 12px;
  }
  .r26-pattern {
    background-size: 1100px auto;
  }
  .r26-features.r26-pattern,
  .r26-plans.r26-pattern {
    background-image:
      linear-gradient(
        to bottom,
        color-mix(in srgb, var(--r26-yellow) 70%, transparent) 0%,
        color-mix(in srgb, var(--r26-yellow) 70%, transparent) 100%
      ),
      url("../../../../images/lp/hp-dekirukun/common/sp-image_background-particle@2x.png");
    background-size: cover;
  }
  .r26-features {
    padding: 65px 0 60px;
  }
  .r26-feature-list {
    gap: 22px;
    margin-top: 34px;
  }
  .r26-feature {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0 12px;
    min-height: 0;
    padding: 24px;
    border-radius: 12px;
  }
  .r26-feature__number {
    align-self: center;
    width: 52px;
    height: 88px;
    border-radius: 9px;
    font-size: 10px;
  }
  .r26-feature__number strong {
    font-size: 32px;
  }
  .r26-feature__text {
    display: contents;
    padding: 0;
  }
  .r26-feature h3 {
    margin-bottom: 10px;
    font-size: clamp(16px, 4.8vw, 23px);
  }
  .r26-feature__price-line {
    font-size: clamp(13px, calc(7.2vw - 10px), 23px);
  }
  .r26-feature p {
    grid-column: 1 / -1;
    margin-top: 18px;
    font-size: 14px;
    font-weight: 700;
  }
  .r26-feature > img {
    grid-column: 1 / -1;
    width: 100%;
    height: auto;
    min-height: 210px;
    max-height: 280px;
    margin: 18px 0 0;
    object-fit: contain;
  }
  .r26-services__heading {
    margin: 45px 0 22px;
    font-size: 23px;
    line-height: 1.5;
  }
  .r26-services {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .r26-services li {
    min-height: 67px;
    font-size: 14px;
  }
  .r26-services li:nth-child(9) {
    order: -4;
  }
  .r26-services li:nth-child(10) {
    order: -4;
  }
  .r26-services li:nth-child(11) {
    order: -3;
  }
  .r26-services li:nth-child(12) {
    order: -3;
  }
  .r26-services small {
    font-size: 10px;
  }
  .r26-comparison {
    padding-top: 65px;
  }
  .r26-comparison__decoration {
    display: none;
  }
  .r26-comparison__lead {
    margin: 25px 0 30px;
    font-size: 15px;
  }
  .r26-comparison__closing {
    margin-top: 30px;
    font-size: 16px;
  }
  .r26-table-scroll {
    margin-right: -16px;
  }
  .r26-table {
    min-width: 680px;
    font-size: 12px;
  }
  .r26-table th,
  .r26-table td {
    padding: 11px 4px;
  }
  .r26-table thead th {
    font-size: 13px;
  }
  .r26-table-hint {
    display: block;
    margin: 20px 0 0;
    text-align: center;
    font-weight: 800;
  }
  .r26-plans {
    padding: 65px 0 25px;
  }
  #plans-heading {
    font-size: 24px;
    line-height: 1.5;
  }
  .r26-plans__zero {
    font-size: 34px;
  }
  .r26-plans__desktop-break {
    display: none;
  }
  .r26-plan-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 32px;
  }
  .r26-plan__top h3 {
    font-size: 24px;
  }
  .r26-plan__body {
    min-height: 0;
    padding: 22px 22px 26px;
  }
  .r26-plan__body li {
    font-size: 16px;
  }
  .r26-plan__sample {
    margin: 18px auto;
  }
  .r26-plans__more {
    margin: 28px auto 0;
    min-height: 64px;
    font-size: 17px;
  }
  .r26-flow {
    padding: 65px 0;
  }
  .r26-flow__decoration {
    display: none;
  }
  .r26-flow__lead {
    margin: 25px 0 55px;
    font-size: 15px;
  }
  .r26-flow__list {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .r26-flow__list li {
    display: flex;
    align-items: center;
    flex-direction: column;
    min-height: 0;
    padding: 36px 20px 23px;
  }
  .r26-flow__list img {
    order: 3;
    margin: 15px auto 0;
  }
  .r26-flow__list h3 {
    order: 1;
  }
  .r26-flow__list p {
    order: 2;
    max-width: 320px;
    text-align: center;
  }
  .r26-faq {
    padding: 65px 0;
  }
  .r26-faq__list {
    gap: 12px;
    margin-top: 34px;
  }
  .r26-faq summary {
    min-height: 65px;
    padding: 12px 34px 12px 12px;
    font-size: 13px;
    line-height: 1.35;
  }
  .r26-faq summary span {
    min-width: 48px;
    font-size: 22px;
  }
  .r26-faq summary::after {
    right: 12px;
  }
  .r26-faq details p {
    padding: 0 16px 18px 60px;
    font-size: 13px;
  }
  .r26-contact {
    padding: 65px 14px;
  }
  .r26-contact__card {
    padding: 35px 22px;
  }
  .r26-contact__card > p {
    margin: 14px 0 35px;
    font-size: 13px;
  }
  .r26-contact__card > p br {
    display: none;
  }
  .r26-footer {
    padding: 30px 0;
  }
  .r26-footer .r26-wrap {
    align-items: center;
    flex-direction: column-reverse;
    gap: 20px;
    text-align: center;
  }
  .r26-footer__company {
    flex: auto;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    border-right: 0;
  }
  .r26-footer__brand {
    flex-direction: column;
    gap: 10px;
  }
  .r26-footer__brand img {
    width: 230px;
  }
}

@media (max-width: 380px) {
  .r26-hero__amount {
    column-gap: 0;
    padding-right: 0;
    padding-left: 8px;
  }
  .r26-hero__amount > strong {
    font-size: clamp(34px, 10vw, 39px);
  }
  .r26-section-nav a {
    padding-left: 10px;
    padding-right: 23px;
    font-size: clamp(10px, 3vw, 12px);
    white-space: nowrap;
  }
}

@media (min-width: 360px) and (max-width: 399px) {
  .r26-industries li:nth-child(n + 19) {
    font-size: 12px;
  }
}

@media (max-width: 359px) {
  .r26-plan__body .r26-button {
    font-size: 14px;
  }
  .r26-plan__body .r26-button::after {
    right: 17px;
  }
  .r26-industries ul {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 14px;
    margin: 0;
  }
  .r26-industries li {
    flex: none;
    font-size: 12px;
  }
  .r26-industries p {
    font-size: 10px;
  }
  .r26-hero__included br.r26-hero__mobile-break {
    display: none;
  }
  .r26-hero__proof {
    font-size: 22px;
  }
  .r26-hero__proof strong {
    font-size: 25px;
  }
  .r26-hero__proof > span::before {
    flex-basis: 14px;
    width: 14px;
    height: 13px;
  }
  .r26-hero__free img {
    right: 0;
  }
  .r26-hero__price {
    height: auto;
    min-height: 177px;
  }
  .r26-hero__amount {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    justify-items: center;
    padding: 0;
    text-align: center;
  }
  .r26-hero__amount > span,
  .r26-hero__amount > strong,
  .r26-hero__amount > small {
    grid-column: 1;
  }
  .r26-hero__amount > span {
    grid-row: 1;
  }
  .r26-hero__amount > strong {
    grid-row: 2;
    left: -10px;
  }
  .r26-hero__amount > small {
    grid-row: 3;
    font-size: 6px;
    letter-spacing: -0.05em;
  }
}


/* Existing LP sections */
/* Existing index.html sections: flow, FAQ and consultation. Keep these styles scoped. */
#link-comparison, #link-flow, #link-faq, #link-contact {
  --color--black-secondary: #3c3c3c;
  --color--white-primary: #fff;
  --color--white-secondary: #f6f5f5;
  --color--gray-primary: #9a9a9a;
  --color--yellow-primary: #f7d72f;
  --color--yellow-secondary: #fff7cc;
  --color--orange-primary: #ff7500;
  --color--base-primary: var(--color--white-primary);
  --color--base-tertiary: var(--color--yellow-secondary);
  --color--main-primary: var(--color--orange-primary);
  --color--main-secondary: var(--color--yellow-primary);
  --font-family--en: "DIN Alternate", Arial, sans-serif;
  color: var(--color--black-secondary);
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.5;
  padding-block: 6.25rem;
}
#link-comparison *, #link-flow *, #link-faq *, #link-contact * { min-width: 0; }
#link-comparison :is(h2,h3,p,figure,ol), #link-flow :is(h2,h3,p,figure,ol), #link-faq :is(h2,h3,p,figure,ol), #link-contact :is(h2,h3,p,figure,ol) { margin: 0; }
#link-flow ol, #link-faq ol { padding: 0; list-style: none; }
#link-comparison img, #link-flow img { width: 100%; height: auto; }
#link-comparison .l-container, #link-flow .l-container, #link-faq .l-container, #link-contact .l-container { width: 78.125%; max-width: 62.5rem; margin-inline: auto; }
#link-comparison .l-section__header, #link-flow .l-section__header, #link-faq .l-section__header, #link-contact .l-section__header { display: grid; row-gap: 2.5rem; }
#link-comparison .l-section__body, #link-flow .l-section__body, #link-faq .l-section__body, #link-contact .l-section__body { display: grid; margin-block-start: 3.75rem; row-gap: 3.75rem; }
#link-comparison .c-heading__lv2, #link-flow .c-heading__lv2, #link-faq .c-heading__lv2, #link-contact .c-heading__lv2 { display: grid; justify-items: center; row-gap: 1rem; font-size: 2.25rem; text-align: center; }
#link-comparison .c-heading__lv2::before, #link-flow .c-heading__lv2::before, #link-faq .c-heading__lv2::before, #link-contact .c-heading__lv2::before { content: ""; display: block; width: 3.5rem; aspect-ratio: 1; background: url("../images/re-202610-works-icon.svg") center / contain no-repeat; }
#link-contact .c-heading__lv2 strong { color: var(--color--main-primary); font-size: 2.5rem; }
#link-flow .c-lead { font-size: 1.125rem; line-height: 1.75; text-align: center; }
#link-flow .c-lead strong { color: var(--color--main-primary); }
#link-comparison .c-lead { font-size: 1.125rem; line-height: 1.75; text-align: center; }
#link-comparison .c-lead strong { color: var(--color--main-primary); }
#link-comparison .c-lead-large { font-size: 2rem; }
#link-comparison .u-wbr { overflow-wrap: break-word; word-break: keep-all; }
#link-flow .u-wbr { overflow-wrap: break-word; word-break: keep-all; }
#link-flow { background-color: var(--color--base-tertiary); }
#link-comparison { background-color: #fffced; }
#link-faq { background: var(--color--main-secondary) linear-gradient(to bottom, #f7d72fb3, #f7d72fb3) center top / cover no-repeat; }
#link-faq { background-image: linear-gradient(to bottom, #f7d72fb3, #f7d72fb3), url("../../../../images/lp/hp-dekirukun/common/image_background-particle@2x.png"); }
#link-contact { background-color: var(--color--base-primary); box-shadow: 0 .25rem .875rem #3c3c3c1a; }

/* Original flow cards. */
@media (min-width: 768px) {
  #link-flow { position: relative; }
  #link-flow::before { content: ""; position: absolute; z-index: 1; top: 0; right: 0; width: 17.5rem; aspect-ratio: 1; background: url("../../../../images/lp/hp-dekirukun/flow/image_illustration@2x.png") center / contain no-repeat; }
  #link-flow > * { position: relative; z-index: 2; }
  #link-flow .u-desktop-hidden, #link-contact .u-desktop-hidden { display: none; }
}
#link-flow .p-flow__list { counter-reset: flow__item-counter; display: grid; grid-template-columns: repeat(5, 1fr); gap: .625rem; padding-block-start: 2rem; }
#link-flow .p-flow__item { position: relative; display: grid; grid-row: span 3; grid-template-rows: subgrid; justify-items: center; row-gap: 1rem; padding: 3.25rem 1rem 2.5rem; border: .25rem solid var(--color--main-secondary); border-radius: .5rem; background: var(--color--base-primary); counter-increment: flow__item-counter; }
#link-flow .p-flow__item-image { width: 5.5rem; }
#link-flow .p-flow__item-title { align-self: center; font-size: 1.25rem; line-height: 1.25; text-align: center; }
#link-flow .p-flow__item-title::before { content: counter(flow__item-counter, decimal-leading-zero); position: absolute; top: -2rem; left: 50%; display: grid; place-items: center; width: 4rem; aspect-ratio: 1; padding-inline-start: .06em; border-radius: 50%; background: var(--color--main-secondary); font-family: var(--font-family--en); font-size: 2rem; line-height: 1.25; letter-spacing: .06em; transform: translateX(-50%); }

/* Original FAQ cards. */
#link-faq .p-faq__list { counter-reset: faq__item-counter; display: grid; row-gap: 1.25rem; }
#link-faq .p-faq__item { overflow: clip; border-radius: .5rem; counter-increment: faq__item-counter; }
#link-faq .p-faq__item-visible { display: block; cursor: pointer; list-style: none; }
#link-faq .p-faq__item-visible::-webkit-details-marker { display: none; }
#link-faq .p-faq__item-question { display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 1.25rem; padding: 1.125rem 1.75rem; background: var(--color--base-primary); font-size: 1.5rem; }
#link-faq .p-faq__item-question::before { content: "Q" counter(faq__item-counter); color: var(--color--main-primary); font-family: var(--font-family--en); font-size: 3rem; line-height: 1; letter-spacing: .06em; }
#link-faq .p-faq__item-question::after { content: ""; display: inline-block; width: 2rem; aspect-ratio: 2 / 1; background: var(--color--main-secondary); clip-path: polygon(100% 0, 0 0, 50% 100%); transition: scale .3s ease; }
#link-faq .p-faq__item-accordion.-opened .p-faq__item-question::after { scale: 1 -1; }
#link-faq .p-faq__item-answer { display: block; padding: 1.5rem 1.75rem; background: var(--color--base-tertiary); font-size: 1.125rem; }

/* Original consultation card. */
#link-contact .p-contact__container { padding: 3.125rem 6.25rem; box-shadow: 0 .25rem .875rem #3c3c3c40; }
#link-contact .p-contact__header { row-gap: .375rem; }
#link-contact .p-contact__description { font-size: .875rem; font-weight: 400; text-align: center; }

/* Existing comparison table. */
@media (min-width: 768px) {
  #link-comparison { position: relative; }
  #link-comparison::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 17.5rem; aspect-ratio: 1; background: url("../../../../images/lp/hp-dekirukun/comparison/image_illustration@2x.png") center / contain no-repeat; }
  #link-comparison > * { position: relative; z-index: 2; }
}
#link-comparison .p-comparison__table { width: 100%; border-collapse: collapse; }
#link-comparison .p-comparison__table-body { display: grid; grid-template-columns: 17.6% 31.5% 1fr 1fr; gap: .1875rem; padding-block-end: .25rem; }
#link-comparison .p-comparison__table-row { display: grid; grid-column: span 4; grid-template-columns: subgrid; }
#link-comparison .p-comparison__table-header { display: grid; place-items: center; min-height: 5rem; padding: .5rem; font-size: 1.125rem; line-height: 1.25; text-align: center; }
#link-comparison .p-comparison__table-header[data-comparison-column="main"] { background: var(--color--main-primary); color: var(--color--base-primary); }
#link-comparison .p-comparison__table-header[data-comparison-column="main"] img { max-width: 15rem; padding-bottom: .25rem; }
#link-comparison .p-comparison__table-header[data-comparison-column="other"] { background: var(--color--gray-primary); color: var(--color--base-primary); }
#link-comparison .p-comparison__table-row:first-child > :nth-child(2) { border-radius: .5rem 0 0; }
#link-comparison .p-comparison__table-row:first-child > :last-child { border-radius: 0 .5rem 0 0; }
#link-comparison .p-comparison__table-data { position: relative; display: grid; place-items: center; min-height: 5rem; font-size: 1.125rem; line-height: 1.25; text-align: center; }
#link-comparison .p-comparison__table-data[data-comparison-column="topic"] { padding: .5rem; background: var(--color--main-secondary); }
#link-comparison .p-comparison__table-data[data-comparison-column="main"] { background: var(--color--base-primary); color: var(--color--main-primary); font-size: 1.5rem; }
#link-comparison .p-comparison__table-data[data-comparison-column="main"]::after { content: ""; position: absolute; z-index: 1; top: -.1875rem; left: 0; width: 100%; height: calc(100% + .1875rem); border-inline: .25rem solid var(--color--main-primary); }
#link-comparison .p-comparison__table-data[data-comparison-column="main"] > * { position: relative; z-index: 2; }
#link-comparison .p-comparison__table-row:last-child .p-comparison__table-data[data-comparison-column="main"]::after { height: calc(100% + .1875rem + .25rem); border-bottom: .25rem solid var(--color--main-primary); }
#link-comparison .p-comparison__table-data[data-comparison-column="main"] strong { font-size: 2.5rem; }
#link-comparison .p-comparison__table-data[data-comparison-column="other"] { background: var(--color--white-secondary); font-size: 1.25rem; }
#link-comparison .p-comparison__table-data[data-comparison-emphasis] { background: var(--color--base-tertiary); }
#link-comparison .p-comparison__table-row:nth-child(2) > :first-child { border-radius: .5rem 0 0; }
#link-comparison .p-comparison__table-row:last-child > :first-child { border-radius: 0 0 0 .5rem; }
#link-comparison .p-comparison__table-row:last-child > :last-child { border-radius: 0 0 .5rem; }

@media (max-width: 767px) {
  #link-comparison .p-comparison__body { overflow-x: auto; overscroll-behavior-inline: contain; }
  #link-comparison .p-comparison__table { width: 36.25rem; }
  #link-comparison .p-comparison__table-body { grid-template-columns: 15.52% 1fr 1fr 1fr; padding-block-end: .125rem; }
  #link-comparison .p-comparison__table-header { min-height: 3rem; font-size: .75rem; }
  #link-comparison .p-comparison__table-header[data-comparison-column="main"] img { max-width: none; }
  #link-comparison .p-comparison__table-header[data-comparison-column="other"] { font-size: .875rem; }
  #link-comparison .p-comparison__table-row:first-child > :nth-child(2) { border-radius: .375rem 0 0; }
  #link-comparison .p-comparison__table-row:first-child > :last-child { border-radius: 0 .375rem 0 0; }
  #link-comparison .p-comparison__table-data { min-height: 3rem; font-size: .75rem; }
  #link-comparison .p-comparison__table-data[data-comparison-column="topic"] { padding: .25rem 0; letter-spacing: 0; }
  #link-comparison .p-comparison__table-data[data-comparison-column="main"] { font-size: 1rem; }
  #link-comparison .p-comparison__table-data[data-comparison-column="main"]::after { border-inline-width: .125rem; }
  #link-comparison .p-comparison__table-row:last-child .p-comparison__table-data[data-comparison-column="main"]::after { height: calc(100% + .1875rem + .125rem); border-bottom-width: .125rem; }
  #link-comparison .p-comparison__table-data[data-comparison-column="main"] strong { font-size: 1.5rem; }
  #link-comparison .p-comparison__table-data[data-comparison-column="other"] { font-size: .875rem; }
  #link-comparison .p-comparison__table-row:nth-child(2) > :first-child { border-radius: .375rem 0 0; }
  #link-comparison .p-comparison__table-row:last-child > :first-child { border-radius: 0 0 0 .375rem; }
  #link-comparison .p-comparison__table-row:last-child > :last-child { border-radius: 0 0 .375rem; }
  #link-comparison, #link-flow, #link-faq, #link-contact { padding-block: 3.125rem; }
  #link-comparison .l-container, #link-flow .l-container, #link-faq .l-container, #link-contact .l-container { width: 90.66666666%; max-width: 21.25rem; }
  #link-comparison .l-section__header, #link-flow .l-section__header, #link-faq .l-section__header, #link-contact .l-section__header { row-gap: 1.875rem; }
  #link-comparison .l-section__body, #link-flow .l-section__body, #link-faq .l-section__body, #link-contact .l-section__body { margin-block-start: 2.5rem; row-gap: 2.5rem; }
  #link-comparison .c-heading__lv2, #link-flow .c-heading__lv2, #link-faq .c-heading__lv2, #link-contact .c-heading__lv2 { row-gap: .5rem; font-size: 1.5rem; line-height: 1.375; }
  #link-comparison .c-heading__lv2::before, #link-flow .c-heading__lv2::before, #link-faq .c-heading__lv2::before, #link-contact .c-heading__lv2::before { width: 2.5rem; }
  #link-contact .c-heading__lv2 strong { font-size: inherit; }
  #link-flow .c-lead { font-size: 1rem; line-height: 1.5; }
  #link-comparison .c-lead { font-size: 1rem; line-height: 1.5; }
  #link-comparison .c-lead-large { font-size: 1rem; }
  #link-flow .u-mobile-hidden { display: none; }
  #link-faq { background-image: linear-gradient(to bottom, #f7d72fb3, #f7d72fb3), url("../../../../images/lp/hp-dekirukun/common/sp-image_background-particle@2x.png"); }
  #link-flow .p-flow__list { grid-template-columns: unset; gap: 1.25rem; padding-block-start: .625rem; }
  #link-flow .p-flow__item { row-gap: .75rem; padding: 2rem .5rem 1.25rem; border-width: .1875rem; }
  #link-flow .p-flow__item-image { grid-row: 3 / 4; width: 4rem; }
  #link-flow .p-flow__item-title { font-size: 1.125rem; }
  #link-flow .p-flow__item-title::before { top: -1.25rem; width: 2.5rem; font-size: 1.25rem; }
  #link-flow .p-flow__item-description { font-size: .875rem; text-align: center; }
  #link-faq .p-faq__list { row-gap: .5rem; }
  #link-faq .p-faq__item { border-radius: .375rem; }
  #link-faq .p-faq__item-question { column-gap: .75rem; padding: .75rem 1rem; font-size: 1rem; line-height: 1.375; }
  #link-faq .p-faq__item-question::before { font-size: 2rem; }
  #link-faq .p-faq__item-question::after { width: 1rem; }
  #link-faq .p-faq__item-answer { padding: .75rem 1rem; font-size: .875rem; }
  #link-contact .p-contact__container { padding: 1.875rem 1rem; }
}


/* Existing LP header */
/* Header styles from the existing LP, kept local to the reused header. */
body .l-header {
  --color--base-primary: #fff;
  --color--green-primary: #00bcb0;
  --color--green-secondary: #00dacd;
  --color--accent-primary: linear-gradient(to right, var(--color--green-primary), var(--color--green-secondary));
  --icon--arrow: url("../../../../images/lp/hp-dekirukun/common/icon_arrow.svg");
  position: fixed;
  z-index: 1000;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 80px;
  background-color: var(--color--base-primary);
  box-shadow: 0 .25rem .25rem color-mix(in srgb, #000 10%, transparent);
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.5;
}
body .l-header .l-container.-large {
  inline-size: 90%;
  max-inline-size: 72rem;
  margin-inline: auto;
}
body .l-header__container {
  align-items: center;
  block-size: 100%;
  display: flex;
  justify-content: space-between;
}
body .l-header__logo-link {
  align-items: center;
  display: flex;
  padding-block-end: .5rem;
  transition: .15s ease opacity;
}
body .l-header__logo-link img {
  inline-size: 20rem;
}
body .l-header__nav {
  align-items: center;
  column-gap: 1.625rem;
  display: flex;
}
body .l-header__button.show-sp {
  display: block;
}
body .l-header .c-button {
  align-items: center;
  background-image: var(--color--accent-primary);
  block-size: 3.625rem;
  border-radius: 1.8125rem;
  box-shadow: 0 .125rem .125rem color-mix(in srgb, #008f87 80%, transparent);
  color: var(--color--base-primary);
  display: flex;
  font-size: 1.125rem;
  inline-size: 16.75rem;
  justify-content: center;
  letter-spacing: .18em;
  padding-block: .5rem;
  padding-inline: 1.5rem .5rem;
  position: relative;
  text-decoration: none;
}
body .l-header .c-button__form {
  inline-size: 20rem;
  white-space: nowrap;
}
body .l-header .c-button::before {
  block-size: calc(100% - .375rem);
  border: solid .125rem var(--color--base-primary);
  border-radius: inherit;
  content: "";
  inline-size: calc(100% - .375rem);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50% -50%;
  z-index: 1;
}
body .l-header .c-button > * {
  position: relative;
  z-index: 2;
}
body .l-header .c-button span {
  align-items: center;
  column-gap: 1.5rem;
  display: flex;
}
body .l-header .c-button span::after {
  aspect-ratio: 1;
  background-color: var(--color--base-primary);
  content: "";
  display: inline-block;
  flex-shrink: 0;
  inline-size: 1.5rem;
  mask-image: var(--icon--arrow);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
body .l-header .c-button:focus-visible,
body .l-header__logo-link:focus-visible {
  outline: 3px solid #145cc8;
  outline-offset: 4px;
}
@media (any-hover: hover) {
  body .l-header__logo-link:hover { opacity: 50%; }
  body .l-header .c-button:hover {
    background-image: linear-gradient(to right, #8ce1db, #8ceee8);
    box-shadow: 0 .125rem .125rem color-mix(in srgb, #008f87 25%, transparent);
  }
}
body#dekirukun > main {
  padding-block-start: 80px;
}
body#dekirukun section,
body#dekirukun main#top {
  scroll-margin-top: 80px;
}
@media (width < 768px) {
  body .l-header { block-size: 2.625rem; }
  body .l-header .l-container.-large {
    inline-size: 90.66666666%;
    max-inline-size: 21.25rem;
  }
  body .l-header__container { gap: 8px; }
  body .l-header__logo-link { padding-block-end: .125rem; }
  body .l-header__logo { flex: 0 1 140px; min-width: 0; }
  body .l-header__logo-link img { inline-size: 100%; }
  body .l-header__nav { flex: 0 1 175px; min-width: 0; height: 90%; }
  body .l-header__button { display: block; width: 100%; }
  body .l-header .c-button.c-button__form {
    block-size: 2rem;
    inline-size: 100%;
    font-size: clamp(8px, 2.6vw, 10px);
    letter-spacing: .04em;
    padding-inline: 6px;
  }
  body .l-header .c-button.c-button__form span { column-gap: 5px; }
  body .l-header .c-button.c-button__form span::after { inline-size: 12px; }
  body .l-header__button.show-sp {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: auto;
    justify-content: flex-end;
  }
  body .l-header .c-button.c-button__document {
    block-size: 2rem;
    width: 90%;
    max-width: 300px;
    font-size: .8rem;
  }
  body .l-header .c-button.c-button__document::before {
    block-size: calc(100% - .275rem);
    inline-size: calc(100% - .275rem);
    border: solid .08rem;
  }
  body .l-header .c-button.c-button__document span::after { inline-size: 1rem; }
  body#dekirukun > main { padding-block-start: 2.625rem; }
  body#dekirukun section,
  body#dekirukun main#top { scroll-margin-top: 2.625rem; }
}

/* Existing LP bottom fixed consultation button. */
.bottom-fixed__wrap {
  position: fixed;
  z-index: 1001;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  padding: 1rem;
  background-color: #ff7500;
  opacity: 0;
}
.bottom-fixed__wrap .c-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.625rem;
  margin-inline: auto;
  padding: .5rem 1.5rem;
  border-radius: 999px;
  background: linear-gradient(to right, #00bcb0, #00dacd);
  box-shadow: 0 .125rem .125rem color-mix(in srgb, #008f87 80%, transparent);
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.5;
  text-decoration: none;
}
.bottom-fixed__wrap .c-button::before {
  position: absolute;
  inset: .1875rem;
  border: .125rem solid #fff;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
.bottom-fixed__wrap .c-button span {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  white-space: nowrap;
}
.bottom-fixed__wrap .c-button span::after {
  display: inline-block;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  content: "";
  mask: url("../../../../images/lp/hp-dekirukun/common/icon_arrow.svg") center / contain no-repeat;
}
@media (481px <= width < 768px) {
  .bottom-fixed__wrap { padding: .5rem; }
  .bottom-fixed__wrap .c-button {
    width: 90%;
    height: 3rem;
    font-size: 1rem;
  }
}

/* ボタンの矢印位置を各サイズで統一 */
.r26-hero__legacy-button > span::after,
.r26-action .r26-button--hero::after {
  transform: translateX(-22px);
}
.r26-plan__body .r26-button::after {
  transform: translateX(-14px);
}
body .l-header .c-button span::after,
.bottom-fixed__wrap .c-button span::after {
  transform: translateX(-12px);
}
@media (max-width: 767px) {
  .r26-hero__legacy-button > span::after,
  .r26-action .r26-button--hero::after,
  .bottom-fixed__wrap .c-button span::after {
    transform: translateX(-12px);
  }
  .r26-plan__body .r26-button::after {
    transform: translateX(-10px);
  }
  body .l-header .c-button span::after {
    transform: translateX(-6px);
  }
}

/* 比較セクションに続くCTAの導入画像 */
#link-comparison {
  padding-bottom: 0;
}
#link-comparison > .r26-action__eyebrow {
  margin-top: 6.25rem;
}
#link-comparison > .r26-action__eyebrow img {
  width: min(510px, 100%);
}
@media (max-width: 767px) {
  #link-comparison > .r26-action__eyebrow {
    margin-top: 3.125rem;
  }
  #link-comparison > .r26-action__eyebrow img {
    width: min(327px, 100%);
  }
}

@media (min-width: 768px) {
  .r26-plan__body .r26-button {
    margin-top: 14px;
    padding-inline: 8px 52px;
    font-size: clamp(12px, 1.5vw, 16px);
    white-space: nowrap;
  }
  .r26-plan__body .r26-button::after {
    right: 12px;
    transform: none;
  }
}

/* 料金プランの申込ボタンも既存のCTAデザインを使用 */
.r26-plan__body .r26-plan__legacy-button {
  --legacy-button-unit: 16px;
  width: 100%;
  min-width: 0;
  height: 58px;
  margin-top: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 16px;
  white-space: nowrap;
}
.r26-plan__body .r26-plan__legacy-button::before {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-width: 2px;
}
.r26-plan__body .r26-plan__legacy-button > span {
  gap: 12px;
  font-size: 1em;
  letter-spacing: .08em;
}
.r26-plan__body .r26-plan__legacy-button > span::after {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  transform: none;
}
@media (min-width: 768px) and (max-width: 900px) {
  .r26-plan__body .r26-plan__legacy-button {
    font-size: 12px;
  }
  .r26-plan__body .r26-plan__legacy-button > span {
    gap: 8px;
  }
  .r26-plan__body .r26-plan__legacy-button > span::after {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
  }
}

@media (min-width: 768px) {
  .r26-plan {
    display: flex;
    flex-direction: column;
  }
  .r26-plan__body {
    flex: 1;
  }
  .r26-plan__body .r26-plan__legacy-button {
    margin-top: auto;
  }
  .r26-plan__sample {
    margin-top: 0;
  }
  .r26-hero__lead {
    transform: translateY(8px);
  }
}

@media (max-width: 767px) {
  .r26-hero__copy {
    --r26-hero-copy-left: clamp(2px, calc(19vw - 58.8px), 22px);
    padding-left: var(--r26-hero-copy-left);
  }
  .r26-hero__proof {
    font-size: 14px;
    margin-left: 0;
  }
  .r26-hero__proof strong {
    font-size: 17px;
  }
  .r26-hero__included {
    font-size: 15px;
  }
  .r26-hero__all {
    width: min(100%, 295px);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
  }
  .r26-hero__all::before,
  .r26-hero__all::after {
    max-width: 100px;
  }
  .r26-hero__price {
    height: auto;
    min-height: 148px;
    padding-bottom: 12px;
  }
  .r26-hero__free img {
    width: auto;
    height: clamp(230px, 72vw, 270px);
  }
  .r26-hero__free span {
    left: var(--r26-hero-copy-left);
  }
  .r26-action__main-fact > span {
    transform: translateY(4px);
  }
  .r26-action__price-label {
    font-size: 20px;
    font-weight: 400;
  }
  .r26-action__price-label:first-child {
    font-size: 18px;
    font-weight: 500;
  }
  .r26-action__main-fact strong {
    font-size: 28px;
    font-weight: 900;
  }
  .r26-action__price-unit {
    font-size: 16px;
    font-weight: 400;
  }
  .r26-action__days,
  .r26-action__entrust {
    font-weight: 900;
  }
  .r26-action__facts > div p {
    font-size: 15px;
    font-weight: 500;
  }
  .r26-hero .r26-cta-note,
  .r26-action .r26-cta-note {
    font-size: 15px;
    font-weight: 600;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  .r26-hero__amount {
    grid-template-columns: max-content max-content;
    justify-content: center;
    column-gap: 8px;
    padding-inline: 0;
  }
}
@media (max-width: 399px) {
  .r26-hero__proof {
    letter-spacing: -.06em;
  }
  .r26-hero__proof > span::before {
    flex-basis: 12px;
    width: 12px;
    height: 12px;
    margin-right: 2px;
  }
}
@media (max-width: 359px) {
  .r26-hero__proof {
    margin-left: 0;
    letter-spacing: -.08em;
  }
  .r26-hero__free img {
    height: clamp(220px, 68vw, 245px);
  }
  .r26-hero__price {
    min-height: 177px;
  }
  .r26-action__main-fact > span {
    transform: translateY(4px) scale(.88);
  }
}