@charset "utf-8";

/*---------------------

DEALERS page

---------------------*/

.dealers-page {

    padding-bottom: 200px;

}

/*---------------------

Dealer Area

---------------------*/

.dealers-page .dealer-area {

    max-width: 870px;

    margin: 0 auto 140px;

    padding: 0;

}

.dealers-page .dealer-area:last-child {

    margin-bottom: 0;

}

/* Area title */

.dealers-page .dealer-area > .section_subtitle {

    margin-bottom: 15px;

    text-align: left;

    color: #FFFFFF;

}

.dealers-page .dealer-area > .section_title-en {

    margin-bottom: 50px;

    text-align: left;

    color: #9A7A44;

}

/*---------------------

Dealer List

---------------------*/

.dealers-page .dealer-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    width: 100%;

}

.dealers-page .dealer-item {

    width: 47%;

    margin: 0 0 35px;

    padding: 0 0 30px;

    border-bottom: solid 1px #707070;

}

/* Store name */

.dealers-page .dealer-item h3 {

    margin: 0;

    font-size: 1.6rem;

    font-weight: 400;

    line-height: 1.8;

    letter-spacing: 0.1em;

    color: #FFFFFF;

}

/* Store name link */

.dealers-page .dealer-item h3 a {

    color: #FFFFFF;

}

/*---------------------

Store address / phone

---------------------*/

.dealers-page .dealer-info {

    margin-top: 10px;

    color: #FFFFFF;

    font-size: 1.0rem;

    font-weight: 400;

    line-height: 1.7;

    letter-spacing: 0.04em;

}

.dealers-page .dealer-info p {

    margin: 0;

}

.dealers-page .dealer-info p + p {

    margin-top: 2px;

}

/*---------------------

sp

---------------------*/

@media(max-width: 768px) {

    .dealers-page {

        padding-bottom: 120px;

    }

    .dealers-page .dealer-area {

        width: 100%;

        margin: 0 auto 100px;

        padding: 0 3%;

    }

    .dealers-page .dealer-area > .section_subtitle {

        margin-bottom: 10px;

    }

    .dealers-page .dealer-area > .section_title-en {

        margin-bottom: 35px;

    }

    .dealers-page .dealer-list {

        display: block;

        width: 100%;

    }

    .dealers-page .dealer-item {

        width: 100%;

        margin-bottom: 25px;

        padding-bottom: 25px;

    }

    .dealers-page .dealer-item h3 {

        font-size: 1.4rem;

        line-height: 1.9;

    }

    .dealers-page .dealer-info {

        margin-top: 6px;

        font-size: 0.9rem;

        line-height: 1.7;

    }

}