/* =========================================================
   Department Navigation
   事業内容 部門ナビ
========================================================= */

.department-nav h3.wp-block-heading {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: .8rem;
    font-weight: normal;
}

.department-nav .wp-block-column {
    background-color: #ffffff;
    border: 1px solid #1F364D;
    padding: 2rem 1.6rem 1.6rem;
}

.department-nav img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.department-nav .wp-block-columns {
    gap: 3rem;
}


/* =========================================================
   Service Detail - Geology
   地質調査部門 / 事業内容
   page-id-109
========================================================= */

/* ===============================
   レイアウト（カラム・余白）
=============================== */

/* 4カラム専用 */
body.page-id-109 .section--bg-primary .wp-block-columns.is-style-four-column {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  align-items: start;
  margin-top: 3rem;
}

/* 各カラム内の構造 */
body.page-id-109 .section--bg-primary .wp-block-column {
  display: grid;
  grid-template-rows: auto auto 1fr;
  align-content: start;
}

/* 見出し */
body.page-id-109 .section--bg-primary .wp-block-column h3.wp-block-heading {
  font-size: 1.2rem;
  margin-bottom: 0.4rem;
  font-weight: 500;
}

/* セクション見出し余白 */
body.page-id-109 :is(.is-layout-flow, .is-layout-constrained) h2 {
  margin-block-end: 3rem;
}

/* 本文余白 */
body.page-id-109 .container .is-layout-flow.wp-block-column p {
  margin-top: 1rem;
}


/* ===============================
   画像（共通）
=============================== */

body.page-id-109 figure.wp-block-image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

body.page-id-109 .wp-block-column figure.wp-block-image > img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}


/* ===============================
   自動切替ギャラリー
=============================== */

body.page-id-109 .auto-switch-gallery {
  position: relative;
  display: block !important;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

body.page-id-109 .auto-switch-gallery > .wp-block-image {
  position: absolute !important;
  inset: 0;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease;
}

body.page-id-109 .auto-switch-gallery > .wp-block-image.is-active {
  opacity: 1;
  z-index: 2;
}

body.page-id-109 .auto-switch-gallery > .wp-block-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ===============================
   左右レイアウト
=============================== */

body.page-id-109 .wp-block-column.left-column {
  justify-items: end;
}

body.page-id-109 .wp-block-column.left-column figure {
  width: 50%;
}

body.page-id-109 .container .is-layout-flow.wp-block-column.right-column p {
  width: 50%;
  margin-top: 0;
}


/* ===============================
   実績ボタン
=============================== */

body.page-id-109 a.wp-block-button__link.wp-element-button {
  background-color: #05AFF2;
  border-radius: 1rem;
  border: 3px solid #05AFF2;
  font-weight: 700;
  font-size: 1.2rem;
}

body.page-id-109 a.wp-block-button__link.wp-element-button:hover {
  background-color: #ffffff;
  color: #05AFF2;
  filter: none;
}

body.page-id-109 .wp-block-buttons.btn.btn--results {
  margin: 3rem auto 0;
}


/* =========================================================
   Survey Design
   測量・設計部門
   page-id-240
========================================================= */

body.page-id-240 .wp-block-media-text.is-stacked-on-mobile.survey-main-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

body.page-id-240 .survey-main-image img {
    width: 50vw;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

body.page-id-240 .survey-main-image .wp-block-media-text__content {
    width: 50vw;
    margin-top: 1rem;
    padding: 0;
    text-align: left;
}

/* =========================================================
   Well Drilling
   さく井部門
========================================================= */

body.page-id-249 .well-drilling-main-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

body.page-id-249 .well-drilling-main-image img {
    width: 50vw;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

body.page-id-249 .well-drilling-main-image .wp-block-media-text__content {
    width: 50vw;
    margin-top: 1rem;
    padding: 0;
    text-align: left;
}

/* =========================================================
   Works
   実務実績
   page-id-252
========================================================= */

body.page-id-252 .works-list {
    background-color: #ffffff;
    padding: 2rem;
    width: fit-content;
    min-width: 50%;
}

body.page-id-252 .wp-block-buttons.btn.btn--results {
    margin: 3rem auto 0;
}


/* =========================================================
   SP Services
========================================================= */

@media screen and (max-width: 768px) {

    /* 部門ナビ */
    .department-nav .wp-block-columns {
        gap: 1.5rem;
    }

    .department-nav .wp-block-column {
        padding: 1.5rem 1rem;
    }

    /* 地質調査部門：4カラム → 1カラム */
    body.page-id-109 .section--bg-primary .wp-block-columns.is-style-four-column {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-top: 2rem;
    }

    body.page-id-109 :is(.is-layout-flow, .is-layout-constrained) h2 {
        margin-block-end: 2rem;
    }

    /* 地質調査部門：左右レイアウト */
    body.page-id-109 .wp-block-column.left-column {
        justify-items: center;
    }

    body.page-id-109 .wp-block-column.left-column figure {
        width: 100%;
    }

    body.page-id-109 .container .is-layout-flow.wp-block-column.right-column p {
        width: 100%;
    }

    /* ボタン */
    body.page-id-109 a.wp-block-button__link.wp-element-button,
    body.page-id-252 a.wp-block-button__link.wp-element-button {
        font-size: 1rem;
        padding: .8rem 1.2rem;
    }

    body.page-id-109 .wp-block-buttons.btn.btn--results,
    body.page-id-252 .wp-block-buttons.btn.btn--results {
        margin-top: 2rem;
    }

    /* 測量・設計部門 */
    body.page-id-240 .survey-main-image img,
    body.page-id-240 .survey-main-image .wp-block-media-text__content {
        width: 100%;
    }

    body.page-id-240 .survey-main-image .wp-block-media-text__content {
        margin-top: 1rem;
    }

    /* さく井部門 */
    body.page-id-249 .well-drilling-main-image img,
    body.page-id-249 .well-drilling-main-image .wp-block-media-text__content {
        width: 100%;
    }

    body.page-id-249 .well-drilling-main-image .wp-block-media-text__content {
        margin-top: 1rem;
    }

    /* 実務実績 */
    body.page-id-252 .works-list {
        width: 100%;
        min-width: 0;
        padding: 1.5rem 1rem;
    }
}