/* CSS Document */

.container h2{ text-align: center;}
.news_css + .news_css{ margin-top: 6rem;}
.container.news_css p{ font-size: 15px;}
.container.news_css p strong{ border-bottom: #8d6f46 1px solid; padding-bottom: .2rem;}
.container.news_css table th,.container.news_css table td{ font-size: 22px; }
.container.news_css table th{ width: 25%;}
.container.news_css table td small{ font-size: 14px; line-height: 1.8; display: inline-block; margin-top: .5rem;  }
.main_list li{ list-style: disc; list-style-position: outside; margin-left: 1rem; font-size: 16px; margin-bottom: .5rem;}
.main_list li a{ font-weight: bold;}

.banner_flex{ width: 1000px; margin: 3rem auto; display: flex; justify-content: space-between; align-items: flex-end;} 
.banner_flex li{ width: 47%; height: auto;}

@media(max-width: 768px){
    header .left .logo{ width: 75%; }
    header .left small{ font-size: 8px; margin: 0 0 .3rem;}
    .container.news_css table th,.container.news_css table td{ width: 100%; display: block; font-size: 17px;}
    .container.news_css table:not(.sp-break) tbody th, .container.news_css table:not(.sp-break) thead th:nth-of-type(1){ width: 100%; display: block; }
    
    .banner_flex{ width: 100%; display: block;}
    .banner_flex li{ width: 100%;}
    .banner_flex li + li{ margin-top: 1rem;}
}