/* スライドの左右矢印を非表示 */
.lightning_swiper .swiper-button-prev,
.lightning_swiper .swiper-button-next {
    display: none !important;
}

/* スライド下の丸を非表示 */
.lightning_swiper .swiper-pagination {
    display: none !important;
}
@media (max-width: 767px) {
    .works-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .works-grid > .wp-block-column {
        width: auto !important;
        flex-basis: auto !important;
        margin: 0 !important;
        min-width: 0 !important;
    }

    .works-grid img {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .works-all-grid,
    .works-all-grid > .wp-block-group__inner-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .works-all-grid .works-grid {
        display: contents !important;
    }

    .works-all-grid .wp-block-column {
        width: auto !important;
        flex-basis: auto !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
}

.about-logo {
    text-align: center;
}

.about-logo img {
    width: 300px !important;
    max-width: 60% !important;
    height: auto !important;
    object-fit: contain;
}

.about-logo {
    text-align: center;
}

.section-title {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

h2.section-title {
    border: none !important;
    padding-bottom: 18px !important;
    box-shadow: inset 0 -2px 0 #333333 !important;
}

h2.section-title::before,
h2.section-title::after {
    content: none !important;
    display: none !important;
}

.wp-block-image.section-title {
    width: 100% !important;
    border-bottom: 2px solid #333333 !important;
    padding-bottom: 18px !important;
}

p.section-title {
    width: 100% !important;
    border-bottom: 2px solid #333333 !important;
    padding-bottom: 18px !important;
}

p.space-bottom {
    margin-bottom: 120px !important;
}

/* スマホ */
@media (max-width: 767px) {
    p.space-bottom {
        margin-bottom: 80px !important;
    }
}

/* WORKS固定ページ：PCは2列 */
.works-page-grid,
.works-page-grid > .wp-block-group__inner-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 40px !important;
}

.works-page-grid .works-grid {
    display: contents !important;
}

.works-page-grid .wp-block-column {
    width: auto !important;
    flex-basis: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
}

/* スマホは1列 */
@media (max-width: 767px) {
    .works-page-grid,
    .works-page-grid > .wp-block-group__inner-container {
        grid-template-columns: 1fr !important;
        row-gap: 36px !important;
    }
}

/* HOMEのWORKS：Read moreの高さを揃える */
.works-all-grid .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.works-all-grid .wp-block-column > .wp-block-buttons,
.works-all-grid .wp-block-column > .wp-block-button {
    margin-top: auto !important;
}

.works-page-grid .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.works-page-grid .wp-block-column > .wp-block-buttons,
.works-page-grid .wp-block-column > .wp-block-button {
    margin-top: auto !important;
}

/* PC：同じ横列の案件カードを同じ高さにする */
@media (min-width: 768px) {
    .works-all-grid .wp-block-columns.works-grid {
        align-items: stretch !important;
    }

    .works-all-grid .wp-block-columns.works-grid > .wp-block-column {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }

    .works-all-grid .wp-block-columns.works-grid > .wp-block-column .wp-block-buttons,
    .works-all-grid .wp-block-columns.works-grid > .wp-block-column .wp-block-button {
        margin-top: auto !important;
    }
}

/* 案件紹介ページの写真 */
figure.project-photo {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 80px !important;
}

figure.project-photo img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* スマホの写真間隔 */
@media (max-width: 767px) {
    figure.project-photo {
        margin-bottom: 45px !important;
    }
}

/* HOMEスライダーをPC画面内に収める */
@media (min-width: 768px) {
    .home #top__fullcarousel .carousel-item img {
        width: 100% !important;
        height: calc(100vh - 100px) !important;
        max-height: 550px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

#search-2,
#vk-mobile-nav .searchform {
  display: none !important;
}

.contact-form-submission h4 {
  display: none !important;
}

.site-footer-copyright p:nth-child(2) {
  display: none !important;
}

/* サイト内の検索欄をすべて非表示 */
.widget_search,
.wp-block-search {
  display: none !important;
}

/* スマホメニューの文字を中央・太字にする */
@media (max-width: 991px) {
  .vk-mobile-nav nav ul li a,
  .vk-mobile-nav .global-nav-list li a {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 600px) {
  .slider-caption-tight {
    margin-top: -12px !important;
  }
}

@media screen and (max-width: 767px) {
  #pliitz-overlay img {
    max-width: 140px !important;
    height: auto !important;
  }
}

#pliitz-overlay button,
#pliitz-overlay [class*="skip"],
#pliitz-overlay [class*="credit"],
#pliitz-overlay [class*="attribution"],
#pliitz-overlay [class*="footer"],
#pliitz-overlay img[src*="pliitz"],
#pliitz-overlay img[alt*="Pliitz"] {
  display: none !important;
}

@keyframes valeur-logo-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes valeur-show-header-logo {
  to { visibility: visible; }
}

@keyframes valeur-logo-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* スプラッシュ開始前はロゴを隠す */
#pliitz-overlay img:first-of-type {
  opacity: 0;
}

/* スプラッシュ開始時にロゴをフェードイン */
#pliitz-overlay.pliitz-in img:first-of-type {
  animation: valeur-logo-fade-in 2s ease 0.3s both !important;
}

@keyframes valeur-logo-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* スプラッシュ開始前はロゴを隠す */
#pliitz-overlay img:first-of-type {
  opacity: 0;
}

html.pliitz-skip #pliitz-overlay {
  display: none !important;
}