@charset "UTF-8";

/*
ブレイクポイント
SP 〜519px
tab 520px ~ 959px (min-width:520px)
pc 960px~ (min-width:960px)
*/

.works {
    margin: var(--section-gutter) 0;
}

.works .works_title {
    margin-bottom: var(--section-gutter);
}

.works .works_img {
    width: 60%;
    margin: 0 auto var(--section-gutter);
}

.works .works_text {
    margin-bottom: calc(var(--gutter-base)*3);
}

/* ===============ここからmin-width:520px=============== */
@media screen and (min-width:520px) {}

/* ===============ここまでmin-width:520px=============== */

/* ===============ここからmin-width:960px=============== */
@media screen and (min-width:960px) {
    .works {
        margin: var(--section-gutter-pc) 0;
    }

    .works .works_title {
        margin-bottom: var(--section-gutter-pc);
    }

    .works .works_img {
        width: 60%;
        margin: 0 auto var(--section-gutter-pc);
    }
}

/* ===============ここまでmin-width:960px=============== */