.page-id-20 .c-page-header {
  display: block !important;
  height: 480px;
}

.page-id-20 .c-page-header .c-page-header__bgimage {
  margin: 20px;
  border-radius: 10px;
}


.page-id-20 .c-page-header__title {
  font-size: clamp(20px, 4.4vw, 64px);
}

.page-id-20 .l-contents {
  position: relative;
}

.page-id-20 .c-page-header[data-has-image=true] .c-page-header__content {
  align-items: flex-start;
  flex-direction: column-reverse;
}

.page-id-20 .c-page-header__title {
  font-size: 14px;
  color: #333;
}

.page-id-20 .title-under {
  font-size: 32px;
}

.title-under {
  color: var(--accent-color);
  font-size: 26px;
  font-weight: 700;
}

#philosophy .smb-section-break-the-grid__figure {
  position: absolute;
  right: 300px;
  top: 340px;
  max-width: 330px;
}

#philosophy .white_drone {
  position: absolute;
  right: -300px;
}

@media (max-width:1023px) {
  .title-under {
    font-size: 20px;
    line-height: 1;
  }

  div.wp-block-tableberg-wrapper table .wp-block-tableberg-cell:first-of-type {
    padding: 2px;
  }

  .page-id-20 .smb-section__title span {
    font-size: 27px;
  }

  .sdgs_column .c-row.c-row--reverse.c-row--lg-middle {
    flex-direction: row-reverse !important;
    justify-content: center;
    gap: 15px;
  }

  .sdgs_column .c-row__col.c-row__col--1-1.c-row__col--lg-3-4 {
    --_item-width: 47%;
  }

  .sdgs_column .c-row__col.c-row__col--1-1.c-row__col--lg-1-4 {
    --_item-width: 47%;
  }

  .sdgs_column .smb-media-text__contents-wrapper {
    margin-top: 0 !important;
  }

  .sdgs_column .smb-media-text__title {
    font-size: 18px;
  }

  .page-id-20 .c-page-header {
    height: 300px;
  }

  .page-id-20 .c-page-header__content {
    justify-content: center;
  }

  .page-id-20 .c-page-header__content img {
    margin-left: 0px;
    max-width: 275px;
  }

  .page-id-20 .c-page-header[data-has-image=true] .c-page-header__content {
    padding: 0 20px;
  }

  #philosophy {
    padding-bottom: 200px;
  }

  #philosophy .smb-section-break-the-grid__figure {
    right: 200px;
    top: 500px;
  }

  #philosophy .white_drone {
    right: -100px;
  }

  .message .smb-media-text__contents-wrapper {
    padding: 0 20px;
  }

  .message .smb-media-text__contents-wrapper .smb-flex {
    padding-right: 0 !important;
  }

  .group_photo {
    min-height: 65vw !important;
  }

  .table_wrap .smb-information__item {
    border-top: 1px solid #555;
    padding-top: 20px;
    font-size: 12px;
    font-feature-settings: 'palt' 1;
  }

  .table_wrap .smb-flex {
    padding-left: 0 !important;
    border-left: 0;
  }

  .table_wrap .c-row__col.c-row__col--1-1.c-row__col--md-1-4 {
    margin-bottom: 10px;
  }

  .table_wrap .smb-information__item .c-row__col.c-row__col--1-1.c-row__col--md-3-4 {
    margin-bottom: 20px;
  }
}

@media (min-width:638px) and (max-width:1023px) {
  #philosophy .smb-section-break-the-grid__figure {
    position: absolute;
    right: 300px;
    top: 380px;
    max-width: 330px;
  }
}