@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;700&display=swap');

.blog-back-conts {
    display: flex;
    flex-direction: row;
    /* 横方向に並べる */
    gap: 20px;
    /* 各コンテンツの間隔を指定 */
}

.blog-cont-title {
    background-color: rgba(250, 250, 250, 0.1);
    border-radius: 10px 1px;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-right: 80%;
    padding-top: 0.25%;
    padding-left: 10px;
    padding-bottom: 0.5%;
    width: 140px;
}

.blog-cont {
    font-family: 'Noto Sans JP', sans-serif;
}

.contentJP {
    position: relative;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.contentJP::before {
    margin-left: 10px;
    content: "";
    position: absolute;
    /* 擬似要素の絶対位置を指定 */
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    /* 線の太さ */
    background-color: #017c1f;
    /* 線の色 */
}