@charset "utf-8";

/*----------------------------
* main配置
*----------------------------*/
/* h2見出しの配置 */
.blog__title {
    margin: 20px 0 28px 0;
}

.contents {
    margin: 40px 0;
    border-top: 1px solid #333;
}

.contents__item {
    padding: 40px 0;
    border-bottom: 1px solid #333;
}

.contents__item h3,
.contents__item p {
    margin-bottom: 8px;
    text-align: justify;
}

/* main配置メディアクエリ */
@media screen and (min-width:769px) {

    /* 「Blog」見出し */
    .blog {
        position: relative;
    }

    .blog__title {
        display: inline-block;
        position: absolute;
        right: 0;
        transform: translate(0px, -150px);
    }

    .contents {
        margin: 80px 0;
    }

    .contents__item {
        display: flex;
        padding: 56px 0;
    }

    .contents__date {
        width: 15%;
    }

    .contents__item h3 {
        margin-bottom: 24PX;
    }

}