:root {
  --fes_font_en: "neue-haas-grotesk-display", sans-serif;
  --fes_font_ja: "noto-sans-cjk-jp", sans-serif;
}

html {
  scrollbar-gutter: stable;
}

body.is-menu-open, body.is-modal-open {
  overflow: hidden;
  height: 100vh;
}

.header_caution {
  position: relative;
  z-index: 100;
}

#chart-wrapper {
  color: #161515;
  font-family: var(--fes_font_ja, "noto-sans-cjk-jp", sans-serif);
}
#chart-wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#chart-wrapper * {
  letter-spacing: normal;
  font-feature-settings: normal;
}
@media screen and (min-width: 769px) {
  #chart-wrapper .u-show-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  #chart-wrapper .u-show-pc {
    display: none !important;
  }
}
#chart-wrapper .chart-c-toggleimage {
  position: relative;
  width: 100%;
  height: auto;
}
#chart-wrapper .chart-c-toggleimage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
#chart-wrapper .chart-c-toggleimage img:nth-child(1) {
  position: relative;
  z-index: 1;
  opacity: 1 !important;
  animation: none !important;
}
#chart-wrapper .chart-c-toggleimage img:nth-child(n+2) {
  z-index: 2;
  opacity: 0;
  animation: chart-figure-toggle-fade-on-top-even 6s cubic-bezier(0.52, 0, 0.48, 1) infinite;
}
#chart-wrapper .chart-c-toggleimage img:nth-child(2) {
  animation-delay: 2s;
}
@keyframes chart-figure-toggle-fade-on-top-even {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  58% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#chart-wrapper .chart-mv {
  position: relative;
  height: 100vh;
  background: url("../img/kv_bg01.webp") no-repeat center top/cover;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv {
    background: url("../img/kv_bg01_sp.webp") no-repeat center top/cover;
  }
}
#chart-wrapper .chart-mv-title {
  position: absolute;
  z-index: 5;
  top: calc(100 / 2735 * 100cqw);
  left: calc(100 / 2735 * 100cqw);
  width: calc(768 / 2735 * 100cqw);
}
#chart-wrapper .chart-mv-title__main {
  display: block;
  margin: 0 0 calc(7 / 2735 * 100cqw);
  font-family: var(--fes_font_en);
  font-size: calc(130 / 2735 * 100cqw);
  font-style: normal;
  font-weight: 500;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv-title__main {
    font-size: calc(75 / 750 * 100vw);
  }
}
#chart-wrapper .chart-mv-title__main > span {
  display: block;
}
#chart-wrapper .chart-mv-title__sub {
  position: absolute;
  z-index: 2;
  top: calc(54 / 2735 * 100cqw);
  left: calc(358 / 2735 * 100cqw);
  white-space: nowrap;
  display: block;
  font-family: var(--fes_font_en);
  font-size: calc(62 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv-title__sub {
    top: calc(33 / 750 * 100vw);
    left: calc(214 / 750 * 100vw);
    font-size: calc(33 / 750 * 100vw);
  }
}
#chart-wrapper .chart-mv__logo {
  position: absolute;
  z-index: 5;
  top: calc(100 / 2735 * 100cqw);
  right: calc(100 / 2735 * 100cqw);
  width: calc(200 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv__logo {
    top: calc(50 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
    width: calc(140 / 750 * 100vw);
  }
}
#chart-wrapper .chart-mv__figure {
  position: absolute;
  z-index: 2;
  top: calc(340 / 2735 * 100cqw);
  right: calc(370 / 2735 * 100cqw);
  width: calc(510 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv__figure {
    top: calc(260 / 750 * 100vw);
    right: calc(100 / 750 * 100vw);
    width: calc(300 / 750 * 100vw);
  }
}
#chart-wrapper .chart-mv__figure__caption {
  position: absolute;
  z-index: 5;
  bottom: calc(250 / 2735 * 100cqw);
  left: calc(-114 / 2735 * 100cqw);
  width: calc(320 / 2735 * 100cqw);
  font-family: var(--fes_font_en);
  font-size: calc(20 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv__figure__caption {
    bottom: auto;
    top: calc(150 / 750 * 100vw);
    left: calc(-110 / 750 * 100vw);
    width: calc(250 / 750 * 100vw);
    font-size: calc(14 / 750 * 100vw);
    line-height: 1.71;
  }
}
#chart-wrapper .chart-mv__slider-wrap {
  position: absolute;
  z-index: 8;
  top: calc(467 / 2735 * 100cqw);
  left: 0;
  width: 100%;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
}
#chart-wrapper .chart-mv__slider-wrap.is-dragging {
  cursor: grabbing;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv__slider-wrap {
    top: calc(440 / 750 * 100vw);
  }
}
#chart-wrapper .chart-mv__slider {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#chart-wrapper .chart-mv__slider img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#chart-wrapper .chart-mv__slider__item {
  flex-shrink: 0;
}
#chart-wrapper .chart-mv__slider__item img {
  width: calc(700 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv__slider__item img {
    width: auto;
    height: calc(700 / 750 * 100vw);
  }
}
#chart-wrapper .chart-mv__stalker {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(12 / 2735 * 100cqw);
  min-width: calc(200 / 2735 * 100cqw);
  color: #161515;
  font-family: var(--fes_font_en);
  font-size: calc(26 / 2735 * 100cqw);
  text-transform: uppercase;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transform: translate(-100%, 50%) scale(0);
  transition: opacity 0.2s ease, transform 0.2s ease;
  will-change: transform;
}
#chart-wrapper .chart-mv__stalker.is-active {
  opacity: 1;
  transform: translate(-100%, 50%) scale(1);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv__stalker {
    display: none;
  }
}
#chart-wrapper .chart-mv__stalker::before, #chart-wrapper .chart-mv__stalker::after {
  content: "";
  aspect-ratio: 12/50;
  border: 1px solid #161515;
  width: calc(12 / 2735 * 100cqw);
}
#chart-wrapper .chart-mv__stalker::before {
  border-right: none;
}
#chart-wrapper .chart-mv__stalker::after {
  border-left: none;
}
#chart-wrapper .chart-mv__center-text {
  display: none;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-mv__center-text {
    position: absolute;
    z-index: 5;
    top: calc(446 / 750 * 100vw);
    left: calc(155 / 750 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(32 / 750 * 100vw);
    min-width: calc(260 / 750 * 100vw);
    color: #161515;
    font-family: var(--fes_font_en);
    font-size: calc(22 / 750 * 100vw);
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
  }
  #chart-wrapper .chart-mv__center-text::before, #chart-wrapper .chart-mv__center-text::after {
    content: "";
    aspect-ratio: 12/50;
    border: 1px solid #161515;
    width: calc(12 / 750 * 100vw);
  }
  #chart-wrapper .chart-mv__center-text::before {
    border-right: none;
  }
  #chart-wrapper .chart-mv__center-text::after {
    border-left: none;
  }
}
#chart-wrapper .js-chart-mv-shuffletext {
  opacity: 0;
}
#chart-wrapper .js-chart-mv-shuffletext.is-show {
  opacity: 1;
}
#chart-wrapper .chart-intro {
  position: relative;
  background: url("../img/intro_bg01.webp") no-repeat center center/cover;
}
#chart-wrapper .chart-intro__inner {
  margin: 0 auto;
  padding: calc(300 / 2735 * 100cqw) 0;
  width: calc(1100 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-intro__inner {
    padding: calc(120 / 750 * 100vw) calc(80 / 750 * 100vw);
    width: auto;
  }
}
#chart-wrapper .chart-intro__lead {
  color: #FFF;
  font-family: var(--fes_font_ja);
  font-size: calc(30 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-intro__lead {
    font-weight: 350;
    font-size: calc(26 / 750 * 100vw);
  }
}
#chart-wrapper .chart-intro__aside {
  margin-top: calc(30 / 2735 * 100cqw);
  font-family: var(--fes_font_en);
  font-size: calc(20 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1.5;
  color: #656565;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-intro__aside {
    margin-top: calc(50 / 750 * 100vw);
    font-size: calc(18 / 750 * 100vw);
  }
}
#chart-wrapper .chart-section {
  position: relative;
}
#chart-wrapper .chart-section-outline {
  position: relative;
  aspect-ratio: 2735/1600;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-outline {
    margin-bottom: -1px;
    padding-bottom: calc(100 / 750 * 100vw);
    aspect-ratio: inherit;
  }
}
#chart-wrapper .chart-section-outline__inner {
  position: relative;
  z-index: 5;
  height: 100%;
}
#chart-wrapper .chart-section-outline__bg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#chart-wrapper .chart-section-outline__bg img {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#chart-wrapper .chart-section-outline__bg img:nth-child(1) {
  opacity: 1 !important;
  animation: none !important;
}
#chart-wrapper .chart-section-outline__bg img:nth-child(n+2) {
  z-index: 3;
  opacity: 0;
  animation: chart-figure-toggle-fade-on-top-even 8s cubic-bezier(0.52, 0, 0.48, 1) infinite;
}
#chart-wrapper .chart-section-outline__bg img:nth-child(2) {
  animation-delay: 0s;
}
#chart-wrapper .chart-section-header {
  display: grid;
  grid-template-columns: auto calc(1200 / 2735 * 100cqw);
  align-items: center;
  justify-content: space-between;
  color: #fff;
  padding: calc(100 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-header {
    grid-template-columns: 100%;
    gap: calc(30 / 750 * 100vw);
    padding: calc(20 / 750 * 100vw) 0 0;
  }
}
#chart-wrapper .chart-section-header__title {
  color: #FFF;
  font-family: var(--fes_font_en);
  font-size: calc(200 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
}
#chart-wrapper .chart-section-header__title > span {
  display: block;
}
#chart-wrapper .chart-section-header__title > span > span {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-header__title {
    font-size: calc(130 / 750 * 100vw);
    text-align: center;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-header__title--run {
    font-size: calc(110 / 750 * 100vw);
    line-height: 1.0455;
  }
}
#chart-wrapper .chart-section-header__deacrption {
  color: #FFF;
  font-family: var(--fes_font_ja);
  font-size: calc(28 / 2735 * 100cqw);
  font-weight: 350;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-header__deacrption {
    padding: 0 calc(50 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    line-height: 2;
  }
}
#chart-wrapper .chart-section-anc {
  position: absolute;
  z-index: 5;
  bottom: calc(200 / 2735 * 100cqw);
  left: 0;
  display: flex;
  justify-content: center;
  gap: calc(80 / 2735 * 100cqw);
  width: 100%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-anc {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: calc(60 / 750 * 100vw);
    margin: calc(100 / 750 * 100vw) auto 0;
    width: calc(460 / 750 * 100vw);
  }
}
#chart-wrapper .chart-section-anc__item {
  position: relative;
  padding: 0 0 calc(60 / 2735 * 100cqw);
  width: calc(300 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-anc__item {
    width: calc(200 / 750 * 100vw);
    padding: 0 0 calc(15 / 750 * 100vw);
  }
}
#chart-wrapper .chart-section-anc__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(26 / 2735 * 100cqw);
  aspect-ratio: 30/19;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #fff;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-anc__item::before {
    width: calc(17 / 750 * 100vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #chart-wrapper .chart-section-anc__item:hover .chart-section-anc__image {
    transform: scale(1.1);
  }
}
#chart-wrapper .chart-section-anc__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto calc(20 / 2735 * 100cqw);
  width: calc(260 / 2735 * 100cqw);
  color: #FFF;
  font-family: var(--fes_font_en);
  font-size: calc(26 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-anc__title {
    margin: 0 auto;
    width: auto;
    font-size: calc(22 / 750 * 100vw);
  }
}
#chart-wrapper .chart-section-anc__title::before, #chart-wrapper .chart-section-anc__title::after {
  content: "";
  width: calc(12 / 2735 * 100cqw);
  aspect-ratio: 12/50;
  border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-section-anc__title::before, #chart-wrapper .chart-section-anc__title::after {
    width: calc(12 / 750 * 100vw);
  }
}
#chart-wrapper .chart-section-anc__title::before {
  border-right: none;
}
#chart-wrapper .chart-section-anc__title::after {
  border-left: none;
}
#chart-wrapper .chart-section-anc__image {
  transition: transform 0.2s ease;
}
#chart-wrapper .chart-detail {
  position: relative;
  padding: calc(200 / 2735 * 100cqw) calc(100 / 2735 * 100cqw) 0;
  background: #1B1B1B;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail {
    padding: calc(150 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
  }
}
#chart-wrapper .chart-detail--last {
  padding-bottom: calc(200 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail--last {
    padding-bottom: calc(150 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-header {
  color: #fff;
}
#chart-wrapper .chart-detail-header__subtitle {
  margin: 0 0 calc(20 / 2735 * 100cqw);
  font-family: var(--fes_font_en);
  font-size: calc(70 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1; /* 100% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-header__subtitle {
    margin: 0 0 calc(20 / 750 * 100vw);
    font-size: calc(55 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-header__maintitle {
  margin: 0 0 calc(40 / 2735 * 100cqw);
  font-size: calc(30 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1; /* 100% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-header__maintitle {
    margin: 0 0 calc(40 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-header__paragraph {
  max-width: calc(1270 / 2735 * 100cqw);
  font-size: calc(28 / 2735 * 100cqw);
  font-weight: 350;
  line-height: 1.5; /* 150% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-header__paragraph {
    max-width: 100%;
    padding-right: calc(60 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-categorylist {
  display: flex;
  flex-wrap: wrap;
  gap: calc(40 / 2735 * 100cqw);
  margin: calc(60 / 2735 * 100cqw) 0 0;
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-categorylist {
    gap: calc(30 / 750 * 100vw);
    margin: calc(60 / 750 * 100vw) 0 0;
  }
}
#chart-wrapper .chart-detail-categorylist:before {
  display: none;
}
#chart-wrapper .chart-detail-categorylist__item {
  display: grid;
  align-items: center;
  grid-template-columns: calc(50 / 2735 * 100cqw) auto;
  gap: calc(20 / 2735 * 100cqw);
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: calc(20 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-categorylist__item {
    grid-template-columns: calc(40 / 750 * 100vw) auto;
    gap: calc(10 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-categorytitle {
  border-left: 1px dashed #fff;
  border-right: 1px dashed #fff;
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: calc(100 / 2735 * 100cqw) 0 calc(60 / 2735 * 100cqw);
  padding: 0 calc(30 / 2735 * 100cqw);
  color: #fff;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-categorytitle {
    margin: calc(80 / 750 * 100vw) 0 calc(30 / 750 * 100vw);
    padding: 0 calc(30 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-categorytitle > span:nth-child(1) {
  font-family: var(--fes_font_en);
  font-size: calc(30 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-categorytitle > span:nth-child(1) {
    font-size: calc(24 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-categorytitle > span:nth-child(2) {
  margin-left: calc(10 / 2735 * 100cqw);
  font-size: calc(30 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-categorytitle > span:nth-child(2) {
    font-size: calc(24 / 750 * 100vw);
  }
}
#chart-wrapper .chart-detail-categorytitle img {
  margin-left: calc(20 / 2735 * 100cqw);
  width: calc(50 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-detail-categorytitle img {
    margin-left: calc(20 / 750 * 100vw);
    width: calc(40 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map {
  margin-top: calc(30 / 2735 * 100cqw);
  position: relative;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map {
    margin: calc(20 / 750 * 100vw) calc(-30 / 750 * 100vw) 0;
  }
}
#chart-wrapper .chart-map-meta {
  pointer-events: none;
}
#chart-wrapper .chart-map-meta__bar {
  position: absolute;
  z-index: 20;
  display: block;
  width: calc(62 / 2735 * 100cqw);
  top: calc(108 / 2735 * 100cqw);
  left: calc(20 / 2735 * 100cqw);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 999px;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-meta__bar {
    width: calc(40 / 750 * 100vw);
    top: calc(106 / 750 * 100vw);
    left: calc(10 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map-meta__notice {
  position: absolute;
  z-index: 10;
  bottom: calc(100 / 2735 * 100cqw);
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: calc(22 / 2735 * 100cqw);
  font-style: normal;
  font-weight: 350;
  line-height: 1.5; /* 150% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-meta__notice {
    font-size: calc(22 / 750 * 100vw);
    bottom: calc(60 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: clip;
  scrollbar-width: none;
}
#chart-wrapper .chart-map-scroll::-webkit-scrollbar {
  display: none;
}
#chart-wrapper .chart-map-scroll__inner {
  position: relative;
}
#chart-wrapper .chart-map-scroll__base {
  cursor: grab;
}
#chart-wrapper .chart-map-scroll__base img {
  height: auto;
  max-width: none;
  width: 100%;
}
#chart-wrapper .chart-map-scroll__base.is-dragging, #chart-wrapper .chart-map-scroll__base:active {
  cursor: grabbing;
}
#chart-wrapper .chart-map-scrollbar {
  position: absolute;
  z-index: 50;
  left: 4%;
  bottom: calc(20 / 2735 * 100cqw);
  width: 92%;
  height: calc(8 / 2735 * 100cqw);
  border-radius: 4px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-scrollbar {
    bottom: calc(16 / 750 * 100vw);
    height: calc(8 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map-scrollbar-thumb {
  height: 100%;
  background: #656565;
  border-radius: 999px;
  width: calc(20 / 2735 * 100cqw);
  transition: background 0.2s;
  pointer-events: auto;
  position: absolute;
  left: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-scrollbar-thumb {
    width: calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map-list__item {
  position: absolute;
  z-index: 5;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  #chart-wrapper .chart-map-list__item:hover .chart-map-list__visual {
    transform: scale(1.1);
  }
}
#chart-wrapper .chart-map-list__label {
  margin: 0 0 calc(10 / 2735 * 100cqw);
  font-size: calc(20 / 2735 * 100cqw);
  text-align: center;
  font-weight: 350;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-list__label {
    margin: 0 0 calc(10 / 750 * 100vw);
    font-size: calc(18 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map-list__visual {
  width: calc(180 / 2735 * 100cqw);
  transition: transform 0.2s ease;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-list__visual {
    width: calc(140 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map-list__category {
  display: flex;
  justify-content: center;
  gap: 0 calc(10 / 2735 * 100cqw);
  margin-top: calc(-20 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-list__category {
    gap: 0 calc(10 / 750 * 100vw);
    margin-top: calc(-10 / 750 * 100vw);
  }
}
#chart-wrapper .chart-map-list__category img {
  width: calc(50 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-map-list__category img {
    width: calc(40 / 750 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-rainwear .chart-map-scroll__base img {
    width: calc(1500 / 750 * 100vw);
  }
}
#chart-wrapper #mt-rainwear .chart-map-list__item.is-pos01 {
  bottom: calc(280 / 1300 * 100%);
  left: calc(200 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-rainwear .chart-map-list__item.is-pos01 {
    bottom: calc(220 / 750 * 100vw);
    left: calc(100 / 750 * 100vw);
  }
}
#chart-wrapper #mt-rainwear .chart-map-list__item.is-pos02 {
  bottom: calc(380 / 1300 * 100%);
  left: calc(727 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-rainwear .chart-map-list__item.is-pos02 {
    bottom: calc(290 / 750 * 100vw);
    left: calc(440 / 750 * 100vw);
  }
}
#chart-wrapper #mt-rainwear .chart-map-list__item.is-pos03 {
  bottom: calc(500 / 1300 * 100%);
  left: calc(1027 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-rainwear .chart-map-list__item.is-pos03 {
    bottom: calc(360 / 750 * 100vw);
    left: calc(600 / 750 * 100vw);
  }
}
#chart-wrapper #mt-rainwear .chart-map-list__item.is-pos04 {
  bottom: calc(620 / 1300 * 100%);
  left: calc(1327 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-rainwear .chart-map-list__item.is-pos04 {
    bottom: calc(430 / 750 * 100vw);
    left: calc(760 / 750 * 100vw);
  }
}
#chart-wrapper #mt-rainwear .chart-map-list__item.is-pos05 {
  bottom: calc(740 / 1300 * 100%);
  left: calc(1627 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-rainwear .chart-map-list__item.is-pos05 {
    bottom: calc(500 / 750 * 100vw);
    left: calc(920 / 750 * 100vw);
  }
}
#chart-wrapper #mt-rainwear .chart-map-list__item.is-pos06 {
  bottom: calc(810 / 1300 * 100%);
  left: calc(2155 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-rainwear .chart-map-list__item.is-pos06 {
    bottom: calc(570 / 750 * 100vw);
    left: calc(1260 / 750 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-windshell .chart-map-scroll__base img {
    width: calc(1500 / 750 * 100vw);
  }
}
#chart-wrapper #mt-windshell .chart-map-list__item.is-pos01 {
  bottom: calc(380 / 1300 * 100%);
  left: calc(200 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-windshell .chart-map-list__item.is-pos01 {
    bottom: calc(290 / 750 * 100vw);
    left: calc(100 / 750 * 100vw);
  }
}
#chart-wrapper #mt-windshell .chart-map-list__item.is-pos02 {
  bottom: calc(560 / 1300 * 100%);
  left: calc(877 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-windshell .chart-map-list__item.is-pos02 {
    bottom: calc(390 / 750 * 100vw);
    left: calc(520 / 750 * 100vw);
  }
}
#chart-wrapper #mt-windshell .chart-map-list__item.is-pos03 {
  bottom: calc(560 / 1300 * 100%);
  left: calc(1177 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-windshell .chart-map-list__item.is-pos03 {
    bottom: calc(390 / 750 * 100vw);
    left: calc(680 / 750 * 100vw);
  }
}
#chart-wrapper #mt-windshell .chart-map-list__item.is-pos04 {
  bottom: calc(660 / 1300 * 100%);
  left: calc(1477 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-windshell .chart-map-list__item.is-pos04 {
    bottom: calc(490 / 750 * 100vw);
    left: calc(840 / 750 * 100vw);
  }
}
#chart-wrapper #mt-windshell .chart-map-list__item.is-pos05 {
  bottom: calc(810 / 1300 * 100%);
  left: calc(2155 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-windshell .chart-map-list__item.is-pos05 {
    bottom: calc(600 / 750 * 100vw);
    left: calc(1260 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-scroll__inner {
  width: calc(2740 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-scroll__inner {
    width: auto;
  }
}
#chart-wrapper #mt-middle .chart-map-scroll__base img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-scroll__base img {
    width: calc(1835 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos01 {
  bottom: calc(250 / 1300 * 100%);
  left: calc(100 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos01 {
    bottom: calc(200 / 750 * 100vw);
    left: calc(50 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos02 {
  bottom: calc(250 / 1300 * 100%);
  left: calc(300 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos02 {
    bottom: calc(200 / 750 * 100vw);
    left: calc(190 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos03 {
  bottom: calc(310 / 1300 * 100%);
  left: calc(500 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos03 {
    bottom: calc(250 / 750 * 100vw);
    left: calc(330 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos04 {
  bottom: calc(420 / 1300 * 100%);
  left: calc(700 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos04 {
    bottom: calc(300 / 750 * 100vw);
    left: calc(470 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos05 {
  bottom: calc(420 / 1300 * 100%);
  left: calc(900 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos05 {
    bottom: calc(300 / 750 * 100vw);
    left: calc(610 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos06 {
  bottom: calc(530 / 1300 * 100%);
  left: calc(1100 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos06 {
    bottom: calc(350 / 750 * 100vw);
    left: calc(750 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos07 {
  bottom: calc(590 / 1300 * 100%);
  left: calc(1300 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos07 {
    bottom: calc(400 / 750 * 100vw);
    left: calc(890 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos08 {
  bottom: calc(670 / 1300 * 100%);
  left: calc(1500 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos08 {
    bottom: calc(470 / 750 * 100vw);
    left: calc(1030 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos09 {
  bottom: calc(670 / 1300 * 100%);
  left: calc(1700 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos09 {
    bottom: calc(470 / 750 * 100vw);
    left: calc(1170 / 750 * 100vw);
  }
}
#chart-wrapper #mt-middle .chart-map-list__item.is-pos10 {
  bottom: calc(800 / 1300 * 100%);
  left: calc(1980 / 2740 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-middle .chart-map-list__item.is-pos10 {
    bottom: calc(570 / 750 * 100vw);
    left: calc(1360 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-scroll__inner {
  width: calc(2920 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-scroll__inner {
    width: auto;
  }
}
#chart-wrapper #mt-base .chart-map-scroll__base img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-scroll__base img {
    width: calc(2005 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos01 {
  bottom: calc(210 / 1300 * 100%);
  left: calc(100 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos01 {
    bottom: calc(230 / 750 * 100vw);
    left: calc(50 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos02 {
  bottom: calc(270 / 1300 * 100%);
  left: calc(300 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos02 {
    bottom: calc(260 / 750 * 100vw);
    left: calc(190 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos03 {
  bottom: calc(370 / 1300 * 100%);
  left: calc(680 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos03 {
    bottom: calc(290 / 750 * 100vw);
    left: calc(430 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos04 {
  bottom: calc(490 / 1300 * 100%);
  left: calc(880 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos04 {
    bottom: calc(360 / 750 * 100vw);
    left: calc(570 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos05 {
  bottom: calc(490 / 1300 * 100%);
  left: calc(1080 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos05 {
    bottom: calc(360 / 750 * 100vw);
    left: calc(710 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos06 {
  bottom: calc(610 / 1300 * 100%);
  left: calc(1280 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos06 {
    bottom: calc(430 / 750 * 100vw);
    left: calc(850 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos07 {
  bottom: calc(610 / 1300 * 100%);
  left: calc(1480 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos07 {
    bottom: calc(430 / 750 * 100vw);
    left: calc(990 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos08 {
  bottom: calc(500 / 1300 * 100%);
  left: calc(1680 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos08 {
    bottom: calc(370 / 750 * 100vw);
    left: calc(1130 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos09 {
  bottom: calc(660 / 1300 * 100%);
  left: calc(1880 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos09 {
    bottom: calc(490 / 750 * 100vw);
    left: calc(1270 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos10 {
  bottom: calc(660 / 1300 * 100%);
  left: calc(2080 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos10 {
    bottom: calc(490 / 750 * 100vw);
    left: calc(1410 / 750 * 100vw);
  }
}
#chart-wrapper #mt-base .chart-map-list__item.is-pos11 {
  bottom: calc(780 / 1300 * 100%);
  left: calc(2460 / 2920 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-base .chart-map-list__item.is-pos11 {
    bottom: calc(584 / 750 * 100vw);
    left: calc(1650 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-scroll__inner {
  width: calc(3100 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-scroll__inner {
    width: auto;
  }
}
#chart-wrapper #mt-bottoms .chart-map-scroll__base img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-scroll__base img {
    width: calc(2325 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos01 {
  bottom: calc(150 / 1300 * 100%);
  left: calc(100 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos01 {
    bottom: calc(200 / 750 * 100vw);
    left: calc(50 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos02 {
  bottom: calc(150 / 1300 * 100%);
  left: calc(280 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos02 {
    bottom: calc(200 / 750 * 100vw);
    left: calc(190 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos03 {
  bottom: calc(150 / 1300 * 100%);
  left: calc(460 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos03 {
    bottom: calc(200 / 750 * 100vw);
    left: calc(330 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos04 {
  bottom: calc(280 / 1300 * 100%);
  left: calc(640 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos04 {
    bottom: calc(270 / 750 * 100vw);
    left: calc(470 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos05 {
  bottom: calc(280 / 1300 * 100%);
  left: calc(820 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos05 {
    bottom: calc(270 / 750 * 100vw);
    left: calc(610 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos06 {
  bottom: calc(370 / 1300 * 100%);
  left: calc(1000 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos06 {
    bottom: calc(340 / 750 * 100vw);
    left: calc(750 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos07 {
  bottom: calc(430 / 1300 * 100%);
  left: calc(1180 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos07 {
    bottom: calc(370 / 750 * 100vw);
    left: calc(890 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos08 {
  bottom: calc(520 / 1300 * 100%);
  left: calc(1360 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos08 {
    bottom: calc(440 / 750 * 100vw);
    left: calc(1030 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos09 {
  bottom: calc(520 / 1300 * 100%);
  left: calc(1540 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos09 {
    bottom: calc(440 / 750 * 100vw);
    left: calc(1170 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos10 {
  bottom: calc(610 / 1300 * 100%);
  left: calc(1720 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos10 {
    bottom: calc(510 / 750 * 100vw);
    left: calc(1310 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos11 {
  bottom: calc(670 / 1300 * 100%);
  left: calc(1900 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos11 {
    bottom: calc(540 / 750 * 100vw);
    left: calc(1450 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos12 {
  bottom: calc(730 / 1300 * 100%);
  left: calc(2080 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos12 {
    bottom: calc(570 / 750 * 100vw);
    left: calc(1590 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos13 {
  bottom: calc(780 / 1300 * 100%);
  left: calc(2260 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos13 {
    bottom: calc(600 / 750 * 100vw);
    left: calc(1730 / 750 * 100vw);
  }
}
#chart-wrapper #mt-bottoms .chart-map-list__item.is-pos14 {
  bottom: calc(840 / 1300 * 100%);
  left: calc(2640 / 3100 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #mt-bottoms .chart-map-list__item.is-pos14 {
    bottom: calc(610 / 750 * 100vw);
    left: calc(1970 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-scroll__inner {
  width: calc(2535 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-scroll__inner {
    width: auto;
  }
}
#chart-wrapper #run-shell .chart-map-scroll__base img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-scroll__base img {
    width: calc(1960 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos01 {
  bottom: calc(850 / 1300 * 100%);
  left: calc(544 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos01 {
    bottom: calc(663 / 750 * 100vw);
    left: calc(420 / 750 * 100vw);
  }
  #chart-wrapper #run-shell .chart-map-list__item.is-pos01 .chart-map-list__label {
    position: absolute;
    z-index: 2;
    top: 32%;
    left: -90%;
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos02 {
  bottom: calc(400 / 1300 * 100%);
  left: calc(540 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos02 {
    bottom: calc(367 / 750 * 100vw);
    left: calc(420 / 750 * 100vw);
  }
  #chart-wrapper #run-shell .chart-map-list__item.is-pos02 .chart-map-list__label {
    position: absolute;
    z-index: 2;
    top: 32%;
    left: -90%;
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos03 {
  bottom: calc(120 / 1300 * 100%);
  left: calc(448 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos03 {
    bottom: calc(140 / 750 * 100vw);
    left: calc(345 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos03 .chart-map-list__label {
  position: absolute;
  z-index: 2;
  top: 33%;
  left: -70%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos03 .chart-map-list__label {
    top: 32%;
    left: -90%;
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos04 {
  bottom: calc(120 / 1300 * 100%);
  left: calc(638 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos04 {
    bottom: calc(140 / 750 * 100vw);
    left: calc(495 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos04 .chart-map-list__label {
  position: absolute;
  z-index: 2;
  top: 33%;
  right: -80%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos04 .chart-map-list__label {
    top: 32%;
    right: -95%;
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos05 {
  bottom: calc(450 / 1300 * 100%);
  left: calc(1177 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos05 {
    bottom: calc(367 / 750 * 100vw);
    left: calc(910 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos06 {
  bottom: calc(590 / 1300 * 100%);
  left: calc(1377 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos06 {
    bottom: calc(437 / 750 * 100vw);
    left: calc(1060 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos07 {
  bottom: calc(730 / 1300 * 100%);
  left: calc(1577 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos07 {
    bottom: calc(507 / 750 * 100vw);
    left: calc(1210 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos08 {
  bottom: calc(730 / 1300 * 100%);
  left: calc(1777 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos08 {
    bottom: calc(507 / 750 * 100vw);
    left: calc(1360 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos09 {
  bottom: calc(840 / 1300 * 100%);
  left: calc(1997 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos09 {
    bottom: calc(613 / 750 * 100vw);
    left: calc(1510 / 750 * 100vw);
  }
}
#chart-wrapper #run-shell .chart-map-list__item.is-pos10 {
  bottom: calc(840 / 1300 * 100%);
  left: calc(2197 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-shell .chart-map-list__item.is-pos10 {
    bottom: calc(613 / 750 * 100vw);
    left: calc(1650 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-scroll__inner {
  width: calc(2535 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-scroll__inner {
    width: auto;
  }
}
#chart-wrapper #run-base .chart-map-scroll__base img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-scroll__base img {
    width: calc(1960 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos01 {
  bottom: calc(480 / 1300 * 100%);
  left: calc(658 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos01 {
    bottom: calc(400 / 750 * 100vw);
    left: calc(495 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos02 {
  bottom: calc(480 / 1300 * 100%);
  left: calc(848 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos02 {
    bottom: calc(400 / 750 * 100vw);
    left: calc(645 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos03 {
  bottom: calc(120 / 1300 * 100%);
  left: calc(465 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos03 {
    bottom: calc(114 / 750 * 100vw);
    left: calc(345 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos04 {
  bottom: calc(120 / 1300 * 100%);
  left: calc(658 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos04 {
    bottom: calc(114 / 750 * 100vw);
    left: calc(495 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos05 {
  bottom: calc(120 / 1300 * 100%);
  left: calc(848 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos05 {
    bottom: calc(114 / 750 * 100vw);
    left: calc(645 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos06 {
  bottom: calc(480 / 1300 * 100%);
  left: calc(1178 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos06 {
    bottom: calc(400 / 750 * 100vw);
    left: calc(910 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos07 {
  bottom: calc(580 / 1300 * 100%);
  left: calc(1418 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos07 {
    bottom: calc(437 / 750 * 100vw);
    left: calc(1060 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos08 {
  bottom: calc(580 / 1300 * 100%);
  left: calc(1618 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos08 {
    bottom: calc(437 / 750 * 100vw);
    left: calc(1210 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos09 {
  bottom: calc(680 / 1300 * 100%);
  left: calc(1818 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos09 {
    bottom: calc(507 / 750 * 100vw);
    left: calc(1360 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos10 {
  bottom: calc(680 / 1300 * 100%);
  left: calc(2018 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos10 {
    bottom: calc(507 / 750 * 100vw);
    left: calc(1510 / 750 * 100vw);
  }
}
#chart-wrapper #run-base .chart-map-list__item.is-pos11 {
  bottom: calc(780 / 1300 * 100%);
  left: calc(2218 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-base .chart-map-list__item.is-pos11 {
    bottom: calc(613 / 750 * 100vw);
    left: calc(1650 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-scroll__inner {
  width: calc(2535 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-scroll__inner {
    width: auto;
  }
}
#chart-wrapper #run-bottoms .chart-map-scroll__base img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-scroll__base img {
    width: calc(1960 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos01 {
  bottom: calc(100 / 1300 * 100%);
  left: calc(188 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos01 {
    bottom: calc(70 / 750 * 100vw);
    left: calc(130 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos02 {
  bottom: calc(100 / 1300 * 100%);
  left: calc(368 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos02 {
    bottom: calc(70 / 750 * 100vw);
    left: calc(270 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos03 {
  bottom: calc(100 / 1300 * 100%);
  left: calc(548 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos03 {
    bottom: calc(70 / 750 * 100vw);
    left: calc(410 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos04 {
  bottom: calc(190 / 1300 * 100%);
  left: calc(758 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos04 {
    bottom: calc(120 / 750 * 100vw);
    left: calc(590 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos05 {
  bottom: calc(190 / 1300 * 100%);
  left: calc(938 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos05 {
    bottom: calc(120 / 750 * 100vw);
    left: calc(730 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos06 {
  bottom: calc(900 / 1300 * 100%);
  left: calc(1178 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos06 {
    bottom: calc(704 / 750 * 100vw);
    left: calc(910 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos07 {
  bottom: calc(680 / 1300 * 100%);
  left: calc(1177 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos07 {
    bottom: calc(517 / 750 * 100vw);
    left: calc(910 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos08 {
  bottom: calc(460 / 1300 * 100%);
  left: calc(1177 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos08 {
    bottom: calc(330 / 750 * 100vw);
    left: calc(910 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos09 {
  bottom: calc(240 / 1300 * 100%);
  left: calc(1177 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos09 {
    bottom: calc(140 / 750 * 100vw);
    left: calc(910 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos10 {
  bottom: calc(760 / 1300 * 100%);
  left: calc(1577 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos10 {
    bottom: calc(554 / 750 * 100vw);
    left: calc(1240 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos11 {
  bottom: calc(760 / 1300 * 100%);
  left: calc(1777 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos11 {
    bottom: calc(554 / 750 * 100vw);
    left: calc(1380 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos12 {
  bottom: calc(830 / 1300 * 100%);
  left: calc(2017 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos12 {
    bottom: calc(614 / 750 * 100vw);
    left: calc(1560 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-pos13 {
  bottom: calc(830 / 1300 * 100%);
  left: calc(2217 / 2535 * 100%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-pos13 {
    bottom: calc(614 / 750 * 100vw);
    left: calc(1700 / 750 * 100vw);
  }
}
#chart-wrapper #run-bottoms .chart-map-list__item.is-righttext .chart-map-list__label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 106%;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #chart-wrapper #run-bottoms .chart-map-list__item.is-righttext .chart-map-list__label {
    left: 118%;
  }
}
#chart-wrapper .chart-sidenav {
  --tabColor: #000;
  --tabBgColor: #fff;
  position: absolute;
  z-index: 10;
  top: calc(300 / 2735 * 100cqw);
  right: 0;
  width: calc(520 / 2735 * 100cqw);
  color: var(--tabColor);
  transform: translateX(100%);
  transition: transform 0.5s ease, color 0.3s ease, background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav {
    top: calc(150 / 750 * 100vw);
    width: calc(520 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav.is-active {
  --tabColor: #fff;
  --tabBgColor: #000;
  transform: translateX(0%);
}
#chart-wrapper .chart-sidenav.is-active .chart-sidenav__switch img:nth-child(1) {
  display: none;
}
#chart-wrapper .chart-sidenav.is-active .chart-sidenav__switch img:nth-child(2) {
  display: block;
}
#chart-wrapper .chart-sidenav__inner {
  border-radius: 0 0 0 calc(30 / 2735 * 100cqw);
  padding: calc(50 / 2735 * 100cqw);
  background-color: var(--tabBgColor);
  color: var(--tabColor);
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav__inner {
    border-radius: 0 0 0 calc(20 / 750 * 100vw);
    padding: calc(60 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav__switch {
  position: absolute;
  top: 0;
  right: 99.9%;
  display: block;
  width: calc(50 / 2735 * 100cqw);
  height: calc(230 / 2735 * 100cqw);
  padding: calc(20 / 2735 * 100cqw) calc(10 / 2735 * 100cqw) 0 calc(20 / 2735 * 100cqw);
  -webkit-mask: url("../img/chart_sidenav_bg01.svg") no-repeat center center/contain;
          mask: url("../img/chart_sidenav_bg01.svg") no-repeat center center/contain;
  background-color: var(--tabBgColor);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav__switch {
    width: calc(50 / 750 * 100vw);
    height: calc(230 / 750 * 100vw);
    padding: calc(20 / 750 * 100vw) calc(10 / 750 * 100vw) 0 calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav__switch img {
  transition: opacity 0.3s ease;
  width: calc(20 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav__switch img {
    width: calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav__switch img:nth-child(2) {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  #chart-wrapper .chart-sidenav__switch:hover img {
    opacity: 0.7;
  }
}
#chart-wrapper .chart-sidenav-slider__maintitle {
  text-align: center;
  font-size: calc(24 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__maintitle {
    font-size: calc(24 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__subtitle {
  margin: calc(10 / 2735 * 100cqw) 0 0;
  text-align: center;
  font-family: var(--fes_font_en);
  font-size: calc(20 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__subtitle {
    margin: calc(10 / 750 * 100vw) 0 0;
    font-size: calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__visual {
  position: relative;
  margin: calc(30 / 2735 * 100cqw) auto;
  width: calc(300 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__visual {
    margin: calc(30 / 750 * 100vw) auto;
    width: calc(300 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__icon {
  position: absolute;
  z-index: 5;
  display: block;
  top: calc(20 / 2735 * 100cqw);
  right: calc(20 / 2735 * 100cqw);
  width: calc(50 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__icon {
    top: calc(20 / 750 * 100vw);
    right: calc(20 / 750 * 100vw);
    width: calc(50 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__paragraph {
  font-size: calc(22 / 2735 * 100cqw);
  font-weight: 350;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__paragraph {
    font-size: calc(22 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__button-next,
#chart-wrapper .chart-sidenav-slider__button-prev {
  position: absolute;
  z-index: 5;
  top: 50%;
  width: calc(23 / 2735 * 100cqw);
  height: calc(35 / 2735 * 100cqw);
  -webkit-mask: url("../img/sidenav_ic01.webp") no-repeat center center/contain;
          mask: url("../img/sidenav_ic01.webp") no-repeat center center/contain;
  background-color: #656565;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__button-next,
  #chart-wrapper .chart-sidenav-slider__button-prev {
    top: calc(330 / 750 * 100vw);
    width: calc(17 / 750 * 100vw);
    height: calc(30 / 750 * 100vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #chart-wrapper .chart-sidenav-slider__button-next,
  #chart-wrapper .chart-sidenav-slider__button-prev {
    transition: background-color 0.3s ease;
  }
  #chart-wrapper .chart-sidenav-slider__button-next:hover,
  #chart-wrapper .chart-sidenav-slider__button-prev:hover {
    background-color: #fff;
  }
}
#chart-wrapper .chart-sidenav-slider__button-prev {
  left: calc(17 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__button-prev {
    left: calc(17 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__button-next {
  transform: rotate(180deg);
  right: calc(17 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__button-next {
    right: calc(17 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__pagination {
  margin: 0 0 calc(30 / 2735 * 100cqw);
  font-size: calc(20 / 2735 * 100cqw);
  text-align: center;
  color: #656565;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-sidenav-slider__pagination {
    margin: 0 0 calc(30 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-sidenav-slider__pagination .swiper-pagination-current {
  margin-right: 0.8em;
  color: var(--tabColor);
}
#chart-wrapper .chart-sidenav-slider__pagination .swiper-pagination-total {
  margin-left: 0.8em;
  color: #656565;
}
#chart-wrapper .chart-styling {
  padding: calc(200 / 2735 * 100cqw) calc(150 / 2735 * 100cqw);
  background: url("../img/com_bg01.webp") repeat center center/3px auto;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling {
    padding: calc(120 / 750 * 100vw) calc(50 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__inner {
  position: relative;
  border-top: 2px solid #161515;
  padding-top: calc(110 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__inner {
    padding-top: calc(70 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__inner:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #161515;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__inner:before {
    top: calc(8 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling-header {
  text-align: center;
}
#chart-wrapper .chart-styling__subtitle {
  color: #161515;
  text-align: center;
  font-family: var(--fes_font_en);
  font-size: calc(70 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1; /* 100% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__subtitle {
    font-size: calc(45 / 750 * 100vw);
    line-height: 1; /* 100% */
  }
}
#chart-wrapper .chart-styling__maintitle {
  margin-top: calc(20 / 2735 * 100cqw);
  color: #161515;
  font-family: var(--fes_font_ja);
  font-size: calc(30 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1; /* 100% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__maintitle {
    margin-top: calc(20 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    line-height: 1; /* 100% */
    letter-spacing: 0.05em;
  }
}
#chart-wrapper .chart-styling__paragraph {
  margin-top: calc(40 / 2735 * 100cqw);
  color: #161515;
  text-align: center;
  font-family: var(--fes_font_ja);
  font-size: calc(24 / 2735 * 100cqw);
  font-weight: 350;
  line-height: 1.5; /* 150% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__paragraph {
    margin-top: calc(40 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
#chart-wrapper .chart-styling__tabswitch {
  margin: calc(120 / 2735 * 100cqw) auto 0;
  width: calc(780 / 2735 * 100cqw);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch {
    margin: calc(100 / 750 * 100vw) 0 0;
    width: auto;
  }
}
#chart-wrapper .chart-styling__tabswitch::before, #chart-wrapper .chart-styling__tabswitch::after {
  content: "";
  width: calc(12 / 2735 * 100cqw);
  aspect-ratio: 12/51;
  border: 1px solid #161515;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch::before, #chart-wrapper .chart-styling__tabswitch::after {
    width: calc(12 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__tabswitch::before {
  margin-right: calc(40 / 2735 * 100cqw);
  border-right: none;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch::before {
    margin-right: calc(35 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__tabswitch::after {
  margin-left: calc(40 / 2735 * 100cqw);
  border-left: none;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch::after {
    margin-left: calc(35 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__tabswitch__item {
  position: relative;
  font-size: calc(30 / 2735 * 100cqw);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch__item {
    font-size: calc(26 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__tabswitch__item.is-current {
  color: #E32600;
}
#chart-wrapper .chart-styling__tabswitch__item.is-current:after {
  opacity: 1;
}
#chart-wrapper .chart-styling__tabswitch__item:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  display: block;
  aspect-ratio: 25/30;
  width: calc(28 / 2735 * 100cqw);
  background: url("../img/icon_pin01.svg") no-repeat center center/contain;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch__item:after {
    width: calc(25 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__tabswitch__item + .chart-styling__tabswitch__item {
  margin-left: calc(128 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch__item + .chart-styling__tabswitch__item {
    margin-left: calc(88 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__tabswitch__item + .chart-styling__tabswitch__item:before {
  position: absolute;
  top: calc(8 / 2735 * 100cqw);
  left: calc(-40 / 2735 * 100cqw);
  content: "";
  border-left: 1px solid #161515;
  width: calc(40 / 2735 * 100cqw);
  transform: rotate(45deg);
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tabswitch__item + .chart-styling__tabswitch__item:before {
    content: "";
    top: calc(10 / 750 * 100vw);
    left: calc(-50 / 750 * 100vw);
    width: calc(28 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling__tab {
  margin: calc(60 / 2735 * 100cqw) auto 0;
  max-width: calc(2180 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling__tab {
    margin: calc(40 / 750 * 100vw) calc(-50 / 750 * 100vw) 0;
    max-width: none;
  }
}
#chart-wrapper .chart-styling__tab__panel {
  display: none;
}
#chart-wrapper .chart-styling__tab__panel.is-current {
  display: block;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling-slider .swiper-wrapper {
    padding-top: calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-styling-slider__item {
  position: relative;
  color: #161515;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling-slider__item {
    width: calc(502 / 750 * 100vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #chart-wrapper .chart-styling-slider__item:hover .chart-styling-slider__button {
    opacity: 0.7;
  }
  #chart-wrapper .chart-styling-slider__item:hover .chart-styling-slider__visual:hover {
    transform: scale(1.02);
  }
}
#chart-wrapper .chart-styling-slider__number {
  position: absolute;
  z-index: 5;
  top: calc(50 / 2735 * 100cqw);
  left: calc(50 / 2735 * 100cqw);
  font-size: calc(30 / 2735 * 100cqw);
  font-family: var(--fes_font_en);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling-slider__number {
    display: none;
  }
}
#chart-wrapper .chart-styling-slider__visual {
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling-slider__visual {
    scale: 1.2;
  }
}
#chart-wrapper .chart-styling-slider__button {
  position: relative;
  border-top: 2px solid #161515;
  border-bottom: 1px solid #161515;
  margin: calc(40 / 2735 * 100cqw) auto 0;
  padding: calc(20 / 2735 * 100cqw) 0;
  width: calc(500 / 2735 * 100cqw);
  font-family: var(--fes_font_en);
  font-size: calc(26 / 2735 * 100cqw);
  font-weight: 500;
  color: #161515;
  line-height: 1; /* 100% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling-slider__button {
    opacity: 0;
    width: 100%;
    margin: calc(180 / 750 * 100vw) auto 0;
    padding: calc(20 / 750 * 100vw) 0;
    font-size: calc(28 / 750 * 100vw);
    transition: opacity 0.3s ease;
  }
}
#chart-wrapper .chart-styling-slider__button:after {
  content: "";
  position: absolute;
  top: calc(20 / 2735 * 100cqw);
  right: calc(10 / 2735 * 100cqw);
  width: calc(25 / 2735 * 100cqw);
  aspect-ratio: 1/1;
  -webkit-mask: url("../img/icon_arrow01.svg") no-repeat center center/cover;
          mask: url("../img/icon_arrow01.svg") no-repeat center center/cover;
  background-color: #000;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-styling-slider__button:after {
    top: calc(20 / 750 * 100vw);
    right: calc(10 / 750 * 100vw);
    width: calc(25 / 750 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #chart-wrapper .swiper-slide-active .chart-styling-slider__button {
    opacity: 1;
  }
}
#chart-wrapper .chart-styling__control {
  position: absolute;
  z-index: 10;
  top: calc(345 / 750 * 100vw);
}
#chart-wrapper .chart-styling__control:before {
  content: "";
  display: block;
  background: url("../img/icon_arrow02.svg") no-repeat center center/contain;
  width: calc(24 / 750 * 100vw);
  height: calc(43 / 750 * 100vw);
}
#chart-wrapper .chart-styling__control.is-prev {
  left: calc(100 / 750 * 100vw);
}
#chart-wrapper .chart-styling__control.is-next {
  right: calc(100 / 750 * 100vw);
}
#chart-wrapper .chart-styling__control.is-next:before {
  transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
  #chart-wrapper .chart-styling__control {
    display: none;
  }
}
#chart-wrapper .chart-styling__pager {
  position: absolute;
  z-index: 10;
  bottom: calc(100 / 750 * 100vw);
  left: 0;
  padding: 0 calc(124 / 750 * 100vw);
  font-size: calc(30 / 750 * 100vw);
  font-family: var(--fes_font_en);
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #chart-wrapper .chart-styling__pager {
    display: none;
  }
}
#chart-wrapper .chart-styling__pager .swiper-pagination-total {
  position: relative;
  padding-left: calc(60 / 750 * 100vw);
  color: #D1D1D1;
  font-weight: 500;
}
#chart-wrapper .chart-styling__pager .swiper-pagination-total:before {
  content: "";
  position: absolute;
  top: calc(12 / 750 * 100vw);
  left: calc(18 / 750 * 100vw);
  display: block;
  width: calc(30 / 750 * 100vw);
  aspect-ratio: 1/1;
  border-left: 1px solid #D1D1D1;
  transform: rotate(45deg);
}
#chart-wrapper .swiper-pagination-current {
  display: inline-block;
  min-width: 0.8em;
}
#chart-wrapper .chart-footer {
  position: relative;
  aspect-ratio: 2735/1200;
  padding: calc(100 / 2735 * 100cqw);
  color: #fff;
  background: url("../img/footer_bg01.webp") no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-footer {
    aspect-ratio: 750/850;
    background: url("../img/footer_bg01_sp.webp") no-repeat center center/cover;
    padding: calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
}
#chart-wrapper .chart-footer-title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFF;
  font-family: var(--fes_font_en);
  font-size: calc(130 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-footer-title {
    font-size: calc(50 / 750 * 100vw);
    line-height: 1.1;
  }
}
#chart-wrapper .chart-footer-title__main {
  display: block;
}
#chart-wrapper .chart-footer-title__main > span {
  display: block;
}
#chart-wrapper .chart-footer-title__sub {
  position: absolute;
  top: calc(58 / 2735 * 100cqw);
  left: calc(380 / 2735 * 100cqw);
  display: block;
  color: #FFF;
  font-family: var(--fes_font_en);
  font-size: calc(58 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-footer-title__sub {
    top: calc(22 / 750 * 100vw);
    left: calc(145 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
    line-height: 1;
  }
}
#chart-wrapper .chart-footer__logo {
  margin-top: calc(150 / 2735 * 100cqw);
  width: calc(200 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-footer__logo {
    position: absolute;
    z-index: 5;
    top: calc(40 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
    margin-top: 0;
    width: calc(120 / 750 * 100vw);
  }
}
#chart-wrapper .chart-footer__figure {
  position: absolute;
  z-index: 5;
  bottom: calc(200 / 2735 * 100cqw);
  right: calc(200 / 2735 * 100cqw);
  width: calc(510 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-footer__figure {
    position: absolute;
    z-index: 5;
    bottom: calc(300 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
    width: calc(300 / 750 * 100vw);
  }
}
#chart-wrapper .chart-footer__figure__caption {
  position: absolute;
  z-index: 5;
  bottom: calc(250 / 2735 * 100cqw);
  left: calc(-114 / 2735 * 100cqw);
  width: calc(320 / 2735 * 100cqw);
  font-family: var(--fes_font_en);
  font-size: calc(20 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1.5;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-footer__figure__caption {
    top: calc(150 / 750 * 100vw);
    bottom: auto;
    left: calc(-110 / 750 * 100vw);
    width: calc(250 / 750 * 100vw);
    font-size: calc(14 / 750 * 100vw);
    line-height: 1.7143;
  }
}
#chart-wrapper [data-modal] {
  cursor: pointer;
}
#chart-wrapper .chart-modal-list {
  display: none;
}
#chart-wrapper .chart-modal-wrapper {
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(27, 27, 27, 0.5);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#chart-wrapper .chart-modal-wrapper.is-active {
  opacity: 1;
  visibility: visible;
}
#chart-wrapper .chart-modal-view {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
#chart-wrapper .chart-modal-view__contents {
  position: relative;
  border: 1px solid #656565;
  background: #161515;
  color: #fff;
  width: calc(100% - 60px);
  max-height: 80%;
  display: flex;
  margin: 0 auto;
  max-width: 900px;
  container-type: inline-size;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#chart-wrapper .chart-modal-view__contents > :first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-view__contents {
    width: calc(620 / 750 * 100vw);
  }
}
#chart-wrapper .chart-modal-wrapper.is-active .chart-modal-view__contents {
  opacity: 1;
  transform: translateY(0);
}
#chart-wrapper .chart-modal-view__block {
  padding: calc(120 / 1800 * 100cqw) calc(30 / 1800 * 100cqw);
  width: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-view__block {
    padding: calc(170 / 750 * 100vw) calc(40 / 750 * 100vw) calc(80 / 750 * 100vw);
  }
}
#chart-wrapper .chart-modal-view__block::-webkit-scrollbar {
  display: none;
}
#chart-wrapper .chart-modal__close {
  position: absolute;
  z-index: 5;
  top: calc(50 / 1800 * 100cqw);
  right: calc(50 / 1800 * 100cqw);
  cursor: pointer;
  display: block;
  width: calc(100 / 1800 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal__close {
    top: calc(40 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
    width: calc(100 / 750 * 100vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #chart-wrapper .chart-modal__close {
    transition: opacity 0.3s ease;
  }
  #chart-wrapper .chart-modal__close:hover {
    opacity: 0.7;
  }
}
#chart-wrapper .chart-modal-headline {
  color: #FFF;
  text-align: center;
  font-size: calc(32 / 1800 * 100cqw);
  font-weight: 500;
  line-height: 1.5; /* 150% */
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-headline {
    font-size: calc(28 / 750 * 100vw);
    text-align: left;
  }
}
#chart-wrapper .chart-modal-description {
  margin: calc(20 / 1800 * 100cqw) auto 0;
  color: #FFF;
  text-align: center;
  font-size: calc(24 / 1800 * 100cqw);
  font-weight: 350;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-description {
    margin: calc(20 / 750 * 100vw) auto 0;
    font-size: calc(24 / 750 * 100vw);
    text-align: left;
  }
}
#chart-wrapper .chart-modal-product {
  display: flex;
  justify-content: center;
  gap: 0 calc(100 / 1800 * 100cqw);
  margin: calc(60 / 1800 * 100cqw) auto 0;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-product {
    gap: 0 calc(50 / 750 * 100vw);
    margin: calc(60 / 750 * 100vw) auto 0;
  }
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-product--single .chart-modal-product__item {
    width: calc(400 / 750 * 100vw);
  }
}
#chart-wrapper .chart-modal-product__item {
  display: flex;
  flex-direction: column;
  width: calc(500 / 1800 * 100cqw);
  color: inherit;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-product__item {
    width: calc(300 / 750 * 100vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  #chart-wrapper .chart-modal-product__item:hover .chart-modal-product__visual {
    transform: scale(1.1);
  }
}
#chart-wrapper .chart-modal-product__visual {
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-product__visual {
    max-width: calc(300 / 750 * 100vw);
    margin: 0 auto;
  }
}
#chart-wrapper .chart-modal-product__title {
  flex-grow: 1;
  margin-top: calc(20 / 1800 * 100cqw);
  font-size: calc(24 / 1800 * 100cqw);
  font-weight: 500;
  line-height: 1.5;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-product__title {
    margin-top: calc(30 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.5;
  }
}
#chart-wrapper .chart-modal-product__button {
  position: relative;
  border-top: 1px solid #fff;
  margin-top: calc(40 / 1800 * 100cqw);
  padding-top: calc(20 / 1800 * 100cqw);
  padding-right: calc(40 / 1800 * 100cqw);
  font-family: var(--fes_font_en);
  font-size: calc(24 / 1800 * 100cqw);
  font-weight: 500;
  line-height: 1; /* 100% */
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-product__button {
    margin-top: calc(40 / 750 * 100vw);
    padding-top: calc(15 / 750 * 100vw);
    padding-right: calc(40 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    line-height: 1;
  }
}
#chart-wrapper .chart-modal-product__button:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: calc(20 / 1800 * 100cqw);
  right: calc(10 / 1800 * 100cqw);
  width: calc(25 / 1800 * 100cqw);
  aspect-ratio: 1/1;
  background: url("../img/icon_arrow01.svg") no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-product__button:after {
    top: calc(14 / 750 * 100vw);
    right: calc(4 / 750 * 100vw);
    width: calc(25 / 750 * 100vw);
  }
}
#chart-wrapper .chart-modal-categorylist {
  position: absolute;
  z-index: 5;
  top: calc(50 / 1800 * 100cqw);
  left: calc(50 / 1800 * 100cqw);
  display: flex;
  gap: 0 calc(10 / 1800 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-categorylist {
    top: calc(40 / 750 * 100vw);
    left: calc(40 / 750 * 100vw);
    gap: 0 calc(10 / 750 * 100vw);
  }
}
#chart-wrapper .chart-modal-categorylist:before, #chart-wrapper .chart-modal-categorylist:after {
  display: none;
}
#chart-wrapper .chart-modal-categorylist li {
  width: calc(70 / 1800 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-modal-categorylist li {
    width: calc(70 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav-h2 {
  position: fixed;
  z-index: 500;
  left: 50%;
  bottom: calc(60 / 2735 * 100cqw);
  transform: translateX(-50%);
  border: 1px solid #373737;
  background: rgba(22, 21, 21, 0.9);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  border-radius: 999px;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav-h2 {
    bottom: calc(32 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 calc(60 / 2735 * 100cqw);
  padding: calc(20 / 2735 * 100cqw) calc(40 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav__inner {
    gap: 0 calc(60 / 750 * 100vw);
    padding: calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 1px);
  transform: translateY(-50%);
  width: 1px;
  height: calc(32 / 2735 * 100cqw);
  background: #fff;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav__inner:before {
    height: calc(30 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav__item {
  color: #FFF;
  font-family: var(--fes_font_en);
  font-size: calc(22 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav__item {
    font-size: calc(22 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav__item.is-fade {
  opacity: 0.3;
}
#chart-wrapper .chart-fixnav__item--run {
  font-size: calc(20 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav__item--run {
    font-size: calc(20 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav-h3 {
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 60px;
  transform: translateY(-220%) translateX(-50%);
  transition: transform 0.4s ease;
  border: 1px solid #373737;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
#chart-wrapper .chart-fixnav-h3.is-active {
  transform: translateY(0%) translateX(-50%);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav-h3 {
    transform: translateY(-250%) translateX(-50%);
    top: calc(108 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav-h3__inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(50 / 2735 * 100cqw);
  padding: calc(20 / 2735 * 100cqw) calc(40 / 2735 * 100cqw);
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav-h3__inner {
    gap: 0 calc(20 / 750 * 100vw);
    padding: calc(20 / 750 * 100vw) calc(45 / 750 * 100vw);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
}
#chart-wrapper .chart-fixnav-h3__item {
  color: #FFF;
  font-family: var(--fes_font_en);
  font-size: calc(22 / 2735 * 100cqw);
  font-weight: 500;
  line-height: 1.6;
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  #chart-wrapper .chart-fixnav-h3__item {
    font-size: calc(22 / 750 * 100vw);
  }
}
#chart-wrapper .chart-fixnav-h3__item.is-active {
  opacity: 1;
}
#chart-wrapper .animation-fadeup {
  transform: translateY(10px);
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.8s ease;
}
#chart-wrapper .animation-fadeup.is-show {
  transform: translateY(0);
  opacity: 1;
}
#chart-wrapper .animation-fadein {
  opacity: 0;
  transition: opacity 0.8s ease;
}
#chart-wrapper .animation-fadein.is-show {
  opacity: 1;
}