@charset "utf-8";

@media screen and (max-width: 1024px) {
    .block2{ background: #f3f1ed url(../../img/common_bg.png) no-repeat left top; padding: 0 0 60px; background-size: 140% auto; margin: auto;}

    .top-box{ margin: 0 auto; padding: 160px 40px 60px;}
    .top-box img { width: 85px;}
    .title{ margin: 0 auto 140px; padding: 0 40px;}
    .title h1{font-size: 42px;}

    .news-list { padding: 0 40px;}
    .news-list .item a:hover .news_title{ color: #333;}

    .article_main-block{ margin: 0 40px;}
    .article_box_img img{ width: 100%; height: auto;}
}

@media screen and (max-width: 767px) {
    .top-box{ width: 100%; padding: 90px 20px 40px; box-sizing: border-box;}
    .top-box img { width: 72px; height: auto;}
    .title { width: 100%; margin: 0 auto 40px; padding: 0 20px; box-sizing: border-box;}
    .title h1 { font-size: 22px;}
    .main-block { padding: 0 20px 50px; width: 100%; box-sizing: border-box;}

    .news-list { width: 100%; padding: 0;}
    .news-list .item .date {font-size: 16px; margin-bottom: 5px;}
    .news-list .item .news_title {font-size: 16px;}


    .news-list .item a{ display: block;}
    .news-list .item a:hover .news_title{ color: #333;}

    /* 3rd */
    .s_title{ font-size: 14px; margin: 0 0 28px; padding: 6px 30px;}

    .article_main-block{ margin: 0 20px;}
    .article_box{ margin: 0; padding: 40px 20px 80px;}
    .article_box p{ font-size: 16px;}
    .article_box p + p { margin: 30px 0 0;}
    p.date{ margin-bottom: 40px; font-size: 14px;}
    .tokureinintei img{ width: 100%;}
    .article_box_img img{ width: 100%; height: auto;}

    .btn-box {margin: 0 15px; padding: 10px 20px 0;}
}