body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    padding-top: 100px;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.news-wrap{
    margin:100px;
}
.news-h2{
    display: flex;
        align-items: flex-end;
        padding-left: 5%;
}
.news-l {
    width: 150px;
}
.news-h2 h2 img {
    width: 100%;
}
.news-h2 p {
    font-size: 12px;
    padding-bottom: 4%;
}
.news-contents{
    padding-top: 5%;
}

.news-1{
    list-style: none;
    width: 84%;
    margin-bottom: 3%;
    padding: 5% 8%;
    border: 1px solid;
    border-radius: 150px;
    display: flex;
        align-items: flex-start;
        flex-direction: column;
}
.news-2 dd{
    padding: 50px 0 0px;
    display: flex;
}
.news-2 dd a{
    color: #202020;
}
.news-1 dd img{
    width: 90%;
    padding-bottom: 50px;
}
.news-contents-l{
    width: 45%;
}
.news-1 dd{
    padding: 50px 0 0px;
    display: flex;
}
.news-1 dd a{
    color: #202020;
}

.news-1 dl{
background-color: #DA1519;
}

.news-2{
    list-style: none;
    width: 84%;
    margin-bottom: 3%;
    padding: 5% 8%;
    border: 1px solid;
    border-radius: 150px;
    display: flex;
        align-items: flex-start;
        flex-direction: column;
}

.news-1:hover{
    color: #fff!important;
    background-color: #DA1519;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.news-2:hover{
    color: #fff!important;
    background-color: #DA1519;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.news_contents{
    padding-top: 60px;
}
.news_contents dt{
    display: flex;
    width: 100%;
}

.content{
    padding-left: 5%;
}


@media(max-width:959px){
    .body p{
        line-height: 1.7;
            }
    .news-wrap {
        margin: 30px 30px;
    }
    .news-h2 {
        display: flex
    ;
        align-items: flex-start;
        padding-left: 5%;
        flex-direction: column;
    }
    .news_contents {
        padding-top: 30px;
    }
    .news_contents dt {
        display: flex
    ;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .content {
        padding-left: 0;
        padding-top: 2%;
    }
    .news-1.open {
        border-radius:30px;
    }
    .news-2.open {
        border-radius:30px;
    }
    .news-1 dd {
        padding: 30px 0 0px;
        display: flex
    ;
        flex-direction: column;
    }
    .news-contents-l {
        width: 100%;
    }
    .news-1 dd img {
        width: 100%;
        padding-bottom: 30px;
    }
    .news-2 dd {
        padding: 30px 0 0px;
        display: flex
    ;
    }
}