@layer reset {
  /*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
  *,
  :before,
  :after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
    min-width: 0;
  }
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  body {
    margin: 0;
  }
  main {
    display: block;
  }
  p,
  table,
  blockquote,
  address,
  pre,
  iframe,
  form,
  figure,
  dl {
    margin: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
  }
  ul,
  ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  dt {
    font-weight: 700;
  }
  dd {
    margin-left: 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit;
  }
  pre {
    font-family: monospace, monospace;
    font-size: inherit;
  }
  address {
    font-style: inherit;
  }
  a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
  }
  abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: inherit;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  svg,
  img,
  embed,
  object,
  iframe {
    vertical-align: bottom;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
  }
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    cursor: pointer;
  }
  button:disabled,
  [type="button"]:disabled,
  [type="reset"]:disabled,
  [type="submit"]:disabled {
    cursor: default;
  }
  :-moz-focusring {
    outline: auto;
  }
  select:disabled {
    opacity: inherit;
  }
  option {
    padding: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
  }
  legend {
    padding: 0;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  [type="number"] {
    -moz-appearance: textfield;
  }
  label[for] {
    cursor: pointer;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  [contenteditable]:focus {
    outline: auto;
  }
  table {
    border-color: inherit;
    border-collapse: collapse;
  }
  caption {
    text-align: left;
  }
  td,
  th {
    vertical-align: top;
    padding: 0;
  }
  th {
    text-align: left;
    font-weight: 700;
  }
}
@layer tokens {
  :root {
    --color-neutral-gray-800: #333;
    --color-neutral-gray-700: #696969;
    --color-neutral-gray-500: #aaa;
    --color-neutral-gray-400: #ccc;
    --color-neutral-gray-300: #ddd;
    --color-neutral-gray-100: #f7f7f7;
    --color-neutral-white: #fff;
    --color-brand-furusato-main: #861212;
    --color-st-link: #008dde;
    --color-st-ivory: #f8f7f3;
    --color-notice-sub-text: #999;
  }
}
@layer tokens {
  :root {
    --font-serif: 游明朝, yu mincho, 游明朝体, times, times new roman,
      ヒラギノ明朝 pron w3, hiraminpron-w3, hgs明朝e, serif;
    --font-sans-serif: -apple-system, “blinkmacsystemfont”, “helvetica neue”,
      “hiragino kaku gothic pron”, “hiragino sans”, sans-serif;
  }
}
@layer reset,tokens;

html {
  font-family: var(--font-sans-serif);
  color: var(--color-neutral-gray-800);
}
.only-sp {
  display: var(--only-sp-display, none);
  @media screen and (max-width: 480px) {
    --only-sp-display: block;
  }
}
.only-pc {
  display: var(--only-pc-display, none);
  @media screen and (min-width: 480px) {
    --only-pc-display: block;
  }
}

.hero-container {
  display: grid;
  grid-template-rows: 20% 1fr 37%;
  grid-template-columns: 100%;
}
.picture-box {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  width: 100%;
  aspect-ratio: var(--picture-box-container-aspect-ratio, 15 / 16);
  clip-path: polygon(
    var(
      --picture-box-clip-path,
      0% 45.4%,
      0% 45.4%,
      0% 57.163%,
      0% 66.705%,
      0% 74.259%,
      0% 80.055%,
      0% 84.326%,
      0% 87.301%,
      0% 89.213%,
      0% 90.292%,
      0% 90.77%,
      0% 90.878%,
      0% 90.878%,
      0.123% 90.898%,
      0.465% 90.953%,
      0.984% 91.037%,
      1.638% 91.142%,
      2.387% 91.262%,
      3.188% 91.389%,
      4.001% 91.517%,
      4.784% 91.639%,
      5.495% 91.747%,
      6.094% 91.836%,
      6.094% 91.836%,
      10.08% 92.368%,
      13.991% 92.788%,
      17.83% 93.094%,
      21.6% 93.287%,
      25.305% 93.368%,
      28.948% 93.336%,
      32.532% 93.191%,
      36.062% 92.933%,
      39.539% 92.563%,
      42.969% 92.08%,
      42.969% 92.08%,
      43.957% 91.921%,
      44.907% 91.758%,
      45.839% 91.588%,
      46.77% 91.405%,
      47.72% 91.207%,
      48.706% 90.99%,
      49.747% 90.748%,
      50.862% 90.479%,
      52.069% 90.179%,
      53.385% 89.844%,
      53.385% 89.844%,
      55.734% 89.25%,
      57.933% 88.719%,
      60.006% 88.246%,
      61.977% 87.828%,
      63.868% 87.46%,
      65.705% 87.137%,
      67.51% 86.855%,
      69.306% 86.609%,
      71.118% 86.396%,
      72.969% 86.211%,
      72.969% 86.211%,
      73.749% 86.159%,
      74.768% 86.12%,
      75.968% 86.095%,
      77.289% 86.082%,
      78.673% 86.082%,
      80.062% 86.094%,
      81.395% 86.118%,
      82.615% 86.153%,
      83.663% 86.201%,
      84.479% 86.26%,
      84.479% 86.26%,
      86.225% 86.465%,
      88.165% 86.754%,
      90.211% 87.101%,
      92.274% 87.483%,
      94.263% 87.873%,
      96.091% 88.248%,
      97.667% 88.583%,
      98.904% 88.853%,
      99.711% 89.033%,
      100% 89.099%,
      100% 0%,
      0% 0%,
      0% 45.4%
    )
  );
  > .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
  @media screen and (min-width: 480px) {
    --picture-box-container-aspect-ratio: unset;
    --picture-box-clip-path: 0% 90.895%, 0.218% 91%, 0.218% 91%, 0.413% 91.082%,
      0.7% 91.198%, 1.063% 91.34%, 1.482% 91.502%, 1.939% 91.677%,
      2.414% 91.857%, 2.889% 92.036%, 3.346% 92.206%, 3.766% 92.36%,
      4.13% 92.492%, 4.13% 92.492%, 7.114% 93.48%, 10.072% 94.321%,
      13.004% 95.014%, 15.907% 95.559%, 18.78% 95.955%, 21.622% 96.203%,
      24.431% 96.301%, 27.207% 96.25%, 29.947% 96.05%, 32.65% 95.7%,
      32.65% 95.7%, 34.232% 95.426%, 35.799% 95.102%, 37.351% 94.73%,
      38.891% 94.308%, 40.418% 93.835%, 41.934% 93.313%, 43.441% 92.739%,
      44.938% 92.114%, 46.427% 91.437%, 47.91% 90.708%, 47.91% 90.708%,
      48.106% 90.608%, 48.345% 90.483%, 48.622% 90.338%, 48.929% 90.176%,
      49.261% 90%, 49.61% 89.814%, 49.97% 89.622%, 50.334% 89.427%,
      50.697% 89.232%, 51.05% 89.042%, 51.05% 89.042%, 52.544% 88.236%,
      53.917% 87.505%, 55.178% 86.845%, 56.339% 86.248%, 57.411% 85.71%,
      58.404% 85.226%, 59.33% 84.79%, 60.199% 84.397%, 61.022% 84.041%,
      61.81% 83.717%, 61.81% 83.717%, 63.663% 83.013%, 65.455% 82.406%,
      67.195% 81.893%, 68.892% 81.475%, 70.555% 81.148%, 72.193% 80.912%,
      73.814% 80.764%, 75.428% 80.705%, 77.044% 80.731%, 78.67% 80.842%,
      78.67% 80.842%, 80.749% 81.098%, 82.833% 81.481%, 84.919% 81.989%,
      87.005% 82.623%, 89.089% 83.38%, 91.167% 84.261%, 93.239% 85.264%,
      95.302% 86.389%, 97.353% 87.635%, 99.39% 89%, 99.39% 89%, 99.487% 89.066%,
      99.579% 89.13%, 99.666% 89.189%, 99.746% 89.244%, 99.818% 89.292%,
      99.88% 89.334%, 99.93% 89.369%, 99.968% 89.394%, 99.992% 89.41%,
      100% 89.416%, 100.01% 0%, 0.01% 0%, 0% 90.895%;
    height: 661px;
  }
}
.contents-box {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / -1;
  place-self: center center;
  width: 100%;
  padding-inline: 1.25rem;
  font-family: var(--font-serif);
  font-weight: 600;
  line-height: 2.6rem;
  color: var(--color-neutral-white);
  text-align: center;
  > .title {
    font-weight: normal;
    font-size: var(--hero-title-font-size, 1.25rem);
    letter-spacing: var(--hero-title-letter-spacing, 0.1em);
  }
  > .subtitle {
    font-weight: normal;
    margin-top: var(--hero-subtitle-margin-top);
    font-size: var(--hero-subtitle-font-size, 1.45rem);
    line-height: 3.5rem;
    letter-spacing: 0.1em;
  }
  @media screen and (min-width: 480px) {
    --hero-title-font-size: 1.625rem;
    --hero-title-letter-spacing: 0.03em;
    --hero-subtitle-font-size: 2.875rem;
    --hero-subtitle-margin-top: 1.125rem;
  }
}
.title-wrapper {
  font-size: var(--title-wrapper-font-size, 1.25rem);
  line-height: 2.6rem;
  text-align: center;
  > .highlight {
    display: block;
    margin-top: var(--title-wrapper-highlight-margin-top);
    font-size: var(--title-wrapper-highlight-font-size, 1.75rem);
  }
  @media screen and (min-width: 480px) {
    --title-wrapper-highlight-margin-top: 1.5rem;
    --title-wrapper-font-size: 1.625rem;
    --title-wrapper-highlight-font-size: 2.5rem;
  }
}
.description-container {
  display: grid;
  row-gap: var(--description-container-row-gap, 2.5rem);
  padding-block: 2.5rem 5rem;
  padding-inline: max(calc(50vw - 19.6875rem), 1.25rem);
  > .description {
    font-size: var(--description-font-size, 1.5rem);
    line-height: var(--description-line-height, 2.25rem);
    text-align: center;
    letter-spacing: 0.05em;
  }
  @media screen and (min-width: 480px) {
    --description-container-row-gap: 3.75rem;
    --description-font-size: 2rem;
    --description-line-height: 3.35rem;
  }
}
.info-box {
  border-radius: 6px;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  gap: 1rem 0.5rem;
  align-items: center;
  padding: var(--info-box-padding, 1.25rem);
  box-shadow: inset 0 0 0 1px var(--color-brand-furusato-main);
  > .title {
    display: flex;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 2.6rem;
    color: var(--color-brand-furusato-main);
    letter-spacing: 0.1em;
    > .icon {
      flex-shrink: 0;
      width: 2rem;
      height: 2rem;
      margin-top: 0.25rem;
      fill: var(--color-brand-furusato-main);
    }
  }
  > .description {
    grid-column: 1 / -1;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: center;
    letter-spacing: 0.1em;
  }
  @media screen and (min-width: 480px) {
    --info-box-padding: 2.5rem;
  }
}
.links-box {
  > .link {
    display: block;
    display: flex;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    align-items: center;
    justify-content: center;
    height: var(--links-box-link-height, unset);
    padding-block: 1.25rem;
    padding-inline: 1.5rem;
    font-size: var(--links-box-link-font-size, 1.25rem);
    line-height: 1.125rem;
    color: var(--color-neutral-white);
    background-color: var(--color-brand-furusato-main);
    border-radius: 0.375rem;
    > .icon {
      width: 1.25rem;
      height: 1.25rem;
      fill: var(--color-neutral-white);
    }
    &.-second {
      margin-top: var(--links-box-link-second-margin-top, 1.25rem);
    }
  }
  > .note {
    display: block;
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.2rem;
    text-align: center;
  }
  @media screen and (min-width: 480px) {
    --links-box-link-height: 5rem;
    --links-box-link-font-size: 1.5rem;
    --links-box-link-second-margin-top: 2rem;
  }
}
.feature-container {
  display: grid;
  row-gap: var(--feature-container-row-gap, 2.5rem);
  padding-block: 5rem;
  padding-inline: max(calc(50vw - 22.5rem), 1.25rem);
  background-color: var(--color-st-ivory);
  > .list {
    display: contents;
  }
  @media screen and (min-width: 480px) {
    --feature-container-row-gap: 4.6875rem;
  }
}
.feature-card {
  --feature-card-space-top: 1.875rem;
  position: relative;
  display: grid;
  gap: 1.25rem;
  padding: var(--feature-card-padding, 1.25rem);
  margin-top: var(--feature-card-space-top);
  background-color: var(--color-neutral-white);
  isolation: isolate;
  border-radius: 0.375rem;
  text-align: left;
  > .count {
    position: absolute;
    top: calc(-1 * var(--feature-card-space-top));
    left: 1.25rem;
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--color-brand-furusato-main);
  }
  > .title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.6rem;
  }
  > .description {
    grid-row: var(--feature-card-description-grid-row, auto);
    font-size: 1rem;
    line-height: 1.875rem;
  }
  > .illustration {
    grid-row: var(--feature-card-illustration-grid-row, auto);
    grid-column: var(--feature-card-illustration-grid-column, auto);
    align-self: center;
    &.-coupon {
      height: 5.9375rem;
    }
    &.-map {
      height: 8.25rem;
    }
  }
  @media screen and (min-width: 480px) {
    --feature-card-description-grid-row: 2 / 3;
    --feature-card-illustration-grid-row: 1 / 3;
    --feature-card-illustration-grid-column: 2 / 3;
    --feature-card-space-top: 2.25rem;
    --feature-card-padding: 2.5rem;
    grid-template-columns: 1fr 8.75rem;
  }
}
.text-link {
  color: var(--color-st-link);
}
.attention-container {
  text-align: left;
  padding-block: 5rem;
  padding-inline: max(calc(50vw - 31.25rem), 1.25rem);
  > .title {
    font-size: var(--attention-container-title-font-size, 1.75rem);
    line-height: 2.6rem;
    text-align: center;
  }
  > .subtitle {
    margin-top: var(--attention-container-subtitle-margin-top, 2.5rem);
    font-size: var(--attention-container-subtitle-font-size, 1.25rem);
    font-weight: 700;
    line-height: var(--attention-container-subtitle-line-height, 1.75rem);
  }
  @media screen and (min-width: 480px) {
    --attention-container-title-font-size: 2.5rem;
    --attention-container-subtitle-font-size: 1.5rem;
    --attention-container-subtitle-margin-top: 3.75rem;
    --attention-container-subtitle-line-height: 2.6rem;
  }
}
.clause-list {
  text-align: left;
  font-size: var(--clause-list-font-size, 0.75rem);
  line-height: var(--clause-list-line-height, 1.75rem);
  > .item {
    position: relative;
    padding-left: 1.25rem;
    &:before {
      position: absolute;
      top: 0.875rem;
      left: 0.5rem;
      width: 0.2rem;
      height: 0.2rem;
      content: "";
      background-color: var(--color-neutral-gray-800);
      border-radius: 50%;
      transform: translateY(-50%);
    }
  }
  @media screen and (min-width: 480px) {
    --clause-list-font-size: 0.875rem;
    --clause-list-line-height: 2.125rem;
  }
}
.calculation-container {
  padding-block: 5rem;
  > .description {
    padding-inline: 1rem;
    margin-top: var(--calculation-container-description-margin-top, 0.75rem);
    font-size: 0.875rem;
    line-height: 1.4rem;
    text-align: center;
  }
  @media screen and (min-width: 480px) {
    --calculation-container-description-margin-top: 3.75rem;
  }
}
.row-sticky {
  position: sticky;
  top: 0;
  left: 0;
}
.row-full {
  grid-row: 1/ 5;
}
.row-span-2 {
  grid-row: span 2;
}
.row-4-5 {
  grid-row: 4 / 5;
}
.col-2-end {
  grid-column: 2 / -1;
}
.col-span-3 {
  grid-column: span 3;
}
.col-span-4 {
  grid-column: span 4;
}
.col-4-5 {
  grid-column: 4 / 5;
}
.col-5-6 {
  grid-column: 5 / 6;
}
.col-6-7 {
  grid-column: 6 / 7;
}
.cell-border {
  box-shadow: var(--calculation-header-cell-shadow-left, inset 0 0 0 0),
    var(--calculation-header-cell-shadow-top, inset 0 0 0 0),
    var(--calculation-header-cell-shadow-right, inset 0 0 0 0),
    var(--calculation-header-cell-shadow-bottom, inset 0 0 0 0);
  &.-left {
    --calculation-header-cell-shadow-left: inset 1px 0 0 0
      var(--color-neutral-gray-300);
  }
  &.-top {
    --calculation-header-cell-shadow-top: inset 0 1px 0 0
      var(--color-neutral-gray-300);
  }
  &.-right {
    --calculation-header-cell-shadow-right: inset -1px 0 0 0 var(--color-neutral-gray-300);
  }
  &.-bottom {
    --calculation-header-cell-shadow-bottom: inset 0 -1px 0 0 var(--color-neutral-gray-300);
  }
}
.calculation-table {
  position: relative;
  display: grid;
  grid-template-columns: 7.375rem repeat(9, 6.125rem);
  height: 566px;
  margin-inline: max(calc(50vw - 31.25rem), 0rem);
  margin-top: var(--calculation-table-description-margin-top, 1.25rem);
  overflow: scroll;
  overscroll-behavior: auto;
  isolation: isolate;
  @media screen and (min-width: 480px) {
    --calculation-table-description-margin-top: 3.75rem;
  }
}
.calculation-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  display: grid;
  grid-template-rows: 55px 52px 36px 56px;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  isolation: isolate;
  > .cell {
    place-content: center center;
    text-align: center;
  }
  > .title {
    --calculation-header-cell-shadow-right: inset -2px 0 0 0 var(--color-neutral-gray-300);
  }
  > .major {
    padding: 0.6rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4rem;
    color: var(--color-neutral-white);
    background-color: var(--color-neutral-gray-700);
  }
  > .minor {
    line-height: 1;
    padding: 0.75rem;
    padding-block: 0.75rem;
    padding-inline: 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-neutral-white);
    background-color: var(--color-neutral-gray-500);
    > .note {
      font-size: 0.625rem;
      font-weight: 400;
    }
  }
  > .sub {
    padding: 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    background-color: var(--color-neutral-gray-100);
  }
}
.calculation-body {
  display: contents;
}
.calculation-row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  grid-auto-rows: 38px;
  isolation: isolate;
  > .title {
    --calculation-header-cell-shadow-right: inset -2px 0 0 0 var(--color-neutral-gray-300);
    font-weight: 700;
  }
  > .cell {
    place-content: center center;
    font-size: 0.875rem;
    text-align: center;
    background-color: var(--calculation-row-bg, var(--color-neutral-white));
  }
  &:nth-of-type(odd) {
    --calculation-row-bg: var(--color-neutral-gray-100);
  }
}
.calculation-note {
  display: block;
  padding-inline: max(calc(50vw - 31.25rem), 0rem);
  margin-top: 0.75rem;
  line-height: 1.2rem;
  color: var(--color-notice-sub-text);
  text-align: right;
}
.calculation-clause {
  padding-inline: max(calc(50vw - 31.25rem), 1.25rem);
  margin-top: var(--calculation-clause-description-margin-top, 1.25rem);
  @media screen and (min-width: 480px) {
    --calculation-clause-description-margin-top: 3.75rem;
  }
}
.howto-container {
  padding-block: 5rem;
  padding-inline: max(calc(50vw - 31.25rem), 1.25rem);
  background-color: var(--color-st-ivory);
}
.tab-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  margin-top: var(--tab-list-margin-top, 2.5rem);
  &:after {
    grid-column: 1 / -1;
    height: 0.25rem;
    content: "";
    background-color: var(--color-brand-furusato-main);
  }
  > .tab {
    justify-content: center;
    padding-block: 0.5625rem;
    padding-inline: var(--tab-list-tab-padding-inline, 0.2rem);
    font-size: var(--tab-list-tab-font-size, 0.75rem);
    font-weight: var(--tab-font-weight, 400);
    line-height: var(--tab-list-tab-line-height, 1.125rem);
    color: var(--tab-color, var(--color-neutral-gray-800));
    text-align: center;
    background-color: var(--tab-bg, var(--color-neutral-white));
    border-radius: 0.625rem 0.625rem 0 0;
    box-shadow: var(
      --tab-box-shadow,
      inset 0 0 0 1px var(--color-neutral-gray-300)
    );
    &[aria-selected="true"] {
      --tab-bg: var(--color-brand-furusato-main);
      --tab-color: var(--color-neutral-white);
      --tab-font-weight: 700;
      --tab-box-shadow: none;
    }
  }
  @media screen and (min-width: 480px) {
    --tab-list-tab-font-size: 1.25rem;
    --tab-list-tab-padding-inline: 0.75rem;
    --tab-list-margin-top: 3.75rem;
    --tab-list-tab-line-height: 1.75rem;
  }
}
.tabpanel-list {
  text-align: left;
  display: grid;
  row-gap: 2rem;
  margin-top: var(--tabpanel-list-margin-top, 2.25rem);
  &[hidden] {
    display: none;
  }
  @media screen and (min-width: 480px) {
    --tabpanel-list-margin-top: 3.75rem;
  }
}
.tabpanel-item {
  display: grid;
  row-gap: 0.75rem;
  > .title {
    display: flex;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.8rem;
    > .count {
      display: flex;
      place-content: center center;
      align-items: center;
      width: 1.5rem;
      height: 1.5rem;
      font-size: 0.875rem;
      line-height: 0;
      color: var(--color-neutral-white);
      background-color: var(--color-neutral-gray-800);
      border-radius: 100em;
    }
  }
  > .image {
    width: 100%;
    height: auto;
    border: 1px solid var(--color-neutral-gray-300);
  }
  > .paragraph {
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
}