@charset "UTF-8";
/* news.css */


section.main{ margin-top:68px;}

@media (max-width: 767px) {
section.main{ margin-top:64px;}
}

.ttl{ background:url(../images/news/main_bg.jpg) no-repeat top center; background-size:cover; height:368px;}
.ttl .inner{ width:1320px; margin:0 auto; position:relative;}
.ttl .top_txt{ position:absolute; left:0; top:110px;}
.ttl .top_txt h1{ font-size:38px; font-weight:bold; color:#fff; margin-bottom:10px; text-align:left;}
.ttl .top_txt p{ font-size:19px; font-weight:bold; color:#FFF; text-align:left; line-height:1.8;}

@media screen and (max-width: 1320px) {
.ttl .inner{ width:100%;  position: inherit;}
.ttl .top_txt{ position:absolute; left:20px; top:20%;}
}


@media (max-width: 767px) {
.ttl{ height:auto;}
.ttl .inner{ width:100%;  position: inherit;}
.ttl .top_txt{ position:inherit; padding:40px 10px;}
.ttl .top_txt h1{ font-size: 24px; font-size: 5vw;
    line-height: 1.4;}
.ttl .top_txt p{ font-size: 16px; font-size: 3.2vw;}
.ttl .top_txt br{ display:none;}
}



.contents{width:1320px; margin:80px auto 40px; }
.contents p.date{ font-size:16px; text-align:right; margin-bottom:10px; margin-top:10px;}
.contents p{ font-size:16px; text-align:left;  }
.contents p.news_txt{ line-height:3;}

/* 追記　*/
.contents .news_inner h2{ font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.contents .news_inner h3{ font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.contents .news_inner h4{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.contents .news_inner ul{ margin: 10px 0 10px 10px;}
.contents .news_inner ul li{ font-size: 16px; }
.contents .news_inner ul li:before{ content: "●"; margin-right: 5px;}
.contents .news_inner table.wp-block-table{ border-collapse: collapse; border: 1px solid #585858; box-sizing: border-box; width: 95%; margin: 20px 0 20px 10px;}
.contents .news_inner table.wp-block-table td{ padding: 10px; border: 1px solid #585858;}

@media screen and (max-width: 1320px) {
.contents{width:100%; margin:80px auto 40px;padding-right: 15px;
    padding-left: 15px; box-sizing:border-box; }
}



@media (max-width: 767px) {
.contents{width:100%; margin:20px auto; display:block;
    padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
.contents p.date{  font-size: 3.2vw;}
.contents p{  font-size: 3.2vw;}
.contents p.news_txt{ line-height:1.8;}

/* 追記　*/
.contents .news_inner h2{ font-size: 4vw; margin-bottom: 10px;}
.contents .news_inner h3{ font-size: 3.7vw; margin-bottom: 10px;}
.contents .news_inner h4{ font-size: 3.4vw; margin-bottom: 5px;}
.contents .news_inner ul li{ font-size: 3.2vw; }
.contents .news_inner table.wp-block-table{ margin: 10px 0 10px 5px; border: none; border-bottom: 1px solid #585858;}
.contents .news_inner table.wp-block-table td{ padding: 10px; border: 1px solid #585858; width: 100%; display: block; border-bottom: none; font-size: 3.2vw;}    
}

.news_cnt{  text-align:left; width:1200px; margin:0 auto; }
.news_cnt dl{font-size:16px; line-height:3; color:#000;}
.news_cnt dt{width:15%; float:left; clear:both; position:relative; padding-left:40px; }
.news_cnt dt:before{ content:""; width:15px; height:15px; background:url(../images/news/ttl_icon.png) no-repeat top center; background-size:cover; position:absolute; top:0; bottom:0; margin:auto; left:0;}
.news_cnt dd{ width:85%; float:left;}
.news_cnt dd a:hover{ text-decoration:underline;}

.news_inner{ width:950px; margin:0 auto;}

@media screen and (max-width: 1200px) {
.news_cnt{ width:100%; margin:0 auto; }
.news_cnt dt{width:23%; }
.news_cnt dd{ width:75%; float:left;}
.news_inner{ width:100%; margin:0 auto;}
}    


@media (max-width: 767px) {
.news_cnt{ width:100%; }
.news_cnt dl{font-size: 3.2vw; line-height:1.8; }
.news_cnt dt{width:100%; float: none; display:block; margin-bottom:10px; padding-left:20px; }
.news_cnt dd{ width:100%; float:none; display:block; margin-bottom:20px;}

.news_inner{ width:100%; margin:0 auto;}
}


.pager {
    overflow: hidden; clear:both; padding:40px 0;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 10px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 15px 25px;
}
 
.pager ul li a {
    background: #ff7e00;
    color: #fff;
    text-decoration: none;
}
 
.pager ul li a:hover {
    color: #FFF;
}

.pager p{ text-align:center;}
.pager p a:hover{ text-decoration:underline;}

@media (max-width: 767px) {
.pager {padding:20px 0;}
.pager ul li span,
.pager ul li a {
    font-size: 3.2vw;
    padding: 10px 20px;
}
}

.news_btn{ width:300px; margin:40px auto;}
.news_btn a{ width:100%; display:block; border:2px solid #00668d; color:#00668d; font-weight:bold; font-size:20px; text-align:center; position:relative; line-height:60px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.news_btn a:after{ content:""; background:url(../images/news/news_arrow01.png) no-repeat top center; width:24px; height:20px; position:absolute; right:30px; top:0; bottom:0; margin:auto;}

@media (max-width: 767px) {
.news_btn{ width:80%; margin:20px auto;}
.news_btn a{ font-size:4vw; line-height:40px;}
.news_btn a:after{ content:""; background:url(../images/news/news_arrow01.png) no-repeat top center; width:24px; height:20px; position:absolute; right:30px; top:0; bottom:0; margin:auto;}
}