@charset "utf-8";

/* ---------------------------------------------------- */
/* sec_top_wrap */
/* ---------------------------------------------------- */
.sec_top_wrap {
    padding-top: 80px;
}
@media (max-width: 999px) {
    .sec_top_wrap {
        padding-top: 50px;
    }
}

/* ---------------------------------------------------- */
/* sec_post_wrap */
/* ---------------------------------------------------- */
.sec_post_wrap {
    padding-top: 40px;
}

.sec_post_wrap .img_1 {
    margin-bottom: 40px;
}

.sec_post_wrap .img_1 > span {
    padding-top: 56%;
}

.sec_post_wrap .meta_1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-family: var(--ff_en_1);
    line-height: 1.2;
}
.sec_post_wrap .meta_1 > * {
    margin-right: 10px;
}
.sec_post_wrap .meta_1 > * > * {
    margin-right: 10px;
}
.sec_post_wrap .meta_1 .cat {
    padding-right: 10px;
    border-right: 1px solid var(--co_3);
}
.sec_post_wrap .meta_1 .date {
    display: flex;
    flex-wrap: wrap;
    font-family: var(--ff_en_1);
}
.sec_post_wrap .meta_1 .tag > *::before {
    content: "#";
}

.sec_post_wrap .ttl_1 {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

@media (max-width: 999px) {
    .sec_post_wrap {
        padding-top: 30px;
    }

    .sec_post_wrap .img_1 {
        margin-bottom: 30px;
    }

    .sec_pos .sec_post_wrap .ttl_1 {
        margin-bottom: 30px;
    }
}

/* ---------------------------------------------------- */
/* sec_bottom_wrap */
/* ---------------------------------------------------- */
.sec_bottom_wrap {
    padding-top: 80px;
    padding-bottom: 80px;
}
.sec_bottom_wrap .ttl_1 {
    margin-bottom: 50px;
}
@media (max-width: 999px) {
    .sec_bottom_wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sec_bottom_wrap .ttl_1 {
        margin-bottom: 30px;
    }
}

/* ---------------------------------------------------- */
/* sec_archive_wrap */
/* ---------------------------------------------------- */
.sec_archive_wrap {
    padding-bottom: 80px;
}
.sec_archive_wrap .ttl_1 {
    margin-bottom: 50px;
}

@media (max-width: 999px) {
    .sec_archive_wrap {
        padding-bottom: 50px;
    }
    .sec_archive_wrap .ttl_1 {
        margin-bottom: 30px;
    }
}