.accordion.svelte-3hwv8x.svelte-3hwv8x {
  display: grid;
  grid-template-areas: "summary summary" "content content";
  grid-template-columns: calc(var(--custom-rem, 1rem) * 4) 1fr;
  grid-template-rows: auto 1fr;
  -moz-column-gap: calc(var(--custom-rem, 1rem) * 2.4);
  column-gap: calc(var(--custom-rem, 1rem) * 2.4);
  padding-top: calc(var(--custom-rem, 1rem) * 2.4);
  padding-bottom: calc(var(--custom-rem, 1rem) * 2.4);
  transition: padding-top .2s ease-in-out, padding-bottom .2s ease-in-out
}

@media (min-width: 768px) {
  .accordion.svelte-3hwv8x.svelte-3hwv8x {
    grid-template-areas: "summary summary" "_ content";
    -moz-column-gap: calc(var(--custom-rem, 1rem) * 3);
    column-gap: calc(var(--custom-rem, 1rem) * 3)
  }
}

.summary.svelte-3hwv8x.svelte-3hwv8x {
  grid-area: summary;
  -moz-column-gap: calc(var(--custom-rem, 1rem) * 2.4);
  column-gap: calc(var(--custom-rem, 1rem) * 2.4)
}

@media (min-width: 768px) {
  .summary.svelte-3hwv8x.svelte-3hwv8x {
    -moz-column-gap: calc(var(--custom-rem, 1rem) * 3);
    column-gap: calc(var(--custom-rem, 1rem) * 3)
  }
}

.icon.svelte-3hwv8x.svelte-3hwv8x {
  align-self: center
}

@media (min-width: 768px) {
  .icon.svelte-3hwv8x.svelte-3hwv8x {
    align-self: center
  }
}

.icon.svelte-3hwv8x .expansion-circle {
  width: calc(var(--custom-rem, 1rem) * 4);
  height: calc(var(--custom-rem, 1rem) * 4)
}

.header.svelte-3hwv8x.svelte-3hwv8x {
  align-self: center
}

.accordion-content.svelte-3hwv8x.svelte-3hwv8x {
  grid-area: content;
  height: 0;
  overflow: hidden;
  transition: height .2s ease-in-out
}

.accordion[aria-expanded=true].svelte-3hwv8x .title.svelte-3hwv8x {
  color: #0065bd
}

.accordion[aria-expanded=true].svelte-3hwv8x .accordion-content.svelte-3hwv8x {
  overflow: visible
}

[data-scroll-hint-content]>img, [data-scroll-hint-content]>.c-image, [data-scroll-hint-content]>picture>img {
  height: 100%;
  width: auto;
  max-width: none
}

@media (max-width: 767px) {
  [data-scroll-hint-type=pc] [data-scroll-hint-content]>img, [data-scroll-hint-type=pc] [data-scroll-hint-content]>picture>img {
    width: 100%
  }
}

@media (min-width: 768px) {
  [data-scroll-hint-type=sp] [data-scroll-hint-content]>img, [data-scroll-hint-type=sp] [data-scroll-hint-content]>picture>img {
    width: 100%
  }
}

[data-scroll-hint-overlay] {
  visibility: hidden;
  transition-property: visibility, opacity;
  transition-duration: .6s;
  opacity: 0;
  display: flex
}

[data-scroll-hint=scrollable] [data-scroll-hint-overlay] {
  visibility: visible;
  opacity: 1;
  background: rgba(45, 49, 51, .1)
}
