@charset "utf-8";
#news{
    .wrap{
        .contents{
            .contents_inner{
                width: 100%;
                display: grid;
                justify-self: center!important;
                .news{
                    display: grid;
                    grid-row-gap: 1em;
                    justify-content: center;
                    dl{
                        display: grid;
                        grid-template-columns: 5em 1fr;
                        grid-column-gap: 2em;
                        dt{
                            line-height: 2;
                        }
                        dd{
                            line-height: 2;
                        }
                    }
               }
            }
        }
    }
    &.single {
        .wrap {
            padding-top: 90px;
            .contents {
                .newswrap {
                   /* .catlist{
                        background-color: #027A36;
                        padding: 0.5em 1em 0.6em;
                        color: #fff;
                        display: inline-block;
                        font-size: 1.3rem;
                        margin-bottom: 1.5em;
                        .cats{
                            a{
                                color: #fff!important;
                            }                          
                        }
                    }*/
                    .title_box{
                        display: grid;
                        grid-template-columns: 1fr 10em;
                        position: relative;
                        border-bottom: solid 4px #027A36;
                        margin-bottom: 50px;
                        align-items: center;
                        justify-content: space-between;
                        h2{
                            font-size: 2.4rem;
                            padding-bottom: 0.5em;
                            border-bottom: none;
                            line-height: 1.4;
                            &::after{
                                    border-bottom: none;
                            }
                            margin-bottom: 0;
                        }                                                                                                                     &::after{
                            content: "";
                            position: absolute;
                            width: 80%;
                            border-bottom: solid 4px #E5E5E5;
                            bottom: -4px;
                            right: 0px;
                        }
                        .date{
                                text-align: right;
                                font-size: 1.5rem;
                        }
                    }
                    .contbox{
                        p{
                            font-size: 1.8rem;
                            line-height: 2;
                            margin-bottom: 50px;
                        }
                    }
                }
            }
        }
    }
}

@media (hover:hover) {
    #news{
        .wrap{
            .contents{
                .newswrap {
                    .contbox{
                        a{
                            &:hover{
                                background-color: #dddbdb;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
    
}