@charset "utf-8";

.main {
    padding-left: calc(var(--gutter-base)*2);
    padding-right: calc(var(--gutter-base)*2);
    margin-top: var(--section-gutter);
    margin-bottom: var(--contents-gutter);
    width: 100%;
}

.main .main_inner img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--contents-gutter);
}

.main .main_inner .main_text_wrap {
    max-width: 460px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
    padding: 0 calc(var(--gutter-base)*2);
    padding-bottom: calc(var(--gutter-base)*5);
}


.main .main_inner p {
    margin-top: -0.5em;
}

.main .main_inner .main_text_wrap .br_pc {
    display: none;
}

@media screen and (min-width:960px) {

    .main {
        margin-top: var(--section-gutter-pc);
        margin-bottom: var(--section-gutter-pc);
    }

    .main .about_title {
        margin-bottom: var(--contents-gutter-pc);
    }

    .main .main_inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        align-items: start;
    }

    .main .main_inner .main_text_wrap {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.6;
        padding-top: calc(var(--gutter-base)*2);
        padding-left: calc(var(--gutter-base)*2);
        padding-right: calc(var(--gutter-base)*2);
        padding-bottom: calc(var(--gutter-base)*3);
    }

    .main .main_inner .main_text_wrap .br_sp {
        display: none;
    }

    .main .main_inner .main_text_wrap .br_pc {
        display: block;
    }

    .main .main_inner img {
        grid-column: 2/3;
        grid-row: 1/3;
        margin-bottom: 0;
    }

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

@media screen and (min-width:1100px) {

    .main .main_inner .main_text_wrap {
        padding-top: calc(var(--gutter-base)*4);
        padding-bottom: calc(var(--gutter-base)*4);
    }

    /* ========min-width:1100px======== */
}