:root {
  /* font */
  --font-sans: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
  --font-mplus: 'M PLUS Rounded 1c', sans-serif;
  --font-inter: 'Inter', sans-serif;
  --base-text-unit: 16;
  --rem-ratio: calc(1rem / var(--base-text-unit));
  --font-normal: 400;
  --font-medium: 500;
  --font-bold: 700;
  --leading-initial: 1;
  --leading-tight: 1.3;
  --leading-snug: 1.5;
  --leading-normal: 1.7;
  --leading-relaxed: 1.8;
  --leading-loose: 2;
  --tracking-tight: 0.02em;
  --tracking-normal: 0.05em;
  --tracking-medium: 0.07em;
  --tracking-relaxed: 0.12em;

  /* size */
  --layout-width-min: 375;
  --layout-width-max: 1440;
  --fluid-ratio-min: calc(1 / var(--layout-width-min) * 100dvi);
  --fluid-ratio-max: calc(1 / var(--layout-width-max) * 100dvi);
  --aspect-video: 16/9;
  --aspect-thumbnail: 1.91/1;
  --rounded-xxs: 2.5px;
  --rounded-xs: 7px;
  --rounded-s: 8px;
  --rounded-m: 10px;
  --rounded-sl: 14px;
  --rounded-l: 25px;
  --rounded-infinity: calc(infinity * 1px);

  /* color */
  --color-grayscale-0: #fff;
  --color-grayscale-50: #bfbfbf;
  --color-grayscale-100: #333;
  --color-orangescale-100: #fff2e3;
  --color-orangescale-200: #ffedb4;
  --color-orangescale-300: #f19901;
  --color-orangescale-400: #ea5504;
  --yellow-gradient: linear-gradient(90deg, rgb(251 222 119 / 100%), rgb(255 200 0 / 100%));
  --box-shadow: rgb(0 0 0 / 25%);
  --modal-overlay: rgb(0 0 0 / 25%);
  --background-base: var(--color-grayscale-0);
  --font-base: var(--color-grayscale-100);
  --underline-base: color-mix(in srgb, currentcolor, transparent 40%);

  /* z-index */
  --back-z-index: -1;
  --default-z-index: 1;
  --front-z-index: 2;
  --menu-z-index: 3;
  --modal-z-index: 4;

  /* motion time */
  --speed-quick: 0.3s;
  --speed-normal: 0.5s;
  --speed-slow: 1s;
  --speed-over-slow: 2s;
}

* {
  box-sizing: border-box;
  min-inline-size: 0;
  border-width: 0;
  border-style: solid;
}

:where(:root) {
  background-color: var(--background-base);
  color: var(--font-base);
  font-family: var(--font-sans);
  font-style: unset;
  font-size: 100%;
  font-weight: var(--font-normal);
  font-feature-settings: 'pkna';
  text-align: start;
  letter-spacing: var(--tracking-normal);
  line-height: var(--leading-normal);
  text-spacing-trim: trim-start;
  word-break: initial;
  line-break: strict;
  overflow-wrap: anywhere;
  hyphens: auto;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

:where(body) {
  min-block-size: 100svb;
  margin: unset;
}

:where(h1, h2, h3, h4, h5, h6) {
  margin-block: unset;
  font-size: unset;
}

:where(:any-link) {
  color: unset;
  text-decoration-line: none;
  text-decoration-thickness: from-font;
  text-decoration-color: var(--underline-base);
  text-underline-offset: 0.25em;
}

::file-selector-button,
:where(button, label[for], select, [role='tab'], [role='button']) {
  cursor: pointer;
}

::file-selector-button,
:where(button) {
  inline-size: fit-content;
  touch-action: manipulation;
}

::file-selector-button,
:where(button, input, select, textarea) {
  padding: unset;
  border-width: 1px;
  border-color: transparent;
  border-radius: unset;
  background-color: unset;
  color: unset;
  font: unset;
  vertical-align: middle;
  letter-spacing: unset;
  text-align: unset;
  text-transform: unset;
  appearance: unset;
}

:where(ul, ol) {
  padding-inline-start: unset;
  list-style-type: '';
}

:where(p, blockquote, figure, pre, address, ul, ol, dl) {
  margin-block: unset;
}

:where(figure) {
  margin-inline: unset;
}

:where(img, video, canvas, audio, iframe, embed, object) {
  display: block flow;
  vertical-align: middle;
}

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

:where(dialog) {
  overflow: unset;
  inline-size: unset;
  block-size: unset;
  max-inline-size: unset;
  max-block-size: unset;
  padding: unset;
  background-color: unset;
  color: unset;
}

:where(em) {
  font-style: normal;
}

:where(fieldset) {
  margin: unset;
  padding: unset;
  border: unset;
}

:where(summary) {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

:root {
  --orange-bottom-triangle: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2218%22%20viewBox%3D%220%200%2025%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.5%2018L24.1913%200.75H0.808657L12.5%2018Z%22%20fill%3D%22%23F19901%22%2F%3E%3C%2Fsvg%3E");
  --white-right-triangle: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2012.5L0.75%200.808657V24.1913L18%2012.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  --gradient-triangle: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.99609%2017L19.5224%200.5H0.469814L9.99609%2017Z%22%20fill%3D%22url%28%23paint0_linear_587_9903%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_587_9903%22%20x1%3D%22-1.00391%22%20y1%3D%226%22%20x2%3D%2220.9961%22%20y2%3D%226%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FBDE77%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFC800%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  --mv-text-left-line: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2250%22%20height%3D%2244%22%20viewBox%3D%220%200%2050%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M47.6015%2029.2674L13.9325%209.13424%22%20stroke%3D%22%23EA5504%22%20stroke-width%3D%224.02961%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M32.152%2035.9413L7.03007%2029.6976%22%20stroke%3D%22%23EA5504%22%20stroke-width%3D%224.02961%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --mv-text-right-line: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2248%22%20height%3D%2246%22%20viewBox%3D%220%200%2048%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.7734%2043.3921L22.3956%205.6282%22%20stroke%3D%22%23EA5504%22%20stroke-width%3D%224.02961%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M27.5816%2037.6231L41.5402%2015.8229%22%20stroke%3D%22%23EA5504%22%20stroke-width%3D%224.02961%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --bubble-triangle: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2243%22%20height%3D%2234%22%20viewBox%3D%220%200%2043%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M-0.00904451%2033.0136L27.6512%200.301225L42.9847%2028.7108L-0.00904451%2033.0136Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  --black-square: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.00109863%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  --black-tel: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2238%22%20height%3D%2251%22%20viewBox%3D%220%200%2038%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.32582%203.00539C-0.00767242%205.19588%20-0.662527%2012.043%200.596015%2017.6236C1.57616%2021.9694%203.66003%2027.7991%207.17394%2033.2885C10.4796%2038.4527%2015.0914%2043.0833%2018.608%2045.7625C23.1237%2049.2026%2029.5611%2051.3893%2032.8946%2049.1988C34.5802%2048.0912%2037.0845%2045.0649%2037.1988%2044.5219C37.1988%2044.5219%2035.7303%2042.2277%2035.408%2041.7243L30.4834%2034.0308C30.1174%2033.459%2027.8225%2033.9816%2026.6566%2034.6507C25.0839%2035.5535%2023.6356%2037.976%2023.6356%2037.976C22.5573%2038.6072%2021.6541%2037.9783%2019.7669%2037.0983C17.4476%2036.0171%2014.8399%2032.6576%2012.7645%2029.6148C10.8689%2026.454%208.90493%2022.6714%208.8765%2020.0848C8.8531%2017.9802%208.65468%2016.8882%209.66335%2016.148C9.66335%2016.148%2012.437%2015.796%2013.892%2014.7094C14.9704%2013.9037%2016.3772%2011.9937%2016.0113%2011.4219L11.0867%203.72852C10.7644%203.22506%209.29589%200.930877%209.29589%200.930877C8.75986%200.815189%205.01143%201.89776%203.32582%203.00539Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  --link-icon: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.58525%203.22326C3.83142%203.22326%203.22033%203.83435%203.22033%204.58818V25.4138C3.22033%2026.1676%203.83141%2026.7787%204.58525%2026.7787H25.4109C26.1647%2026.7787%2026.7758%2026.1677%2026.7758%2025.4138V16.4885C26.7758%2015.5993%2027.4967%2014.8784%2028.3859%2014.8784C29.2752%2014.8784%2029.9961%2015.5993%2029.9961%2016.4885V25.4138C29.9961%2027.9462%2027.9433%2029.999%2025.4109%2029.999H4.58525C2.0529%2029.999%200%2027.9462%200%2025.4138V4.58818C0%202.05582%202.05289%200.00292969%204.58525%200.00292969H13.5105C14.3998%200.00292969%2015.1207%200.723825%2015.1207%201.61309C15.1207%202.50236%2014.3998%203.22326%2013.5105%203.22326H4.58525Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.4626%201.61114C17.4626%200.721872%2018.1835%200.000976562%2019.0728%200.000976562H27.9981C28.8873%200.000976562%2029.6082%200.721872%2029.6082%201.61114V10.5364C29.6082%2011.4257%2028.8873%2012.1466%2027.9981%2012.1466C27.1088%2012.1466%2026.3879%2011.4257%2026.3879%2010.5364V5.49842L15.7487%2016.1376C15.1199%2016.7664%2014.1004%2016.7664%2013.4716%2016.1376C12.8428%2015.5088%2012.8428%2014.4893%2013.4716%2013.8605L24.1108%203.22131H19.0728C18.1835%203.22131%2017.4626%202.50041%2017.4626%201.61114Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
}

.js-fade,
.js-fadeup,
.js-fadein {
  opacity: 0;
}

.js-fade.is-inview {
  animation: fade 1s linear forwards;
}

.js-fadeup.is-inview {
  animation: fadeup 1s ease-out forwards;
}

.js-fadein.is-inview {
  animation: fadein 1s ease-out forwards;
}

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
    translate: 0 -30px;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    translate: 0;
  }
}

@keyframes fadeup {
  0% {
    opacity: 0;
    translate: 0 50px;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    translate: 0;
  }
}

/* stylelint-disable selector-max-id, declaration-no-important */
.no-sp {
  display: none !important;
}

.no-pc {
  display: grid !important;
}

@media only screen and (min-width: 768px) {
  .no-sp {
    display: grid !important;
  }

  .no-pc {
    display: none !important;
  }
}
/* stylelint-enable selector-max-id, declaration-no-important */

.f-mplus {
  font-family: var(--font-mplus);
}

.f-inter {
  font-family: var(--font-inter);
}

.c-header {
  position: sticky;
  inset-block-start: 0;
  inline-size: 100%;
  background-color: var(--color-grayscale-0);
  border-bottom: 1px solid var(--color-grayscale-50);
  z-index: var(--menu-z-index);
}

.c-header__inner {
  inline-size: 90%;
  margin-inline: auto;
  padding-block-end: 8px;
}

.c-header__title {
  inline-size: min(100%, 130px);
  margin-inline: auto;
}

.c-header__link-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  justify-content: center;
  max-inline-size: 750px;
  margin-inline: auto;
}

.c-header__link {
  display: grid;
  justify-items: center;
}

.c-header__link:nth-of-type(2) {
  position: relative;
}

.c-header__link:nth-of-type(2)::before {
  content: '';
  position: absolute;
  display: block;
  inset-block: 0;
  inset-inline-start: -0.5rem;
  border-inline-start: 1px solid var(--color-grayscale-100);
}

.c-header__link:nth-of-type(2)::after {
  content: '';
  position: absolute;
  display: block;
  inset-block: 0;
  inset-inline-end: -0.5rem;
  border-inline-end: 1px solid var(--color-grayscale-100);
}

.c-header__link--active {
  border-block-end: 2px solid var(--color-orangescale-400);
}

.c-header__link-icon {
  inline-size: 32px;
  aspect-ratio: 1;
  margin-inline: auto;
}

.c-header__link-text {
  margin: 0;
  font-size: calc(14 * var(--rem-ratio));
  font-weight: var(--font-medium);
}

.c-header__link-text--active {
  color: var(--color-orangescale-400);
}

.c-contact--color {
  background-color: var(--color-orangescale-100);
}

.c-contact__inner {
  display: grid;
  inline-size: 90%;
  margin-inline: auto;
  padding-block: 40px;
}

.c-contact__message {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: baseline;
}

.c-contact__message--text {
  grid-auto-flow: column;
  justify-content: center;
  grid-template-columns: unset;
  align-items: center;
}

.c-contact__avatar {
  max-inline-size: 50px;
}

.c-contact__avatar--text {
  max-inline-size: 70px;
}

.c-contact__bubble {
  max-inline-size: 265px;
  padding-block-end: 10px;
}

.c-contact__buttons {
  display: grid;
  row-gap: 12px;
}

.c-contact__button {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background-color: var(--color-orangescale-400);
  border-radius: var(--rounded-s);
  border: 2px solid var(--color-grayscale-0);
  box-shadow: 3px 3px 3px rgb(0 0 0 / 25%);
  color: var(--color-grayscale-0);
  font-weight: var(--font-medium);
}

.c-contact__tel-icon {
  inline-size: 1rem;
}

.c-contact__button--outline {
  grid-auto-flow: row;
  gap: unset;
  padding: 0.2rem 1.5rem;
  background-color: var(--color-grayscale-0);
  border: 2px solid var(--color-orangescale-300);
  color: var(--color-orangescale-300);
}

.c-contact__button-icon {
  inline-size: 24px;
  aspect-ratio: 1;
}

.c-contact__button-text {
  font-size: calc(20 * var(--rem-ratio));
  text-align: center;
}

.c-contact__button-text--sub {
  font-size: calc(16 * var(--rem-ratio));
  font-weight: var(--font-normal);
}

.c-contact__button-icon-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.c-contact__bubble-text {
  position: relative;
  inline-size: fit-content;
  padding: 8px 10px;
  background-color: var(--color-grayscale-0);
  border-radius: var(--rounded-xs);
  text-align: center;
  line-height: var(--leading-snug);
}

.c-contact__bubble-text::before {
  content: '';
  position: absolute;
  display: block;
  inset-block-end: 7px;
  inset-inline-start: -10px;
  inline-size: 1em;
  aspect-ratio: 1;
  background: var(--bubble-triangle) no-repeat center / contain;
}

.c-contact__bubble-emphasis {
  color: var(--color-orangescale-400);
}

.c-contact__bubble-bold {
  font-size: calc(18 * var(--rem-ratio));
  font-weight: var(--font-normal);
}

.c-footer__logo {
  inline-size: min(100%, 130px);
  margin-inline: auto;
}

.c-footer__company {
  font-size: calc(14 * var(--rem-ratio));
  font-weight: var(--font-bold);
}

.c-footer__tel {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  font-size: calc(28 * var(--rem-ratio));
  font-weight: var(--font-bold);
}

.c-footer__tel::before {
  content: '';
  display: block;
  inline-size: 20px;
  aspect-ratio: 1;
  background: var(--black-tel) no-repeat center / contain;
}

.c-footer__hours {
  font-size: calc(17 * var(--rem-ratio));
}

.c-footer__inner {
  display: grid;
  row-gap: 20px;
  justify-content: center;
  justify-items: center;
  padding-block: 40px 20px;
  text-align: center;
}

.c-footer__privacy {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 5px;
  font-size: calc(14 * var(--rem-ratio));
}

.c-footer__privacy::after {
  content: '';
  display: block;
  inline-size: 15px;
  aspect-ratio: 1;
  background: var(--link-icon) no-repeat center / contain;
}

.c-footer__text {
  font-size: calc(12 * var(--rem-ratio));
}

.c-footer__text--large {
  font-size: calc(16 * var(--rem-ratio));
  font-weight: var(--font-bold);
  text-align: start;
}

.c-footer__copyright {
  padding-block: 15px;
  background-color: var(--color-orangescale-400);
  color: var(--color-grayscale-0);
  font-size: calc(12 * var(--rem-ratio));
  text-align: center;
}

.c-footer__asahi {
  padding: 0 5px 16px;
  font-size: calc(14 * var(--rem-ratio));
  text-align: end;
}

/* layout */
.l-main {
  max-inline-size: 430px;
  margin-inline: auto;
}

.l-section--simulation {
  padding-block-start: 40px;
}

.l-section__heading {
  position: relative;
  padding-block: 20px;
  background-image: var(--yellow-gradient);
  border-radius: var(--rounded-l) var(--rounded-l) 0 0;
  color: var(--color-grayscale-0);
  font-size: calc(22 * var(--rem-ratio));
  font-weight: var(--font-medium);
  text-align: center;
}

.l-section__heading::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  inset-block-end: 18px;
  display: block;
  inline-size: 46%;
  block-size: 1.5px;
  margin-inline: auto;
  background-color: var(--color-grayscale-0);
}

.l-simulation {
  display: grid;
  row-gap: 16px;
  inline-size: 90%;
  margin-inline: auto;
  padding-block-start: 24px;
}

.l-simulation__label {
  display: flex;
  column-gap: 10px;
  color: var(--color-grayscale-100);
  font-size: calc(25 * var(--rem-ratio));
}

.l-simulation__label::before {
  content: '';
  display: block;
  inline-size: 7px;
  block-size: auto;
  background-color: var(--color-orangescale-300);
  border-radius: var(--rounded-infinity);
}

.l-simulation__select {
  inline-size: 100%;
  padding-block: 12px;
  border: 1.5px solid var(--color-orangescale-300);
  border-radius: var(--rounded-s);
  color: var(--color-grayscale-100);
  text-align: center;
  text-align-last: center;
}

.l-simulation__select-wrapper {
  position: relative;
}

.l-simulation__select-wrapper::after {
  content: '';
  position: absolute;
  inset-block: 37%;
  inset-inline-end: 14px;
  display: block;
  block-size: 15px;
  aspect-ratio: 1;
  background: var(--orange-bottom-triangle) no-repeat center center / contain;
}

.l-simulation__field {
  display: grid;
  row-gap: 8px;
}

.l-simulation__note {
  font-size: calc(12 * var(--rem-ratio));
}

.l-gender__input {
  display: none;
}

.l-gender__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border: 2px solid var(--color-orangescale-300);
  border-radius: var(--rounded-s);
  font-size: calc(19 * var(--rem-ratio));
}

.l-gender__label::after {
  content: '';
  inline-size: 1.25rem;
  aspect-ratio: 1;
  border: 2px solid var(--color-orangescale-300);
  border-radius: var(--rounded-infinity);
  background-color: var(--color-grayscale-0);
}

.l-gender__input:checked + .l-gender__label::after {
  background-color: var(--color-orangescale-300);
  box-shadow: inset 0 0 0 4px var(--color-grayscale-0);
}

.l-gender-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 32px;
}

.l-simulation__submit-wrapper {
  inline-size: fit-content;
  margin-inline: auto;
}

.l-simulation__submit {
  display: inline grid;
  grid-template-columns: 0.5em auto 1em;
  column-gap: 1cap;
  place-items: center;
  inline-size: 195px;
  padding: 20px;
  border-radius: var(--rounded-s);
  background: var(--color-orangescale-300);
  color: var(--color-grayscale-0);
  font-weight: var(--font-bold);
}

.l-simulation__submit::before {
  content: '';
}

.l-simulation__submit::after {
  content: '';
  justify-self: end;
  inline-size: 1em;
  aspect-ratio: 1;
  background: var(--white-right-triangle) no-repeat center / contain;
}

.l-result {
  display: grid;
  row-gap: 16px;
  inline-size: 90%;
  margin-inline: auto;
  padding-block-start: 34px;
}

.l-result--hidden {
  display: none;
}

.l-result__value-label {
  color: var(--color-orangescale-400);
  font-weight: var(--font-bold);
}

.l-result__total-value {
  display: flex;
  justify-content: center;
  align-items: baseline;
  column-gap: 10px;
  color: var(--color-orangescale-400);
  font-size: calc(70 * var(--rem-ratio));
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  text-align: center;
}

.l-result__yen-mark {
  font-size: calc(38 * var(--rem-ratio));
}

.l-result__value-wrapper {
  padding: 5px 28px;
  background-color: var(--color-orangescale-100);
  border: 1px solid var(--color-orangescale-300);
  border-radius: var(--rounded-s);
}

.l-result__block {
  position: relative;
}

.l-result__item-title {
  position: absolute;
  inset-block-start: -12px;
  inset-inline: 0;
  inline-size: fit-content;
  padding-inline: 10px;
  margin-inline: auto;
  background-color: var(--color-grayscale-0);
  color: var(--color-orangescale-300);
}

.l-result__list {
  display: grid;
  row-gap: 15px;
  padding: 30px 17px;
  border: 2px dashed var(--color-orangescale-300);
}

.l-result__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.l-simulation__select-wrapper--result {
  inline-size: min(33%, 123px);
}

.l-simulation__select--result {
  padding: 1px 20px 1px 12px;
}

.l-simulation__select-wrapper--result::after {
  inset-block: 32%;
  inset-inline-end: 7px;
  block-size: 12px;
}

.l-result__inner {
  display: grid;
  row-gap: 24px;
}

.l-result__check-wrapper {
  display: grid;
  grid-template-columns: auto 40px;
  column-gap: 5px;
  justify-content: center;
  align-items: center;
}

.l-result__check {
  display: grid;
  align-items: center;
  aspect-ratio: 1;
  padding: 3px;
  border: 1.5px solid var(--color-orangescale-300);
}

.l-result__check-text {
  color: var(--color-orangescale-300);
  font-weight: var(--font-medium);
  font-size: calc(21 * var(--rem-ratio));
}

.l-loading {
  position: fixed;
  inset: 0;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: var(--color-grayscale-0);
  z-index: var(--modal-z-index);
}

.l-loading--hidden {
  display: none;
}

.l-loading__img {
  scale: 0.6;
}

.l-result__cancer {
  display: none;
}

.l-result__cancer--visible {
  display: block;
}

.l-result__check-icon:first-child {
  display: block;
}

.l-result__check-icon:last-child {
  display: none;
}

.l-result__check--active .l-result__check-icon:first-child {
  display: none;
}

.l-result__check--active .l-result__check-icon:last-child {
  display: block;
}

.l-guarantee-wrapper {
  display: grid;
  row-gap: 40px;
  padding-block: 40px;
}

.l-guarantee-induction {
  display: grid;
  grid-template-columns: 1em auto 1em;
  gap: 0.3rem;
  place-items: baseline center;
  inline-size: fit-content;
  margin-inline: auto;
}

.l-guarantee-induction::before {
  content: '';
  display: block;
  inline-size: 0.6em;
  aspect-ratio: 1;
  background: var(--gradient-triangle) no-repeat center / contain;
}

.l-guarantee-induction::after {
  content: '';
  display: block;
  inline-size: 0.6em;
  aspect-ratio: 1;
  background: var(--gradient-triangle) no-repeat center / contain;
}

.l-guarantee {
  display: grid;
  row-gap: 20px;
  inline-size: 80%;
  margin-inline: auto;
}

.l-guarantee__title {
  position: absolute;
  inset-block-start: -15px;
  inset-inline: 0;
  inline-size: fit-content;
  padding-inline: 5px;
  margin-inline: auto;
  background-color: var(--color-grayscale-0);
  color: var(--color-orangescale-300);
  font-size: calc(18 * var(--rem-ratio));
  font-weight: var(--font-medium);
}

.l-guarantee__contents {
  display: grid;
  justify-items: center;
}

.l-guarantee__contents--column {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 1.5rem;
}

.l-guarantee__contents-item {
  display: grid;
  grid-template-rows: 50px 1fr;
  justify-items: center;
  row-gap: 3px;
  inline-size: 100%;
  padding: 8px;
  border: 2px solid var(--color-orangescale-300);
  border-radius: var(--rounded-s);
  box-shadow: 4px 4px 2.5px var(--box-shadow);
  text-align: center;
}

.l-guarantee__contents-item--other {
  position: relative;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 8px;
}

.l-guarantee__contents-item--other::before {
  content: '';
  position: absolute;
  inset-block-start: 10%;
  inset-inline-start: 50%;
  display: block;
  block-size: 80%;
  border-inline-end: 2px dashed var(--color-orangescale-300);
}

.l-guarantee__contents-text {
  color: var(--color-orangescale-300);
  font-size: calc(14 * var(--rem-ratio));
  line-height: var(--leading-tight);
}

.l-guarantee__contents-text--other {
  font-size: calc(16 * var(--rem-ratio));
}

.l-guarantee__contents-icon {
  max-inline-size: 50px;
  aspect-ratio: 1;
}

.l-guarantee__contents-icon--other {
  max-inline-size: 40px;
}

.l-guarantee__item {
  position: relative;
  padding: 28px 10px;
}

.l-guarantee__contents-inner {
  display: grid;
  justify-items: center;
  row-gap: 5px;
}

.l-modal {
  max-inline-size: 430px;
  inline-size: 95%;
  margin-inline: auto;
  padding: 2.5px;
  background-image: var(--yellow-gradient);
  border-radius: var(--rounded-s);
}

.l-modal__inner {
  position: relative;
  background-color: var(--color-grayscale-0);
  border-radius: var(--rounded-s);
}

.l-modal__close {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 10px;
  max-inline-size: 30px;
  aspect-ratio: 1;
}

.l-modal__title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
}

.l-modal__title {
  position: relative;
  color: var(--color-orangescale-300);
  font-size: calc(20 * var(--rem-ratio));
}

.l-modal__title-icon {
  inline-size: 2.5rem;
  aspect-ratio: 1;
}

.l-modal__title::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  display: block;
  inline-size: 100%;
  block-size: 1.5px;
  margin-inline: auto;
  background-color: var(--color-orangescale-300);
}

.l-modal__title--multiple {
  display: grid;
  justify-items: center;
}

.l-modal__title-sub {
  font-size: calc(11 * var(--rem-ratio));
  line-height: var(--leading-initial);
}

.l-modal__content {
  display: grid;
  row-gap: 16px;
  padding: 20px 15px;
  max-block-size: 85vh;
  overflow-y: auto;
}

.l-modal__description {
  font-size: calc(14 * var(--rem-ratio));
}

.l-modal__description-note {
  font-size: calc(8 * var(--rem-ratio));
}

.l-modal__point-text {
  position: sticky;
  font-weight: var(--font-bold);
  font-size: calc(15 * var(--rem-ratio));
  text-align: center;
}

.l-modal__point-highlight {
  color: var(--color-orangescale-400);
}

.l-modal__point {
  position: relative;
  padding: 7px 10px;
  border: 2px solid var(--color-orangescale-300);
  border-radius: var(--rounded-s);
}

.l-modal__point-image {
  position: absolute;
  inset-block-start: 5px;
  inset-inline-start: 15px;
  max-inline-size: 70px;
}

.l-modal__notes {
  font-size: calc(11 * var(--rem-ratio));
}

.l-modal__body {
  display: grid;
  row-gap: 16px;
  letter-spacing: var(--tracking-tight);
}

.l-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  justify-content: center;
  align-items: center;
  inline-size: 100%;
  block-size: 100%;
  background-color: var(--modal-overlay);
  z-index: var(--modal-z-index);
}

.l-modal__body-title {
  color: var(--color-orangescale-300);
  font-size: calc(17 * var(--rem-ratio));
}

@media only screen and (min-width: 768px) {
  @media (any-hover: hover) {
    .l-guarantee__contents-item:hover,
    .l-result__check-wrapper:hover {
      cursor: pointer;
    }
  }
}