@charset "utf-8";


#news_contents {
    background: #f8f8f8;
    padding: 84px 0px;
    min-width: 1200px;
}

.news_body {
    background: #fff;
    padding: 30px 90px;
    font-size: 18px;
}

#news_contents h1,
#news_contents h2 {
    font-size: 35px;
    line-height: 1.6;
    font-weight: bold;
    margin: 50px 0px;
}

#news_contents h3,
#news_contents h4,
#news_contents h5,
#news_contents h6 {
    font-size: 24px;
    line-height: 1.7;
    font-weight: bold;
    margin: 50px 0px;
}

#news_contents p {
    font-size: 18px;
    line-height: 2;
    margin: 50px 0px;
}
#news_contents .rikunabi {
    margin: 50px 0px 50px;
}
#news_contents a {
    text-decoration: underline;
}

#news_contents img.aligncenter {
    display: block;
    margin: 50px auto;
}

#news_contents img.alignright {
    float: right;
    margin: 0px 0px 20px 40px;
}

#news_contents img.alignleft {
    float: left;
    margin: 0px 40px 20px 0px;
}

#news_contents ul {
    font-size: 18px;
    margin: 50px 0px 50px 80px;
    list-style: disc outside;
    line-height: 2;
}

#news_contents ol {
    font-size: 18px;
    margin: 50px 0px 50px 80px;
    list-style: decimal outside;
    line-height: 2;
}


@media screen and (max-width: 768px) {
    #news_contents {
        padding: 40px 20px;
        min-width: 0px;
    }

    .news_body {
        padding: 10px 20px;
        font-size: 16px;
    }

    #news_contents h1,
    #news_contents h2 {
        font-size: 22px;
        margin: 30px 0px;
    }

    #news_contents h3,
    #news_contents h4,
    #news_contents h5,
    #news_contents h6 {
        font-size: 18px;
        margin: 30px 0px;
    }

    #news_contents p {
        font-size: 16px;
        margin: 30px 0px;
    }
    #news_contents .rikunabi {
        margin: 30px 0px 30px;
    }
    #news_contents ul,
    #news_contents ol {
        font-size: 16px;
        margin: 30px 0px 30px 50px;
    }
}

@media screen and (max-width: 480px) {
    .news_body {
        font-size: 14px;
    }

    #news_contents h1,
    #news_contents h2 {
        font-size: 18px;
    }

    #news_contents h3,
    #news_contents h4,
    #news_contents h5,
    #news_contents h6 {
        font-size: 16px;
    }
    #news_contents img.aligncenter,
    #news_contents img.alignright,
    #news_contents img.alignleft {
        display: block;
        float: none;
        margin: 30px auto;
    }
    #news_contents p,
    #news_contents ul,
    #news_contents ol {
        font-size: 14px;
    }
}

