#container{
    #main_col{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #left_col{
        width: 780px;
        margin: 0 auto;
    }
    #side_col{
        width: 780px;
        margin: 0 auto;
    }
    .styled_post_list1{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }
    .styled_post_list1 li{
        width: calc(100% / 3);
        height: auto;
    }
    #left_col #article #post_title{
        color: #666666;
    }
    .styled_post_list1 li:nth-child(2n){
        border-right: 1px solid #ddd;
    }
    .side_headline{
        margin-top: 50px;
    }
    .wp-block-buttons .wp-block-button__link{
        background-color: #B0CFD2;
        color: #fff;
        height: 55px;
        line-height: 55px;
        width: auto;
        border-radius: 0;
        display: flex;
        margin: 0 auto;
        justify-content: center;
        position: relative;
        align-items: center;
        padding: 0 2em 0 1em;
    }
    .wp-block-buttons .wp-block-button__link[href*="/contact/"]{
        background-color: #8c7d7c;
    }
    .wp-block-buttons .wp-block-button__link::after {
        content: '';
        position: absolute;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 10px solid #fff;
        right: 1em;
        top: 2２px;
        transform: rotate(270deg);
    }
    .table-of-contents{
        width:600px;
        background-color:#f9f9f9;
        padding:20px 50px;
        margin:0 auto 30px;
    }
    .table-of-contents-title{
        font-size:20px;
        font-weight: bold;
        padding-bottom: 15px;
        margin-bottom: 30px;
        border-bottom: 1px solid #CACACA;
    }
    .headline-number{
        margin-right: 1em;
    }
    .nested-headline-number{
        margin-left: 2em;
    }
    .headline{
        font-weight: bold;
        margin:5px 0 1em;
    }
    .headline *{
        font-size: 16px;
    }
    .headline li{
        margin-bottom: 1em;
    }
    .headline-contents{
        text-decoration: underline;
    }
    .contents-title {
        line-height: 1;
        font-size: 35px;
        border-bottom: 1px solid #CACACA;
        padding-bottom:10px;
        margin-bottom:10px;
        display: flex;
        align-items: center;
    }
    .post_content{
        ol{
            list-style: none;
            li{
                a{
                    color: #666666;
                }
            }
        }
    }
}
@media (max-width: 1280px) {
     #container{
        .styled_post_list1{
            margin-bottom: 50px;
        }
    }
}
@media (min-width:801px) {
    #container{
        .styled_post_list1{
            border: none;
            li{
                margin: 0;
            }
            li:nth-child(2n){
                border-right: 1px solid #ddd;
            }
            li:nth-child(n+4){
                border-bottom: 1px solid #ddd;
            }
            li:first-child ,
            li:nth-child(4){
                border-left: 1px solid #ddd;
            }
        } 
    }
}
@media (max-width:800px) {
    body{
        #container{
            .styled_post_list1 li{
                width:100%;
                border-right: none;
                .other-contents{
                    display: flex;
                    column-gap: 20px;
                    .image { 
                        width:130px;
                        height: 80px;
                        img{
                            height: 80px;
                            object-fit: cover;
                        }
                    }
                    .info{
                        width:calc(100% - 150px);
                    }
                }
            }
            .styled_post_list1 li:nth-child(2n){
                border-right: none;
            }
            #left_col{
                width: 100%;
                margin: 0 auto;
            }
            #left_col #article #post_title{
                font-size: 21px;
            }
            #side_col{
                width: 100%;
            }
            .wp-block-buttons .wp-block-button__link{
                justify-content: left;
                padding-left: 1em;
                box-sizing: border-box;
            }
            .is-layout-flex{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }
            .table-of-contents{
                width: auto;
                padding: 6vw 4vw;
            }
        }
    }
}