@charset "UTF-8";
/* =========================================================
   activities/css/custom.scss (活動についてページ専用スタイル)
   ========================================================= */
/* Scss Document */
#activities-intro {
  padding-bottom: 60px;
}
#activities-intro .intro-block {
  margin-bottom: 60px;
}
#activities-intro .intro-block:last-child {
  margin-bottom: 0;
}
#activities-intro .purpose-text {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  color: #333333;
}
@media (max-width: 834px) {
  #activities-intro .purpose-text {
    font-size: 16px;
  }
}
#activities-intro .feature-item {
  margin-bottom: 40px;
}
#activities-intro .feature-item:last-child {
  margin-bottom: 0;
}
#activities-intro .feature-item .feature-title {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 16px;
}
@media (max-width: 834px) {
  #activities-intro .feature-item .feature-title {
    font-size: 16px;
  }
}
#activities-intro .feature-item p {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 0;
}
#activities-intro .feature-item .note {
  font-size: 12px;
  color: #777;
  margin-top: 12px;
  line-height: 1.6;
}

#activities-details {
  padding-bottom: 100px;
}
@media (max-width: 834px) {
  #activities-details {
    padding-bottom: 60px;
  }
}
#activities-details .activity-grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 834px) {
  #activities-details .activity-grid {
    gap: 32px;
  }
}
#activities-details .num {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #5C98D3;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 16px;
  line-height: 1;
}
#activities-details .activity-card {
  background-color: #F0F4F8;
  display: flex;
  flex-direction: column;
}
#activities-details .activity-card .card-text {
  padding: 40px;
}
@media (max-width: 834px) {
  #activities-details .activity-card .card-text {
    padding: 24px;
  }
}
#activities-details .activity-card .card-title {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 24px;
  line-height: 1.5;
}
@media (max-width: 834px) {
  #activities-details .activity-card .card-title {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
#activities-details .activity-card p {
  font-size: 15px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 0;
}
#activities-details .activity-card img {
  width: 100%;
  display: block;
}
#activities-details .full-width .card-image-large {
  width: 100%;
  height: auto;
  padding: 0 40px 40px;
}
@media (max-width: 834px) {
  #activities-details .full-width .card-image-large {
    height: auto;
    padding: 0 24px 24px;
  }
}
#activities-details .full-width .card-image-large .youtube-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
#activities-details .full-width .card-image-large .youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 835px) {
  #activities-details .card-02 {
    flex-direction: row;
    align-items: stretch;
  }
  #activities-details .card-02 .card-text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #activities-details .card-02 .card-image-side {
    width: 50%;
    padding: 40px 40px 40px 0;
    display: flex;
  }
}
@media (max-width: 834px) {
  #activities-details .card-02 .card-image-side {
    padding: 0 24px 24px;
  }
}
#activities-details .activity-half-wrap {
  display: flex;
  gap: 40px;
}
@media (max-width: 834px) {
  #activities-details .activity-half-wrap {
    flex-direction: column;
    gap: 32px;
  }
}
#activities-details .half-width {
  width: calc(50% - 20px);
}
@media (max-width: 834px) {
  #activities-details .half-width {
    width: 100%;
  }
}
#activities-details .half-width .card-text {
  flex: 1;
  padding: 40px 40px 24px;
}
@media (max-width: 834px) {
  #activities-details .half-width .card-text {
    padding: 24px 24px 16px;
  }
}
#activities-details .half-width .card-image {
  width: 100%;
  padding: 0 40px 40px;
}
@media (max-width: 834px) {
  #activities-details .half-width .card-image {
    padding: 0 24px 24px;
  }
}/*# sourceMappingURL=custom.css.map */