.top-yt-wrap {
  padding-top: 40px;
}
.top-yt-wrap figcaption {
  padding: 10px;
}
.top-yt-wrap h3 {
  background: #0069A1;
  text-align: left;
  font-size: 28px !important;
  font-weight: bold !important;
  letter-spacing: 0.05em;
  padding: 10px;
  color: #fff !important;
  margin-bottom: 20px;
}
.top-yt-wrap h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 24px !important;
}
.top-yt-wrap h5 {
  font-size: 16px;
  font-weight: bold;
  color: #001F50;
  margin-bottom: 10px;
}
.top-yt-wrap .width-30 {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .top-yt-wrap .width-30 {
    width: calc((100% - 2rem) / 3);
  }
}
@media screen and (min-width: 768px) {
  .top-yt-wrap .flexitem {
    width: 100%;
  }
}
.top-yt-wrap .flexitem iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.maintenance-yt-wrap h3 {
  background: #0069A1;
  text-align: left;
  font-size: 28px !important;
  font-weight: bold !important;
  letter-spacing: 0.05em;
  padding: 10px;
  color: #fff !important;
}

.maintenance-yt-wrap h4 {
  font-size: 16px;
  font-weight: bold;
  color: #001F50;
  margin-bottom: 10px;
}

#top-library {
  margin-right: calc((50vw - 50%) * -1);
  margin-left: calc((50vw - 50%) * -1);
}
#top-library .top-yt-wrap {
  max-width: 1400px;
  margin: auto;
}

#top-library .top-yt-wrap .flexitem {
  position: relative;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #top-library .top-yt-wrap .flexitem {
    width: calc((100% - 3rem) / 4);
  }
}

h4.position-relative {
  top: 1em;
  margin-bottom: 0 !important;
}

.maintenance-yt-wrap {
  max-width: 1400px;
  margin: auto;
}

@media screen and (min-width: 1081px) {
  .maintenance-yt {
    margin-right: calc((50vw - 50%) * -1);
    margin-left: calc((50vw - 50%) * -1);
  }
}
.maintenance-yt .maintenance-yt-wrap {
  max-width: 1400px;
  margin: auto;
}

.maintenance-yt-wrap .flexitem {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .maintenance-yt-wrap .flexitem {
    min-width: calc((100% - 3rem) / 4);
    width: 100%;
  }
}

@media screen and (max-width: 1080px) {
  #cont_wap .cont_wap_innner:has(.maintenance) {
    width: 100%;
  }
}/*# sourceMappingURL=additinal-style.css.map */