@import url("https://fonts.googleapis.com/css?family=Anton|Noto+Sans+JP&display=swap");
@media screen and (max-width: 767px) {
  .circle.-fv {
    margin-left: 8px;
    width: 30px;
    height: 30px;
  }
  .circle.-fv:before {
    width: 30px;
    height: 30px;
  }
  .circle.-fv:after {
    top: 32%;
    left: 27%;
  }
}

/*fv*/
@media screen and (max-width: 767px) {
  .fv__title {
    padding: 0;
    margin: 48px auto 32px 40px;
  }
}
@media screen and (max-width: 767px) {
  .fv__title__linkbox {
    bottom: 80px;
  }
}
.fv__item__category {
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .fv__item__category {
    line-height: 1.2;
    margin-bottom: 12px;
  }
}
.fv__item__title {
  line-height: 1.3;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .fv__item__title {
    font-size: 2rem;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .fv__inline {
    line-height: 1.2;
  }
}

/*Programs*/
.programs {
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .programs {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .programs__type {
    display: inline-block;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .programs__type__item {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .programs__type__item + .programs__type__item {
    margin-left: 0;
    margin-top: 10px;
  }
}
.programs__type__txt {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .programs .circle {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .programs .csr.-blank::before {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .programs__flexbox #time, .programs__flexbox #sports, .programs__flexbox #music, .programs__flexbox #environment, .programs__flexbox #various {
    min-width: 49%;
  }
}
@media screen and (min-width: 768px) {
  .programs__wrap {
    height: 100%;
    max-width: 560px;
  }
}
@media screen and (min-width: 768px) {
  .programs__wrap .c-link3 {
    height: fit-content;
  }
}
@media screen and (min-width: 768px) {
  .programs__section {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .programs__icon img {
    max-width: 80%;
    margin: 0 auto;
  }
}

/*map*/
.map__wrap {
  padding-top: 0;
}
.map__other__txt {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .map__item {
    gap: 12px;
  }
}

/*award*/
.award__wrap {
  max-width: 1000px;
}
@media screen and (min-width: 768px) {
  .award__logo {
    width: 180px;
  }
}
.award__deco.-left {
  left: -90px;
}
.award__deco.-right {
  right: -90px;
}

@media screen and (min-width: 768px) {
  .intro__left__box {
    left: -300px;
  }
}
@media screen and (min-width: 768px) {
  .intro__right__box {
    right: -370px;
  }
}

@media screen and (min-width: 768px) {
  .index__nav {
    height: 300px;
    bottom: -300px;
  }
}
@media screen and (max-width: 767px) {
  .index__list {
    flex-direction: column;
    gap: 16px 0;
  }
}
.index__list__item {
  width: unset;
}
@media screen and (min-width: 768px) {
  .index__list__item {
    width: 226px;
  }
}

@media screen and (min-width: 768px) {
  .movie__box .c-content__img {
    max-height: 315px;
  }
}

@media screen and (min-width: 768px) {
  .c-modalContents .programs__type {
    width: 100%;
    justify-content: flex-start;
  }
}