body{
  padding-top: 80px;
}

.c-logo-header img,
.c-logo-footer img{
  vertical-align: middle;
}

.c-logo-header{
  max-width: none;
}

.c-logo-header__image{
  max-width: 240px;
}

.l-header{
  height: 80px;
}

.l-header__logo{
  width: auto;
}

.l-page-header__title--event{
  text-align: center;
}

.c-logo-header a{
  color: #333;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.l-footer-company__logo{
  max-width: none;
}

.c-logo-footer{
  font-size: 1.8rem;
  font-weight: 700;
}

.l-footer-column__right{
  width: fit-content;
}

.l-footer-nav__column{
  width: 100%;
}

.l-footer__copyright{
  background-color: #00AFCC;
}

.c-btn-toggle__icon>i,
.c-btn-toggle__icon::before,
.c-btn-toggle__icon::after{
  background-color: #F0A202;
}

.l-page-header__title-text{
  border-color: #F0A202;
  padding-bottom: 0;
}

.l-page-header__title-text--form{
  padding-bottom: 0;
}

.p-archive__grid-type__list-taxonomy-item{
  border: 1px solid #00AFCC;
  color:#00AFCC;
}

.toppage__sec-map {
  width: 480px;
  margin: 40px auto 0;
}

iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.toppage__sec-event__content{
  position: relative;
  width: 90%;
  margin-left:auto;
  margin-right: auto;
}

.toppage__sec-event__list{
  align-items: flex-start;
  flex-wrap: nowrap;
  gap:0;
}

.toppage__sec-event__item{
  width: auto;
}

.toppage__sec-event__img-wrap img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 312 / 175;
}

.toppage__sec-event__content .swiper-pagination{
  bottom:-40px !important;
}

.toppage__sec-event__content .swiper-pagination-bullet-active{
  background: #F0A202;
}

.toppage__sec-event__content .swiper-button-next,
.toppage__sec-event__content .swiper-button-prev{
  width: 40px;
  height: 40px;
  color: #fff;
  background: #F0A202;
  border-radius: 50%;
}

.toppage__sec-event__content .swiper-button-next{
  right: -50px;
}

.toppage__sec-event__content .swiper-button-prev {
  left: -50px;
}

.toppage__sec-event__content .swiper-button-next::after,
.toppage__sec-event__content .swiper-button-prev::after{
  font-size: 20px;
}

.toppage__sec-event__content .swiper-button-next::after{
  margin-left: 5px;
}

.toppage__sec-event__content .swiper-button-prev::after {
  margin-right: 5px;
}

.toppage__sec-event__btn-wrap{
  margin-top: 80px;
}
.toppage__section-read01__title{
  color: #00AFCC;
}

.toppage__section__title .txt-en{
  color:#D7E5E7;
}

.toppage__sec-about__detail-title{
  background: #00AFCC;
}

.toppage__sec-about__upper{
justify-content: center;
}

.toppage__sec-about__upper-img-wrap img{
  aspect-ratio: 480 / 270;
  object-fit: cover;
  border-radius: 5px;
}

.toppage__section-read01,
.toppage__sec-event,
.toppage__sec-about02{
  background: #EFF5F8;
}

.toppage__sec-about .toppage__section__content:nth-of-type(n + 2){
  margin-top: 80px;
}

.page-404__header__title{
  color: #00AFCC;
}

.toppage__sec-event__time{
  color: #00AFCC;
}

.page-event__section.--basecolor{
  background: #EFF5F8;
}

.page-event__taxonomy-list-item{
  border: 1px solid #00AFCC;
  color: #00AFCC;
}

.page-event__table th{
  color: #00AFCC;
}

.page-event__table th{
  background: #EFF5F8;
}

.page-event__accept-comp__title{
  background: #00AFCC;
}

.page-hw__table-title th,
.page-hw__table-title td{
  background-color: #EFF5F8;
  color: #00AFCC;
  font-weight: 700;
}

.page-event__explanation{
  text-align: center;
  margin-bottom: 40px;
}

.page-event__accept-comp__overview-img-wrap--instructor{
  width: 200px;
}

.page-event__section--first{
  padding-top: 0;
}

.page-form-complete__inner{
  padding: 0 20px;
}

.p-archive__grid-type__list-item{
  display: flex;
  flex-direction: column;
}

.p-archive__grid-type__list-title{
  margin-top: 16px;
}

.p-archive__grid-type__list-text{
  margin-bottom: 16px;
}
.p-archive__grid-type__list-btn-wrap{
  margin-top: auto;
}

@media screen and (max-width: 1000px) {
  .toppage__section__title .txt-ja {
    font-size: 30px;
    letter-spacing: 0.04em;
  }

  .toppage__sec-about .toppage__section__title .txt-ja{
    white-space: nowrap;
  }

  .l-page-header__inner {
    margin: 0;
    width: 100%;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px){
  .l-footer-nav__column {
    width: 100%;
  }

  .c-logo-header a {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .c-logo-header__image {
    max-width: 140px;
  }

  .page-overview__table .page-hw__table-title{
    display: none;
  }

  .toppage__sec-event__content .swiper-pagination{
    bottom:-50px !important;
  }

  .toppage__sec-event__content .swiper-button-next{
    right: 30px;
    bottom: -60px;
    top: auto;
    z-index: 12;
  }

  .toppage__sec-event__content .swiper-button-prev {
    left:30px;
    bottom: -60px;
    top: auto;
    z-index: 12;
  }

  .toppage__sec-map{
    width: 100%;
  }

  .page-event__accept-comp__overview-img-wrap--instructor{
    width: 100%;
  }
  
  /* .page-event__section__inner{
    padding: 0;
  } */
}