/* TOP-PORTAL
-----------------------------------------*/
.top-portal {
    text-align: center;
}
/* ページ中に２つあるportalのうちの最初のportalセクションを指定 */
.home .main > section.top-portal:nth-of-type(2) {
    padding-top: 0;
}

.home .main > section.top-portal:nth-of-type(2) .top-portal__inner {
    --space-min:58;
    --space-max: 92;
    margin-top: var(--space);
}

.top-portal h2 {
    --space-min: 18;
    --space-max: 54;
    margin-bottom: var(--space);
}

.top-portal p {
    font-size: 18px;
    --space-min: 16;
    --space-max: 37;
    margin-bottom: var(--space);
    line-height: 1.48;
}

/* 縦並びのボタンサイズの調整 */
.top-portal .btn-column .btn{
    padding: 0.56em 2em;
}

/* 横並びのボタンサイズの調整 */
.top-portal .btn-row {
    --space-min: 20;
    --space-max: 56;
    margin-top: var(--space);

    .btn {
        padding: 0.8em 2em;
    }
}

.top-portal .btn-column {
    gap: 36px;

    .btn {
        --font-min: 18;
        --font-max: 24;
        font-size: var(--font-size);
    }
}

@media (width < 800px) {

    .top-portal__inner{
        padding-inline: 10px;
    }

    .top-portal .btn-row {
        margin-top: 20px;
        width: clamp(200px, 100%, 623px);
    }

    .top-portal .btn{
        height: 50px;
        display: grid;
        place-items: center;
        padding: 0 2em !important;
    }

    .top-portal .btn-column {
        gap: 20px;
    }
}

/* memo:物件検索機能実装後に削除 */
.top-portal .btn-row{
     width: clamp(400px, 100%, 623px);
}

@media (width < 800px) {
    .top-portal .btn-row{
        width: clamp(200px, 100%, 623px);
    }
}