@charset "UTF-8";
/*
ブレイクポイント
SP ～519px
tab 520px ～ 959px
PC 960px ～
*/

/*==============
メインメニュー
==============*/
main {
    background-color: #fff;
}

.slider li {
    padding: 0 calc(var(--gutter-base)*3);
}

/*==========min-width:960px==========*/

.top_inner {
    display: flex;
    flex-direction: column;
    gap: var(--contents-gutter);
    margin-bottom: var(--contens-gutter);
}

.top_inner .top_text {
    color: var(--main-color);
}

.top_inner .top_img {
    margin-bottom: var(--contents-gutter);
}

.btn_nav {
    border: 1px solid var(--main-color);
}

.btn_nav a {
    color: var(--main-color);

}

@media screen and (min-width:960px) {
    .top_inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        column-gap: calc(var(--gutter-base)*4);
    }

    .top_inner .top_text {
        margin-bottom: 0;
        align-self: center;
    }

    .top_inner .btn {
        align-self: start;
        width: 350px;
    }

    .top_inner .top_img {
        grid-column: 2/3;
        grid-row: 1/3;
    }


}