/* ファーストビュー */
.firstview-box {
    .is-style-btn_normal {
        --the-btn-radius: 5px;
        --the-min-width: 80%;
    }

    span {
        font-size: 1.3rem !important;
    }
}

.firstview-btn-yoru a {
    background-color: var(--yoru-color);
}

.firstview-btn-hiru a {
    background-color: var(--hiru-color);
}


/* スケジュールボックス */
.schedule-box {
    background-color: var(--white) !important;
    border-radius: 30px;
    padding: 3em 2em !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    .is-style-btn_normal {
        --the-btn-radius: 5px;
        --the-min-width: 100%;
    }
}

.yoru-schedule-box {
    .schedule-icon {
        background-color: var(--yoru-color);
    }

    .swell-block-button__link {
        background-color: var(--yoru-color);
    }
}

.hiru-schedule-box {
    .schedule-icon {
        background-color: var(--hiru-color);
    }

    .swell-block-button__link {
        background-color: var(--hiru-color);
    }
}


/* アイコン囲み */
.schedule-icon {
    width: 60px !important;
    height: 60px !important;
    font-size: 1.7rem !important;
    color: var(--white) !important;
    
    /* Circular background */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5em;

    ::before {
        width: auto !important;
    }
}


/* Main Visual Spacing */
.p-mainVisual__textLayer .p-blogParts {
    margin-top: 3em !important; 
    /* Adjust spacing between title/text and buttons */
}

/* コンテンツとボタンの間隔 */
.top-btn {
    margin-top: 3em !important;
}

/* 代表挨拶 */
.greeting-box {
    border-radius: 30px;
    padding: 3em 2em !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    .is-style-btn_normal {
        --the-btn-radius: 5px;
        --the-min-width: 100%;
    }
}

.greeting-hiru-box {
    background-color: var(--hiru-bg-color);
}

.greeting-yoru-box {
    background-color: var(--yoru-bg-color);
}