@charset "utf-8";

#bnu_003_t {
  position: relative;
  padding: 0em 2vw 3.0em;
  background: #fff;
}

h2.specialBannerTitle {
  font-family: 'Coda', 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-size: 3rem;
  margin: 0 0 0.1em;
  text-align: center;
  color: #000;
}

.specialBannerWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.specialBannerWrapper>p {
  width: 48%;
  margin-right: 0px;
  margin-bottom: 2em;
}

.specialBannerWrapper>p:nth-child(3),
.specialBannerWrapper>p:nth-child(4) {
  width: calc((100% - 4 * 5px) / 2 - 1px);
}

.specialBannerWrapper>p:nth-child(2n),
.specialBannerWrapper>p:nth-child(4) {
  margin-right: 0;
}

@media screen and (max-width:1279px) {
  .specialBannerWrapper {
    justify-content: space-around;
  }
  #bnu_003_t .specialBannerWrapper {
  }

  #bnu_003_t .specialBannerWrapper>p {
    width: 48%;
    margin-right: 0px;
    margin-bottom: 1.5em;
  } 
}

@media screen and (max-width:1079px) {
  .specialBannerWrapper {
    justify-content: space-around;
  }
  #bnu_003_t .specialBannerWrapper {
  }

  #bnu_003_t .specialBannerWrapper>p {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 1.5em;
  }
  #bnu_003_t .specialBannerWrapper>p:nth-child(3),
  #bnu_003_t .specialBannerWrapper>p:nth-child(4) {
    width: 48%;
  }
}


@media screen and (max-width:767px) {
  #bnu_003_t {
    background: #FF6F00;
    padding: 0 8vw 3.0em;
  }

  #bnu_003_t .specialBannerWrapper {
    display: block;
    max-width: 500px;
    margin: 0 auto;
  }

  #bnu_003_t .specialBannerWrapper>p {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  #bnu_003_t .specialBannerWrapper>p:nth-child(3),
  #bnu_003_t .specialBannerWrapper>p:nth-child(4) {
    width: 100%;

  h2.specialBannerTitle {
    font-size: 3rem;
    text-align: center;
    color: #fff;
  }
}

@media screen and (max-width:767px) and (min-width:500px) {
  h2.specialBannerTitle {
    font-size: 3.8rem;
  }
}