@charset "utf-8";

/*.commit #contents .section-area .article-area {
    margin: 0 0 120px;
}*/
.commit #contents .section-area .article-area {
    margin: 0 0 220px;
}

.commit #contents .section-area .article-area:last-child {
    margin: 0;
}

.commit #contents .main .mainInner {
    padding-bottom: 120px;
    padding-top: 14.583333333333334vw;
}

.commit #contents:before {
    background-image: url(../images/commit/contents-before.svg);
    width: 15.416666666666668vw;
    padding-top: 10.520833333333334vw;
    right: 3.125vw;
    top: 0;
}

/*----------------------------------------*/
/* Intro
/*----------------------------------------*/
.commit .intro .article-body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
}

.commit .intro .article-body:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url(../images/commit/intro/img-after.svg);
    height: auto;
    right: 80px;
    bottom: 40px;
    width: 154px;
    padding-top: 105px;
}

.commit .intro .description dl {
    width: 100%;
    max-width: 750px;
}

.commit .intro .description dl dt {
    width: 100%;
    max-width: 750px;
    font-family: "shippori-mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    margin-bottom: 25px;
    font-size: 2.75rem;
    /*font-size: 1.5665796344647518vw;*/
}

.commit .intro .description dl dt span {
    position: relative;
}

.commit .intro .description dl dt span:after {
    position: absolute;
    content: "";
}

/*----------------------------------------*/
/* Commitment (共通)
/*----------------------------------------*/
.commit .commit_common {
    position: relative;
    /*padding-top:400px;*/
    padding-top: 20.25vw;
}

.commit .commit_common:before {
    position: absolute;
    content: "";
    top: 0;
    width: 83.203125vw;
    padding-top: 25%;
    background-position: top -25vw center;
    background-repeat: no-repeat;
    background-size: cover;
}

.commit .commit_common .inner {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.commit .commit_common .article-head {
    width: 110px;
    position: relative;
}

.commit .commit_common .article-head h3 {
    width: 100%;
    display: flex;
    letter-spacing: 4px;
}

.commit .commit_common .article-head h3 .commit_numBox {
    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    text-orientation: inherit;
    -webkit-text-orientation: inherit;
    list-style-position: inherit;
    white-space: inherit;
    display: block;
    width: 100%;
    margin-bottom: 40px;
    color: #FFFFFF;
}

.commit .commit_common .article-head h3 .commit_numBox span {
    display: block;
    text-align: center;
}

.commit .commit_common .article-head h3 .commit_numBox .commit_title {
    line-height: 1;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    letter-spacing: 0;
    font-size: 50%;
    font-weight: 400;
    margin-bottom: 10px;
}

.commit .commit_common .article-head h3 .commit_numBox .commit_num {
    font-weight: 400;
    letter-spacing: 0;
    font-size: 175%;
    line-height: 1;
}

.commit .commit_common .article-head h3 .title {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.commit .commit_common .article-head h3 .title span.horizon {
    writing-mode: horizontal-tb;
    letter-spacing: 0;
    text-align: center;
}

.commit .commit_common .article-body {
    width: 100%;
}

.commit .commit_common .article-body dl dt {
    width: 100%;
    font-family: "shippori-mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    margin-bottom: 25px;
    font-size: 2.5rem;
    font-weight: 400;
    /*font-size: 1.5665796344647518vw;*/
}

.commit .commit_common .article-body .detailBox .detailBoxInner {
    width: 100%;
    max-width: 750px;
    padding-top: 10.416666666666668vw;
}

.commit .commit_common .article-foot {
    position: relative;
    padding: 120px 0 0;
    width: 100%;
}

.commit .commit_common .article-foot span.image {
    max-width: 480px;
    width: 100%;
    display: block;
}

/*----------------------------------------*/
/* Commitment (１)/（３）
/*----------------------------------------*/

.commit .commit_odd:before {
    left: 0;
}

.commit .commit_odd .inner {
    flex-direction: row;
}


.commit .commit_odd .article-body {
    margin: 0 0 0 -110px;
    padding: 0 0 0 170px;
    position: relative;
}

.commit .commit_odd .article-body .detailBox .detailBoxInner {
    margin: 0 0 0 auto;
}

.commit .commit_odd .article-foot {
    position: relative;
}

.commit .commit_odd .article-foot {
    position: relative;
}

.commit .commit_odd .article-foot:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: 80px;
    bottom: 40px;
}

.commit .commit_odd .article-foot span.image {
    margin: 0 auto 0 0;
}


/*----------------------------------------*/
/* Commitment (２)/(４)
/*----------------------------------------*/
.commit .commit_even:before {
    right: 0;
}

.commit .commit_even .inner {
    flex-direction: row-reverse;
}

.commit .commit_even .article-body {
    margin: 0 -110px 0 0;
    padding: 0 170px 0 0;
}

.commit .commit_even .article-body .detailBox .detailBoxInner {
    margin: 0 auto 0 0;
}

.commit .commit_even .article-foot span.image {
    margin: 0 0 0 auto;
}

.commit .commit_even .article-foot:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    left: 80px;
    bottom: 40px;
}

/*----------------------------------------*/
/* Commitment (１)
/*----------------------------------------*/
.commit .commit_1:before {
    background-image: url(../images/commit/commit1/bg-section-head.webp);
}

.commit .commit_1 .article-body:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url(../images/commit/commit1/img-before.svg);
    height: auto;
    bottom: 40px;
    width: 138px;
    padding-top: 200px;
}

.commit .commit_1 .article-foot:after {
    background-image: url(../images/commit/commit1/img-after.svg);
    width: 290px;
    padding-top: 120px;
}

/*----------------------------------------*/
/* Commitment (２)
/*----------------------------------------*/
.commit .commit_2:before {
    background-image: url(../images/commit/commit2/bg-section-head.webp);
}

.commit .commit_2 .article-foot:after {
    background-image: url(../images/commit/commit2/img-after.svg);
    width: 174px;
    padding-top: 200px;
    left: 120px;
}

/*----------------------------------------*/
/* Commitment (３)
/*----------------------------------------*/
.commit .commit_3:before {
    background-image: url(../images/commit/commit3/bg-section-head.webp);
}

.commit .commit_3 .article-foot:after {
    background-image: url(../images/commit/commit3/img-after.svg);
    width: 196px;
    padding-top: 150px;
    right: 40px;
}

/*----------------------------------------*/
/* Commitment (４)
/*----------------------------------------*/
.commit .commit_4:before {
    background-image: url(../images/commit/commit4/bg-section-head.webp);
    background-position: center center;
}

.commit .commit_4 .article-foot {
    position: relative;
    padding-bottom: 220px;
}

.commit .commit_4 .article-foot:after {
    background-image: url(../images/commit/commit4/img-after.svg);
    height: auto;
    bottom: 40px;
    padding-top: 120px;
    width: 160px;
    left: 40px;
}


/*----------------------------------------*/
/* Commitment 
/*----------------------------------------*/
.commit .commit_4 .inner {
    flex-direction: row-reverse;
}

.commit .commit_4 .article-body {
    margin: 0 -110px 0 0;
    padding: 0 170px 0 0;
}


@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1590px) {}

@media screen and (max-width: 1440px) {
    .commit .intro .description dl dt {
        /*font-size: 2.75rem;*/
        font-size: 1.9097222222222223vw;
    }

    .commit .commit_common {
        position: relative;
        /* padding-top:275px; */
        padding-top: 19.09722222222222vw;
    }

    .commit .commit_common .article-body dl dt {
        /*font-size: 2.5rem;*/
        font-size: 1.7361111111111112vw;
    }
}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {

    .commit #contents .section-area .article-area {
        margin: 0 0 180px;
    }

    /*.commit #contents .main .mainInner {
        padding-bottom: 21.875vw;
    }*/

    .commit #contents .main .mainInner:after {
        bottom: 3.125vw;
        padding-top: 15.625vw;
        width: 20.859375vw;
        left: 3.125vw;
    }

    .commit #contents .main .mainInner {
        padding-bottom: 100px;
        padding-top: 14.583333333333334vw;
    }

    /*----------------------------------------*/
    /* Intro
    /*----------------------------------------*/

    .commit .intro .article-body:after {
        right: 60px;
        bottom: 40px;
        width: 183px;
        padding-top: 125px;
    }

    .commit .intro .description dl {
        /*width:750px;*/
        max-width: 62.5%;
    }

    .commit .intro .description dl dt {
        margin-bottom: 1.953125vw;
        /*font-size:2.75rem;*/
        font-size: 2.1484375vw;
    }

    .commit .intro .description dl dd {
        /*font-size: 22.5rem;*/
        font-size: 1.7578125vw;
    }


    /*----------------------------------------*/
    /* Commitment (共通)
    /*----------------------------------------*/
    .commit .commit_common {
        /* padding-top: 275px; */
        padding-top: 17.75vw;
    }

    .commit .commit_common .article-head {
        /*width: 110px;*/
        width: 8.59375vw;
    }

    .commit .commit_common .article-head h3 {
        letter-spacing: 3px;
    }

    .commit .commit_common .article-head h3 .commit_numBox {
        margin-bottom: 3.125vw;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_title {
        font-size: 1.171875vw;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_num {
        font-size: 3.90625vw;
    }

    .commit .commit_common .article-body dl dt {
        /*font-size: 2.5rem;*/
        font-size: 1.953125vw;
    }

    .commit .commit_common .article-body .detailBox .detailBoxInner {
        max-width: 81.54296875%;
    }

    .commit .commit_common .article-foot {
        padding: 9.375vw 0 0;
    }

    .commit .commit_common .article-foot span.image {
        max-width: 37.5vw;
    }


    /*----------------------------------------*/
    /* Commitment (１)/（３）
    /*----------------------------------------*/
    .commit .commit_odd .article-body {
        /*margin: 0 0 0 -110px;
        padding: 0 0 0 170px;*/
        margin: 0 0 0 -8.59375vw;
        padding: 0 0 0 12.5vw;
    }

    .commit .commit_odd .article-foot:after {
        right: 6.25vw;
        bottom: 3.125vw;
    }


    /*----------------------------------------*/
    /* Commitment (２)/(４)
    /*----------------------------------------*/
    .commit .commit_even .article-body {
        /*margin: 0 -110px 0 0;
        padding: 0 170px 0 0;*/
        margin: 0 -8.59375vw 0 0;
        padding: 0 12.5vw 0 0;
    }

    .commit .commit_even .article-foot:after {
        left: 6.25vw;
        bottom: 3.125vw;
    }

    /*----------------------------------------*/
    /* Commitment (１)
    /*----------------------------------------*/
    .commit .commit_1 .article-body:after {
        bottom: 3.125vw;
        width: 8.125vw;
        padding-top: 11.71875vw;
    }

    .commit .commit_1 .article-foot:after {
        width: 18.90625vw;
        padding-top: 7.8125vw;
    }

    /*----------------------------------------*/
    /* Commitment (２)
    /*----------------------------------------*/
    .commit .commit_2 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    .commit .commit_2 .article-foot:after {
        width: 13.593749999999998vw;
        padding-top: 15.625vw;
        left: 9.375vw;
    }

    /*----------------------------------------*/
    /* Commitment (３)
    /*----------------------------------------*/
    .commit .commit_3 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    .commit .commit_3 .article-foot:after {
        width: 10.234375vw;
        padding-top: 7.8125vw;
        right: 3.125vw;
    }

    /*----------------------------------------*/
    /* Commitment (４)
    /*----------------------------------------*/
    .commit .commit_4:before {
        background-position: center center;
    }

    .commit .commit_4 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    .commit .commit_4 .article-foot {
        padding-bottom: 17.1875vw;
    }

    .commit .commit_4 .article-foot:after {
        bottom: 3.125vw;
        padding-top: 9.375vw;
        width: 12.5vw;
        left: 3.125vw;
    }

}

@media screen and (max-width: 1136px) {}

@media screen and (max-width: 1024px) {
    .commit #contents .main .mainInner {
        padding-bottom: 80px;
        padding-top: 14.583333333333334vw;
    }

    .commit #contents .section-area .article-area {
        margin: 0 0 140px;
    }

    /*----------------------------------------*/
    /* Intro
    /*----------------------------------------*/
    .commit .intro .article-body:after {
        right: 3.90625vw;
        bottom: 3.90625vw;
        width: 14.295488281249998vw;
        padding-top: 9.765625vw;
    }

    .commit .intro .description dl {
        /*width:750px;*/
        max-width: 73.2421875%;
    }

    .commit .intro .description dl dt {
        /*margin-bottom:25px;*/
        margin-bottom: 2.44140625vw;
        /*font-size: 2.75rem;*/
        font-size: 2.685546875vw;
    }

    .commit .intro .description dl dd {
        /*font-size: 2rem;*/
        font-size: 1.953125vw;
    }

    .commit .commit_common {
        /* padding-top: 195px; */
        padding-top: 17.25vw;
    }

    .commit .commit_common .article-body dl dt {
        /*font-size: 2.5rem;*/
        font-size: 2.44140625vw;
        margin-bottom: 20px;
    }

    /*----------------------------------------*/
    /* Commitment (２)
    /*----------------------------------------*/
    .commit .commit_2 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    /*----------------------------------------*/
    /* Commitment (３)
    /*----------------------------------------*/
    .commit .commit_3 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    /*----------------------------------------*/
    /* Commitment (４)
    /*----------------------------------------*/
    .commit .commit_4 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }
}

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

@media screen and (max-width: 835px) {
    .commit #contents .main .mainInner {
        padding-bottom: 60px;
        padding-top: 14.583333333333334vw;
    }

    .commit #contents .section-area .article-area {
        margin: 0 0 120px;
    }

    /*----------------------------------------*/
    /* Intro
    /*----------------------------------------*/
    .commit .intro .description dl {
        /*width:640px;*/
        max-width: 76.64670658682635%;
    }

    .commit .intro .description dl dt {
        /*margin-bottom:25px;*/
        margin-bottom: 2.44140625vw;
        /*font-size: 2.5rem;*/
        font-size: 2.9940119760479043vw;
    }

    .commit .intro .description dl dd {
        /*font-size: 1.8rem;*/
        font-size: 2.155688622754491vw;
    }

    .commit .commit_common .article-body dl dt {
        /*font-size: 2.25rem;*/
        font-size: 2.694610778443114vw;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 750px) {
    .commit #contents .main .mainInner {
        padding-bottom: 50px;
        padding-top: 14.583333333333334vw;
    }

    .commit #contents .section-area .article-area {
        margin: 0 0 80px;
    }

    .commit #contents:before {
        width: 17.333333333333336vw;
        padding-top: 5.337826666666667vw;
        right: 1.33333333333333354vw;
        top: 3.125vw;
    }

    /*----------------------------------------*/
    /* Intro
    /*----------------------------------------*/
    .commit .intro .description dl dt {
        /*margin-bottom:20px;*/
        margin-bottom: 2.666666666666667vw;
        /*font-size: 22.5rem;*/
        font-size: 3vw;
    }

    .commit .intro .description dl dd {
        /*font-size: 1.8rem;*/
        font-size: 2.4vw;
    }

    .commit .commit_common .article-body dl dt {
        /*font-size: 2rem;*/
        font-size: 2.666666666666667vw;
    }

    /*----------------------------------------*/
    /* Commitment (共通)
    /*----------------------------------------*/
    .commit .commit_common {
        /* padding-top: 175px; */
        padding-top: 30vw;
    }

    .commit .commit_common .article-head {
        /* width: 110px; */
        width: 14.666666666666666vw;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_title {
        font-size: 2vw;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_num {
        font-size: 5.333333333333334vw;
    }

    .commit .commit_odd .article-body {
        /*
        margin: 0 0 0 -110px;
        padding: 0 0 0 150px;
        */
        margin: 0 0 0 -14.666666666666666vw;
        padding: 0 0 0 14.666666666666666vw;
    }

    .commit .commit_common .article-body .detailBox .detailBoxInner {
        max-width: 61.25vw;
        padding-top: 13.333333333333334vw;
    }

    .commit .commit_common:before {
        padding-top: 40%;
        background-position: bottom center;
    }

    .commit .commit_common .article-foot span.image {
        max-width: 45vw;
    }

    .commit .commit_even .article-body {
        /*
        margin: 0 -110px 0 0;
        padding: 0 150px 0 0 ;
        */
        margin: 0 -14.666666666666666vw 0 0;
        padding: 0 14.666666666666666vw 0 0;
    }

    /*----------------------------------------*/
    /* Commitment (１)
    /*----------------------------------------*/
    .commit .commit_1 .article-body:after {
        width: 13.866666666666665vw;
        padding-top: 20vw;
    }

    .commit .commit_1 .article-foot {
        padding: 21.09375vw 0 0 !important;
    }

    .commit .commit_1 .article-foot:after {
        right: 5.333333333333334vw;
        width: 32.22296vw;
        padding-top: 13.333333333333334vw;
        top: 3.90625vw;
        height: 0;
    }

    /*----------------------------------------*/
    /* Commitment (２)
    /*----------------------------------------*/
    .commit .commit_2 .article-foot:after {
        width: 23.200000000000003vw;
        padding-top: 20vw;
        left: 16vw;
    }

    .commit .commit_2 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    /*----------------------------------------*/
    /* Commitment (３)
    /*----------------------------------------*/
    .commit .commit_3 .article-foot:after {
        width: 17.466666666666665vw;
        padding-top: 13.333333333333334vw;
        right: 3.125vw;
    }

    .commit .commit_3 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    /*----------------------------------------*/
    /* Commitment (４)
    /*----------------------------------------*/
    .commit .commit_4 .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .commit #contents .main .mainInner {
        padding-top:37.5vw;
    }

    /*----------------------------------------*/
    /* Intro
    /*----------------------------------------*/
    .commit .intro .article-body {
        display: block;
        /*padding-bottom:140px;*/
        padding-bottom: 21.875vw;
    }

    .commit .intro .article-body:after {
        right: 3.90625vw;
        bottom: 0vw;
        width: 21.875vw;
        padding-top: 15.625vw;
    }

    .commit .intro .description dl {
        /*width:600px;*/
        max-width: 100%;
    }

    .commit .intro .description dl dt {
        /*margin-bottom:20px;*/
        margin-bottom: 2.666666666666667vw;
        /*font-size: 2rem;*/
        font-size: 3.125vw;
    }

    .commit .intro .description dl dd {
        /*font-size: 1.7rem;*/
        font-size: 2.65625vw;
    }

    .commit .commit_common .article-body dl dt {
        /*font-size: 2rem;*/
        font-size: 3.125vw;
    }

    /*----------------------------------------*/
    /* Commitment (共通)
    /*----------------------------------------*/
    .commit .commit_common {
        /* padding-top: 200px; */
        padding-top: 30vw;
    }

    .commit .commit_common .article-head {
        /* width: 110px; */
        width: 15.625vw;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_title {
        line-height: 1;
        margin-bottom: 5px;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_num {
        font-size: 6.25vw;
    }

    .commit .commit_common .article-body .detailBox .detailBoxInner {
        max-width: 100%;
    }

    .commit .commit_common .article-body .detailBox .detailBoxInner {
        padding-top: 13.333333333333334vw;
    }

    .commit .commit_common .article-body {
        margin: 0 0 0 -15.625vw;
        padding: 0 0 21.875vw 15.625vw;
    }

    .commit .commit_common .article-foot {
        padding: 6.25vw 0 0;
    }

    .commit .commit_even .article-body {
        margin: 0 -15.625vw 0 0;
        padding: 0 15.625vw 0 0;
    }

    .commit .commit_odd .article-body {
        margin: 0 0 0 -15.625vw;
        padding: 0 0 0 15.625vw;
    }

    /*----------------------------------------*/
    /* Commitment (１)
    /*----------------------------------------*/
    .commit .commit_1 .article-body {
        margin: 0 0 0 -15.625vw;
        padding: 31.25vw 0 0 15.625vw;
    }

    .commit .commit_1 .article-body:after {
        bottom: inherit;
        top: 11.71875vw;
        left: inherit;
        right: 3.90625vw;
        width: 10.78125vw;
        padding-top: 15.625vw;
    }

    .commit .commit_1 .article-body .detailBox .detailBoxInner {
        padding-top: 0 !important;
    }

    /*----------------------------------------*/
    /* Commitment (３)
    /*----------------------------------------*/
    .commit .commit_3 .article-foot:after {
        width: 20.46875vw;
        padding-top: 15.625vw;
        right: 3.125vw;
    }

    /*----------------------------------------*/
    /* Commitment (４)
    /*----------------------------------------*/
    .commit .commit_4 .article-foot {
        padding-bottom: 17.1875vw;
    }
    .commit .commit_4 .article-foot:after {
        bottom: 0;
        padding-top:13.28125vw;
        width: 17.65625vw;
        left: 3.125vw;
    }
}

@media screen and (max-width: 480px) {
    .commit #contents:before {
        width: 22.083333333333332vw;
        padding-top: 6.875000000000001vw;
        right: 1.33333333333333354vw;
        top: 25vw;
    }

    /*----------------------------------------*/
    /* Intro
    /*----------------------------------------*/
    .commit .intro .description dl {
        /*width:600px;*/
        max-width: 100%;
    }

    .commit .intro .description dl dt {
        /*margin-bottom:20px;*/
        margin-bottom: 2.666666666666667vw;
        /*font-size: 2rem;*/
        font-size: 4.166666666666666vw;
    }

    .commit .intro .description dl dd {
        /*font-size: 1.7rem;*/
        font-size: 3.5416666666666665vw;
    }

    .commit .commit_common {
        /* padding-top: 160px; */
        padding-top: 31.25vw;
    }

    .commit .commit_common:before {
        padding-top: 45%;
    }

    .commit .commit_common .article-head {
        /* width: 70px; */
        width:14.583333333333334vw;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_title {
        font-size: 2.083333333333333vw;
    }

    .commit .commit_common .article-head h3 .commit_numBox .commit_num {
        font-size: 8.333333333333332vw;
    }

    .commit .commit_common .article-body dl dt {
        /*font-size: 2rem;*/
        font-size: 4.166666666666666vw;
    }

    .commit .commit_common .article-body dl dt br.sp {
        display: none;
    }

    .commit .commit_common .article-body .detailBox .detailBoxInner {
        padding-top: 18.5vw;
    }

    .commit .commit_common .article-foot span.image {
        max-width: 50vw;
    }

    .commit .commit_even .article-body {
        margin: 0 -14.583333333333334vw 0 0;
        padding: 0 14.583333333333334vw 0 0;
    }

    .commit .commit_odd .article-body {
        margin: 0 0 0 -14.583333333333334vw;
        padding: 0 0 0 14.583333333333334vw;
    }

    .commit .commit_1 .article-body {
        margin: 0 0 0 -14.583333333333334vw;
        padding: 37.5vw 0 0 14.583333333333334vw;
    }

    .commit .commit_1 .article-body:after {
        top: 18.5vw;
    }

    .commit .commit_1 .article-foot:after {
        right: 0;
    }

    .commit .commit_2 .article-foot:after {
        left: 8vw;
    }
}

@media screen and (max-width: 350px) {}