@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@font-face {
  font-family: "digital";
  src: url(../../assets/data/font/digital.woff) format("truetype");
}
/*========================================
*	common
========================================*/
::selection {
  color: #000;
  background: #fff;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html,
body {
  color: #000;
  background-color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}

body {
  width: 100%;
  overflow-x: hidden;
}

a {
  color: #000;
  text-decoration: none;
}

h1,
h2,
h3 {
  line-height: 1;
}

ul,
li {
  list-style: none;
}

tr,
th,
td {
  font-weight: normal;
  text-align: left;
}

img,
picture {
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  vertical-align: bottom;
}

.pc-none {
  display: none;
}
@media only screen and (max-width: 750px) {
  .pc-none {
    display: block;
  }
}

@media only screen and (max-width: 750px) {
  .sp-none {
    display: none;
  }
}

.frame_header {
  position: relative;
  background: #fff;
  z-index: 2;
}
.frame_header img {
  max-width: inherit;
  pointer-events: auto;
}

.l-footer {
  position: relative;
  margin-top: 0;
  background: #fff;
}
@media only screen and (max-width: 750px) {
  .l-footer {
    position: static;
    padding-top: 0;
  }
}

.p-footer_copyrights {
  margin: 0;
}

.top-wrap {
  background: url(../../assets/data/webp/main/bg.jpg.webp) repeat-y center top;
  background-size: 100% auto;
}
@media only screen and (min-width: 750px) {
  .top-wrap {
    background-image: url(../../assets/data/webp/main/bg_pc.jpg.webp);
  }
}
@media only screen and (min-width: 750px) {
  .top-wrap::before {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../../assets/data/webp/main/bg_pc_line.png.webp) no-repeat center top;
    background-size: 100% auto;
  }
}
.top-inner {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 750px) {
  .section_inner {
    padding-bottom: 6vw;
  }
}

.vJcom {
  position: relative;
  min-height: 710px;
  box-sizing: border-box;
  padding-top: 92px;
  padding-bottom: 55px;
  color: var(--color-white);
}

.vJcom_bg > img {
  display: block;
}

.vJcom_inner {
  max-width: 1033px;
}

.vJcom .vJcom_title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 71px;
}

.vJcom_cols {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.vJcom_col-img {
  /* max-width: 583px; */
  /* margin-left: auto; */
  padding-left: 48px;
  width: calc(100% - 430px);
}

.vJcom_image > img {
  display: block;
}

.vJcom_col-txt {
  width: 430px;
}

.vJcom_list {
  list-style: none;
}

.vJcom_list > li {
  font-size: min(21px, 1.8vw);
  font-weight: bold;
  position: relative;
  line-height: 1.56;
  padding-left: 32px;
  margin-top: 21px;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}

.vJcom_list > li > b {
  font-weight: inherit;
  color: var(--color-yellow);
}

.vJcom_list > li::before {
  content: "";
  display: block;
  background-image: url(../images/vjcom/icn-check.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0.7em;
  left: 0;
  transform: translateY(-50%);
}

.vJcom_list > li:first-child {
  margin-top: 0;
}

.vJcom .vJcom_link {
  max-width: 220px;
  margin-top: 55px;
}

.vJcom_link > a {
  text-decoration: none;
  color: inherit;
  display: block;
  background-color: var(--color-gray);
  color: var(--color-text);
  font-size: 20px;
  font-weight: bold;
  min-height: 60px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  transition-duration: 0.3s;
  transition-property: opacity, color;
}

.vJcom_link > a::after {
  content: "";
  display: block;
  background-image: url(../images/vjcom/icn-arrow.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  margin-left: 14px;
}

@media screen and (min-width: 1000px) {
  .vJcom_link > a:hover {
    opacity: 0.7;
    color: var(--color-text);
  }
}
@media screen and (max-width: 999px) {
  .vJcom {
    min-height: 568px;
    padding-top: 72px;
  }
  .vJcom .vJcom_title {
    margin-bottom: 75px;
  }
  .vJcom_col-img {
    width: calc(100% - 390px);
  }
  .vJcom_col-txt {
    width: 390px;
  }
  .vJcom_list > li {
    font-size: 18px;
    margin-top: 28px;
  }
}
@media screen and (max-width: 767px) {
  .vJcom {
    min-height: 800px;
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .vJcom .vJcom_title {
    font-size: 26px;
    font-feature-settings: "palt";
    margin-bottom: 28px;
    line-height: 1.5;
  }
  .vJcom_cols {
    display: block;
    max-width: 490px;
    margin: 0 auto;
  }
  .vJcom_col {
    width: auto;
  }
  .vJcom_col-img {
    margin-bottom: 33px;
    padding-left: 0;
  }
  .vJcom_col-txt {
    padding-top: 0;
  }
  .vJcom_list > li {
    font-size: 16px;
    padding-left: 24px;
    margin-top: 32px;
    line-height: 24px;
  }
  .vJcom_list > li::before {
    top: 12px;
  }
  .vJcom_list > li:first-child {
    line-height: 24px;
  }
  .vJcom .vJcom_link {
    margin: 37px auto 0;
    max-width: 220px;
  }
  .vJcom_link > a {
    min-height: 60px;
  }
  .vJcom_link > a::after {
    width: 11px;
    height: 11px;
  }
}
@media screen and (max-width: 374px) {
  .vJcom .vJcom_title {
    font-size: 17px;
  }
  .vJcom_col-txt {
    padding: 0;
  }
  .vJcom_list > li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 750px) {
  .vJcom {
    padding: 4.1958041958vw 0 60px;
    min-height: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .vJcom {
    padding: 3.75vw 0 6vw;
    min-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .vJcom {
    padding-bottom: 6vw;
  }
}
.top--mv {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/data/webp/mv.jpg.webp) no-repeat center top;
  background-color: #1B457C;
  background-size: cover;
  z-index: 1000;
}
.top--mv.js--hide {
  opacity: 0;
  transition: opacity 800ms;
  transition-delay: 1700ms;
  pointer-events: none;
}
@media only screen and (min-width: 750px) {
  .top--mv {
    background: url(../../assets/data/webp/mv_pc.jpg.webp) no-repeat center top;
    background-color: #1B457C;
    background-size: cover;
  }
}
.top--mv__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.top--mv__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 31.875vh;
}
@media only screen and (min-width: 750px) {
  .top--mv__logo {
    width: 44.5009535919vh;
    margin-top: -3.1786395423vh;
  }
}
.top--mv__banner {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .top--mv__banner {
    position: relative;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    width: 41.1315956771vw;
    cursor: pointer;
    padding: 0 0 4.1958041958vw;
    transition: opacity 0.3s;
  }
  .top--mv__banner:hover {
    opacity: 0.6;
  }
  .top--mv__banner img {
    opacity: 0;
  }
  .top--mv__banner.js--anime img {
    opacity: 1;
    transition: opacity 800ms;
    transition-delay: 200ms;
  }
}
.top--mv__banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.top--grade {
  position: relative;
  width: 100%;
  padding: 0 3.125vw;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 750px) {
  .top--grade {
    padding: 1.2078830261vw 0 1.2078830261vw;
  }
}
.top--grade__title {
  width: 79vw;
  margin-left: 15vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__title {
    width: 31.9135410045vw;
    margin: 0 auto;
  }
}
.top--grade__today {
  position: relative;
  width: 100%;
  margin: 12.5vw auto 0;
  text-align: center;
  display: none;
}
.top--grade__today.js--show {
  display: inline-block;
}
@media only screen and (min-width: 750px) {
  .top--grade__today.js--show {
    width: 75.2701843611vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today {
    margin: 2.5429116338vw auto 0;
  }
}
.top--grade__today:has(.top--grade__today-none) {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .top--grade__today:has(.top--grade__today-none) {
    width: 25.4291163382vw;
    font-size: 1.2714558169vw;
  }
  .top--grade__today:has(.top--grade__today-none).js--over {
    width: 31.7863954228vw;
  }
  .top--grade__today:has(.top--grade__today-none).js--over .top--grade__today-border::after, .top--grade__today:has(.top--grade__today-none).js--over .top--grade__today-border::before {
    width: 32%;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today:has(.top--grade__today-none) .top--grade__today-border::after, .top--grade__today:has(.top--grade__today-none) .top--grade__today-border::before {
    width: 28%;
  }
}
.top--grade__today-single {
  position: relative;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-single:first-of-type:not(:last-of-type) {
    margin-top: -0.2542911634vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-single:not(:has(.top--grade__today-list:nth-of-type(2))) .top--grade__today-list {
    top: 0;
  }
  .top--grade__today-single:not(:has(.top--grade__today-list:nth-of-type(2)))::before {
    top: -0.5721551176vw;
  }
}
.top--grade__today-single:nth-of-type(2) {
  margin-top: 2.5vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-single:nth-of-type(2) {
    margin-top: 1.0807374444vw;
  }
}
.top--grade__today-single:nth-of-type(2)::before {
  position: absolute;
  content: "";
  display: block;
  width: 86.25vw;
  height: 1px;
  background-color: #fff;
  top: -3vw;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
@media only screen and (min-width: 750px) {
  .top--grade__today-single:nth-of-type(2)::before {
    width: 100%;
    top: -0.6357279085vw;
  }
}
.top--grade__today-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0.5vw solid #fff;
  border-top: none;
  border-radius: 4vw;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (min-width: 750px) {
  .top--grade__today-border {
    border: none;
    border-bottom: 0.1271455817vw solid #fff;
    border-radius: 1.0171646535vw;
    border-top: none;
  }
}
.top--grade__today-border::after, .top--grade__today-border::before {
  position: absolute;
  content: "";
  display: block;
  width: 25vw;
  height: 50%;
  border: 0.5vw solid #fff;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-border::after, .top--grade__today-border::before {
    width: 42%;
    height: calc(100% + 0.1271455817vw);
    border: 0.1271455817vw solid #fff;
  }
}
.top--grade__today-border::before {
  left: -0.5vw;
  top: -0.5vw;
  border-right: none;
  border-bottom: none;
  border-radius: 4vw 0;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-border::before {
    left: -0.0635727908vw;
    top: -0.0635727908vw;
    border-radius: 1.0171646535vw 0 1.0171646535vw 1.0171646535vw;
  }
}
.top--grade__today-border::after {
  right: -0.5vw;
  top: -0.5vw;
  border-left: none;
  border-bottom: none;
  border-radius: 0 4vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-border::after {
    right: -0.1271455817vw;
    top: -0.1271455817vw;
    border-radius: 0 1.0171646535vw 1.0171646535vw;
  }
}
.top--grade__today-title {
  position: relative;
  top: -5vw;
  font-size: 5.75vw;
  font-weight: 700;
  line-height: inherit !important;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-title {
    top: -1.3986013986vw;
    font-size: 1.5257469803vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 28.4806102988vw;
  }
  .top--grade__today-data:not(:has(.top--grade__today-single:nth-of-type(1) .top--grade__today-list:nth-of-type(2))) .top--grade__today-single:nth-of-type(1) .top--grade__today-list:first-of-type {
    margin-bottom: 0vw;
  }
  .top--grade__today-data:not(:has(.top--grade__today-single:nth-of-type(2) .top--grade__today-list:nth-of-type(2))) .top--grade__today-single:nth-of-type(2) .top--grade__today-list:first-of-type {
    margin-bottom: -0.6357279085vw;
  }
}
.top--grade__today-onair {
  position: relative;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  background: #fff;
  width: calc(100% - 7vw);
  border-radius: 2.5vw;
}
@media only screen and (max-width: 750px) {
  .top--grade__today-onair {
    height: 16.5vw;
    margin: 0 3.5vw 3.5vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair {
    width: 19.7075651621vw;
    height: 4.1958041958vw;
    border-radius: 0.6357279085vw;
    margin-left: 1.0171646535vw;
  }
}
.top--grade__today-onair a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  display: flex;
  align-items: center;
  padding: 3.5vw 0 3.5vw 6.25vw;
  text-decoration: none;
}
@media only screen and (max-width: 750px) {
  .top--grade__today-onair a {
    letter-spacing: 0.125vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair a {
    padding: 0.8900190718vw 0 0.8900190718vw 1.2714558169vw;
  }
}
.top--grade__today-onair-read {
  font-size: 3.75vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair-read {
    font-size: 0.9853782581vw;
  }
}
.top--grade__today-onair-text {
  font-weight: 700;
  font-size: 4.5vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair-text {
    font-size: 1.1443102352vw;
  }
}
.top--grade__today-onair-left {
  text-align: left;
  margin-right: 8.75vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair-left {
    margin-right: 1.7800381437vw;
  }
}
.top--grade__today-onair-right {
  width: 7.5vw;
  height: 100%;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair-right {
    width: 2.9243483789vw;
    height: 100%;
  }
}
.top--grade__today-onair-right::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.25vw;
  height: 100%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  background: url(../../assets/img/main/line_gradient_1.png) no-repeat center;
  background-size: 100% 65%;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair-right::before {
    width: 0.0635727908vw;
    height: 100%;
  }
}
.top--grade__today-onair-arrow::before, .top--grade__today-onair-arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5vw);
  right: 6.25vw;
  width: 4vw;
  height: 1vw;
  background-color: #9a2017;
  transform-origin: calc(100% - 0.5vw) 50%;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-onair-arrow::before, .top--grade__today-onair-arrow::after {
    width: 1.0171646535vw;
    height: 0.3178639542vw;
    top: calc(50% - 0.1589319771vw);
    right: 1.0171646535vw;
    transform-origin: calc(100% - 0.1589319771vw) 50%;
  }
}
.top--grade__today-onair-arrow::before {
  transform: rotate(45deg);
}
.top--grade__today-onair-arrow::after {
  transform: rotate(-45deg);
}
@media only screen and (min-width: 750px) {
  .top--grade__today-games {
    margin-top: -2.2886204704vw;
  }
}
.top--grade__today-game {
  position: relative;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-game {
    display: flex;
    min-height: 5.4036872219vw;
    align-items: center;
    margin-left: 9.5359186268vw;
    padding: 0.6357279085vw 0 0.826446281vw;
    align-items: center;
  }
}
.top--grade__today-game:nth-of-type(2) {
  margin-top: 4.5vw;
  padding-top: 0vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-game:nth-of-type(2) {
    margin-top: 0vw;
  }
}
.top--grade__today-game:nth-of-type(2)::before {
  position: absolute;
  content: "";
  display: block;
  width: 95%;
  height: 0.25vw;
  background-color: #fff;
  top: -5.25vw;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
@media only screen and (min-width: 750px) {
  .top--grade__today-game:nth-of-type(2)::before {
    width: 32.4221233312vw;
    left: 0;
    height: 0.0635727908vw;
    top: 0vw;
    transform: translate3d(0, 0, 0);
  }
}
.top--grade__today-none {
  position: relative;
  margin-top: -3vw;
  padding: 0vw 0 5.5vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-none {
    margin-top: 0vw;
    padding: 1.652892562vw 0 1.652892562vw;
  }
}
.top--grade__today-date {
  position: relative;
  top: -3.75vw;
  margin-top: -1.25vw;
  color: #D9D9D9;
}
@media only screen and (max-width: 750px) {
  .top--grade__today-date {
    margin-top: -2.5vw;
    margin-bottom: 0vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-date {
    position: absolute;
    width: 6.993006993vw;
    top: 50%;
    left: 2.1614748887vw;
    margin-top: -0.1271455817vw;
    text-align: left;
    transform: translate3d(0, -50%, 0);
  }
}
.top--grade__today-date p {
  font-size: 5.5vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 300;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-date p {
    font-size: 1.5893197711vw;
  }
}
.top--grade__today-date span {
  display: block;
  font-size: 2.75vw;
  margin-top: -1.25vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-date span {
    font-size: 0.6357279085vw;
    margin-top: -0.3814367451vw;
  }
}
.top--grade__today-name {
  position: relative;
  top: -2.5vw;
  margin-top: -1.25vw;
  font-size: 4.5vw;
}
@media only screen and (max-width: 750px) {
  .top--grade__today-name {
    padding: 0 2.75vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-name {
    display: flex;
    align-items: center;
    width: 15.0031786395vw;
    top: 0;
    margin: 0vw 1.0171646535vw 0 0;
    font-size: 1.1443102352vw;
    text-align: left;
  }
}
.top--grade__today-list {
  position: relative;
  top: -2.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -0.75vw auto 0;
}
@media only screen and (max-width: 750px) {
  .top--grade__today-list {
    padding: 0 2.5vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-list {
    margin: 0;
    top: -0.2542911634vw;
    padding-right: 0;
    justify-content: flex-start;
  }
  .top--grade__today-list:last-of-type:not(:first-of-type) {
    top: 0.5085823268vw;
    margin-top: -1.1443102352vw;
  }
}
.top--grade__today-item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-left: 3.25vw;
  text-align: center;
}
.top--grade__today-item:nth-of-type(2) {
  margin-left: 1.25vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-item:nth-of-type(2) {
    margin-left: 0vw;
  }
}
@media only screen and (max-width: 750px) {
  .top--grade__today-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-item {
    width: 6.8658614113vw;
    font-size: 2.1614748887vw;
    margin-left: 0.4450095359vw;
    letter-spacing: -0.1271455817vw;
  }
}
.top--grade__today-item span {
  position: relative;
  top: -1.25vw;
  font-family: "urw-din-condensed", sans-serif;
  color: #D9D9D9;
  font-size: 3.5vw;
}
@media only screen and (min-width: 750px) {
  .top--grade__today-item span {
    top: -0.4450095359vw;
    font-size: 1.1443102352vw;
    margin-left: 0.3814367451vw;
  }
}
.top--grade__today-item p {
  letter-spacing: -0.5vw;
  font-size: 8.75vw;
  font-family: "digital";
}
@media only screen and (max-width: 750px) {
  .top--grade__today-item p {
    width: 100%;
  }
}
@media only screen and (min-width: 750px) {
  .top--grade__today-item p {
    letter-spacing: -0.1271455817vw;
    font-size: 2.1614748887vw;
  }
}
.top--grade__today-item:first-of-type {
  margin-left: 0;
}
.top--grade__pickup {
  position: relative;
  width: 100%;
  height: 27.5vw;
  margin: 8.75vw auto 0;
  background-size: 100% auto;
  text-align: center;
}
.top--grade__pickup .top--grade__today-border::after, .top--grade__pickup .top--grade__today-border::before {
  width: 12.5vw;
}
.top--grade__pickup-title {
  position: relative;
  top: -6vw;
  font-size: 7vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 500;
  z-index: 2;
}
.top--grade__pickup-title span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 6.25vw;
  -webkit-text-stroke: 0.25vw #fff;
}
@media only screen and (min-width: 750px) {
  .top--grade__pickup-title span {
    -webkit-text-stroke: min(0.1271455817vw, 2px) #fff;
  }
}
.top--grade__pickup-list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -8.25vw auto 0;
  z-index: 2;
}
.top--grade__pickup-list:has(:nth-of-type(4)) {
  width: fit-content;
  justify-content: space-between;
}
.top--grade__pickup-list:has(:nth-of-type(4)) .top--grade__pickup-item {
  margin: 0 2.5vw;
}
.top--grade__pickup-item {
  font-family: "digital";
  text-align: center;
  margin-left: 6.25vw;
}
.top--grade__pickup-item:first-of-type {
  margin-left: 0;
}
.top--grade__pickup-top {
  display: flex;
  align-items: flex-end;
}
.top--grade__pickup-top p {
  margin-right: 0.5vw;
  font-family: "digital";
  font-size: 8.75vw;
  letter-spacing: -0.5vw;
}
.top--grade__pickup-top span {
  position: relative;
  top: -2.25vw;
  font-size: 3.5vw;
  color: #D9D9D9;
}
.top--grade__pickup-top span.top--grade__pickup-digit {
  position: relative;
  top: 0vw;
  font-size: 8.75vw;
  color: #fff;
  padding-right: 0.75vw;
  font-family: "digital";
}
.top--grade__pickup-bottom {
  text-align: center;
  font-size: 3.75vw;
  color: #D9D9D9;
}

@keyframes close-show-animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes icon-swipe-animation {
  0% {
    transform: translate3d(-150%, 0, 0);
    opacity: 1;
  }
  90%, 100% {
    transform: translate3d(50%, 0, 0);
    opacity: 1;
  }
}
.simplebar-track {
  display: none;
}

.top--main {
  position: relative;
  width: 100%;
  color: #fff;
  padding: 0 0 3.75vw;
  transition: opacity 500ms;
}
@media only screen and (min-width: 750px) {
  .top--main {
    display: flex;
    justify-content: space-between;
    width: 75.2701843611vw;
    margin: 0 auto;
    padding: 0 0 4.1958041958vw;
  }
}
.top--main.js--hide {
  opacity: 0;
  transition: opacity 500ms;
}
.top--main__title {
  font-size: 6.25vw;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 750px) {
  .top--main__title {
    margin-top: 5.0858232676vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__title {
    font-size: 1.9071837254vw;
    margin-bottom: 1.2714558169vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__contents {
    width: 24.1576605213vw;
  }
}
.top--main__contents.js--hide {
  display: none;
}
@media only screen and (min-width: 750px) {
  .top--main__left .top--main__score {
    margin-top: 1.0807374444vw;
  }
}
@media only screen and (max-width: 750px) {
  .top--main__center .top--main__score-list, .top--main__right .top--main__score-list {
    padding-top: 0;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__center .top--main__score-list .top--main__score-item:first-of-type, .top--main__right .top--main__score-list .top--main__score-item:first-of-type {
    margin-top: 0 !important;
  }
}
.top--main__data {
  width: calc(100% - 6.25vw);
  height: 48.75vw;
  margin: 8vw auto 0;
  padding: 2.5vw 1.25vw 0 5vw;
  background: url(../../assets/img/main/bg_stadium.png) no-repeat 1vw top;
  background-size: 81.625vw auto;
  background-color: #152e50;
  border-radius: 4vw;
  font-size: 4.5vw;
  transition: all 300ms;
  color: #fff;
}
@media only screen and (min-width: 750px) {
  .top--main__data {
    width: 100%;
    height: 12.3966942149vw;
    margin: 0;
    padding: 0.7628734901vw 0.6357279085vw 0 1.5257469803vw;
    background: url(../../assets/img/main/bg_stadium.png) no-repeat 0.5085823268vw top;
    background-size: 20.7247298156vw auto;
    background-color: #152e50;
    border-radius: 1.0171646535vw;
    font-size: 0.8900190718vw;
  }
}
.top--main__data.js--open {
  height: 62.5vw;
  padding: 5vw 1.25vw 0 5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__data.js--open {
    height: 16.5289256198vw;
    padding: 1.2714558169vw 0.6357279085vw 0 1.5257469803vw;
  }
}
.top--main__data.js--open .top--main__data-date {
  display: flex;
}
.top--main__data.js--open .top--main__data-item {
  margin-top: -7vw;
}
@media only screen and (min-width: 750px) {
  .top--main__data.js--open .top--main__data-item {
    margin-top: -1.7800381437vw;
  }
}
.top--main__data-item {
  position: relative;
  margin-top: -8vw;
  transition: all 300ms;
}
@media only screen and (min-width: 750px) {
  .top--main__data-item {
    margin-top: -2.5429116338vw;
  }
}
.top--main__data-item:first-of-type {
  margin-top: 0 !important;
}
.top--main__data-title {
  font-weight: 700;
  line-height: inherit !important;
}
.top--main__data-update {
  position: absolute;
  right: 0.5vw;
  top: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__data-update {
    right: 0.1271455817vw;
  }
}
.top--main__data-date {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7.5vw;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__data-date {
    font-size: 1.9071837254vw;
  }
}
.top--main__data-date span {
  padding-top: 1.25vw;
  font-size: 5.5vw;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__data-date span {
    padding-top: 0.3178639542vw;
    font-size: 1.3986013986vw;
  }
}
.top--main__data-attention {
  text-align: right;
  font-size: 3.5vw;
  margin: 2vw auto 0;
  transform: transalte3d(0, -100%, 0);
}
@media only screen and (min-width: 750px) {
  .top--main__data-attention {
    font-size: 0.8900190718vw;
    margin-top: 0.5085823268vw;
  }
}
.top--main__data-game {
  display: flex;
}
.top--main__data-total {
  width: 25vw;
  margin: -5vw 3.5vw 0 25vw;
  font-size: 20vw;
  font-family: "urw-din-condensed", sans-serif;
  text-align: center;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__data-total {
    width: 8.645899555vw;
    margin: -2.2886204704vw 0.7628734901vw 0 6.2301335029vw;
    font-size: 6.5479974571vw;
    font-weight: 700;
  }
}
.top--main__data-rest {
  margin: 7.5vw 0 0 0;
  font-size: 4vw;
  line-height: 5vw;
  font-weight: 600;
}
@media only screen and (min-width: 750px) {
  .top--main__data-rest {
    margin: 2.4157660521vw 0 0 0;
    font-size: 0.8900190718vw;
    line-height: 1.3986013986vw;
  }
}
.top--main__data-stadiuem {
  margin: -2vw 0 0 0;
  font-size: 8.5vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 100;
  text-align: center;
}
@media only screen and (min-width: 750px) {
  .top--main__data-stadiuem {
    margin: -0.5085823268vw 0 0 0;
    font-size: 2.1614748887vw;
  }
}
.top--main__ui {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: url(../../assets/img/main/bg_ui_gradient.png) no-repeat right top;
  background-size: 100.5vw auto;
  color: #fff;
  transform: translate3d(0, -101%, 0);
  z-index: 200;
  transition: transform 300ms;
}
.top--main__ui.js--show {
  transform: translate3d(0, 0%, 0);
}
.top--main__ui-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 11.25vw;
  padding: 0 2.5vw;
  font-size: 5vw;
}
.top--main__ui-title {
  font-weight: 600;
  font-family: "urw-din", sans-serif;
  letter-spacing: 0.125vw;
}
.top--main__ui-rest {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-family: "urw-din", sans-serif;
  font-size: 7.5vw;
}
.top--main__ui-rest p {
  font-size: 7.5vw;
}
.top--main__ui-rest span {
  position: relative;
  margin-left: 2vw;
  top: 0.5vw;
  font-size: 4vw;
  font-weight: 600;
}
.top--main__ui-list {
  display: flex;
  justify-content: space-between;
  margin: 2vw 0 0 0;
  padding: 0 2.5vw;
}
.top--main__ui-item {
  position: relative;
  width: 30.75vw;
  height: 10vw;
  line-height: 10vw;
  font-size: 4vw;
  font-weight: 600;
  border-radius: 0.75vw;
  color: #092F53;
  background: #D9D9D9;
  text-align: center;
  overflow: hidden;
}
.top--main__ui-item::before {
  content: "";
  display: block;
  opacity: 0.5;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity 200ms;
  opacity: 0.25;
}
.top--main__ui-item.js--current::before {
  opacity: 0;
}
.top--main__ui-item:first-of-type {
  color: #D9D9D9;
  background: url(../../assets/img/main/icon_all.png) no-repeat 3vw center;
  background-size: 3.75vw auto;
  background-color: #092F53;
}
.top--main__ui-item:first-of-type::before {
  display: none !important;
}
.top--main__score-list {
  padding: 0 2.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-list {
    padding: 0vw;
  }
}
.top--main__score-detail {
  position: absolute;
  width: 90vw;
  height: 59.25vw;
  left: 50%;
  bottom: 10.75vw;
  transform: translate3d(-50%, 0, 0);
  border-radius: 3vw;
  background: rgba(186, 204, 231, 0.7);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 100ms;
  z-index: 2;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail {
    width: 22.8862047044vw;
    height: 15.0667514304vw;
    bottom: 2.7336300064vw;
    border-radius: 0.7628734901vw;
  }
}
.top--main__score-detail-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 8.5vw;
  line-height: 8.5vw;
  font-size: 4.75vw;
  text-align: center;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
  color: #125699;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-title {
    height: 2.1614748887vw;
    line-height: 2.1614748887vw;
    font-size: 1.2078830261vw;
  }
}
.top--main__score-detail-title::before {
  position: relative;
  content: "";
  width: 5.5vw;
  height: 5.5vw;
  background: url(../../assets/img/main/icon_ranking.png) no-repeat center top;
  background-size: 100% auto;
  margin-right: 1.25vw;
  top: 0.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-title::before {
    width: 1.3986013986vw;
    height: 1.3986013986vw;
    margin-right: 0.3178639542vw;
    top: 0.1271455817vw;
  }
}
.top--main__score-detail-tabs {
  position: relative;
  display: flex;
  border-bottom: 1px solid #000;
}
.top--main__score-detail-tabs::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 50%;
  height: 0.5vw;
  background: #B50606;
  transition: transform 300ms;
  pointer-events: none;
  z-index: 2;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-tabs::after {
    height: 0.2542911634vw;
  }
}
.top--main__score-detail-tabs:has(:last-of-type.js--current)::after {
  transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-tabs:has(:last-of-type:hover)::after {
    transform: translate3d(100%, 0, 0);
  }
}
.top--main__score-detail-tab {
  width: 50%;
  height: 8vw;
  font-size: 4vw;
  line-height: 8vw;
  color: #021A38;
  text-align: center;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-tab {
    height: 2.0343293071vw;
    font-size: 1.0171646535vw;
    line-height: 2.0343293071vw;
  }
}
.top--main__score-detail-contents {
  padding: 5vw 0;
  background: #D7EBFF;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-contents {
    padding: 1.2714558169vw 0;
  }
}
.top--main__score-detail-content {
  display: none;
}
.top--main__score-detail-content.js--current {
  display: block;
}
.top--main__score-detail-item {
  display: flex;
  align-items: center;
  height: 10vw;
  line-height: 10vw;
  padding: 0 0 0 5vw;
  margin-top: 1.375vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-item {
    height: 2.5429116338vw;
    line-height: 2.5429116338vw;
    padding: 0 0 0 1.2714558169vw;
    margin-top: 0.3814367451vw;
  }
}
.top--main__score-detail-item:first-of-type {
  margin-top: 0;
}
.top--main__score-detail-item::before {
  content: "";
  display: block;
  width: 4.75vw;
  height: 4.25vw;
  margin-right: 1.25vw;
  background: url(../../assets/img/main/icon_ranking.png) no-repeat center top;
  background-size: 100% auto;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-item::before {
    width: 1.2078830261vw;
    height: 1.0807374444vw;
    margin-right: 0.3178639542vw;
  }
}
.top--main__score-detail-item.js--ohtani .top--main__score-detail-name {
  display: flex;
  align-items: center;
}
.top--main__score-detail-item.js--ohtani .top--main__score-detail-name::after {
  content: "";
  display: block;
  width: 21.25vw;
  height: 4.75vw;
  margin-left: 1.5vw;
  background: url(../../assets/img/main/rankin.png) no-repeat center top;
  background-size: 100% auto;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-item.js--ohtani .top--main__score-detail-name::after {
    width: 5.4036872219vw;
    height: 1.2078830261vw;
    margin-left: 0.3814367451vw;
  }
}
.top--main__score-detail-item.js--highlight {
  background: rgba(188, 6, 6, 0.16);
}
.top--main__score-detail-rank {
  margin-right: 3vw;
  font-size: 5.75vw;
  color: #125699;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-rank {
    margin-right: 0.7628734901vw;
    font-size: 1.4621741894vw;
  }
}
.top--main__score-detail-score {
  font-size: 7.5vw;
  color: #B50606;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
  margin-right: 3vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-score {
    font-size: 1.9071837254vw;
    margin-right: 0.7628734901vw;
  }
}
.top--main__score-detail-name {
  font-weight: 700;
  font-size: 4.75vw;
  color: #000;
  width: 52.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-name {
    width: 12.7145581691vw;
    font-size: 1.2078830261vw;
  }
}
.top--main__score-detail-name.js--text {
  font-size: 3.75vw;
  line-height: 4.25vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-detail-name.js--text {
    font-size: 0.8900190718vw;
    line-height: 1.0171646535vw;
  }
}
.top--main__score-item {
  position: relative;
  width: 100%;
  height: 79.5vw;
  background: #154D83;
  overflow: hidden;
  margin-top: 3.5vw;
  transition: height 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score-item {
    height: 20.2161474889vw;
    margin-top: 1.0807374444vw;
    cursor: pointer;
  }
}
.top--main__score-item::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0.2;
  background: #000;
  transition: opacity 400ms;
  pointer-events: none;
}
@media only screen and (min-width: 750px) {
  .top--main__score-item::before {
    opacity: 0;
  }
}
.top--main__score-item:not(.js--open):has(.js--ohtani)::after {
  content: "";
  display: block;
  position: absolute;
  width: 15vw;
  height: 10vw;
  right: 5vw;
  top: 5vw;
  z-index: 8;
}
@media only screen and (min-width: 750px) {
  .top--main__score-item:not(.js--open):has(.js--ohtani)::after {
    width: 3.8143674507vw;
    height: 2.5429116338vw;
    right: 1.2714558169vw;
    top: 1.2714558169vw;
  }
}
.top--main__score-item:not(.js--open):has(:first-of-type.js--ohtani)::after {
  background: url(../../assets/img/main/icon_no1.png) no-repeat center top;
  background-size: 100% auto;
}
.top--main__score-item:not(.js--open):has(:nth-of-type(2).js--ohtani)::after {
  background: url(../../assets/img/main/icon_no2.png) no-repeat center top;
  background-size: 100% auto;
}
.top--main__score-item:not(.js--open):has(:nth-of-type(3).js--ohtani)::after {
  background: url(../../assets/img/main/icon_no3.png) no-repeat center top;
  background-size: 100% auto;
}
.top--main__score-item.js--focus::before {
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score-item.js--focus::before {
    opacity: 0.2;
  }
}
.top--main__score-item.js--anime .top--main__score-sub {
  opacity: 1 !important;
  transition: opacity 400ms;
  transition-delay: 1800ms;
}
@media only screen and (max-width: 750px) {
  .top--main__score-item.js--open .top--main__score-item-close {
    animation: close-show-animation 1s forwards;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score-item.js--open:hover .top--main__score-item-close {
    opacity: 1;
  }
}
.top--main__score-item.js--open .top--main__score-lottie {
  opacity: 0;
  transition: opacity 100ms;
}
.top--main__score-item.js--open .top--main__score-item-open {
  display: none;
}
.top--main__score-item.js--open .top--main__score-detail {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 400ms;
  transition-delay: 300ms;
}
.top--main__score-item.js--open .top--main__score-title.disp {
  opacity: 0;
  transition: opacity 200ms;
}
.top--main__score-item.js--open .top--main__score-title.detail {
  opacity: 1;
  transition-delay: 300ms !important;
  transition-delay: 200ms !important;
}
.top--main__score-item-close {
  position: absolute;
  width: 6.75vw;
  height: 6.75vw;
  top: 2.5vw;
  right: 2.5vw;
  cursor: pointer;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (min-width: 750px) {
  .top--main__score-item-close {
    width: 1.9707565162vw;
    height: 1.9707565162vw;
    top: 0.6357279085vw;
    right: 0.6357279085vw;
  }
}
.top--main__score-item-close:before, .top--main__score-item-close:after {
  content: "";
  display: block;
  background-color: #fff;
  width: 0.5vw;
  height: 8.75vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media only screen and (min-width: 750px) {
  .top--main__score-item-close:before, .top--main__score-item-close:after {
    width: 0.1271455817vw;
    height: 1.9071837254vw;
  }
}
.top--main__score-item-close:before {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.top--main__score-item-close:after {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.top--main__score-item-open {
  position: absolute;
  width: 6.75vw;
  height: 6.75vw;
  bottom: 2.5vw;
  left: 2.5vw;
  background: url(../../assets/img/main/icon_close.png) no-repeat center top;
  background-size: 100% auto;
  cursor: pointer;
  z-index: 4;
  pointer-events: none;
}
@media only screen and (min-width: 750px) {
  .top--main__score-item-open {
    width: 1.9707565162vw;
    height: 1.9707565162vw;
    bottom: 0.6357279085vw;
    left: 0.6357279085vw;
  }
}
.top--main__score-lottie {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 79.5vw;
  transition: opacity 400ms;
  transition-delay: 300ms;
  pointer-events: none;
}
@media only screen and (min-width: 750px) {
  .top--main__score-lottie {
    height: 20.2161474889vw;
  }
}
.top--main__score-title {
  position: absolute;
  display: inline-block;
  text-align: center;
  z-index: 2;
  left: 0;
  top: -16.25vw;
  transition: opacity 400ms;
  transition-delay: 200ms;
}
.top--main__score-title.disp.digit-1 {
  width: 37.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-title.disp.digit-1 {
    width: 9.5359186268vw;
  }
}
.top--main__score-title.disp.digit-1 .top--main__score-number {
  text-align: left;
  margin-left: -3.75vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score-title.disp.digit-1 .top--main__score-number {
    margin-left: -0.9535918627vw;
  }
}
.top--main__score-title.disp .top--main__score-sub {
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score-title {
    top: -4.1958041958vw;
  }
}
.top--main__score-title.detail {
  left: 50% !important;
  transform: translate3d(-50%, 0, 0) !important;
  text-align: center !important;
  width: auto !important;
  opacity: 0;
  transition: opacity 200ms !important;
  top: -16.25vw !important;
}
@media only screen and (min-width: 750px) {
  .top--main__score-title.detail {
    top: -4.1958041958vw !important;
  }
}
.top--main__score-graph {
  z-index: 1;
}
.top--main__score-graph .disp .top--main__score-graph-item {
  transform: scale(1, 0);
  transform-origin: 50% 100%;
}
.top--main__score-graph .disp .top--main__score-graph-date {
  opacity: 0;
}
.top--main__score-graph .detail {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 100ms;
}
.top--main__score-number {
  font-size: 49.5vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
  letter-spacing: -0.5vw;
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score-number {
    font-size: 12.5874125874vw;
    letter-spacing: -0.2542911634vw;
  }
}
.top--main__score-sub {
  margin-top: -15vw;
  font-size: 6.25vw;
  font-weight: 600;
  line-height: inherit !important;
}
@media only screen and (min-width: 750px) {
  .top--main__score-sub {
    margin-top: -3.8143674507vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-graph {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.top--main__score .top--main__score-graph .swiper-container {
  width: 100%;
}
.top--main__score .top--main__score-item-bar {
  background: url(../../assets/img/main/bg_score_1.jpg) no-repeat center top;
  background-size: 100% auto;
}
.top--main__score .top--main__score-item-bar.js--anime .top--main__score-graph-item {
  transform: scale(1, 1) !important;
  transition: transform 400ms;
  transition-delay: 2000ms;
}
.top--main__score .top--main__score-item-bar.js--anime .top--main__score-graph-date {
  opacity: 1 !important;
  transition: opacity 400ms;
  transition-delay: 2600ms;
}
.top--main__score .top--main__score-item-bar.js--open {
  height: 180.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar.js--open {
    height: 49.0781945327vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar.js--open .top--main__score-item-close {
    transition: opacity 400ms;
  }
}
.top--main__score .top--main__score-item-bar.js--open .top--main__score-item-open {
  display: none;
}
.top--main__score .top--main__score-item-bar.js--open .top--main__score-graph .disp {
  pointer-events: none !important;
}
.top--main__score .top--main__score-item-bar.js--open .top--main__score-graph .disp .top--main__score-graph-list {
  transform: scale(1, 0);
}
.top--main__score .top--main__score-item-bar.js--open .top--main__score-graph .detail {
  transition: opacity 400ms;
  transition-delay: 200ms;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.top--main__score .top--main__score-item-bar.js--open .top--main__score-graph .detail .top--main__score-graph-item-bg {
  transform: scale(1, 1);
  transition-delay: 400ms;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail {
  align-items: flex-start;
  top: 55.75vw;
  overflow-x: scroll;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .swiper-scrollbar {
  display: block !important;
  width: 50%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph.detail {
    top: 15.7660521297vw;
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-item-bg {
  transform: scale(1, 0);
  transform-origin: 50% 100%;
  transition: transform 400ms;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-item {
  width: 17.5vw;
  height: 30.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-item {
    width: 4.4500953592vw;
    height: 7.7558804832vw;
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-month {
  padding-bottom: 18vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-month {
    padding-bottom: 5.0858232676vw;
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-date {
  bottom: -1.5vw;
  line-height: 5vw;
  transform: translate3d(0, 100%, 0);
  opacity: 0.54 !important;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-date {
    bottom: -0.6357279085vw;
    line-height: 1.2714558169vw;
    transform: translate3d(0, 100%, 0);
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-number {
  bottom: 12vw;
  opacity: 0.54 !important;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph.detail .top--main__score-graph-number {
    bottom: 3.0514939606vw;
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .js--current .top--main__score-graph-date {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph.detail .js--current .top--main__score-graph-number {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-month {
  display: flex;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-list {
  display: flex;
  transform-origin: 50% 100%;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-item {
  position: relative;
  width: 26.5vw;
  height: 30.5vw;
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-item-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgb(56, 104, 144) 0%, rgb(63, 80, 124) 100%);
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-item {
    width: 6.7387158296vw;
    height: 10.0445009536vw;
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-item.js--current .top--main__score-graph-item-bg {
  background: linear-gradient(180deg, rgb(176, 6, 6) 0%, rgb(79, 3, 3) 100%);
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-date {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 14vw;
  text-align: center;
  font-size: 4.5vw;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-date {
    bottom: 3.5600762873vw;
    font-size: 1.1443102352vw;
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-number {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 4vw;
  text-align: center;
  font-size: 7.5vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-number {
    bottom: 1.2714558169vw;
    font-size: 1.9071837254vw;
  }
}
.top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-number-unit {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 7.5vw;
  text-align: center;
  font-size: 3.75vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 500;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-bar .top--main__score-graph .top--main__score-graph-number-unit {
    bottom: 1.9071837254vw;
    font-size: 0.9535918627vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-1 {
    height: 20.3432930706vw;
  }
}
.top--main__score .top--main__score-item-1 .top--main__score-lottie svg > g > g:nth-of-type(2) {
  transform: scale(2);
  transform-origin: 60% 60%;
}
.top--main__score .top--main__score-item-2 {
  background: url(../../assets/img/main/bg_score_2.jpg) no-repeat center top;
  background-size: 100% auto;
  background-color: #0f96da;
  height: 67.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 {
    height: 16.2746344565vw;
  }
}
.top--main__score .top--main__score-item-2.js--anime .top--main__score-graph-2-chart {
  opacity: 1;
}
.top--main__score .top--main__score-item-2.js--anime .disp .top--main__score-graph-2-data-txt {
  opacity: 1 !important;
  transition: all 400ms;
  transition-delay: 1800ms;
}
.top--main__score .top--main__score-item-2.js--anime.js--animeend .top--main__score-graph-2-chart {
  transition-delay: 0ms;
}
.top--main__score .top--main__score-item-2.js--open {
  height: 209vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2.js--open {
    height: 49.9682136046vw;
  }
}
.top--main__score .top--main__score-item-2.js--open .top--main__score-graph-2-data.detail {
  transition: opacity 400ms;
  transition-delay: 200ms;
}
.top--main__score .top--main__score-item-2.js--open .top--main__score-graph-2-data.disp {
  transition: opacity 0ms;
  transition-delay: 0ms;
}
.top--main__score .top--main__score-item-2.js--open .top--main__score-graph-2-chart {
  margin-top: -50vw;
  transition-delay: 0ms, 2000ms;
  opacity: 1;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2.js--open .top--main__score-graph-2-chart {
    margin-top: -10.298792117vw;
    width: 15.8931977114vw;
    height: 15.8931977114vw;
  }
}
.top--main__score .top--main__score-item-2.js--open .top--main__score-graph-2-chart-main.detail {
  opacity: 1 !important;
  transition: opacity 400ms;
  transition-delay: 200ms;
}
.top--main__score .top--main__score-item-2.js--open .top--main__score-graph-2-chart-main.disp {
  opacity: 0 !important;
  transition: opacity 0ms;
  transition-delay: 0ms;
}
.top--main__score .top--main__score-item-2.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-2.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-2 .top--main__score-title {
  left: auto;
  right: -2vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-title {
    right: -0.5085823268vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-title.digit-1 {
  width: 37.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-title.digit-1 {
    width: 9.5359186268vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-title.digit-1 .top--main__score-number {
  text-align: right;
  margin-left: 16vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-title.digit-1 .top--main__score-number {
    margin-left: 4.4500953592vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart {
  position: absolute;
  width: 75vw;
  height: 75vw;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, 3.125vw, 0);
  transition: margin 400ms, opacity 400ms;
  transition-delay: 0ms, 400ms;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart {
    width: 19.0718372537vw;
    height: 19.0718372537vw;
    transform: translate3d(-50%, 0vw, 0);
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-main {
  position: absolute;
  width: 75vw;
  height: 75vw;
  border-radius: 75vw;
  background-image: conic-gradient(#B00606 0deg, #386890 0deg);
  mask: radial-gradient(circle, transparent 48%, black 48.1%);
  transition: opacity 400ms;
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-main::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-main {
    width: 19.0718372537vw;
    height: 19.0718372537vw;
    border-radius: 19.0718372537vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-main.disp {
  transform: rotateZ(90deg);
  transition-delay: 400ms;
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-main.detail {
  opacity: 0;
  transition: opacity 0ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-main.detail {
    width: 15.8931977114vw;
    height: 15.8931977114vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-sub {
  position: absolute;
  width: 48.75vw;
  height: 48.75vw;
  border-radius: 48.75vw;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: conic-gradient(#0664B0 27deg, #386890 270deg);
  mask: radial-gradient(circle, transparent 57%, black 58%);
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-sub::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-chart-sub {
    width: 10.1716465353vw;
    height: 10.1716465353vw;
    border-radius: 10.1716465353vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 400ms;
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data-number {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate3d(-50%, 0, 0);
  font-size: 7.5vw;
  color: #fff;
  opacity: 0.8;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 600;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data-number {
    font-size: 1.9071837254vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data-txt {
  position: absolute;
  left: 50%;
  top: 13.75vw;
  transform: translate3d(-50%, 0, 0);
  font-size: 5.25vw;
  color: #fff;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data-txt {
    top: 3.4965034965vw;
    font-size: 1.3350286078vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.disp {
  transition-delay: 400ms;
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.disp .top--main__score-graph-2-data-txt {
  opacity: 0;
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail {
  transition: opacity 0ms;
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-number {
  font-size: 13.625vw;
  top: 21.25vw;
  opacity: 1;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-number {
    font-size: 3.1786395423vw;
    top: 4.132231405vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-txt {
  position: absolute;
  left: auto;
  top: auto;
  right: -1.5vw;
  bottom: 2.5vw;
  font-size: 4.5vw;
  transform: none;
  color: #fff;
  font-weight: 600;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-txt {
    right: -0.3814367451vw;
    bottom: 0.3814367451vw;
    font-size: 1.0171646535vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-year, .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-lastyear {
  position: absolute;
  left: 50%;
  top: 37vw;
  color: #fff;
  transform: translate3d(-50%, 0, 0);
  font-size: 5.75vw;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-year, .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-lastyear {
    top: 7.8830260648vw;
    font-size: 1.3350286078vw;
  }
}
.top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-lastyear {
  top: 37.5vw;
  opacity: 0.8;
  color: #D9D9D9;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-2 .top--main__score-graph-2-data.detail .top--main__score-graph-2-data-lastyear {
    top: 8.2644628099vw;
  }
}
.top--main__score .top--main__score-item-3 {
  background: url(../../assets/img/main/bg_score_3.jpg) no-repeat center top;
  background-size: 100% auto;
  height: 60vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 {
    height: 18.4361093452vw;
  }
}
.top--main__score .top--main__score-item-3.js--open {
  height: 136.75vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3.js--open {
    height: 34.7743165925vw;
  }
}
.top--main__score .top--main__score-item-3.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-3.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-3.js--open .top--main__score-graph-anda-title {
  opacity: 1;
  transition-delay: 1000ms;
}
.top--main__score .top--main__score-item-3.js--open .top--main__score-graph-anda {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: clip-path 600ms;
  transition-delay: 400ms;
  opacity: 1;
}
.top--main__score .top--main__score-item-3.js--open .top--main__score-anda {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 400ms;
}
.top--main__score .top--main__score-item-3 .top--main__score-title.disp {
  left: 0vw;
  top: -16vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-title.disp {
    left: 0vw;
    top: -4.0686586141vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-title.disp.digit-1 {
  width: 37.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-title.disp.digit-1 {
    width: 9.5359186268vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-title.disp.digit-1 .top--main__score-number {
  text-align: left;
  margin-left: 0vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-title.disp.digit-1 .top--main__score-number {
    margin-left: 0vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-anda {
  position: absolute;
  right: 3.5vw;
  bottom: 5.75vw;
  font-size: 5.5vw;
  font-weight: 700;
  opacity: 0;
  transition: opacity 200ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-anda {
    right: 0.8900190718vw;
    bottom: 1.4621741894vw;
    font-size: 1.3986013986vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-anda-number {
  position: relative;
  top: 0.5vw;
  margin: 0 2.5vw 0;
  font-family: "urw-din-condensed", sans-serif;
  font-size: 15.75vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-anda-number {
    top: 0.1271455817vw;
    margin: 0 0.6357279085vw 0;
    font-size: 4.0050858233vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-lottie {
    height: 26.7005721551vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda {
  display: flex;
  position: absolute;
  width: 90vw;
  left: 50%;
  top: 70vw;
  transform: translate3d(-50%, 0, 0);
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
  opacity: 0;
  transition: opacity 400ms, clip-path 0ms;
  transition-delay: 0ms, 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda {
    width: 22.8862047044vw;
    top: 17.8003814367vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-number {
  width: 100%;
  height: 18vw;
  line-height: 18vw;
  font-size: 7.5vw;
  font-weight: 700;
  text-align: center;
  font-family: "urw-din-condensed", sans-serif;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-number {
    height: 4.5772409409vw;
    line-height: 4.5772409409vw;
    font-size: 1.9071837254vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-title {
  width: 100%;
  margin-top: 1.25vw;
  font-size: 7.5vw;
  text-align: center;
  font-weight: 400;
  font-family: "urw-din-condensed", sans-serif;
  color: #D9D9D9;
  opacity: 0;
  transition: opacity 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-title {
    margin-top: 0.3178639542vw;
    font-size: 1.9071837254vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-title.digit-1 {
  width: 37.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-title.digit-1 {
    width: 9.5359186268vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-title.digit-1 .top--main__score-number {
  text-align: left;
  margin-left: -3.75vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-title.digit-1 .top--main__score-number {
    margin-left: -0.9535918627vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item {
  height: 100%;
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-h {
  width: 35.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-h {
    width: 9.0273363001vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-h .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(225, 92, 92) 0%, rgb(165, 67, 67) 100%);
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-2b {
  width: 21.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-2b {
    width: 5.4672600127vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-2b .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(204, 54, 54) 0%, rgb(151, 30, 30) 100%);
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-3b {
  width: 21.25vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-3b {
    width: 5.4036872219vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-3b .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(181, 6, 6) 0%, rgb(148, 15, 15) 100%);
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-hr {
  width: 12.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-hr {
    width: 3.1786395423vw;
  }
}
.top--main__score .top--main__score-item-3 .top--main__score-graph-anda-item.top--main__score-graph-anda-hr .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(164, 6, 6) 0%, rgb(62, 2, 2) 100%);
}
.top--main__score .top--main__score-item-4 {
  height: 79.5vw;
  background: url(../../assets/img/main/bg_score_4.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 {
    height: 20.5975842339vw;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4.js--open {
    height: 49.396058487vw;
  }
}
.top--main__score .top--main__score-item-4.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-4.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-4.js--open .top--main__score-graph-anda-title {
  opacity: 1;
  transition-delay: 1000ms;
}
.top--main__score .top--main__score-item-4.js--open .top--main__score-graph-anda {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: clip-path 600ms;
  transition-delay: 400ms;
  opacity: 1;
}
.top--main__score .top--main__score-item-4 .top--main__score-title.disp {
  left: auto;
  right: 2vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-title.disp {
    right: 0.5085823268vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-title.disp.digit-1 {
  width: 37.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-title.disp.digit-1 {
    width: 9.5359186268vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-title.disp.digit-1 .top--main__score-number {
  text-align: right;
  margin-left: 22.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-title.disp.digit-1 .top--main__score-number {
    margin-left: 5.7215511761vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda {
  display: flex;
  position: absolute;
  width: 90vw;
  left: 50%;
  top: 75vw;
  transform: translate3d(-50%, 0, 0);
  clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
  opacity: 0;
  transition: opacity 400ms, clip-path 0ms;
  transition-delay: 0ms, 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-graph-anda {
    width: 22.8862047044vw;
    top: 19.0718372537vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-number {
  width: 100%;
  height: 18vw;
  line-height: 18vw;
  font-size: 7.5vw;
  font-weight: 700;
  text-align: center;
  font-family: "urw-din-condensed", sans-serif;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-graph-anda-number {
    height: 4.5772409409vw;
    line-height: 4.5772409409vw;
    font-size: 1.9071837254vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-title {
  width: 100%;
  margin-top: 1.25vw;
  font-size: 7.5vw;
  text-align: center;
  font-weight: 400;
  font-family: "urw-din-condensed", sans-serif;
  color: #D9D9D9;
  opacity: 0;
  transition: opacity 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-graph-anda-title {
    margin-top: 0.3178639542vw;
    font-size: 1.9071837254vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item {
  height: 100%;
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-h {
  width: 35.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-h {
    width: 9.0273363001vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-h .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(225, 92, 92) 0%, rgb(165, 67, 67) 100%);
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-2b {
  width: 21.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-2b {
    width: 5.4672600127vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-2b .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(204, 54, 54) 0%, rgb(151, 30, 30) 100%);
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-3b {
  width: 21.25vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-3b {
    width: 5.4036872219vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-3b .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(181, 6, 6) 0%, rgb(148, 15, 15) 100%);
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-hr {
  width: 12.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-hr {
    width: 3.1786395423vw;
  }
}
.top--main__score .top--main__score-item-4 .top--main__score-graph-anda-item.top--main__score-graph-anda-hr .top--main__score-graph-anda-number {
  background: linear-gradient(180deg, rgb(164, 6, 6) 0%, rgb(62, 2, 2) 100%);
}
.top--main__score .top--main__score-item-5 {
  height: 51vw;
  background: url(../../assets/img/main/bg_score_5.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 {
    height: 14.1131595677vw;
  }
}
.top--main__score .top--main__score-item-5.js--open {
  height: 107.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5.js--open {
    height: 27.3363000636vw;
  }
}
.top--main__score .top--main__score-item-5.js--open .top--main__score-about {
  pointer-events: auto;
  opacity: 1;
}
.top--main__score .top--main__score-item-5.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-5.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-5 .top--main__score-title .top--main__score-sub {
  position: relative;
  font-family: "urw-din-condensed", sans-serif;
  font-size: 10vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 .top--main__score-title .top--main__score-sub {
    font-size: 2.5429116338vw;
  }
}
.top--main__score .top--main__score-item-5 .top--main__score-title.disp {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: none;
}
.top--main__score .top--main__score-item-5 .top--main__score-title.disp .top--main__score-sub {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 19.5vw;
  transform: translate3d(-50%, 0, 0);
}
.top--main__score .top--main__score-item-5 .top--main__score-title.disp .top--main__score-sub.js--anime-end {
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 .top--main__score-title.disp .top--main__score-sub {
    top: 4.7043865226vw;
  }
}
.top--main__score .top--main__score-item-5 .top--main__score-title.disp .top--main__score-number {
  position: absolute;
  left: auto;
  top: auto;
  right: 1vw;
  bottom: -13.75vw;
  font-size: 42.5vw;
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 .top--main__score-title.disp .top--main__score-number {
    right: 0.2542911634vw;
    bottom: -3.4965034965vw;
    font-size: 10.8073744437vw;
  }
}
.top--main__score .top--main__score-item-5 .top--main__score-graph {
  position: absolute;
  width: 100%;
  left: 0;
  top: 60vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 .top--main__score-graph {
    top: 15.2574698029vw;
  }
}
.top--main__score .top--main__score-item-5 .top--main__score-graph .detail {
  display: flex;
}
.top--main__score .top--main__score-item-5 .top--main__score-graph-item {
  width: 50%;
  text-align: center;
}
.top--main__score .top--main__score-item-5 .top--main__score-graph-number {
  font-size: 25.875vw;
  font-weight: 700;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 .top--main__score-graph-number {
    font-size: 6.6115702479vw;
  }
}
.top--main__score .top--main__score-item-5 .top--main__score-graph-title {
  margin-top: -6.25vw;
  font-size: 6.25vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 .top--main__score-graph-title {
    margin-top: -1.5893197711vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-5 .top--main__score-about {
  position: absolute;
  left: 50%;
  top: 52%;
  width: 7vw;
  height: 7vw;
  transition: opacity 400ms;
  transform: translate3d(-50%, -50%, 0);
  margin-left: 13.5vw;
  pointer-events: none;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-5 .top--main__score-about {
    width: 1.7800381437vw;
    height: 1.7800381437vw;
    margin-left: 3.4329307057vw;
    transition: opacity 300ms;
  }
  .top--main__score .top--main__score-item-5 .top--main__score-about:hover {
    opacity: 0.6;
  }
}
.top--main__score .top--main__score-item-5 .top--main__score-about img {
  vertical-align: top;
}
.top--main__score .top--main__score-item-6 {
  height: 69.25vw;
  background: url(../../assets/img/main/bg_score_6.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 {
    height: 16.3382072473vw;
  }
  .top--main__score .top--main__score-item-6 .top--main__score-lottie {
    height: 100%;
  }
}
.top--main__score .top--main__score-item-6.js--open {
  height: 145.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6.js--open {
    height: 36.9993642721vw;
  }
}
.top--main__score .top--main__score-item-6.js--open .top--main__score-about {
  pointer-events: auto;
  opacity: 1;
}
.top--main__score .top--main__score-item-6.js--open .top--main__score-graph-sub,
.top--main__score .top--main__score-item-6.js--open .top--main__score-number-sub {
  opacity: 0.55;
}
.top--main__score .top--main__score-item-6.js--open .top--main__score-graph {
  opacity: 1;
  transition-delay: 200ms;
}
.top--main__score .top--main__score-item-6.js--open .top--main__score-graph-item {
  opacity: 1;
}
.top--main__score .top--main__score-item-6.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-6.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-6 .top--main__score-title.disp {
  position: absolute;
  width: 100% !important;
  height: 100%;
  left: 0;
  top: 0;
  transform: none;
}
.top--main__score .top--main__score-item-6 .top--main__score-title.disp .top--main__score-sub {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 25vw;
  transform: translate3d(-50%, 0, 0);
  font-size: 6.25vw;
  font-family: "urw-din-condensed", sans-serif;
  width: 100% !important;
}
.top--main__score .top--main__score-item-6 .top--main__score-title.disp .top--main__score-sub.js--anime-end {
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-title.disp .top--main__score-sub {
    top: 5.4672600127vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-title.disp .top--main__score-number {
  position: absolute;
  left: auto;
  top: auto;
  right: 2vw;
  bottom: -13.75vw;
  font-size: 42.5vw;
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-title.disp .top--main__score-number {
    right: 0.5085823268vw;
    bottom: -3.4965034965vw;
    font-size: 10.8073744437vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-title.detail {
  width: 100% !important;
}
.top--main__score .top--main__score-item-6 .top--main__score-title.detail .top--main__score-sub {
  top: 60.625vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-title.detail .top--main__score-sub {
    top: 14.8760330579vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-title.detail .top--main__score-number {
  right: 50%;
  bottom: 105vw;
  font-size: 49.25vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-title.detail .top--main__score-number {
    bottom: 27.590591227vw;
    font-size: 12.5238397966vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph {
  position: absolute;
  width: 100%;
  left: 0;
  top: 70vw;
  transition: all 400ms;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph {
    top: 17.8003814367vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph .detail {
  width: 100%;
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-item {
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity 400ms;
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-number {
  font-size: 37.5vw;
  font-weight: 700;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph-number {
    font-size: 9.5359186268vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-title {
  margin-top: -11.25vw;
  font-size: 6.25vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph-title {
    margin-top: -2.860775588vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-sub,
.top--main__score .top--main__score-item-6 .top--main__score-number-sub {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: 9vw;
  opacity: 0;
  transition: opacity 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph-sub,
  .top--main__score .top--main__score-item-6 .top--main__score-number-sub {
    margin-right: 2.2886204704vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-sub-title,
.top--main__score .top--main__score-item-6 .top--main__score-number-sub-title {
  margin-right: 3.75vw;
  font-size: 6.25vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph-sub-title,
  .top--main__score .top--main__score-item-6 .top--main__score-number-sub-title {
    margin-right: 0.9535918627vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-sub-title span,
.top--main__score .top--main__score-item-6 .top--main__score-number-sub-title span {
  font-size: 5.25vw;
  vertical-align: text-top;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph-sub-title span,
  .top--main__score .top--main__score-item-6 .top--main__score-number-sub-title span {
    font-size: 1.3350286078vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-sub-number,
.top--main__score .top--main__score-item-6 .top--main__score-number-sub-number {
  position: relative;
  top: 6.25vw;
  font-size: 20.5vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph-sub-number,
  .top--main__score .top--main__score-item-6 .top--main__score-number-sub-number {
    top: 1.5893197711vw;
    font-size: 5.2129688493vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-graph-sub {
  top: -15vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-graph-sub {
    top: -3.8143674507vw;
  }
}
.top--main__score .top--main__score-item-6 .top--main__score-number-sub {
  top: -12.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-6 .top--main__score-number-sub {
    top: -3.1786395423vw;
  }
}
.top--main__score .top--main__score-item-7 {
  height: 70vw;
  background: url(../../assets/img/main/bg_score_7.jpg) no-repeat center top;
  background-size: 100% auto;
  background-color: #2477c7;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 {
    height: 16.2110616656vw;
  }
}
.top--main__score .top--main__score-item-7.js--anime .top--main__score-graph {
  opacity: 1;
  transition-delay: 2000ms;
}
.top--main__score .top--main__score-item-7.js--first .top--main__score-graph-data::before {
  animation: icon-swipe-animation 1.2s infinite;
  animation-delay: 0.4s;
  animation-iteration-count: 3;
}
.top--main__score .top--main__score-item-7.js--open {
  height: 203.25vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7.js--open {
    height: 49.777495232vw;
  }
}
.top--main__score .top--main__score-item-7.js--open .top--main__score-graph-tooltip {
  opacity: 1;
}
.top--main__score .top--main__score-item-7.js--open .top--main__score-graph-line {
  opacity: 1;
  background: transparent;
  top: 100vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7.js--open .top--main__score-graph-line {
    top: 22.8862047044vw;
  }
}
.top--main__score .top--main__score-item-7.js--open .top--main__score-graph-data {
  pointer-events: auto;
  opacity: 1;
  transition: opacity 400ms;
}
.top--main__score .top--main__score-item-7.js--open .top--main__score-graph-line-effect {
  opacity: 0;
}
.top--main__score .top--main__score-item-7.js--open .top--main__score-graph-line-number {
  opacity: 1;
}
.top--main__score .top--main__score-item-7.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-7.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-7.js--open .top--main__score-graph.detail {
  pointer-events: none !important;
}
.top--main__score .top--main__score-item-7.js--open .top--main__score-graph.detail .top--main__score-graph-arrow {
  display: block;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .top--main__score .top--main__score-item-7.js--open .top--main__score-graph.detail .top--main__score-graph-arrow {
    top: 15vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-item-open {
  bottom: 2.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-item-open {
    bottom: 0.6357279085vw;
  }
}
.top--main__score .top--main__score-item-7 .simplebar-horizontal {
  width: 50%;
  height: 5px;
  border-radius: 5px;
  left: 50% !important;
  transform: translate3d(-50%, 0, 0);
  background: rgba(0, 0, 0, 0.1);
}
.top--main__score .top--main__score-item-7 .simplebar-visible::before {
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.top--main__score .top--main__score-item-7 .top--main__score-title.disp {
  position: relative;
  left: 0;
  top: 0;
  transform: none;
  pointer-events: none;
  transition: all 400ms;
}
.top--main__score .top--main__score-item-7 .top--main__score-title.disp .top--main__score-sub {
  margin-left: 0vw;
  font-size: 6.25vw;
  font-family: "urw-din-condensed", sans-serif;
}
.top--main__score .top--main__score-item-7 .top--main__score-title.disp .top--main__score-sub.js--anime-end {
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-title.disp .top--main__score-sub {
    margin-left: 0vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-title.disp .top--main__score-number {
  position: relative;
  height: 58.5vw;
  left: 0vw;
  top: -16.75vw;
  font-size: 49.25vw;
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-title.disp .top--main__score-number {
    height: 14.8760330579vw;
    left: 0vw;
    top: -4.2593769866vw;
    font-size: 12.5238397966vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0vw;
  transition: all 400ms;
  opacity: 0;
}
@media only screen and (max-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph {
    align-items: center;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph {
    top: 0vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph .detail {
  width: 100%;
  pointer-events: none !important;
}
.top--main__score .top--main__score-item-7 .top--main__score-graph .disp .top--main__score-graph-arrow {
  position: relative;
  top: 17.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph .disp .top--main__score-graph-arrow {
    top: 4.4500953592vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-arrow {
  display: none;
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-arrow.js--show {
  display: block;
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-tooltip {
  position: absolute;
  left: 50%;
  top: 0;
  width: 32.5vw;
  height: 19.5vw;
  border-radius: 3vw;
  top: 57.5vw;
  background: #B50606;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
  display: none;
  box-shadow: 0px 0px 1.25vw 0px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 400ms;
  pointer-events: none;
  z-index: 2;
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-tooltip.js--show {
  display: block;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-tooltip {
    width: 8.2644628099vw;
    height: 4.4500953592vw;
    top: 14.6217418945vw;
    border-radius: 0.7628734901vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-tooltip-number {
  position: relative;
  top: -0.5vw;
  font-size: 9.25vw;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-tooltip-number {
    top: -0.3814367451vw;
    font-size: 2.3521932613vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-tooltip-date {
  position: relative;
  top: -3.5vw;
  font-size: 5.25vw;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-tooltip-date {
    top: -1.2714558169vw;
    font-size: 1.3350286078vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-data {
  opacity: 0;
}
@media only screen and (max-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data {
    overflow: inherit !important;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data {
    position: absolute;
    width: 100%;
    height: 13.986013986vw;
    padding-top: 5.7215511761vw;
    padding-bottom: 1.9071837254vw;
    top: 14.6217418945vw;
    left: 0;
    z-index: 2;
    transition: opacity 0ms;
    z-index: 2;
  }
}
@media only screen and (max-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data {
    position: absolute;
    width: 100%;
    height: 43.75vw;
    left: 0;
    top: 82.5vw;
    overflow: auto hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data ::-webkit-scrollbar {
    display: none;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-data.js--swiped::before {
  display: none;
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-data::before {
  content: "";
  display: block;
  position: absolute;
  width: 15vw;
  height: 15vw;
  bottom: -3.125vw;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  background: url(../../assets/img/main/icon_swipe.png) no-repeat center top;
  background-size: 100% auto;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data::before {
    width: 3.8143674507vw;
    height: 3.8143674507vw;
    bottom: -1.7800381437vw;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-data-inner {
  height: 37.5vw;
  margin: 0 0 0 50vw;
  padding-right: 50vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data-inner {
    height: 100%;
    margin: 0 11.125238398vw 0 12.7145581691vw;
    padding: 0;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-data-wrap {
  height: 37.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data-wrap {
    position: relative;
    height: 100%;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    overflow: auto hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data-wrap ::-webkit-scrollbar {
    display: none;
  }
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data-wrap::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}
.top--main__score .top--main__score-item-7 .top--main__score-graph-data-scroll {
  display: none;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data-scroll {
    position: absolute;
    width: 50%;
    height: 5px;
    left: 50%;
    bottom: 0;
    transform: translate3d(-50%, 0, 0);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-7 .top--main__score-graph-data-bar {
    position: absolute;
    width: 50px;
    height: 5px;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    border-radius: 5px;
  }
}
.top--main__score .top--main__score-item-8 {
  background: url(../../assets/img/main/bg_score_8.jpg) no-repeat center top;
  background-size: 100% auto;
  height: 72.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 {
    height: 22.9497774952vw;
  }
}
.top--main__score .top--main__score-item-8.js--anime .disp.top--main__score-title {
  opacity: 1;
}
.top--main__score .top--main__score-item-8.js--anime .disp.top--main__score-title.js--count {
  opacity: 1;
}
.top--main__score .top--main__score-item-8.js--anime .disp .top--main__score-number-name {
  opacity: 1 !important;
  transition: opacity 400ms;
  transition-delay: 1000ms;
}
.top--main__score .top--main__score-item-8.js--anime .disp .top--main__score-number[data-countup="0"] {
  opacity: 1;
}
.top--main__score .top--main__score-item-8.js--anime.js--animeend .top--main__score-graph-2-chart {
  transition-delay: 0ms;
}
.top--main__score .top--main__score-item-8.js--open {
  height: 170vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8.js--open {
    height: 43.229497775vw;
  }
}
.top--main__score .top--main__score-item-8.js--open .top--main__score-graph {
  opacity: 1;
  transition-delay: 200ms;
}
.top--main__score .top--main__score-item-8.js--open .top--main__score-graph-item {
  opacity: 1;
}
.top--main__score .top--main__score-item-8.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-8.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-8 .top--main__score-lottie {
  height: 100%;
}
.top--main__score .top--main__score-item-8 .top--main__score-title {
  left: 0;
  top: -13.75vw;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-title {
    top: 0vw !important;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-title.disp .top--main__score-number-name {
  opacity: 0;
}
.top--main__score .top--main__score-item-8 .top--main__score-title.disp .top--main__score-number[data-countup="0"] {
  opacity: 0;
  transition: opacity 400ms;
}
.top--main__score .top--main__score-item-8 .top--main__score-title.detail {
  top: 2.1614748887vw !important;
}
.top--main__score .top--main__score-item-8 .top--main__score-title.detail .top--main__score-number {
  font-size: 30vw;
  height: 35vw;
  letter-spacing: -1vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-title.detail .top--main__score-number {
    font-size: 7.6287349015vw;
    height: 6.3572790846vw;
    letter-spacing: -0.2542911634vw;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-title.detail .top--main__score-sub {
  text-align: center;
  margin: 2.5vw 0 0 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-title.detail .top--main__score-sub {
    margin: 0.6357279085vw 0 0 0;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-numbers {
  display: flex;
}
.top--main__score .top--main__score-item-8 .top--main__score-numbers-item {
  display: flex;
  align-items: flex-end;
}
.top--main__score .top--main__score-item-8 .top--main__score-sub {
  text-align: left;
  margin-top: 3.75vw;
  margin-left: 3.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-sub {
    margin-top: 0.7628734901vw;
    margin-left: 1.1443102352vw;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-number {
  height: 48.75vw;
  font-size: 42.5vw;
  letter-spacing: -1.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-number {
    display: flex;
    align-items: center;
    height: 8.9001907184vw;
    font-size: 10.8073744437vw;
    letter-spacing: -0.3814367451vw;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-number-name {
  position: relative;
  font-weight: 600;
  top: 1vw;
  margin: 0 1vw;
  font-size: 6.25vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-number-name {
    top: 0.2542911634vw;
    margin: 0 0.2542911634vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-graph {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0vw;
  transition: opacity 400ms;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-graph {
    top: 0vw;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-graph .detail {
  position: relative;
  top: 47.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-graph .detail {
    top: 11.4431023522vw;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-graph-item {
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity 400ms;
}
.top--main__score .top--main__score-item-8 .top--main__score-graph-number {
  height: 38.5vw;
  font-size: 25.875vw;
  font-weight: 700;
  font-family: "urw-din-condensed", sans-serif;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-graph-number {
    height: 9.7902097902vw;
    font-size: 6.6115702479vw;
  }
}
.top--main__score .top--main__score-item-8 .top--main__score-graph-number::before {
  content: "";
  display: block;
}
.top--main__score .top--main__score-item-8 .top--main__score-graph-title {
  margin-top: -6.25vw;
  font-size: 6.25vw;
  font-family: "urw-din-condensed", sans-serif;
  font-weight: 700;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-8 .top--main__score-graph-title {
    margin-top: -1.5893197711vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-9 {
  background: url(../../assets/img/main/bg_score_9.jpg) no-repeat center top;
  background-size: 100% auto;
  height: 103vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 {
    height: 26.1919898284vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-lottie {
  height: 100%;
}
.top--main__score .top--main__score-item-9 .top--main__score-title {
  right: 0;
  top: 0vw !important;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-title {
    top: 0vw !important;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-title.detail {
  top: 0vw !important;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-title.detail {
    top: 0vw !important;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-title.detail .top--main__score-number {
  justify-content: center;
  font-size: 49.5vw;
  height: 45vw;
  letter-spacing: -1vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-title.detail .top--main__score-number {
    font-size: 12.5874125874vw;
    height: 11.4431023522vw;
    letter-spacing: -0.2542911634vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-title.detail .top--main__score-sub {
  text-align: center;
  margin: 2.5vw 0 0 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-title.detail .top--main__score-sub {
    margin: 0.6357279085vw 0 0 0;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-numbers {
  display: flex;
}
.top--main__score .top--main__score-item-9 .top--main__score-numbers-item {
  display: flex;
  align-items: flex-end;
}
.top--main__score .top--main__score-item-9 .top--main__score-sub {
  text-align: left;
  margin-top: 2.5vw;
  margin-left: 4.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-sub {
    margin-top: 0.6357279085vw;
    margin-left: 1.1443102352vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-number {
  display: flex;
  align-items: center;
  height: 35vw;
  font-size: 42.5vw;
  letter-spacing: -1.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-number {
    height: 8.9001907184vw;
    font-size: 10.8073744437vw;
    letter-spacing: -0.3814367451vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-number-name {
  position: relative;
  font-weight: 600;
  top: 1vw;
  margin: 0 1vw;
  font-size: 6.25vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-number-name {
    top: 0.2542911634vw;
    margin: 0 0.2542911634vw;
    font-size: 1.5893197711vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 {
  position: absolute;
  left: 0;
  top: 27.25vw;
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3 {
    top: 6.9294342022vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3.disp {
  opacity: 1;
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3.disp .top--main__score-graph-number {
  margin-right: 5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3.disp .top--main__score-graph-number {
    margin-right: 1.2714558169vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3.detail {
  opacity: 0;
  top: 44.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3.detail {
    top: 12.333121424vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3.detail .top--main__score-graph-item {
  width: 75vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3.detail .top--main__score-graph-item {
    width: 19.0718372537vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3.detail .top--main__score-graph-number {
  position: absolute;
  right: 0;
  opacity: 0;
  right: -3.5vw;
  transform: translate3d(100%, 0, 0);
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3.detail .top--main__score-graph-number {
    right: -0.8900190718vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-list {
  position: relative;
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 75vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-item {
    width: 19.0718372537vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-item-wrapper {
  position: relative;
  width: 100%;
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-item-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 0%;
  height: 15vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-item-inner {
    height: 3.8143674507vw;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-item-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-90deg, rgb(56, 104, 144) 0%, rgb(63, 80, 124) 100%);
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-item.js--current .top--main__score-graph-item-bg {
  background: linear-gradient(-90deg, rgb(176, 6, 6) 0%, rgb(79, 3, 3) 100%);
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-name {
  position: relative;
  font-size: 4.5vw;
  font-weight: 700;
  font-family: "urw-din-condensed", sans-serif;
  color: #D9D9D9;
  opacity: 0;
  margin-left: 3vw;
  margin-right: 5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-name {
    margin-left: 0.7628734901vw;
    margin-right: 1.2714558169vw;
    font-size: 1.1443102352vw;
    color: #fff;
  }
}
.top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-number {
  position: relative;
  font-size: 7.5vw;
  font-weight: 700;
  font-family: "urw-din-condensed", sans-serif;
  color: #D9D9D9;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9 .top--main__score-graph-3 .top--main__score-graph-number {
    font-size: 1.9071837254vw;
    color: #fff;
  }
}
.top--main__score .top--main__score-item-9.js--anime .disp .top--main__score-graph-list {
  transition: opacity 200ms;
  transition-delay: 200ms;
}
.top--main__score .top--main__score-item-9.js--anime .disp.top--main__score-title {
  opacity: 1;
}
.top--main__score .top--main__score-item-9.js--anime .disp .top--main__score-graph-name {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 2400ms;
}
.top--main__score .top--main__score-item-9.js--anime .disp .top--main__score-graph-item-inner {
  width: 100%;
  transition: width 400ms;
  transition-delay: 2000ms;
}
.top--main__score .top--main__score-item-9.js--anime .disp .top--main__score-graph-number {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 2300ms;
}
.top--main__score .top--main__score-item-9.js--anime.js--animeend .top--main__score-graph-2-chart {
  transition-delay: 0ms;
}
.top--main__score .top--main__score-item-9.js--anime.js--animeend .disp.top--main__score-title {
  opacity: 1;
}
.top--main__score .top--main__score-item-9.js--open {
  height: 142.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-9.js--open {
    height: 36.2364907819vw;
  }
}
.top--main__score .top--main__score-item-9.js--open .disp {
  opacity: 0 !important;
}
.top--main__score .top--main__score-item-9.js--open .disp .top--main__score-graph-list {
  opacity: 0;
  transition-delay: 0ms;
}
.top--main__score .top--main__score-item-9.js--open .detail {
  opacity: 1 !important;
}
.top--main__score .top--main__score-item-9.js--open .detail .top--main__score-graph-name {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 800ms;
}
.top--main__score .top--main__score-item-9.js--open .detail .top--main__score-graph-item-inner {
  width: 100%;
  transition: width 400ms;
  transition-delay: 400ms;
}
.top--main__score .top--main__score-item-9.js--open .detail .top--main__score-graph-number {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 500ms;
}
.top--main__score .top--main__score-item-10 {
  background: url(../../assets/img/main/bg_score_10.jpg) no-repeat center top;
  background-size: 100% auto;
  height: 67.5vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-10 {
    height: 19.326128417vw;
  }
}
.top--main__score .top--main__score-item-10 .top--main__score-lottie {
  height: 100%;
}
.top--main__score .top--main__score-item-10 .top--main__score-title.disp {
  position: absolute;
  left: auto;
  top: auto;
  left: 1vw;
  top: -17.5vw;
  font-size: 42.5vw;
  transition: all 400ms;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-10 .top--main__score-title.disp {
    left: 0.2542911634vw;
    top: -4.4500953592vw;
    font-size: 10.8073744437vw;
  }
}
.top--main__score .top--main__score-item-10 .top--main__score-title.disp .top--main__score-sub {
  position: relative;
  top: 1.5vw;
  text-align: left;
  margin-left: 3vw;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-10 .top--main__score-title.disp .top--main__score-sub {
    top: 0.3814367451vw;
    margin-left: 0.7628734901vw;
  }
}
.top--main__score .top--main__score-item-10 .top--main__score-title-sub {
  margin-top: 0;
  text-align: left;
}
@media only screen and (min-width: 750px) {
  .top--main__score .top--main__score-item-10 .top--main__score-title-sub {
    margin-top: 0.7628734901vw;
    margin-left: 1.1443102352vw;
  }
}

.google-visualization-tooltip {
  position: absolute !important;
  top: 0 !important;
  border: none !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.top--modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  z-index: 1100;
  pointer-events: none;
}
.top--modal.js--show {
  opacity: 1;
  pointer-events: auto;
}
.top--modal.js--show .top--modal__content {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transition: all 200ms;
}
.top--modal.js--show .top--modal__bg {
  opacity: 1;
  transition: opacity 200ms;
}
.top--modal.js--show .top--modal__close {
  opacity: 1;
  transition: opacity 200ms;
  pointer-events: auto;
}
.top--modal__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 100ms;
}
.top--modal__close {
  position: fixed;
  right: 0vw;
  top: -9.5vw;
  width: 7.5vw;
  height: 7.5vw;
  background: url(../../assets/img/main/btn_close.png) no-repeat center top;
  background-size: 100% auto;
  z-index: 3;
  transition: opacity 100ms;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (min-width: 750px) {
  .top--modal__close {
    position: absolute;
    right: 1.2714558169vw;
    top: 1.2714558169vw;
    width: 2.4157660521vw;
    height: 2.4157660521vw;
    cursor: pointer;
    transition: opacity 100ms;
  }
  .top--modal__close:hover {
    opacity: 0.8;
  }
}
.top--modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90vw;
  padding: 3.75vw 6.25vw 3.75vw;
  border-radius: 3vw;
  background: #fff;
  transform: translate3d(-50%, -50%, 0) scale(0.9);
  transition: all 300ms;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  .top--modal__content {
    width: 37.5079465989vw;
    padding: 3.8143674507vw 5.0858232676vw 3.8143674507vw;
    border-radius: 0.7628734901vw;
  }
}
.top--modal__title {
  font-size: 3.75vw;
}
@media only screen and (min-width: 750px) {
  .top--modal__title {
    font-size: 1.2714558169vw;
  }
}
.top--modal__text {
  margin-top: 5vw;
  font-size: 4.5vw;
}
@media only screen and (min-width: 750px) {
  .top--modal__text {
    margin-top: 1.2714558169vw;
    font-size: 1.1443102352vw;
  }
}

:root {
  --color-text: #000;
  --color-white: #fff;
  --color-red: #EE5D44;
  --color-yellow: #FAEC85;
  --color-gray: #F5F4F2;
  --font-plus: "M PLUS 1p", sans-serif;
  --font-oswald: "Oswald", sans-serif;
}

.u-spInline {
  display: none;
}

.u-spNone {
  display: block;
}

.u-tabletInline {
  display: none;
}

.u-fitImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.u-fitImg > img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.u-inner {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 1;
}

.u-switchImg > img:first-child {
  display: block;
  max-width: 100%;
}

.u-switchImg > img:last-child {
  display: none;
}

.vPoint .u-ttl,
.vCalendar .u-ttl {
  color: var(--color-red);
  text-align: center;
  font-family: var(--font-oswald);
  font-size: 49px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  text-indent: -0.1em;
}

.vPoint .u-message,
.vCalendar .u-message {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  font-family: var(--font-plus);
  margin-bottom: 35px;
  letter-spacing: 0.1em;
}

.vCalendar .u-message {
  margin-bottom: 16px;
}

.vMain {
  min-height: 578px;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-top: 28px;
  padding-bottom: 20px;
}

.vMain_inner {
  max-width: 1156px;
  position: relative;
  z-index: 1;
  width: 100%;
}

.vMain .vMain_title {
  color: var(--color-white);
  font-size: 32px;
  font-weight: 500;
  font-family: var(--font-plus);
}

.vMain_title_point {
  display: block;
  font-size: 166%;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.vCheck {
  min-height: 722px;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 20px;
  overflow: hidden;
}

.vCheck_inner {
  margin-top: 50px;
  max-width: 897px;
}

.vCheck .vCheck_text {
  font-size: 0;
}

.vCheck .vCheck_link {
  margin-left: auto;
  width: 138px;
  margin-top: -80px;
  margin-right: -30px;
}

.vCheck_link > a {
  text-decoration: none;
  color: inherit;
  background-image: url(../images/bg-spiny.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  width: 100%;
  height: 138px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  transition-duration: 0.3s;
  transition-property: opacity, color;
}

.vCheck_link > a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  transform: rotate(45deg);
  border-bottom: none;
  border-left: none;
  margin-left: 5px;
}

.vCheck .kv_info {
  color: var(--color-white);
}

.vCheck .sns_wrp .sns ul > li > a {
  background-color: var(--color-white);
}

.vCheck .sns_wrp .sns ul .facebook a {
  background-image: url(../images/btn_facebook.svg);
}

.vCheck .sns_wrp .sns ul .twitter a {
  background-image: url(../images/btn_twitter.svg);
}

.vCheck .sns_wrp .sns ul .line a {
  background-image: url(../images/btn_line.svg);
}

.vPoint {
  min-height: 702px;
  position: relative;
  box-sizing: border-box;
  padding-top: 64px;
  padding-bottom: 64px;
  color: var(--color-white);
}

.vPoint_bg > img {
  object-position: right center;
}

.vPoint_list {
  list-style: none;
  display: flex;
  max-width: 920px;
  margin: 0 auto;
  border-left: 1px solid currentColor;
}

.vPoint_list > li {
  width: 33.33%;
  text-align: center;
  border-right: 1px solid currentColor;
  box-sizing: border-box;
  padding: 35px 5px 42px;
}

.vPoint_list > li:first-child {
  width: 33.34%;
}

.vPoint .vPoint_number {
  font-family: var(--font-oswald);
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 29px;
  letter-spacing: 0.08em;
}

.vPoint_number_main {
  font-size: 286%;
  display: block;
  letter-spacing: 0.06em;
}

.vPoint .vPoint_text {
  font-size: 20px;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 2;
}

.vPoint .vPoint_link {
  margin-top: 24px;
}

.vPoint_link > a {
  text-decoration: underline;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.3s;
  transition-property: color, background-color;
  font-size: 16px;
  font-weight: 500;
}

.vPoint_link > a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  transform: rotate(45deg);
  border-bottom: none;
  border-left: none;
  margin-left: 5px;
}

.vCalendar {
  position: relative;
  min-height: 983px;
  box-sizing: border-box;
  padding-top: 71px;
  padding-bottom: 90px;
  color: var(--color-white);
  margin-top: -1px;
}

.vCalendar_bg {
  background-color: rgba(0, 0, 0, 0.97);
}

.vCalendar_bg > img {
  display: block;
}

.vCalendar_box {
  background-color: rgba(0, 0, 0, 0.81);
  padding: 33px 30px 40px;
}

.vCalendar .vCalendar_note {
  font-size: 14px;
  font-family: var(--font-plus);
  font-weight: bold;
  max-width: 882px;
  margin: 0 auto;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
}

.vCalendar_image {
  max-width: 882px;
  margin: 0 auto;
}

.vCalendar_image > img {
  display: block;
  max-width: 100%;
  width: auto;
}

.vSpCalendar {
  margin-bottom: 45px;
  display: none;
}

.vSpCalendar > a {
  text-decoration: none;
  color: inherit;
  display: flex;
  border: 3px solid currentColor;
  border-radius: 14px;
  padding: 8px 11px;
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding-right: 30px;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}

.vSpCalendar_image {
  width: 100px;
}

.vSpCalendar_image > img {
  display: block;
}

.vSpCalendar .vSpCalendar_text {
  width: calc(100% - 112px);
  font-size: 16px;
}

.vSpCalendar_icn {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.vSpCalendar_icn > img {
  display: block;
}

.devicelist {
  margin-bottom: 16px;
}

.devicelist:last-child {
  margin-bottom: 0;
}

.vJcomInfo {
  text-align: center;
}

.vJcomInfo .lead {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.vJcomInfo .head {
  font-size: 22px;
  font-weight: 900;
}

.vChannel {
  display: none;
}

.vChannel_cell {
  margin-bottom: 30px;
}

.vChannel_cell:last-child {
  margin-bottom: 0;
}

.vChannel_title_btn {
  display: block;
  width: calc(100% + 40px);
  border: none;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-plus);
  color: var(--color-white);
  text-align: left;
  padding: 13px 20px;
  margin-left: -20px;
  position: relative;
  padding-right: 40px;
  cursor: pointer;
}

.vChannel_title_btn::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid currentColor;
  border-bottom: none;
  border-left: none;
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  transition-duration: 0.3s;
  transition-property: transform;
}

[aria-expanded=true].vChannel_title_btn::after {
  transform: translateY(-50%) rotate(315deg);
}

.vChannel_title_btn-no1 {
  background-color: #9A0E43;
}

.vChannel_title_btn-no2 {
  background-color: #355A96;
}

.vChannel_title_btn-no3 {
  background-color: #35966D;
}

.vChannel_title_btn-no4 {
  background-color: #713596;
}

.vChannel_box {
  padding-top: 23px;
  display: none;
}

.vChannel_box.isShow {
  display: block;
}

.vChannel_areaCat {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.vChannel .vChannel_text {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-plus);
  white-space: nowrap;
  margin-right: 20px;
}

.vChannel_list {
  list-style: none;
  display: flex;
  align-items: center;
}

.vChannel_list > li {
  margin-right: 10px;
}

.vChannel_list > li:last-child {
  margin-right: 0;
}

.vChannel_list > li > img {
  display: block;
  width: 60px;
}

.vChannel_list > li.-long > img {
  width: 151px;
}

.vChannel_areaImg {
  overflow: auto;
  padding-right: 20px;
  margin-right: -20px;
}

.vChannel_image {
  width: 571px;
}

.vChannel_image > img {
  display: block;
}

.vChannel .vChannel_headline {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-plus);
  margin-bottom: 23px;
}

.vCheck .vCheck_note {
  text-align: center;
  font-size: 20px;
  color: var(--color-white);
  font-weight: bold;
  margin-top: 52px;
}

.vCheck_inner-noNote {
  margin-top: 102px;
}

.vMain_textWrap {
  display: flex;
  font-family: var(--font-plus);
}

.vMain .vMain_text {
  background-color: rgba(85, 78, 78, 0.49);
  color: #fff;
  font-size: 26px;
  padding: 20px 30px;
  font-weight: 500;
  line-height: 1.73;
  margin-top: 23px;
}

.section_relay {
  background-image: url(../images/bg-broadcast@2x.jpg);
}

.kv_under {
  background-image: url(../images/bg-kv@2x.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.kv_under .wide_width {
  max-width: none;
}

.content .jcom_btnWrap {
  margin-top: 0;
  background-color: rgba(22, 21, 25, 0.85);
  padding-bottom: 44px;
  padding-top: 20px;
}

.box_sp_scroll .img_full > img {
  width: 882px;
  margin: 0 auto;
  display: block;
}

.pointlist .txt {
  font-feature-settings: "palt";
}

.pointlist .txt a {
  text-decoration: underline;
}

.jcom_btn {
  max-width: 480px;
}

.thiscontents .section_text {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}

.thiscontents .section_text a {
  text-decoration: underline;
}

.thiscontents .section_text a:hover {
  text-decoration: none;
}

.thiscontents .vCalendar_headline {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 900;
  font-family: "M PLUS 1p", sans-serif;
  text-align: center;
  line-height: 1.35;
  padding-left: 162px;
  margin-bottom: 9px;
}

.vCalendar_headline_text {
  display: block;
  margin-right: 11px;
}

.vCalendar_headline_text_sub {
  display: block;
  font-size: 20px;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  margin-bottom: 4px;
}

.vCalendar_headline_text_main {
  display: block;
  font-size: 40px;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}

.vCalendar_headline_img {
  width: 189px;
  display: block;
}

.vCalendar_headline_img > img {
  display: block;
}

.thiscontents .vCalendar_caution {
  font-size: 18px;
  margin-bottom: 7px;
}

.thiscontents .vCalendar_link {
  max-width: 467px;
  margin: 50px auto 0;
}

.vCalendar_link > a {
  background-color: #E93817;
  min-height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 51px;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.vCalendar_link > a:hover {
  color: #fff;
  opacity: 0.8;
}

.vCalendar_link > a::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border: 2px solid currentColor;
  transform: rotate(45deg);
  border-bottom: none;
  border-left: none;
  margin-left: 6px;
}

@media screen and (max-width: 1399px) {
  .kv_under .txt .head {
    font-size: 4.789vw;
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media screen and (min-width: 1000px) {
  .pointlist .txt a:hover {
    text-decoration: none;
  }
  .vCheck_link > a:hover {
    opacity: 0.7;
    color: var(--color-text);
  }
  .vPoint_link > a:hover {
    text-decoration: none;
    color: var(--color-red);
  }
}
@media screen and (max-width: 999px) {
  .u-tabletInline {
    display: block;
  }
  .vMain {
    min-height: 463px;
  }
  .vMain .vMain_title {
    font-size: 24px;
  }
  .vCheck {
    min-height: 578px;
  }
  .vCheck .vCheck_text {
    max-width: 660px;
    margin: 0 auto;
  }
  .vCheck .vCheck_link {
    margin-right: 0;
    margin-top: -60px;
  }
  .vPoint {
    min-height: 562px;
  }
  .vPoint .vPoint_text {
    font-size: 17px;
  }
  .vCalendar {
    min-height: 784px;
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .vCheck .vCheck_note {
    margin-top: 25px;
  }
  .vMain .vMain_text {
    font-size: 22px;
  }
  .headline_illust.headline_illust_08 {
    padding-left: 100px;
  }
  .thiscontents .vCalendar_headline {
    padding-left: 100px;
  }
}
@media screen and (max-width: 767px) {
  .u-spInline {
    display: block;
  }
  .u-spNone {
    display: none;
  }
  .u-switchImg > img:first-child {
    display: none;
  }
  .u-switchImg > img:last-child {
    display: block;
  }
  .vPoint .u-ttl,
  .vCalendar .u-ttl {
    font-size: 36px;
    margin-bottom: 24px;
  }
  .vMain {
    min-height: 566px;
    display: block;
    padding-top: 18px;
  }
  .vMain_bg > img {
    object-position: bottom center;
  }
  .vMain_inner {
    padding-left: 14px;
    padding-right: 14px;
  }
  .vMain .vMain_title {
    font-size: 19px;
    font-feature-settings: "palt";
    text-align: center;
  }
  .vMain_title_point {
    font-size: 26px;
    line-height: 1.33;
    margin-top: 8px;
    white-space: nowrap;
    letter-spacing: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
  .vCheck {
    min-height: 758px;
  }
  .vCheck_inner {
    margin-top: 30px;
  }
  .vCheck .vCheck_text {
    max-width: none;
    width: 610px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
  .vCheck .vCheck_link {
    margin: 30px auto 0;
  }
  .vPoint {
    min-height: 848px;
    padding-top: 52px;
  }
  .vPoint .vPoint_message {
    letter-spacing: 0.06em;
  }
  .vPoint_list {
    display: block;
    max-width: none;
    border-left: none;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid currentColor;
  }
  .vPoint_list > li {
    width: auto;
    border-right: none;
    padding: 0;
    border-bottom: 1px solid currentColor;
    padding: 24px 20px 30px;
    min-height: 170px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .vPoint_list > li:first-child {
    width: auto;
  }
  .vPoint .vPoint_number {
    font-size: 15px;
    margin-bottom: 0;
    width: 58px;
  }
  .vPoint .vPoint_text {
    font-size: 18px;
    text-align: left;
    font-weight: 400;
    width: calc(100% - 78px);
    letter-spacing: 0.08em;
  }
  .vPoint .vPoint_link {
    max-width: 140px;
    margin-left: 0;
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin-top: 0;
  }
  .vPoint_link > a {
    font-size: 15px;
  }
  .vCalendar {
    padding-top: 56px;
    padding-bottom: 58px;
    min-height: 630px;
  }
  .vCalendar_bg > img {
    height: auto;
    width: 100%;
  }
  .vCalendar_inner {
    padding: 0;
  }
  .vCalendar_box {
    background-color: rgba(255, 255, 255, 0);
    padding: 0 20px;
  }
  .vCalendar .vCalendar_note {
    font-size: 12px;
  }
  .vCalendar_image {
    display: none;
  }
  .vSpCalendar {
    display: block;
    margin-bottom: 8px;
    margin-bottom: 26px;
  }
  .vSpCalendar > a {
    min-height: 96px;
    box-sizing: border-box;
  }
  .vChannel {
    display: block;
  }
  .vChannel .vChannel_text {
    line-height: 1.75;
  }
  .vChannel .vChannel_text:last-child {
    margin-right: 0;
  }
  .vChannel_image {
    width: 685px;
  }
  .vSpCalendar > a:hover {
    color: var(--color-white);
  }
  .vCheck_inner-noNote {
    margin-top: 40px;
  }
  .vMain_textWrap {
    display: block;
  }
  .vMain .vMain_text {
    font-size: 13px;
    padding: 10px 5px;
    text-align: center;
    line-height: 2;
  }
  .kv_under .txt .head {
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
  }
  .headline_illust.headline_illust_08 {
    padding-left: 0;
  }
  .kv_under {
    background-image: url(../images/bg-kv_sp@2x.jpg);
  }
  .thiscontents .section_text {
    line-height: 1.667;
  }
  .thiscontents .vCalendar_headline {
    padding: 0;
    position: relative;
    margin-bottom: 38px;
  }
  .vCalendar_headline_text {
    margin-right: 0;
  }
  .vCalendar_headline_text_sub {
    font-size: 16px;
    margin-bottom: 1px;
  }
  .vCalendar_headline_text_main {
    font-size: 26px;
    line-height: 38px;
  }
  .vCalendar_headline_img {
    width: 76px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 136px;
    margin-bottom: -9px;
  }
  .thiscontents .vCalendar_caution {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .vCalendar_link > a {
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    min-height: 97px;
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
  }
  .vCalendar_link > a::after {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%) rotate(45deg);
  }
}
@media screen and (max-width: 374px) {
  .vMain .vMain_title {
    font-size: 17px;
  }
  .vMain_title_point {
    font-size: 22px;
  }
  .vCheck .vCheck_text {
    width: 690px;
  }
  .vPoint .vPoint_text {
    font-size: 16px;
  }
  .vSpCalendar .vSpCalendar_text {
    font-size: 14px;
  }
  .vMain .vMain_text {
    font-size: 11px;
  }
}
/*# sourceMappingURL=../maps/share.css.map */