/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 25 2025 | 02:02:02 */
/* ==============================
   トップページ (page-id-1687) 専用
   ============================== */

/* #forbottom 幅やマージンの違い */
body.page-id-1687 #forbottom {
    max-width: 100%;
    margin: 0 auto;
}
.page-id-1687 .main {
    max-width: 1000px !important;
    margin: 0 auto;
}

/* justify-block, subheading, no-margin-block など */
.page-id-1687 .justify-block {
    text-align: justify !important;
    width: 300px;
}
.page-id-1687 .subheading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.page-id-1687 .no-margin-block {
    margin-top: 0 !important;
}

/* .top-sentence, .mobile-clone など共通 */
.page-id-1687 .top-sentence {
    margin-bottom: 200px !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
}
.page-id-1687 .mobile-clone {
    display: none !important;
}

/* カバー画像制御 */
.page-id-1687 .wp-block-cover__image-background {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    object-position: center center !important;
}
.page-id-1687 .top-sentence-background .wp-block-cover__inner-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100%;
    text-align: left !important;
}

/* ヒーロー画像 */
/*:root {
    --header-total-height: 240px;
}
.page-id-1687 figure.wp-block-image.hero {
    margin: 0;
    padding: 0;
    height: calc(100vh - var(--header-total-height)) !important;
    overflow: hidden;
}*/
.page-id-1687 figure.wp-block-image.hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* デフォルトは PC 表示 */
.page-id-1687 .hero {
    display: block !important;
}
.page-id-1687 .hero-mobile {
    display: none !important;
}

/* ─── ～428px ─── */
@media screen and (max-width: 428px) {
    .page-id-1687 .lead-sentence-group {
        margin-bottom: 20vw !important;
    }
    .page-id-1687 .mobile-clone {
        margin-top: -30vw !important;
        display: block !important;
        margin-bottom: 1em !important;
    }
    .page-id-1687 .top-section-title:not(.mobile-clone) {
        display: none !important;
    }
    .page-id-1687 .wp-block-columns {
        display: block !important;
    }
    .page-id-1687 .wp-block-column {
        width: 100% !important;
        float: none !important;
        margin-bottom: 2em !important;
    }
    .page-id-1687 .wp-block-column .top-Photo {
        margin-top: 30px !important;
    }
    .page-id-1687 .lead-sentence,
    .page-id-1687 .top-sentence,
    .page-id-1687 .section-description {
        font-size: 4.3vw !important;
        line-height: 1.6 !important;
    }
	
    .page-id-1687 .wp-block-column .top-sentence {
        margin-top: 5vw !important;
        margin-left: 5vw !important;
        margin-right: 5vw !important;
    }
    .page-id-1687 .wp-block-column .top-sentence-background {
        margin-top: -80px !important;
    }
    .page-id-1687 .is-resized--spaced {
        margin-top: -20vw !important;
    }
    /* ヒーロー切り替え：モバイル版表示 */
    .page-id-1687 .hero {
        display: none !important;
    }
    .page-id-1687 .hero-mobile {
        display: block !important;
    }
}

/* ─── 429px～781px ─── */
@media screen and (min-width: 429px) and (max-width: 781px) {
    body.page-id-1687 #forbottom {
        max-width: 429px;
        margin: 0 auto;
    }
    .page-id-1687 .lead-sentence-group {
        margin-bottom: 86px !important;
    }
    .page-id-1687 .mobile-clone {
        margin-top: -130px !important;
        display: block !important;
        margin-bottom: 1em !important;
    }
    .page-id-1687 .top-section-title:not(.mobile-clone) {
        display: none !important;
    }
    .page-id-1687 .wp-block-columns {
        display: block !important;
    }
    .page-id-1687 .wp-block-column {
        width: 100% !important;
        float: none !important;
        margin-bottom: 2em !important;
    }
    .page-id-1687 .wp-block-column .top-Photo {
        margin-top: 30px !important;
    }
	
    .page-id-1687 .lead-sentence,
    .page-id-1687 .top-sentence,
    .page-id-1687 .section-description {
        font-size: 19px !important;
        line-height: 1.6 !important;
    }
	
    .page-id-1687 .wp-block-column .top-sentence {
        margin-top: 22px !important;
        margin-left: 22px !important;
        margin-right: 22px !important;
    }
    /*背景調整*/
    .page-id-1687 .wp-block-column .top-sentence-background {
		margin: 0 auto!important;
    }
    .page-id-1687 .is-resized--spaced {
        margin-top: -86px !important;
    }
    /* ヒーロー切り替え：モバイル版表示 */
    .page-id-1687 .hero {
        display: none !important;
    }
    .page-id-1687 .hero-mobile {
        display: block !important;
    }
}

/* ─── 782px～1000px ─── */
@media screen and (min-width: 782px) and (max-width: 1000px) {
    .page-id-1687 .mobile-clone {
        display: none !important;
    }
    .page-id-1687 .top-section-title:not(.mobile-clone) {
        margin-left: 1.5vw !important;
        display: block !important;
    }
    .page-id-1687 .wp-block-columns {
        display: flex !important;
    }

    .page-id-1687 .lead-sentence,
    .page-id-1687 .top-sentence,
    .page-id-1687 .section-description {
        font-size: 2.1vw !important;
        line-height: 1.6 !important;
    }
    .page-id-1687 .top-sentence {
        margin-top: -2vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .page-id-1687 .top-sentence-background {
        margin-top: 7.8vw !important;
    }
    /* ヒーロー切り替え：モバイル版表示 */
    .page-id-1687 .hero {
        display: none !important;
    }
    .page-id-1687 .hero-mobile {
        display: block !important;
    }
}

/* ─── 1001px～ ─── */
@media screen and (min-width: 1001px) {
    .page-id-1687 .mobile-clone {
        display: none !important;
    }
    .page-id-1687 .top-section-title:not(.mobile-clone) {
        margin-left: 10px !important;
        display: block !important;
    }
    .page-id-1687 .wp-block-columns {
        display: flex !important;
    }
    .page-id-1687 .lead-sentence,
    .page-id-1687 .top-sentence,
    .page-id-1687 .section-description {
        /* ここからフォントサイズ＆行間 */
        font-size: 21px !important;
        line-height: 1.6 !important;
    }

    .page-id-1687 .top-sentence {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .page-id-1687 .top-sentence-background {
        margin-top: 78px !important;
    }
    /* ヒーロー切り替え：PC版表示 */
    .page-id-1687 .hero {
        display: block !important;
    }
    .page-id-1687 .hero-mobile {
        display: none !important;
    }
}