#blog-contents {
	display: grid;
	> * + * {
		margin-block-start: calc(24 * var(--rem));
	}
    .blog-post-contents {
        .main {
            .blogDetail {
                .blog_inner {
                    padding: 0;
                    border-bottom: none;
                    .blog_contents {
                        > * + * {
                            margin-block-start: calc(24 * var(--rem));
                        }
                        .blog_title {
                            h2 {
                                span {
                                    --icon-size-30: calc(30 * var(--rem));
                                    display: flex;
                                    gap: calc(8 * var(--rem));
                                    &::before {
                                        content: "";
                                        display: inline-block;
                                        width: var(--icon-size-30);
                                        height: var(--icon-size-30);
                                        background-image: var(--icon-h-bk);
                                        background-position: center;
                                        background-size: contain;
                                        background-repeat: no-repeat;
                                        margin-block-start: 1px;
                                        @media (min-width: 768px) {
                                            margin-block-start: calc(10 * var(--rem));
                                        }
                                    }
                                }
                            }
                        }
                        .blog_publish {
                            margin-block-end: 0;
                            .publish_date {
                                font-size: 1rem;
                                margin: 0;
                            }
                        }
                        .social {
                            display: none;
                        }
                    }
                }
            }
        }
    }
	.new-blog-ttl {
		margin-block: calc((104 * 2) * var(--rem)) calc(64 * var(--rem));
	}
	.back-list-page {
		margin-block-start: calc(24 * var(--rem));
	}
}