/*
---------------------------------------------

    base settings

*/
:root {
  font-size: 62.5%;
  --s-5: calc(var(--s1) / 2);
  --s1: 0.8rem;
  --s1-5: calc(var(--s1) * 1.5);
  --s2: calc(var(--s1) * 2);
  --s2-5: calc(var(--s1) * 2.5);
  --s3: calc(var(--s1) * 3);
  --s4: calc(var(--s1) * 4);
  --s5: calc(var(--s1) * 5);
  --s6: calc(var(--s1) * 6);
  --s7: calc(var(--s1) * 7);
  --s8: calc(var(--s1) * 8);
  --s9: calc(var(--s1) * 9);
  --s10: calc(var(--s1) * 10);
}

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #F5F6F7;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

main, time, picture {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  clear: both;
}

ul, ol, dl, p, img, form, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
}

li {
  list-style: none;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  color: #000000;
  transition: opacity 0.3s ease;
  outline: none;
}

a:active,
a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
  font-weight: normal;
}

* {
  box-sizing: border-box;
}

/*
---------------------------------------------

    animation settings

*/
@keyframes tabAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pop-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pop-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(1.4);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
/*
---------------------------------------------

    inview settings

*/
.js-inview {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;
}
.js-inview.is-inview {
  opacity: 1;
  transform: translateY(0);
}

/*
---------------------------------------------

    layout settings

*/
.l-page {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-page__main {
  width: 37.5rem;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.l-page__left, .l-page__right {
  width: calc((100% - 37.5rem) / 2);
}

/*
---------------------------------------------

    layout stack

*/
.l-stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--s3);
}
.l-stack > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.l-stack[data-gap=s2] {
  gap: var(--s2);
}
.l-stack[data-gap=s1] {
  gap: var(--s1);
}

/*
---------------------------------------------

    layout cluster

*/
.l-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s1);
}

/*
---------------------------------------------

    layout column

*/
.l-column-01 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.l-column-01--align-center {
  align-items: center;
}

/*
---------------------------------------------

    layout grid

*/
.l-grid-three {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
}
.l-grid-three > * {
  width: calc((100% - 0.3rem) / 3);
}

/*
---------------------------------------------

    text

*/
.text-em {
  font-weight: 700;
}

.text-note {
  font-size: 1.2rem;
  line-height: 1.75;
}

.text-tags {
  color: #196B99;
  font-size: 1.3rem;
  line-height: 1.75;
}

/*
---------------------------------------------

    btn

*/
.btn-close {
  width: 4.2rem;
  height: 4.2rem;
  margin: 0 auto;
  background: url("../img/common/close.svg") no-repeat center/100% 100%;
  cursor: pointer;
}
.btn-close__link {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}

.btn-like {
  min-width: 11rem;
  background: url("../img/common/btn_frame_01_small.svg") no-repeat center/100% 100%;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.btn-like::before {
  content: "";
  width: 2.2rem;
  height: 1.8rem;
  background: url("../img/common/heart_off.svg") no-repeat center/contain;
  position: absolute;
  top: 0.8rem;
  left: 1.2rem;
}
.btn-like.is-active::before {
  background-image: url("../img/common/heart_on.svg");
  animation: bounce ease 0.8s forwards;
}
.btn-like__button {
  padding: 0.75rem 1.2rem 0.75rem 4.2rem;
  color: #196B99;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}
.btn-like__button--on {
  display: none;
}
.btn-like__button--off {
  display: block;
}
.btn-like.is-active .btn-like__button--on {
  display: flex;
  color: #CE74A5;
}
.btn-like.is-active .btn-like__button--off {
  display: none;
}

.btn-primary,
.btn-secondary {
  width: 28rem;
  margin-left: auto;
  margin-right: auto;
}
.btn-primary__link,
.btn-secondary__link {
  min-height: var(--s6);
  padding: var(--s1);
  background: no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.btn-primary__link {
  background-image: url("../img/common/btn_bg_pink.svg");
}

.btn-secondary__link {
  background-image: url("../img/common/btn_bg_green.svg");
}

/*
---------------------------------------------

    summary

*/
.summary-box-01 {
  padding: var(--s2) var(--s3);
  background: #E1EDF4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s1);
}
.summary-box-01__label {
  font-weight: 700;
  text-align: center;
  line-height: 1.75;
}
.summary-box-01__content {
  font-size: 1.2rem;
  line-height: 1.75;
}

/*
---------------------------------------------

    group name

*/
.group-name-en {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.detail-name > .group-name-en {
  font-weight: 600;
}
.text-tags > .group-name-en {
  font-weight: 300;
}

/*
---------------------------------------------

    page area

*/
.page-area {
  background-color: #BDD6E5;
  background-image: url("../img/common/pc_bg_top.png"), url("../img/common/pc_bg_bottom.png");
  background-repeat: repeat-x;
  background-size: auto 20.9rem;
  background-position: top left, bottom left;
}

.page-main-area {
  background-color: #F5F6F7;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  box-sizing: content-box;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}

.page-logo {
  width: 70%;
  max-width: 36rem;
  margin: 0 auto;
}

.qr-box__qr {
  width: 12.8rem;
  margin: 0 auto;
}
.qr-box__text {
  font-size: 1.5rem;
  line-height: 1.75;
  text-align: center;
}

@media screen and (max-width: 1400px) {
  .qr-box__text {
    font-size: 1.0714285714vw;
  }
}
/*
---------------------------------------------

    main area

*/
.main-area {
  flex: 1;
}

/*
---------------------------------------------

    contents area

*/
.contents-area {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0.4s;
}

.is-loaded .contents-area {
  visibility: visible;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
}

.contents-btn-close {
  position: absolute;
  left: 50%;
  bottom: var(--s3);
  z-index: 1;
  transform: translate(-50%, 0);
}

/*
---------------------------------------------

    footer area

*/
.footer-area {
  padding: var(--s4) 0 var(--s3);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--s4) 0;
}

.footer-copy {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}

/*
---------------------------------------------

    share

*/
.share-btn-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s2);
}
.share-btn-box__label {
  width: var(--s10);
}

.share-btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--s3);
}
.share-btn__item {
  width: var(--s5);
}
.share-btn__link {
  display: block;
}

/*
---------------------------------------------

    howto

*/
.howto-header {
  min-height: 15rem;
  padding: var(--s2);
  background: url("../img/common/howto_header_bg@2x.png") no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.howto-title {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--s1);
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}
.howto-title::before {
  content: "";
  width: 2rem;
  height: 2.8rem;
  background: url("../img/common/howto.svg") no-repeat center/contain;
}

.howto-text {
  line-height: 1.75;
}

.howto-content {
  padding: var(--s3) var(--s3) 0;
}

.howto-box-01 {
  padding: var(--s3);
  background: url("../img/common/frame_01_bottom.png") no-repeat bottom left/100% auto;
  position: relative;
  z-index: 1;
}
.howto-box-01::after {
  content: "";
  width: 100%;
  height: calc(100% - var(--s2));
  background: url("../img/common/frame_01_top.png") no-repeat top left/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.howto-box-01__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
}
.howto-box-01__text {
  line-height: 1.75;
  text-align: center;
}

/*
---------------------------------------------

    modal

*/
.modal {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.modal__inner {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  transform: scale(1);
}
.modal__content {
  width: 100%;
  min-height: 100%;
  padding-bottom: 9rem;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.modal__bg {
  width: 100%;
  height: 100%;
  background: #F5F6F7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.modal__video-content {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: var(--s3);
  display: flex;
  gap: var(--s3);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.modal__video-content video {
  max-width: 100%;
  max-height: 100%;
}
.modal__video-content .btn-close {
  flex-shrink: 0;
}
.modal__btn-close {
  margin-left: -2.1rem;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: var(--s3);
  z-index: 1;
  transform: scale(1);
}
.modal.is-open .modal__inner,
.modal.is-open .modal__btn-close {
  animation: pop-in cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s forwards;
}
.modal.is-close .modal__inner,
.modal.is-close .modal__btn-close {
  animation: pop-out cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;
}

/*
---------------------------------------------

    index settings

*/
.index-mv {
  padding: 19.2rem var(--s2) var(--s4);
  position: relative;
  z-index: 1;
}
.index-mv__title {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.index-mv__profile {
  width: 9.6rem;
}
.index-mv__profile__img {
  width: 100%;
}
.index-mv__howto-btn {
  min-width: 16.5rem;
  padding: 1rem 1.2rem;
  background: url("../img/common/btn_frame_01.svg") no-repeat center/100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s1);
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.index-mv__howto-btn::before {
  content: "";
  width: 1.25rem;
  height: 1.75rem;
  background: url("../img/common/howto.svg") no-repeat center/contain;
  flex-shrink: 0;
}
.index-mv__howto-btn__link {
  display: block;
  text-decoration: none;
}
.index-mv__text-wrapper {
  margin-top: var(--s2);
}
.index-mv__text {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.75;
}

.index-tab-01 {
  display: flex;
  justify-content: center;
}
.index-tab-01__item {
  width: 50%;
  padding: 0 var(--s2) var(--s2);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 15.6rem auto;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}
.index-tab-01__item.is-active::after {
  content: "";
  width: 100%;
  height: var(--s-5);
  background: url("../img/common/tab_line.svg") no-repeat center/cover;
  position: absolute;
  left: 0;
  bottom: 0;
}
.index-tab-01__item--jr {
  background-image: url("../img/common/tab_jr_off.svg");
}
.index-tab-01__item--jr.is-active {
  background-image: url("../img/common/tab_jr_on.svg");
}
.index-tab-01__item--fc {
  background-image: url("../img/common/tab_fc_off.svg");
}
.index-tab-01__item--fc.is-active {
  background-image: url("../img/common/tab_fc_on.svg");
}
.index-tab-01__inner {
  padding: 1rem 0;
  display: block;
  color: #ffffff;
  text-decoration: none;
}

.index-list-01__item {
  padding: var(--s1-5);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.index-list-01__item--fc-cell-1 {
  background-image: url("../img/fc/top_bg_1@2x.png");
}
.index-list-01__item--fc-cell-2 {
  background-image: url("../img/fc/top_bg_2@2x.png");
}
.index-list-01__item--fc-cell-3 {
  background-image: url("../img/fc/top_bg_3@2x.png");
}
.index-list-01__item--fc-cell-4 {
  background-image: url("../img/fc/top_bg_4@2x.png");
}
.index-list-01__item--fc-cell-5 {
  background-image: url("../img/fc/top_bg_5@2x.png");
}
.index-list-01__item--fc-cell-6 {
  background-image: url("../img/fc/top_bg_6@2x.png");
}
.index-list-01__item--fc-cell-7 {
  background-image: url("../img/fc/top_bg_7@2x.png");
}
.index-list-01__item--fc-cell-8 {
  background-image: url("../img/fc/top_bg_8@2x.png");
}
.index-list-01__item--fc-cell-9 {
  background-image: url("../img/fc/top_bg_9@2x.png");
}
.index-list-01__item--fc-cell-10 {
  background-image: url("../img/fc/top_bg_10@2x.png");
}
.index-list-01__item--fc-cell-11 {
  background-image: url("../img/fc/top_bg_11@2x.png");
}
.index-list-01__item--fc-cell-12 {
  background-image: url("../img/fc/top_bg_12@2x.png");
}
.index-list-01__item--fc-cell-13 {
  background-image: url("../img/fc/top_bg_13@2x.png");
}
.index-list-01__item--fc-cell-14 {
  background-image: url("../img/fc/top_bg_14@2x.png");
}
.index-list-01__item--fc-cell-15 {
  background-image: url("../img/fc/top_bg_15@2x.png");
}
.index-list-01__item--fc-cell-16 {
  background-image: url("../img/fc/top_bg_16@2x.png");
}
.index-list-01__item--fc-cell-17 {
  background-image: url("../img/fc/top_bg_17@2x.png");
}
.index-list-01__item--fc-cell-18 {
  background-image: url("../img/fc/top_bg_18@2x.png");
}
.index-list-01__item--fc-cell-19 {
  background-image: url("../img/fc/top_bg_19@2x.png");
}
.index-list-01__item--fc-cell-20 {
  background-image: url("../img/fc/top_bg_20@2x.png");
}
.index-list-01__item--fc-cell-21 {
  background-image: url("../img/fc/top_bg_21@2x.png");
}
.index-list-01__item--fc-cell-22 {
  background-image: url("../img/fc/top_bg_22@2x.png");
}
.index-list-01__item--fc-cell-23 {
  background-image: url("../img/fc/top_bg_23@2x.png");
}
.index-list-01__item--fc-cell-24 {
  background-image: url("../img/fc/top_bg_24@2x.png");
}
.index-list-01__item--fc-cell-25 {
  background-image: url("../img/fc/top_bg_25@2x.png");
}
.index-list-01__item--fc-cell-26 {
  background-image: url("../img/fc/top_bg_26@2x.png");
}
.index-list-01__item--fc-cell-27 {
  background-image: url("../img/fc/top_bg_27@2x.png");
}
.index-list-01__item--fc-cell-28 {
  background-image: url("../img/fc/top_bg_28@2x.png");
}
.index-list-01__item--fc-cell-29 {
  background-image: url("../img/fc/top_bg_29@2x.png");
}
.index-list-01__item--fc-cell-30 {
  background-image: url("../img/fc/top_bg_30@2x.png");
}
.index-list-01__item--fc-cell-31 {
  background-image: url("../img/fc/top_bg_31@2x.png");
}
.index-list-01__item--fc-cell-32 {
  background-image: url("../img/fc/top_bg_32@2x.png");
}
.index-list-01__item--fc-cell-33 {
  background-image: url("../img/fc/top_bg_33@2x.png");
}
.index-list-01__item--fc-cell-34 {
  background-image: url("../img/fc/top_bg_34@2x.png");
}
.index-list-01__item--fc-cell-35 {
  background-image: url("../img/fc/top_bg_35@2x.png");
}
.index-list-01__item--fc-cell-36 {
  background-image: url("../img/fc/top_bg_36@2x.png");
}
.index-list-01__item--fc-cell-37 {
  background-image: url("../img/fc/top_bg_37@2x.png");
}
.index-list-01__item--fc-cell-38 {
  background-image: url("../img/fc/top_bg_38@2x.png");
}
.index-list-01__item--fc-cell-39 {
  background-image: url("../img/fc/top_bg_39@2x.png");
}
.index-list-01__item--fc-cell-40 {
  background-image: url("../img/fc/top_bg_40@2x.png");
}
.index-list-01__item--fc-cell-41 {
  background-image: url("../img/fc/top_bg_41@2x.png");
}
.index-list-01__item--fc-cell-42 {
  background-image: url("../img/fc/top_bg_42@2x.png");
}
.index-list-01__item--fc-cell-43 {
  background-image: url("../img/fc/top_bg_43@2x.png");
}
.index-list-01__item--fc-cell-44 {
  background-image: url("../img/fc/top_bg_44@2x.png");
}
.index-list-01__item--fc-cell-45 {
  background-image: url("../img/fc/top_bg_45@2x.png");
}
.index-list-01__item--fc-cell-46 {
  background-image: url("../img/fc/top_bg_46@2x.png");
}
.index-list-01__item--fc-cell-47 {
  background-image: url("../img/fc/top_bg_47@2x.png");
}
.index-list-01__item--fc-cell-48 {
  background-image: url("../img/fc/top_bg_48@2x.png");
}
.index-list-01__item--fc-cell-49 {
  background-image: url("../img/fc/top_bg_49@2x.png");
}
.index-list-01__item--fc-cell-50 {
  background-image: url("../img/fc/top_bg_50@2x.png");
}
.index-list-01__item--fc-cell-51 {
  background-image: url("../img/fc/top_bg_51@2x.png");
}
.index-list-01__item--fc-cell-52 {
  background-image: url("../img/fc/top_bg_52@2x.png");
}
.index-list-01__item--fc-cell-53 {
  background-image: url("../img/fc/top_bg_53@2x.png");
}
.index-list-01__item--fc-cell-54 {
  background-image: url("../img/fc/top_bg_54@2x.png");
}
.index-list-01__item--fc-cell-55 {
  background-image: url("../img/fc/top_bg_55@2x.png");
}
.index-list-01__item--fc-cell-56 {
  background-image: url("../img/fc/top_bg_56@2x.png");
}
.index-list-01__item--fc-cell-57 {
  background-image: url("../img/fc/top_bg_57@2x.png");
}
.index-list-01__item--fc-cell-58 {
  background-image: url("../img/fc/top_bg_58@2x.png");
}
.index-list-01__item--fc-cell-59 {
  background-image: url("../img/fc/top_bg_59@2x.png");
}
.index-list-01__item--fc-cell-60 {
  background-image: url("../img/fc/top_bg_60@2x.png");
}
.index-list-01__item--fc-cell-61 {
  background-image: url("../img/fc/top_bg_61@2x.png");
}
.index-list-01__item--fc-cell-62 {
  background-image: url("../img/fc/top_bg_62@2x.png");
}
.index-list-01__item--fc-cell-63 {
  background-image: url("../img/fc/top_bg_63@2x.png");
}
.index-list-01__item--fc-cell-64 {
  background-image: url("../img/fc/top_bg_64@2x.png");
}
.index-list-01__item--fc-cell-65 {
  background-image: url("../img/fc/top_bg_65@2x.png");
}
.index-list-01__item--fc-cell-66 {
  background-image: url("../img/fc/top_bg_66@2x.png");
}
.index-list-01__item--fc-cell-67 {
  background-image: url("../img/fc/top_bg_67@2x.png");
}
.index-list-01__item--fc-cell-68 {
  background-image: url("../img/fc/top_bg_68@2x.png");
}
.index-list-01__item--fc-cell-69 {
  background-image: url("../img/fc/top_bg_69@2x.png");
}
.index-list-01__item--fc-cell-70 {
  background-image: url("../img/fc/top_bg_70@2x.png");
}
.index-list-01__item--fc-cell-71 {
  background-image: url("../img/fc/top_bg_71@2x.png");
}
.index-list-01__item--fc-cell-72 {
  background-image: url("../img/fc/top_bg_72@2x.png");
}
.index-list-01__item--fc-cell-73 {
  background-image: url("../img/fc/top_bg_73@2x.png");
}
.index-list-01__item--fc-cell-74 {
  background-image: url("../img/fc/top_bg_74@2x.png");
}
.index-list-01__item--fc-cell-75 {
  background-image: url("../img/fc/top_bg_75@2x.png");
}
.index-list-01__item--fc-cell-76 {
  background-image: url("../img/fc/top_bg_76@2x.png");
}
.index-list-01__item--fc-cell-77 {
  background-image: url("../img/fc/top_bg_77@2x.png");
}
.index-list-01__item--fc-cell-78 {
  background-image: url("../img/fc/top_bg_78@2x.png");
}
.index-list-01__item--fc-cell-79 {
  background-image: url("../img/fc/top_bg_79@2x.png");
}
.index-list-01__item--fc-cell-80 {
  background-image: url("../img/fc/top_bg_80@2x.png");
}
.index-list-01__item--fc-cell-81 {
  background-image: url("../img/fc/top_bg_81@2x.png");
}
.index-list-01__item--fc-cell-82 {
  background-image: url("../img/fc/top_bg_82@2x.png");
}
.index-list-01__item--fc-cell-83 {
  background-image: url("../img/fc/top_bg_83@2x.png");
}
.index-list-01__item--fc-cell-84 {
  background-image: url("../img/fc/top_bg_84@2x.png");
}
.index-list-01__item--fc-cell-85 {
  background-image: url("../img/fc/top_bg_85@2x.png");
}
.index-list-01__item--fc-cell-86 {
  background-image: url("../img/fc/top_bg_86@2x.png");
}
.index-list-01__item--fc-cell-87 {
  background-image: url("../img/fc/top_bg_87@2x.png");
}
.index-list-01__item--fc-cell-88 {
  background-image: url("../img/fc/top_bg_88@2x.png");
}
.index-list-01__item--fc-cell-89 {
  background-image: url("../img/fc/top_bg_89@2x.png");
}
.index-list-01__item--fc-cell-90 {
  background-image: url("../img/fc/top_bg_90@2x.png");
}
.index-list-01__item--fc-cell-91 {
  background-image: url("../img/fc/top_bg_91@2x.png");
}
.index-list-01__item--fc-cell-92 {
  background-image: url("../img/fc/top_bg_92@2x.png");
}
.index-list-01__item--fc-cell-93 {
  background-image: url("../img/fc/top_bg_93@2x.png");
}
.index-list-01__item--fc-cell-94 {
  background-image: url("../img/fc/top_bg_94@2x.png");
}
.index-list-01__item--fc-cell-95 {
  background-image: url("../img/fc/top_bg_95@2x.png");
}
.index-list-01__item--fc-cell-96 {
  background-image: url("../img/fc/top_bg_96@2x.png");
}
.index-list-01__item--fc-cell-97 {
  background-image: url("../img/fc/top_bg_97@2x.png");
}
.index-list-01__item--fc-cell-98 {
  background-image: url("../img/fc/top_bg_98@2x.png");
}
.index-list-01__item--fc-cell-99 {
  background-image: url("../img/fc/top_bg_99@2x.png");
}
.index-list-01__item--fc-cell-100 {
  background-image: url("../img/fc/top_bg_100@2x.png");
}
.index-list-01__item--fc-cell-101 {
  background-image: url("../img/fc/top_bg_101@2x.png");
}
.index-list-01__item--fc-cell-102 {
  background-image: url("../img/fc/top_bg_102@2x.png");
}
.index-list-01__item--fc-cell-103 {
  background-image: url("../img/fc/top_bg_103@2x.png");
}
.index-list-01__item--fc-cell-104 {
  background-image: url("../img/fc/top_bg_104@2x.png");
}
.index-list-01__item--fc-cell-105 {
  background-image: url("../img/fc/top_bg_105@2x.png");
}
.index-list-01__item--fc-cell-106 {
  background-image: url("../img/fc/top_bg_106@2x.png");
}
.index-list-01__item--fc-cell-107 {
  background-image: url("../img/fc/top_bg_107@2x.png");
}
.index-list-01__item--fc-cell-108 {
  background-image: url("../img/fc/top_bg_108@2x.png");
}
.index-list-01__item--fc-cell-109 {
  background-image: url("../img/fc/top_bg_109@2x.png");
}
.index-list-01__item--fc-cell-110 {
  background-image: url("../img/fc/top_bg_110@2x.png");
}
.index-list-01__item--fc-cell-111 {
  background-image: url("../img/fc/top_bg_111@2x.png");
}
.index-list-01__item--jr-cell-1 {
  background-image: url("../img/jr/top_bg_1@2x.png");
}
.index-list-01__item--jr-cell-2 {
  background-image: url("../img/jr/top_bg_2@2x.png");
}
.index-list-01__item--jr-cell-3 {
  background-image: url("../img/jr/top_bg_3@2x.png");
}
.index-list-01__item--jr-cell-4 {
  background-image: url("../img/jr/top_bg_4@2x.png");
}
.index-list-01__item--jr-cell-5 {
  background-image: url("../img/jr/top_bg_5@2x.png");
}
.index-list-01__item--jr-cell-6 {
  background-image: url("../img/jr/top_bg_6@2x.png");
}
.index-list-01__item--jr-cell-7 {
  background-image: url("../img/jr/top_bg_7@2x.png");
}
.index-list-01__item--jr-cell-8 {
  background-image: url("../img/jr/top_bg_8@2x.png");
}
.index-list-01__item--jr-cell-9 {
  background-image: url("../img/jr/top_bg_9@2x.png");
}
.index-list-01__item--jr-cell-10 {
  background-image: url("../img/jr/top_bg_10@2x.png");
}
.index-list-01__item--jr-cell-11 {
  background-image: url("../img/jr/top_bg_11@2x.png");
}
.index-list-01__item--jr-cell-12 {
  background-image: url("../img/jr/top_bg_12@2x.png");
}
.index-list-01__item--jr-cell-13 {
  background-image: url("../img/jr/top_bg_13@2x.png");
}
.index-list-01__item--jr-cell-14 {
  background-image: url("../img/jr/top_bg_14@2x.png");
}
.index-list-01__item--jr-cell-15 {
  background-image: url("../img/jr/top_bg_15@2x.png");
}
.index-list-01__item--jr-cell-16 {
  background-image: url("../img/jr/top_bg_16@2x.png");
}
.index-list-01__item--jr-cell-17 {
  background-image: url("../img/jr/top_bg_17@2x.png");
}
.index-list-01__item--jr-cell-18 {
  background-image: url("../img/jr/top_bg_18@2x.png");
}
.index-list-01__item--jr-cell-19 {
  background-image: url("../img/jr/top_bg_19@2x.png");
}
.index-list-01__item--jr-cell-20 {
  background-image: url("../img/jr/top_bg_20@2x.png");
}
.index-list-01__item--jr-cell-21 {
  background-image: url("../img/jr/top_bg_21@2x.png");
}
.index-list-01__item--jr-cell-22 {
  background-image: url("../img/jr/top_bg_22@2x.png");
}
.index-list-01__item--jr-cell-23 {
  background-image: url("../img/jr/top_bg_23@2x.png");
}
.index-list-01__item--jr-cell-24 {
  background-image: url("../img/jr/top_bg_24@2x.png");
}
.index-list-01__item--jr-cell-25 {
  background-image: url("../img/jr/top_bg_25@2x.png");
}
.index-list-01__item--jr-cell-26 {
  background-image: url("../img/jr/top_bg_26@2x.png");
}
.index-list-01__item--jr-cell-27 {
  background-image: url("../img/jr/top_bg_27@2x.png");
}
.index-list-01__item--jr-cell-28 {
  background-image: url("../img/jr/top_bg_28@2x.png");
}
.index-list-01__item--jr-cell-29 {
  background-image: url("../img/jr/top_bg_29@2x.png");
}
.index-list-01__item--jr-cell-30 {
  background-image: url("../img/jr/top_bg_30@2x.png");
}
.index-list-01__item--jr-cell-31 {
  background-image: url("../img/jr/top_bg_31@2x.png");
}
.index-list-01__item--jr-cell-32 {
  background-image: url("../img/jr/top_bg_32@2x.png");
}
.index-list-01__item--jr-cell-33 {
  background-image: url("../img/jr/top_bg_33@2x.png");
}
.index-list-01__item--jr-cell-34 {
  background-image: url("../img/jr/top_bg_34@2x.png");
}
.index-list-01__item--jr-cell-35 {
  background-image: url("../img/jr/top_bg_35@2x.png");
}
.index-list-01__item--jr-cell-36 {
  background-image: url("../img/jr/top_bg_36@2x.png");
}
.index-list-01__item--jr-cell-37 {
  background-image: url("../img/jr/top_bg_37@2x.png");
}
.index-list-01__item--jr-cell-38 {
  background-image: url("../img/jr/top_bg_38@2x.png");
}
.index-list-01__item--jr-cell-39 {
  background-image: url("../img/jr/top_bg_39@2x.png");
}
.index-list-01__item--jr-cell-40 {
  background-image: url("../img/jr/top_bg_40@2x.png");
}
.index-list-01__item--jr-cell-41 {
  background-image: url("../img/jr/top_bg_41@2x.png");
}
.index-list-01__item--jr-cell-42 {
  background-image: url("../img/jr/top_bg_42@2x.png");
}
.index-list-01__item--jr-cell-43 {
  background-image: url("../img/jr/top_bg_43@2x.png");
}
.index-list-01__item--jr-cell-44 {
  background-image: url("../img/jr/top_bg_44@2x.png");
}
.index-list-01__item--jr-cell-45 {
  background-image: url("../img/jr/top_bg_45@2x.png");
}
.index-list-01__item--jr-cell-46 {
  background-image: url("../img/jr/top_bg_46@2x.png");
}
.index-list-01__item--jr-cell-47 {
  background-image: url("../img/jr/top_bg_47@2x.png");
}
.index-list-01__item--jr-cell-48 {
  background-image: url("../img/jr/top_bg_48@2x.png");
}
.index-list-01__item--jr-cell-49 {
  background-image: url("../img/jr/top_bg_49@2x.png");
}
.index-list-01__item--jr-cell-50 {
  background-image: url("../img/jr/top_bg_50@2x.png");
}
.index-list-01__item--jr-cell-51 {
  background-image: url("../img/jr/top_bg_51@2x.png");
}
.index-list-01__item--jr-cell-52 {
  background-image: url("../img/jr/top_bg_52@2x.png");
}
.index-list-01__item--jr-cell-53 {
  background-image: url("../img/jr/top_bg_53@2x.png");
}
.index-list-01__item--jr-cell-54 {
  background-image: url("../img/jr/top_bg_54@2x.png");
}
.index-list-01__item--jr-cell-55 {
  background-image: url("../img/jr/top_bg_55@2x.png");
}
.index-list-01__item--jr-cell-56 {
  background-image: url("../img/jr/top_bg_56@2x.png");
}
.index-list-01__item--jr-cell-57 {
  background-image: url("../img/jr/top_bg_57@2x.png");
}
.index-list-01__item--jr-cell-58 {
  background-image: url("../img/jr/top_bg_58@2x.png");
}
.index-list-01__item--jr-cell-59 {
  background-image: url("../img/jr/top_bg_59@2x.png");
}
.index-list-01__item--jr-cell-60 {
  background-image: url("../img/jr/top_bg_60@2x.png");
}
.index-list-01__item--jr-cell-61 {
  background-image: url("../img/jr/top_bg_61@2x.png");
}
.index-list-01__item--jr-cell-62 {
  background-image: url("../img/jr/top_bg_62@2x.png");
}
.index-list-01__item--jr-cell-63 {
  background-image: url("../img/jr/top_bg_63@2x.png");
}
.index-list-01__item--jr-cell-64 {
  background-image: url("../img/jr/top_bg_64@2x.png");
}
.index-list-01__item--jr-cell-65 {
  background-image: url("../img/jr/top_bg_65@2x.png");
}
.index-list-01__item--jr-cell-66 {
  background-image: url("../img/jr/top_bg_66@2x.png");
}
.index-list-01__item--jr-cell-67 {
  background-image: url("../img/jr/top_bg_67@2x.png");
}
.index-list-01__item--jr-cell-68 {
  background-image: url("../img/jr/top_bg_68@2x.png");
}
.index-list-01__item--jr-cell-69 {
  background-image: url("../img/jr/top_bg_69@2x.png");
}
.index-list-01__item--jr-cell-70 {
  background-image: url("../img/jr/top_bg_70@2x.png");
}
.index-list-01__item--jr-cell-71 {
  background-image: url("../img/jr/top_bg_71@2x.png");
}
.index-list-01__item--jr-cell-72 {
  background-image: url("../img/jr/top_bg_72@2x.png");
}
.index-list-01__item--jr-cell-73 {
  background-image: url("../img/jr/top_bg_73@2x.png");
}
.index-list-01__item--jr-cell-74 {
  background-image: url("../img/jr/top_bg_74@2x.png");
}
.index-list-01__item--jr-cell-75 {
  background-image: url("../img/jr/top_bg_75@2x.png");
}
.index-list-01__item--jr-cell-76 {
  background-image: url("../img/jr/top_bg_76@2x.png");
}
.index-list-01__item--jr-cell-77 {
  background-image: url("../img/jr/top_bg_77@2x.png");
}
.index-list-01__item--jr-cell-78 {
  background-image: url("../img/jr/top_bg_78@2x.png");
}
.index-list-01__item--jr-cell-79 {
  background-image: url("../img/jr/top_bg_79@2x.png");
}
.index-list-01__item--jr-cell-80 {
  background-image: url("../img/jr/top_bg_80@2x.png");
}
.index-list-01__item--jr-cell-81 {
  background-image: url("../img/jr/top_bg_81@2x.png");
}
.index-list-01__item--jr-cell-82 {
  background-image: url("../img/jr/top_bg_82@2x.png");
}
.index-list-01__item--jr-cell-83 {
  background-image: url("../img/jr/top_bg_83@2x.png");
}
.index-list-01__item--jr-cell-84 {
  background-image: url("../img/jr/top_bg_84@2x.png");
}
.index-list-01__item--jr-cell-85 {
  background-image: url("../img/jr/top_bg_85@2x.png");
}
.index-list-01__item--jr-cell-86 {
  background-image: url("../img/jr/top_bg_86@2x.png");
}
.index-list-01__item--jr-cell-87 {
  background-image: url("../img/jr/top_bg_87@2x.png");
}
.index-list-01__item--jr-cell-88 {
  background-image: url("../img/jr/top_bg_88@2x.png");
}
.index-list-01__item--jr-cell-89 {
  background-image: url("../img/jr/top_bg_89@2x.png");
}
.index-list-01__item--jr-cell-90 {
  background-image: url("../img/jr/top_bg_90@2x.png");
}
.index-list-01__item--jr-cell-91 {
  background-image: url("../img/jr/top_bg_91@2x.png");
}
.index-list-01__item--jr-cell-92 {
  background-image: url("../img/jr/top_bg_92@2x.png");
}
.index-list-01__item--jr-cell-93 {
  background-image: url("../img/jr/top_bg_93@2x.png");
}
.index-list-01__item--jr-cell-94 {
  background-image: url("../img/jr/top_bg_94@2x.png");
}
.index-list-01__item--jr-cell-95 {
  background-image: url("../img/jr/top_bg_95@2x.png");
}
.index-list-01__item--jr-cell-96 {
  background-image: url("../img/jr/top_bg_96@2x.png");
}
.index-list-01__item--jr-cell-97 {
  background-image: url("../img/jr/top_bg_97@2x.png");
}
.index-list-01__item--jr-cell-98 {
  background-image: url("../img/jr/top_bg_98@2x.png");
}
.index-list-01__item--jr-cell-99 {
  background-image: url("../img/jr/top_bg_99@2x.png");
}
.index-list-01__item--jr-cell-100 {
  background-image: url("../img/jr/top_bg_100@2x.png");
}
.index-list-01__item--jr-cell-101 {
  background-image: url("../img/jr/top_bg_101@2x.png");
}
.index-list-01__item--jr-cell-102 {
  background-image: url("../img/jr/top_bg_102@2x.png");
}
.index-list-01__item--jr-cell-103 {
  background-image: url("../img/jr/top_bg_103@2x.png");
}
.index-list-01__item--jr-cell-104 {
  background-image: url("../img/jr/top_bg_104@2x.png");
}
.index-list-01__item--jr-cell-105 {
  background-image: url("../img/jr/top_bg_105@2x.png");
}
.index-list-01__item--jr-cell-106 {
  background-image: url("../img/jr/top_bg_106@2x.png");
}
.index-list-01__item--jr-cell-107 {
  background-image: url("../img/jr/top_bg_107@2x.png");
}
.index-list-01__item--jr-cell-108 {
  background-image: url("../img/jr/top_bg_108@2x.png");
}
.index-list-01__item--jr-cell-109 {
  background-image: url("../img/jr/top_bg_109@2x.png");
}
.index-list-01__item--jr-cell-110 {
  background-image: url("../img/jr/top_bg_110@2x.png");
}
.index-list-01__item--jr-cell-111 {
  background-image: url("../img/jr/top_bg_111@2x.png");
}
.index-list-01__item--jr-cell-112 {
  background-image: url("../img/jr/top_bg_112@2x.png");
}
.index-list-01__item--jr-cell-113 {
  background-image: url("../img/jr/top_bg_113@2x.png");
}
.index-list-01__item--jr-cell-114 {
  background-image: url("../img/jr/top_bg_114@2x.png");
}
.index-list-01__item--jr-cell-115 {
  background-image: url("../img/jr/top_bg_115@2x.png");
}
.index-list-01__item--jr-cell-116 {
  background-image: url("../img/jr/top_bg_116@2x.png");
}
.index-list-01__item--jr-cell-117 {
  background-image: url("../img/jr/top_bg_117@2x.png");
}
.index-list-01__item--jr-cell-118 {
  background-image: url("../img/jr/top_bg_118@2x.png");
}
.index-list-01__item--jr-cell-119 {
  background-image: url("../img/jr/top_bg_119@2x.png");
}
.index-list-01__item--jr-cell-120 {
  background-image: url("../img/jr/top_bg_120@2x.png");
}
.index-list-01__item--jr-cell-121 {
  background-image: url("../img/jr/top_bg_121@2x.png");
}
.index-list-01__item--jr-cell-122 {
  background-image: url("../img/jr/top_bg_122@2x.png");
}
.index-list-01__item--jr-cell-123 {
  background-image: url("../img/jr/top_bg_123@2x.png");
}
.index-list-01__item--jr-cell-124 {
  background-image: url("../img/jr/top_bg_124@2x.png");
}
.index-list-01__item--jr-cell-125 {
  background-image: url("../img/jr/top_bg_125@2x.png");
}
.index-list-01__item--jr-cell-126 {
  background-image: url("../img/jr/top_bg_126@2x.png");
}
.index-list-01__item--jr-cell-127 {
  background-image: url("../img/jr/top_bg_127@2x.png");
}
.index-list-01__item--jr-cell-128 {
  background-image: url("../img/jr/top_bg_128@2x.png");
}
.index-list-01__item--jr-cell-129 {
  background-image: url("../img/jr/top_bg_129@2x.png");
}
.index-list-01__item--jr-cell-130 {
  background-image: url("../img/jr/top_bg_130@2x.png");
}
.index-list-01__item--jr-cell-131 {
  background-image: url("../img/jr/top_bg_131@2x.png");
}
.index-list-01__item--jr-cell-132 {
  background-image: url("../img/jr/top_bg_132@2x.png");
}
.index-list-01__item--jr-cell-133 {
  background-image: url("../img/jr/top_bg_133@2x.png");
}
.index-list-01__item--jr-cell-134 {
  background-image: url("../img/jr/top_bg_134@2x.png");
}
.index-list-01__item--jr-cell-135 {
  background-image: url("../img/jr/top_bg_135@2x.png");
}
.index-list-01__item--jr-cell-136 {
  background-image: url("../img/jr/top_bg_136@2x.png");
}
.index-list-01__item--jr-cell-137 {
  background-image: url("../img/jr/top_bg_137@2x.png");
}
.index-list-01__item--jr-cell-138 {
  background-image: url("../img/jr/top_bg_138@2x.png");
}
.index-list-01__item--jr-cell-139 {
  background-image: url("../img/jr/top_bg_139@2x.png");
}
.index-list-01__item--jr-cell-140 {
  background-image: url("../img/jr/top_bg_140@2x.png");
}
.index-list-01__item--jr-cell-141 {
  background-image: url("../img/jr/top_bg_141@2x.png");
}
.index-list-01__item--jr-cell-142 {
  background-image: url("../img/jr/top_bg_142@2x.png");
}
.index-list-01__item--jr-cell-143 {
  background-image: url("../img/jr/top_bg_143@2x.png");
}
.index-list-01__item--jr-cell-144 {
  background-image: url("../img/jr/top_bg_144@2x.png");
}
.index-list-01__item--jr-cell-145 {
  background-image: url("../img/jr/top_bg_145@2x.png");
}
.index-list-01__item--jr-cell-146 {
  background-image: url("../img/jr/top_bg_146@2x.png");
}
.index-list-01__item--jr-cell-147 {
  background-image: url("../img/jr/top_bg_147@2x.png");
}
.index-list-01__item--jr-cell-148 {
  background-image: url("../img/jr/top_bg_148@2x.png");
}
.index-list-01__item--jr-cell-149 {
  background-image: url("../img/jr/top_bg_149@2x.png");
}
.index-list-01__item--jr-cell-150 {
  background-image: url("../img/jr/top_bg_150@2x.png");
}
.index-list-01__link {
  display: block;
  border: 0.2rem solid #ffffff;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.index-list-01__link::before {
  content: "";
  width: 1.65rem;
  height: 1.65rem;
  background: url("../img/common/play.svg") no-repeat center/contain;
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 1;
}
.index-list-01__img {
  aspect-ratio: 1/1;
}

/*
---------------------------------------------

    detail settings

*/
.detail-main {
  padding-bottom: 9rem;
}

.detail-header {
  padding: var(--s3) 0;
  background: url("../img/fc/detail_bg@2x.png") no-repeat top center/cover;
}
.detail-header--jr {
  background-image: url("../img/jr/detail_bg@2x.png");
}

.detail-content {
  padding: var(--s3) var(--s3) 0;
}

.detail-photo {
  margin: 0 var(--s3);
  border: 1rem solid #ffffff;
  box-shadow: 2px 2px 0 #000000;
  position: relative;
  z-index: 1;
}
.detail-photo::before {
  content: "";
  width: 3.3rem;
  height: 3.3rem;
  background: url("../img/common/play.svg") no-repeat center/contain;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  z-index: 1;
}
.detail-photo__img {
  aspect-ratio: 1/1;
}

.detail-card {
  margin: 0 var(--s1-5);
  box-shadow: 2px 2px 0 #000000;
}

.detail-name {
  font-weight: 700;
}

/*
---------------------------------------------

    login settings

*/
.login-mv {
  min-height: 15rem;
  background: url("../img/common/login_bg@2x.png") no-repeat center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-mv__title {
  width: 22.8rem;
}

.login-content {
  padding: var(--s3);
}

.login-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
}

/*
---------------------------------------------

    close settings

*/
.close-contents {
  background-color: #BDD6E5;
  background-image: url("../img/common/close_bg_top@2x.png"), url("../img/common/close_bg_bottom@2x.png");
  background-position: top left, bottom left;
  background-repeat: repeat-x;
  background-size: auto 15rem;
}

.close-main {
  padding-top: 6.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--s3);
}

.close-logo {
  width: 22.8rem;
  margin-left: auto;
  margin-right: auto;
}

.close-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
}
.close-text__small {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  /*
  ---------------------------------------------

      sp base settings

  */
  :root {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  /*
  ---------------------------------------------

      sp layout settings

  */
  .l-page {
    height: inherit;
    display: block;
  }
  .l-page__main {
    width: 100%;
    height: inherit;
  }
  .l-page__left, .l-page__right {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /*
  ---------------------------------------------

      sp page area

  */
  .page-main-area {
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    box-shadow: none;
  }
}