@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

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

body {
  overscroll-behavior-y: none;
  overscroll-behavior: none;
}
body * {
  box-sizing: border-box;
}
body a {
  text-decoration: none;
  color: inherit;
}

#main .about__graph h4 sup {
  color: #3fb165;
}
#main .about__graph h4 sup {
  font-size: 1.0248901903vw;
}
@media screen and (min-width: 1366px) {
  #main .about__graph h4 sup {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  #main .about__graph h4 sup {
    font-size: 9.8389458272px;
  }
}
@media screen and (max-width: 767px) {
  #main .about__graph h4 sup {
    font-size: 2.8vw;
  }
}
#main .about__graph--note {
  line-height: 1.25;
}
#main .about__graph--note {
  font-size: 0.878477306vw;
}
@media screen and (min-width: 1366px) {
  #main .about__graph--note {
    font-size: 12px;
  }
}
@media screen and (max-width: 960px) {
  #main .about__graph--note {
    font-size: 8.4333821376px;
  }
}
#main .about__graph--note {
  margin-top: 2.9282576867vw;
}
@media screen and (min-width: 1366px) {
  #main .about__graph--note {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  #main .about__graph--note {
    margin-top: 28.1112737921px;
  }
}
#main .about__graph--note {
  width: 48.3162518302vw;
}
@media screen and (min-width: 1366px) {
  #main .about__graph--note {
    width: 660px;
  }
}
@media screen and (max-width: 960px) {
  #main .about__graph--note {
    width: 463.8360175695px;
  }
}
#main .about__graph--note {
  margin-inline: auto;
  display: flex;
}
@media screen and (max-width: 767px) {
  #main .about__graph--note {
    margin-top: 5.3333333333vw;
  }
  #main .about__graph--note {
    font-size: 2.6666666667vw;
  }
  #main .about__graph--note {
    width: 78.6666666667vw;
  }
  #main .about__graph--note {
    line-height: 1.5;
  }
  #main .about__graph--note dt {
    flex-shrink: 0;
  }
  #main .about__graph--note dt {
    width: 8vw;
  }
  #main .about__graph--note dd {
    flex: 1;
  }
}