/**/
.wp-block-custom-block-image-block-five {
  padding-left: 0;
  padding-right: 0;
}
.image-block {
  display: grid;
  gap: 16px;
}
/* 1つ目 */
div[class*="wp-block-custom-block-image-block"]:first-of-type {
  margin-top: 50px;
  margin-bottom: 0;
}

/* 2つ目以降（途中） */
div[class*="wp-block-custom-block-image-block"]:not(:first-of-type):not(
    :last-of-type
  ) {
  margin-top: 16px !important;
  margin-bottom: 0;
}

/* 最後 */
div[class*="wp-block-custom-block-image-block"]:last-of-type {
  margin-top: 16px !important;
  margin-bottom: 50px !important;
}
p ~ div[class*="wp-block-custom-block-image-block"] {
  margin-top: 50px !important;
}

.image-block li {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  cursor: pointer;
  aspect-ratio: 16/9;
}
.image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .image-block {
    gap: 8px;
    /* margin: 40px 0; */
  }
  .image-block li {
    border-radius: 8px;
  }

  /* 2つ目以降（途中） */
  div[class*="wp-block-custom-block-image-block"]:not(:first-of-type):not(
      :last-of-type
    ) {
    margin-top: 8px !important;
    margin-bottom: 0;
  }

  /* 最後 */
  div[class*="wp-block-custom-block-image-block"]:last-of-type {
    margin-top: 8px !important;
    margin-bottom: 50px;
  }
}

/**
 * ================================================================================
 * 画像ギャラリー
 * ================================================================================
 */
/* .image-block-wrap {
  padding: 16px;
  border: 1px solid #ccc;
} */
.image-block-img {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  /* display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ddd; */
}
.image-block-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 横3枚 */
.image-block-yoko-3 .image-block {
  display: grid;
  grid-template-columns: 2fr 1fr; /* 左2:右1 */
  grid-template-rows: repeat(2, 1fr);
}
.image-block-yoko-3 ul > li:nth-of-type(1) {
  grid-row: 1 / span 2;
  grid-column: 1;
}
.image-block-yoko-3 ul > li:nth-of-type(2) {
  grid-row: 1;
  grid-column: 2;
}
.image-block-yoko-3 ul > li:nth-of-type(3) {
  grid-row: 2;
  grid-column: 2;
}

.image-block-yoko-3.image-right .image-block {
  grid-template-columns: 1fr 2fr;
}
.image-block-yoko-3.image-right li:nth-of-type(1) {
  grid-row: 1 / span 2;
  grid-column: 2;
}
.image-block-yoko-3.image-right li:nth-of-type(2) {
  grid-row: 1;
  grid-column: 1;
}
.image-block-yoko-3.image-right li:nth-of-type(3) {
  grid-row: 2;
  grid-column: 1;
}

@media screen and (max-width: 768px) {
  .image-block-yoko-3 .image-block {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .image-block-yoko-3 ul > li:nth-of-type(1) {
    grid-row: 1;
    grid-column: 1 / span 2;
  }
  .image-block-yoko-3 ul > li:nth-of-type(2) {
    grid-row: 2;
    grid-column: 1;
  }
  .image-block-yoko-3 ul > li:nth-of-type(3) {
    grid-row: 2;
    grid-column: 2;
  }
  .image-block-yoko-3.image-right .image-block {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .image-block-yoko-3.image-right li:nth-of-type(1) {
    grid-row: 1;
    grid-column: 1 / span 2;
  }
  .image-block-yoko-3.image-right li:nth-of-type(2) {
    grid-row: 2;
    grid-column: 1;
  }
  .image-block-yoko-3.image-right li:nth-of-type(3) {
    grid-row: 2;
    grid-column: 2;
  }
}

.image-block-yoko-5 .image-block {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
}

.image-block-yoko-5 li:nth-of-type(1) {
  grid-row: 1 / span 2;
  grid-column: 1;
}

.image-block-yoko-5 li:nth-of-type(2) {
  grid-row: 1;
  grid-column: 2;
}

.image-block-yoko-5 li:nth-of-type(3) {
  grid-row: 1;
  grid-column: 3;
}

.image-block-yoko-5 li:nth-of-type(4) {
  grid-row: 2;
  grid-column: 2;
}

.image-block-yoko-5 li:nth-of-type(5) {
  grid-row: 2;
  grid-column: 3;
}

.image-block-yoko-5.image-right .image-block {
  grid-template-columns: 1fr 1fr 2fr;
}
.image-block-yoko-5.image-right li:nth-of-type(1) {
  grid-row: 1 / span 2;
  grid-column: 3;
}
.image-block-yoko-5.image-right li:nth-of-type(2) {
  grid-row: 1;
  grid-column: 1;
}
.image-block-yoko-5.image-right li:nth-of-type(3) {
  grid-row: 1;
  grid-column: 2;
}
.image-block-yoko-5.image-right li:nth-of-type(4) {
  grid-row: 2;
  grid-column: 1;
}
.image-block-yoko-5.image-right li:nth-of-type(5) {
  grid-row: 2;
  grid-column: 2;
}

@media screen and (max-width: 768px) {
  .image-block-yoko-5 .image-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }

  .image-block-yoko-5 li:nth-of-type(1) {
    grid-row: 1;
    grid-column: 1 / span 2;
  }

  .image-block-yoko-5 li:nth-of-type(2) {
    grid-row: 2;
    grid-column: 1;
  }

  .image-block-yoko-5 li:nth-of-type(3) {
    grid-row: 2;
    grid-column: 2;
  }

  .image-block-yoko-5 li:nth-of-type(4) {
    grid-row: 3;
    grid-column: 1;
  }

  .image-block-yoko-5 li:nth-of-type(5) {
    grid-row: 3;
    grid-column: 2;
  }

  .image-block-yoko-5.image-right .image-block {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
  }
  .image-block-yoko-5.image-right li:nth-of-type(1) {
    grid-row: 3;
    grid-column: 1 / span 2;
  }
  .image-block-yoko-5.image-right li:nth-of-type(2) {
    grid-row: 1;
    grid-column: 1;
  }
  .image-block-yoko-5.image-right li:nth-of-type(3) {
    grid-row: 1;
    grid-column: 2;
  }
  .image-block-yoko-5.image-right li:nth-of-type(4) {
    grid-row: 2;
    grid-column: 1;
  }
  .image-block-yoko-5.image-right li:nth-of-type(5) {
    grid-row: 2;
    grid-column: 2;
  }
}

/* 縦あり3枚 */
.image-block-tate-3.image-block {
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.image-block-tate-3 li:nth-of-type(1) {
  grid-area: 1 / 1 / 5 / 3;
  aspect-ratio: 9/16;
}
.image-block-tate-3 li:nth-of-type(2) {
  grid-area: 1 / 3 / 3 / 6;
}
.image-block-tate-3 li:nth-of-type(3) {
  grid-area: 3 / 3 / 5 / 6;
}
.image-block-tate-3.image-right li:nth-of-type(1) {
  grid-area: 1 / 4 / 5 / 6;
  aspect-ratio: 9/16;
}
.image-block-tate-3.image-right li:nth-of-type(2) {
  grid-area: 1 / 1 / 3 / 4;
}
.image-block-tate-3.image-right li:nth-of-type(3) {
  grid-area: 3 / 1 / 5 / 4;
}

/* 縦あり画像5枚 */
.image-block-tate-5.image-block {
  display: grid;
  grid-template-columns: 0.78fr 1fr 1fr ;
  grid-template-rows: auto auto auto;
}
.image-block-tate-5 > li:nth-of-type(1) {
  grid-row: 1 / span 2;
  grid-column: 1;
}
.image-block-tate-5 > li:nth-of-type(2) {
  grid-row: 1;
  grid-column: 2;
}
.image-block-tate-5 > li:nth-of-type(3) {
  grid-row: 1;
  grid-column: 3;
}
.image-block-tate-5 .image-block-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  grid-row: 2;
  grid-column: 2 / span 2;
}
.image-block-tate-5 .image-block-bottom li:nth-of-type(1){
  grid-row: 1;
  grid-column: 1;
}
.image-block-tate-5 .image-block-bottom li:nth-of-type(2){
  grid-row: 1;
  grid-column: 2;
}

/* 縦長画像を右に表示 */
.image-block-tate-5.image-block.image-right {
  display: grid;
  grid-template-columns: 1fr 1fr 0.78fr;
  grid-template-rows: auto auto auto;
}
.image-block-tate-5.image-right li:nth-of-type(1) {
  grid-row: 1 / span 2;
  grid-column: 3;
}
.image-block-tate-5.image-right li:nth-of-type(2) {
  grid-row: 1;
  grid-column: 1;
}
.image-block-tate-5.image-right li:nth-of-type(3) {
  grid-row: 1;
  grid-column: 2;
}
.image-block-tate-5.image-right .image-block-bottom {
  grid-row: 2;
  grid-column: 1 / span 2;
}
.image-block-tate-5.image-right .image-block-bottom li:nth-of-type(1){
  grid-row: 1;
  grid-column: 1;
}
.image-block-tate-5.image-right .image-block-bottom li:nth-of-type(2){
  grid-row: 1;
  grid-column: 2;
}

@media screen and (max-width: 768px) {
  .image-block-tate-5.image-block {
    display: grid;
    grid-template-columns: 0.78fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .image-block-tate-5 > li:nth-of-type(1) {
    grid-row: 1 / span 2;
    grid-column: 1;
  }
  .image-block-tate-5> li:nth-of-type(2) {
    grid-row: 1;
    grid-column: 2;
  }
  .image-block-tate-5>li:nth-of-type(3) {
    grid-row: 2;
    grid-column: 2;
  }
  .image-block-tate-5 .image-block-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    grid-row: 3;
    grid-column: 1 / span 2;
  }

  .image-block-tate-5.image-block.image-right {
    grid-template-columns: 1fr 0.78fr;
    grid-template-rows: auto auto auto;
  }
  .image-block-tate-5.image-right li:nth-of-type(1) {
    grid-row: 1 / span 2;
    grid-column: 2;
  }
  .image-block-tate-5.image-right li:nth-of-type(2) {
    grid-row: 1;
    grid-column: 1;
  }
  .image-block-tate-5.image-right li:nth-of-type(3) {
    grid-row: 2;
    grid-column: 1;
  }
  .image-block-tate-5.image-right .image-block-bottom {
    grid-row: 3;
    grid-column: 1 / span 2;
  }
}

.image-block-yoko-4,
.image-block-tate-4 {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.image-block-yoko-4 li {
  aspect-ratio: 16/9;
}

.image-block-tate-4 li {
  aspect-ratio: 9/16;
}


/**
    * 横のみ
    * 1枚
    * -------------------------------
**/
.image-block-yoko-1.image-small li,
.image-block-tateyoko-1.image-small li,
.image-block-tate-1.image-small li{
  max-width: 600px;
  width: 100%;
  /* aspect-ratio: 4/3; */
  aspect-ratio: auto;
}
.image-block-yoko-1.image-large li,
.image-block-tateyoko-1.image-large li,
.image-block-tate-1.image-large li{
  width: 100%;
}


/**
    * 横のみ
    * 2枚
    * -------------------------------
**/

.image-block-yoko-2{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.image-block-yoko-2 li{
  aspect-ratio: 4/3;
}

/**
    * 縦のみ
    * 2枚
    * -------------------------------
**/

.image-block-tate-2{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* aspect-ratio: 4/3; */
}
.image-block-tate-2 li{
  aspect-ratio: 9/16;
}

/**
    * 縦横
    * 2枚
    * -------------------------------
**/

.image-block-tateyoko-2{
  display: grid;
  grid-template-columns: 1fr 0.56fr;
  aspect-ratio: 16/9;
}
.image-block-tateyoko-2 li{
  aspect-ratio: auto;
}


/**
 * ================================================================================
 * slider
 * 販売中
 * ================================================================================
 */
.slider-block {
  margin-top: 40px !important;
}
.thumb_item {
  margin-bottom: 16px;
  /* aspect-ratio: 16/9; */
  /* aspect-ratio: 4/3; */
  aspect-ratio: 6/4;
}
/* .thumb_item .slick-slide {
  aspect-ratio: 6/4;
} */
.thumb_itemnav {
  display: flex;
  gap: 16px 24px;
  flex-wrap: wrap;
}

.thumb_itemnav .swiper-wrapper {
  margin-bottom: 60px !important;
  gap: 16px 24px;
  flex-wrap: wrap;
}
.wp-block-custom-block-slider-images:has(.swiper-wrapper:empty){
  display: none;
}
.wp-block-custom-block-image-block:has(.image-block li:empty){
display: none;
}
.thumb_itemnav .swiper-slide {
  aspect-ratio: 6/4;
  border-radius: 8px;
  overflow: hidden;
  max-width: calc((100% - 24px * 5) / 6);
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .thumb_itemnav .swiper-slide {
    aspect-ratio: 6/4;
    border-radius: 8px;
    overflow: hidden;
    max-width: calc((100% - 24px * 3) / 4);
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .slider-block {
    margin-top: 40px !important;
  }
  .thumb_itemnav .swiper-wrapper {
    flex-wrap: nowrap;
    gap: 0;
    margin-bottom: 16px !important;
  }
}
.thumb_item img,
.thumb_itemnav img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumb_item img {
  object-fit: contain;
}
/* .thumb_item .swiper-slide {
  aspect-ratio: 16/9;
} */
.thumb_itemnav .swiper-scrollbar {
  opacity: 1 !important;
  background: #d9d9d9 !important;
}
.thumb_itemnav .swiper-scrollbar-drag {
  background: var(--theme-black-dark) !important;
}

/**/

.modal--gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(8px);
  z-index: 9999;
}
body.admin-bar .modal--gallery {
  top: 32px;
}
.modal__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.modal__header {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 16px 24px;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.modal__close {
  background: none;
  border: none;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.modal__close::before {
  content: "";
  width: 32px;
  aspect-ratio: 1/1;
  background: url(../img/icon/close.svg) no-repeat;
  background-position: center;
  background-size: cover;
}
.modal--gallery .swiper-pagination {
  color: #fff !important;
  /* position: inherit !important; */
  /* width: auto !important; */
  font-size: 14px !important;
  flex-grow: 1;
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
  z-index: -1;
}
.modal__body {
  max-width: calc(1440px + 40px * 2);
  height: calc(100% - 64px - 24px);
  padding: 0 63px 24px;
  margin: 0 auto;
  position: relative;
}
body.admin-bar .modal__body {
  /* height: calc(100% - 64px - 24px - 32px); */
  height: calc(100% - 64px - 24px);
}
.swiper--gallery {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper--gallery .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.swiper--gallery img {
  /* width: 100%;
  height: 100%;
  object-fit: contain !important; */
  width: 100%;
    height: auto;
    /* object-fit: none !important; */
}
.swiper--gallery .swiper-button-next:after,
.swiper--gallery .swiper-button-prev:after {
  color: #fff !important;
}
.swiper--gallery .swiper-button-next {
  right: 16px !important;
}
.swiper--gallery .swiper-button-prev {
  left: 16px !important;
}
@media screen and (max-width: 768px) {
  body.admin-bar .modal--gallery {
    top: 46px;
  }
  .modal__body {
    padding: 0;
  }
  body.admin-bar .modal__body {
    /* height: calc(100% - 64px - 24px - 46px); */
    height: calc(100% - 64px - 24px);
  }
}


/**
 * ================================================================================
 * single-sales
 * 物件概要
 * ================================================================================
 */

.wp-block-custom-block-sale-overview {
  max-width: 100% !important;
  padding: 0 !important;
}
.wp-block-custom-block-sale-access,
.section__detail {
  max-width: 100% !important;
}
/**/
.section__detail {
  position: relative;
  z-index: 1;
  background: var(--thema-beige);
  max-width: initial;
  display: flex;
  flex-direction: column;
  padding: 24px 24px 60px;
}
.section__detail::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  margin-top: 60px;
}
/* .section__detail:last-child::after {
  display: none;
} */
.section__detail .section__title {
  font-size: 18px;
  display: flex;
  align-items: center;
  flex-direction: row;
  line-height: 1;
  gap: 8px;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto 40px;
}
.section__detail .section__title::before {
  content: attr(data-title);
  padding-right: 8px;
  border-right: 1px solid;
}
.section__detail--overview .section__content,
.section__detail--access .section__content {
  display: flex;
  gap: 24px;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
.section__detail--overview .section__content > div,
.section__detail--access .section__content > div {
  max-width: calc((100% - 24px * 1) / 2);
  width: 100%;
}
.section__detail--overview .section__item {
  position: relative;
  padding: 8px;
  border: 1px solid #ddd;
}
.section__detail--overview .section__item .section__label {
  font-weight: bold;
}
.section__detail--overview .section__label {
  font-weight: bold;
}
.section__detail--overview .section__value {
  margin-bottom: 24px;
}
.section__detail--overview .section__image {
  aspect-ratio: inherit;
}

.section__detail--overview .section__image img {
  object-fit: contain;
  object-position: top;
}

.section__detail--access .section__map-wrapper > div {
  aspect-ratio: 4/3;
}
.section__detail--access .section__map-wrapper > p {
  font-size: 12px;
  margin-top: 8px;
}
.section__map-wrapper:empty {
  display: none;
}
.section__detail--access iframe {
  width: 100%;
  height: 100%;
}
.section__detail--access .section__address {
  margin-bottom: 24px;
}
.section__detail--access .section__label {
  margin-bottom: 16px;
  font-weight: bold;
}
.section__detail--access .section__map-link {
  padding: 16px 60px;
  max-width: 320px;
  background: #ffffff;
  border: 1px solid var(--theme-black-dark);
  border-radius: 50px;
  color: var(--theme-black-dark);
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.section__detail--access .section__map-link::after {
  content: "";
  background: var(--theme-black-dark);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
  transform: skewY(-20deg) scale(1, 0);
  height: 140px;
}
.section__detail--access .section__map-link:hover {
  color: #fff;
}
.section__detail--access .section__map-link:hover::after {
  transform: skewY(-10deg) scale(1, 1);
}
.section__detail--plan{
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .section__detail--overview .section__content,
  .section__detail--access .section__content {
    flex-direction: column;
  }
  .section__detail--overview .section__content > div,
  .section__detail--access .section__content > div {
    max-width: 100%;
  }
  .section__detail--access .section__map-link {
    margin: 0 auto 24px;
  }
  .section__info {
    font-size: 14px;
  }
  .section__detail--plan{
    padding-bottom: 80px;
  }
}
.wp-block-custom-block-sale-overview
  .section__content:not(:has(.section__image))
  .section__info {
  display: grid;
  grid-template-columns: auto 1fr; /* 例 */
  gap: 16px;
  max-width: 100%;
}
.wp-block-custom-block-sale-overview
  .section__content:not(:has(.section__image))
  .section__info
  .section__value {
  margin-bottom: 0;
}

/**/

/**/

.vline-block {
  display: flex;
  gap: 32px;
  padding: 80px 0;
}

.vline-block.vline-block--image-left {
  flex-direction: row-reverse;
}

.vline-block__image {
  max-width: 50%;
  width: 100%;
  aspect-ratio: inherit;
  margin-bottom: 0;
}
.vline-block__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vline-block__body {
  max-width: calc(1240px / 2 - 32px / 2 + 24px);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}
.vline-block.vline-block--image-right .vline-block__body {
  flex-direction: row;
  margin-left: auto;
  padding-left: 24px;
}

.vline-block.vline-block--image-left .vline-block__body {
  flex-direction: row-reverse;
  margin-right: auto;
  padding-right: 24px;
}
.vline-block__line {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 12px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px;
}
.vline-block__line::after {
  content: "";
  background: var(--theme-black-dark);
  width: 1px;
  height: 100%;
}
.vline-block__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: baseline;
  flex-grow: 1;
  font-size: 20px;
}
.vline-block__content .title {
  font-size: 40px;
  font-size: clamp(1.5rem, 0.298rem + 2.45vw, 2.5rem);
  text-align: left;
  font-family: var(--font_style--montserrat);
}
.vline-block__subtitle {
  font-size: 40px;
  font-size: clamp(1.5rem, 0.298rem + 2.45vw, 2.5rem);
  text-align: left;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .vline-block__content{
    font-size: 16px;
  }
  .vline-block {
    flex-direction: column !important;
    padding: 40px 0;
  }
  .page-about__item:last-child {
    padding-bottom: 0;
  }
  .vline-block.vline-block--image-left {
    flex-direction: column;
  }
  .vline-block__body {
    max-width: 100%;
    width: 100%;
    padding: 0 24px;
    gap: 8px;
    flex-direction: column !important;
  }
  .vline-block__line {
    flex-direction: row;
    writing-mode: inherit;
  }
  .vline-block__line::after {
    width: 100%;
    height: 1px;
  }
  .vline-block__image {
    max-width: 100%;
    width: 100%;
  }
  .vline-block__image img {
    /* aspect-ratio: 16/9; */
    aspect-ratio: 4/3;
  }
}

.wp-block-custom-block-overview-block {
  max-width: calc(800px + 24px * 2);
  padding: 80px 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 40px;
}
.wp-block-custom-block-overview-block table {
  /* max-width: 600px; */
  width: 100%;
  margin: 0 auto;
}
.wp-block-custom-block-overview-block th,
.wp-block-custom-block-overview-block td {
  padding: 24px;
}
.wp-block-custom-block-overview-block tr {
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  .wp-block-custom-block-overview-block {
    padding: 40px 24px;
  }
  .wp-block-custom-block-overview-block {
    padding: 40px 24px;
  }
  .wp-block-custom-block-overview-block table {
    border: 1px solid #ccc;
  }
  .wp-block-custom-block-overview-block th,
  .wp-block-custom-block-overview-block td {
    padding: 8px 16px;
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .wp-block-custom-block-overview-block th {
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
  }
}

.wp-block-custom-block-history-block {
  max-width: calc(800px + 24px * 2);
  padding: 80px 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 40px;
}
.wp-block-custom-block-history-block .section__subtitle{
  font-weight: bold;
}
.history {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
}
.history__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.history__date::after {
  content: "";
  background: var(--thema-yellow);
  width: 2px;
  min-height: 24px;
  height: 100%;
  margin-bottom: -8px;
}
.history__date:last-of-type::after {
  display: none;
}

.wp-block-custom-block-history-block + .wp-block-custom-block-history-block {
  padding-top: 40px;
}
.wp-block-custom-block-history-block + .wp-block-custom-block-history-block .section__title {
  display: none;
}

.wp-block-custom-block-history-block .section__subtitle{
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .wp-block-custom-block-history-block {
    padding: 40px 24px;
  }
  .history{
    width: 100%;
  }
  .history__date {
    font-size: 12px;
  }
  .history__event {
    font-size: 14px;
  }
  .wp-block-custom-block-history-block .section__subtitle {
    text-align: left;
    width: 100%;
}
}