@charset "UTF-8";
.feature-hero .schedule-banner {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  left: 2.3vw;
  bottom: 14.3vw;
  width: 45vw;
  height: 10.23vw;
  z-index: 8000;
  box-sizing: border-box;
  padding-left: 1.8vw;
  border: 3px solid #fff;
  background-color: rgba(8, 26, 103, 0.95);
}

@media screen and (max-width: 767px) {
  .feature-hero .schedule-banner {
    border: 2px solid #fff;
    left: 2vw;
    width: 91.4vw;
    height: 21.39vw;
    bottom: 27.71vw;
    padding-left: 3.8vw;
  }
}

.feature-hero .schedule-banner span {
  font-family: "Gothic MB101 Bold", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
  color: #fff;
}

.feature-hero .schedule-banner span.large {
  font-size: 2.15278vw;
  line-height: 2.91667vw;
  margin-top: -1vw;
}

@media screen and (max-width: 767px) {
  .feature-hero .schedule-banner span.large {
    margin-top: -2vw;
    font-size: 4.33735vw;
    line-height: 5.42169vw;
  }
}

.feature-hero .schedule-banner span.medium {
  font-size: 1.38889vw;
  line-height: 2.5vw;
}

@media screen and (min-width: 1168px) {
  .feature-hero .schedule-banner span.medium .sp {
    display: none;
  }
}

.feature-hero .schedule-banner span.medium::before {
  content: "(";
}

.feature-hero .schedule-banner span.medium::after {
  content: ")";
}

@media screen and (max-width: 767px) {
  .feature-hero .schedule-banner span.medium {
    font-size: 2.89157vw;
    line-height: 4.09639vw;
    position: relative;
    box-sizing: border-box;
    margin-top: 1.2vw;
    /*
        &::before {
          content:"";
          background: url(/img/top/schedule-banner-brace-sp.png) no-repeat;
          width:22/830*100+vw;
          height:72/830*100+vw;
          background-size: 100%;
          position: absolute;
          display:block;
          left:0;
          top:-0.5vw;
        }

        &::after {
          content:"";
          background: url(/img/top/schedule-banner-brace-sp.png) no-repeat;
          width:22/830*100+vw;
          height:72/830*100+vw;
          background-size: 100%;
          position: absolute;
          display:block;
          right:0;
          top:-0.6vw;
          transform-origin: center;
          transform:rotate(180deg);
        }
        */
  }
}

.feature-hero .schedule-banner > p.detail {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 36px;
  bottom: 9px;
}

@media screen and (max-width: 767px) {
  .feature-hero .schedule-banner > p.detail {
    font-size: 2.42771vw;
    right: 6vw;
    bottom: 1vw;
  }
}

.feature-hero .schedule-banner::after {
  position: absolute;
  content: '';
  right: 10px;
  bottom: 10px;
  width: 19px;
  height: 19px;
  background: url(/common/img/ico_arrow_square_white_right.svg) no-repeat;
}

@media screen and (max-width: 767px) {
  .feature-hero .schedule-banner::after {
    right: 1.68675vw;
    bottom: 1.68675vw;
    width: 2.89157vw;
    height: 2.89157vw;
  }
}

.feature-hero .covid-banner {
  background: url(/img/top/virus-banner-bg.png) no-repeat;
  background-size: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 2.3vw;
  bottom: 2.7vw;
  width: 19.58vw;
  height: 10.55vw;
  z-index: 8000;
}

@media screen and (max-width: 767px) {
  .feature-hero .covid-banner {
    background: url(/img/top/virus-banner.png) no-repeat;
    background-size: 31vw 16.708vw;
  }
}

.feature-hero .covid-banner span {
  font-family: "Gothic MB101 Bold", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue LT Std", Arial, sans-serif;
  text-shadow: 0 0 20px #000;
  font-size: 1.48438vw;
  line-height: 1.95312vw;
  color: #fff;
  margin-top: -1vw;
}

@media screen and (max-width: 767px) {
  .feature-hero .covid-banner span {
    display: none;
    margin-top: -1vw;
    font-size: 2.89157vw;
    line-height: 3.85542vw;
  }
}

.feature-hero .covid-banner > p.detail {
  color: #fff;
  font-size: 12px;
  position: absolute;
  right: 36px;
  bottom: 9px;
}

@media screen and (max-width: 767px) {
  .feature-hero .covid-banner > p.detail {
    display: none;
    font-size: 2.42771vw;
    right: 6vw;
    bottom: 1vw;
  }
}

.feature-hero .covid-banner::after {
  position: absolute;
  content: '';
  right: 10px;
  bottom: 10px;
  width: 19px;
  height: 19px;
  background: url(/common/img/ico_arrow_square_white_right.svg) no-repeat;
}

@media screen and (max-width: 767px) {
  .feature-hero .covid-banner::after {
    right: 1.68675vw;
    bottom: 1.68675vw;
    width: 2.89157vw;
    height: 2.89157vw;
  }
}

@media screen and (max-width: 767px) {
  .feature-hero .covid-banner {
    left: 2vw;
    width: 32vw;
    height: 17.68vw;
    bottom: 3.6vw;
  }
  .feature-hero .covid-banner::after {
    display: none;
  }
}

/*# sourceMappingURL=covid-banner_mv.css.map */