/* !custom properties */
:root {
  --breakpoint-pc-min: 744;
  --fluid-min-width: 320;
  --fluid-cnt-width: 390;
  --fluid-max-width: 743;
}
@media (min-width: 744px) {
  :root {
    --fluid-min-width: 744;
    --fluid-cnt-width: 1360;
    --fluid-max-width: var(--fluid-cnt-width);
  }
}
:root {
  --1vw: 1vw;
  --100vw: 100vw;
}

:root {
  --fluid-rem: clamp(var(--fluid-min-width) / var(--fluid-cnt-width) * 1rem, 16 / var(--fluid-cnt-width) * var(--100vw), var(--fluid-max-width) / var(--fluid-cnt-width) * 1rem);
}

.section__heading + .section__content {
  padding-block-start: calc(var(--fluid-rem) * 0.625);
}
@media (min-width: 744px) {
  .section__heading + .section__content {
    padding-block-start: calc(var(--fluid-rem) * 1.25);
  }
}

body.about .main .about-intro {
  padding-block-end: calc(var(--fluid-rem) * 4);
}
body.about .main .about-intro .section__content {
  display: grid;
  gap: calc(var(--fluid-rem) * 0.625);
}
body.about .main .about-intro .about-intro__copy {
  margin-block-end: calc(var(--fluid-rem) * 0.625);
}
body.about .main .about-intro .about-intro__text {
  padding-block-start: calc(var(--fluid-rem) * 0.9375);
  font-size: max(10px, var(--fluid-rem) * 0.875);
  line-height: 2;
  letter-spacing: 0.08em;
}
body.about .main .about-intro .about-intro__image {
  background-color: var(--color-white);
}
@media (min-width: 744px) {
  body.about .main .about-intro {
    padding-block-end: calc(var(--fluid-rem) * 5.25);
  }
  body.about .main .about-intro .section__content {
    grid-template-columns: 1.1fr 0.9fr 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: calc(var(--fluid-rem) * 1.25);
    align-items: stretch;
  }
  body.about .main .about-intro .about-intro__copy,
  body.about .main .about-intro .about-intro__image--poster {
    grid-row: 1/-1;
  }
  body.about .main .about-intro .about-intro__copy {
    margin-block-end: 0;
  }
  body.about .main .about-intro .about-intro__copy .section__heading {
    margin-inline: 0;
  }
  body.about .main .about-intro .about-intro__text {
    padding-inline-end: 2em;
    padding-block-start: calc(var(--fluid-rem) * 2.5);
    font-size: max(10px, var(--fluid-rem) * 1.125);
    line-height: 2;
  }
}
body.about .main .information .table a {
  font-size: max(10px, var(--fluid-rem) * 0.875);
  line-height: 1.7142857143;
  letter-spacing: 0.08em;
}
@media (min-width: 744px) {
  body.about .main .information .table a {
    font-size: max(10px, var(--fluid-rem) * 1);
    line-height: 1.75;
  }
}

body.results .main .download .white-bg-box {
  padding-block: calc(var(--fluid-rem) * 3.125) calc(var(--fluid-rem) * 1.875);
}
body.results .main .download .download__text {
  font-size: max(10px, var(--fluid-rem) * 1);
  line-height: 1.875;
  letter-spacing: 0.08em;
}
body.results .main .download .download__note {
  margin-block-start: calc(var(--fluid-rem) * 1.25);
  font-size: max(10px, var(--fluid-rem) * 0.75);
  line-height: 1.8333333333;
  letter-spacing: 0.08em;
}
body.results .main .download .download__note--data {
  text-align: center;
}
body.results .main .download .download__button-wrap {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-block-start: calc(var(--fluid-rem) * 1.625);
}
@media (min-width: 744px) {
  body.results .main .download .download__text {
    font-size: max(10px, var(--fluid-rem) * 1.125);
    line-height: 2;
    text-align: center;
  }
  body.results .main .download .download__note {
    margin-block-start: calc(var(--fluid-rem) * 0.625);
    font-size: max(10px, var(--fluid-rem) * 0.875);
    line-height: 1.8571428571;
    text-align: center;
  }
  body.results .main .download .download__note--data {
    text-align: center;
  }
}
body.results .main .visitor .section__content + .section__content {
  margin-block-start: calc(var(--fluid-rem) * 1.25);
}
body.results .main .visitor h3 {
  margin-block-end: calc(var(--fluid-rem) * 0.3125);
  color: var(--color-green);
  font-weight: 900;
  font-size: max(10px, var(--fluid-rem) * 1);
  line-height: 1.9375;
  letter-spacing: 0.08em;
}
body.results .main .visitor .table--horizontal {
  width: 100%;
  table-layout: fixed;
}
body.results .main .visitor .table--horizontal .table__date {
  width: 34%;
}
body.results .main .visitor .table--horizontal .table__weather {
  width: 33%;
}
body.results .main .visitor .table--horizontal .table__total {
  width: 33%;
}
body.results .main .visitor .visitor__note {
  margin-block-start: calc(var(--fluid-rem) * 0.625);
  font-size: max(10px, var(--fluid-rem) * 0.75);
  line-height: 1.8333333333;
  letter-spacing: 0.08em;
}
@media (min-width: 744px) {
  body.results .main .visitor .section__content + .section__content {
    margin-block-start: calc(var(--fluid-rem) * 3.125);
  }
  body.results .main .visitor h3 {
    margin-block-end: calc(var(--fluid-rem) * 0.875);
    font-size: max(10px, var(--fluid-rem) * 1.375);
    line-height: 1.2727272727;
  }
  body.results .main .visitor .visitor__note {
    margin-block-start: calc(var(--fluid-rem) * 0.875);
    font-size: max(10px, var(--fluid-rem) * 0.875);
    line-height: 2;
  }
}
body.results .main .survey .survey__lede-wrap {
  margin-block-end: calc(var(--fluid-rem) * 1.25);
  padding-block-end: calc(var(--fluid-rem) * 1.125);
  background-image: url(../img/results/survey-lede.svg);
  background-position-y: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
body.results .main .survey .survey__lede {
  font-weight: 900;
  font-size: max(10px, var(--fluid-rem) * 1.25);
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
  white-space: nowrap;
}
body.results .main .survey .survey__green-num {
  color: var(--color-green);
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: max(10px, var(--fluid-rem) * 3.75);
  letter-spacing: 0em;
}
body.results .main .survey .survey__green-sym {
  color: var(--color-green);
  font-size: max(10px, var(--fluid-rem) * 2);
  letter-spacing: 0.08em;
}
body.results .main .survey .survey__red {
  margin-inline-start: -0.5em;
  margin-inline-end: -0.25em;
  color: var(--color-red);
  font-size: max(10px, var(--fluid-rem) * 1.375);
}
body.results .main .survey .survey__note {
  font-weight: 700;
  font-size: max(10px, var(--fluid-rem) * 0.75);
  letter-spacing: 0.08em;
  text-align: right;
}
body.results .main .survey .survey__list.survey__list--head {
  display: grid;
  row-gap: calc(var(--fluid-rem) * 0.75);
}
body.results .main .survey .survey__list.survey__list--body {
  display: grid;
  row-gap: calc(var(--fluid-rem) * 2.1875);
  margin-block-start: calc(var(--fluid-rem) * 2);
}
body.results .main .survey .survey__list h3 {
  display: flex;
  -moz-column-gap: calc(var(--fluid-rem) * 0.3125);
       column-gap: calc(var(--fluid-rem) * 0.3125);
  align-items: center;
  margin-block-end: calc(var(--fluid-rem) * 0.1875);
  color: var(--color-green);
  font-weight: 900;
  font-size: max(10px, var(--fluid-rem) * 1.125);
  line-height: 1.5;
  letter-spacing: 0.08em;
}
body.results .main .survey .survey__list h3::before {
  content: "";
  display: inline-block;
  width: calc(var(--fluid-rem) * 2.3125);
  height: calc(var(--fluid-rem) * 2.3125);
  flex-shrink: 0;
  background-image: url(../img/results/survey-heading.svg);
  background-size: cover;
}
body.results .main .survey .survey__list .survey__voice {
  display: grid;
  row-gap: calc(var(--fluid-rem) * 0.125);
}
body.results .main .survey .survey__list .survey__voice h4 {
  margin-block-end: calc(var(--fluid-rem) * 0.125);
  color: var(--color-green);
  font-weight: 900;
  font-size: max(10px, var(--fluid-rem) * 1.125);
  line-height: 1.7222222222;
  letter-spacing: 0.08em;
  text-align: center;
}
body.results .main .survey .survey__list .survey__voice h4::before, body.results .main .survey .survey__list .survey__voice h4::after {
  content: "";
  display: inline-block;
  width: calc(var(--fluid-rem) * 0.125);
  height: 1.4em;
  position: relative;
  top: calc(var(--fluid-rem) * 0.4375);
  background-color: var(--color-green);
}
body.results .main .survey .survey__list .survey__voice h4::before {
  transform: rotate(-20deg);
  margin-inline-end: calc(var(--fluid-rem) * 0.5625);
}
body.results .main .survey .survey__list .survey__voice h4::after {
  transform: rotate(20deg);
  margin-inline-start: calc(var(--fluid-rem) * 0.5625);
}
body.results .main .survey .survey__list .survey__voice ul {
  display: grid;
  row-gap: calc(var(--fluid-rem) * 0.375);
}
body.results .main .survey .survey__list .survey__voice li {
  padding-inline: calc(var(--fluid-rem) * 1.25);
  padding-block: calc(var(--fluid-rem) * 0.9375);
  border-radius: calc(var(--fluid-rem) * 0.375);
  background-color: var(--color-white);
  font-size: max(10px, var(--fluid-rem) * 0.875);
  line-height: 1.7142857143;
  letter-spacing: 0.08em;
}
@media (min-width: 744px) {
  body.results .main .survey .section__content {
    padding-block-start: 0;
  }
  body.results .main .survey .survey__lede-wrap {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-block-end: calc(var(--fluid-rem) * 3.75);
    background-size: auto;
    background-repeat: repeat-x;
  }
  body.results .main .survey .survey__lede {
    margin-block: calc(var(--fluid-rem) * -1.25);
    font-size: max(10px, var(--fluid-rem) * 1.625);
  }
  body.results .main .survey .survey__green-num {
    font-size: max(10px, var(--fluid-rem) * 6.875);
  }
  body.results .main .survey .survey__green-sym {
    font-size: max(10px, var(--fluid-rem) * 2.8125);
  }
  body.results .main .survey .survey__red {
    margin-inline-start: -1em;
    font-size: max(10px, var(--fluid-rem) * 2.375);
  }
  body.results .main .survey .survey__note {
    font-size: max(10px, var(--fluid-rem) * 0.875);
  }
  body.results .main .survey .survey__list.survey__list--head {
    grid-template-columns: calc(var(--fluid-rem) * 35.625) calc(var(--fluid-rem) * 37.5);
    -moz-column-gap: calc(var(--fluid-rem) * 1.875);
         column-gap: calc(var(--fluid-rem) * 1.875);
  }
  body.results .main .survey .survey__list.survey__list--body {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: calc(var(--fluid-rem) * 3.75);
         column-gap: calc(var(--fluid-rem) * 3.75);
    row-gap: calc(var(--fluid-rem) * 3.5);
    margin-block-start: calc(var(--fluid-rem) * 4);
  }
  body.results .main .survey .survey__list.survey__list--body li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  body.results .main .survey .survey__list h3 {
    -moz-column-gap: calc(var(--fluid-rem) * 0.375);
         column-gap: calc(var(--fluid-rem) * 0.375);
    margin-block-end: calc(var(--fluid-rem) * 1);
    font-size: max(10px, var(--fluid-rem) * 1.375);
    line-height: 1.2727272727;
  }
  body.results .main .survey .survey__list h3::before {
    content: "";
    width: calc(var(--fluid-rem) * 2.75);
    height: calc(var(--fluid-rem) * 2.75);
  }
  body.results .main .survey .survey__list .survey__voice {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    row-gap: 0;
  }
  body.results .main .survey .survey__list .survey__voice h4 {
    margin-inline-start: calc(var(--fluid-rem) * 0.3125);
    margin-block-end: calc(var(--fluid-rem) * 1);
    font-size: max(10px, var(--fluid-rem) * 1.375);
    line-height: 1.4090909091;
    text-align: left;
  }
  body.results .main .survey .survey__list .survey__voice h4::before, body.results .main .survey .survey__list .survey__voice h4::after {
    content: "";
    width: calc(var(--fluid-rem) * 0.1875);
    height: 1.4em;
    top: calc(var(--fluid-rem) * 0.625);
  }
  body.results .main .survey .survey__list .survey__voice h4::before {
    transform: rotate(-20deg);
    margin-inline-end: calc(var(--fluid-rem) * 1);
  }
  body.results .main .survey .survey__list .survey__voice h4::after {
    transform: rotate(20deg);
    margin-inline-start: calc(var(--fluid-rem) * 1);
  }
  body.results .main .survey .survey__list .survey__voice ul {
    row-gap: calc(var(--fluid-rem) * 0.625);
  }
  body.results .main .survey .survey__list .survey__voice li {
    font-size: max(10px, var(--fluid-rem) * 1);
    line-height: 1.7;
    text-box-trim: trim-both;
  }
}
body.results .main .gallery .gallery__list {
  display: grid;
  row-gap: calc(var(--fluid-rem) * 0.5);
}
@media (min-width: 744px) {
  body.results .main .gallery .gallery__list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--fluid-rem) * 1.25);
  }
}
body.results .main .highlights .highlights__list {
  display: grid;
  row-gap: calc(var(--fluid-rem) * 0.5);
}
@media (min-width: 744px) {
  body.results .main .highlights .highlights__list {
    row-gap: calc(var(--fluid-rem) * 1.875);
  }
}

body.movie .main .video-list {
  display: grid;
  row-gap: calc(var(--fluid-rem) * 1.6875);
}
body.movie .main .video-list h3 {
  margin-block-end: calc(var(--fluid-rem) * 0.125);
  color: var(--color-green);
  font-weight: 900;
  font-size: max(10px, var(--fluid-rem) * 1);
  line-height: 1.9375;
  letter-spacing: 0.08em;
}
@media (min-width: 744px) {
  body.movie .main .video-list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--fluid-rem) * 3.75);
  }
  body.movie .main .video-list h3 {
    margin-block-end: calc(var(--fluid-rem) * 0.75);
    font-size: max(10px, var(--fluid-rem) * 1.25);
    line-height: 1.55;
  }
}/*# sourceMappingURL=style.css.map */