@charset "UTF-8";

#topics{background-color:#f8f9fa;}
#topics-detail{background-color:#f8f9fa;}
.mv-under{background-image:url(../images/topics/MV_01.jpg);}
.blog .mv-under{background-image:url(../images/blog/MV_01.jpg);}

.news-list{padding:30px 50px 30px; background-color:#fff; box-sizing:border-box;}
.news-list ul li{padding:20px 0; border-bottom:#e1e2e3 solid 1px; background:url(../images/topics/ARROW_01.png) no-repeat right center;}
.news-list ul li:last-child{border:none;}
.news-list ul li .news-info{margin-bottom:8px;}
.news-list ul li .news-info .info-cat{width:90px; font-size:13px; line-height:21px; color:#fff; text-align:center; float:left; margin-right:10px;}
.news-list ul li .news-info .date{float:left; font-size:16px; font-weight:300; line-height:21px; color:#a7a7a7; font-family:'Lato', sans-serif; letter-spacing:1px;}
.news-list ul li h3{padding-right: 50px;font-size:17px; font-weight:500; line-height:22px; letter-spacing:1px;}



.news-article{padding:50px; background-color:#fff; box-sizing:border-box;}
.news-article .news-info{margin-bottom:30px;}
.news-article .news-info .date{float:left; font-size:16px; font-weight:300; letter-spacing:1px; line-height:21px; color:#a7a7a7; font-family:'Lato', sans-serif;}
.news-article .news-info .info-cat{float:right; font-size:13px; line-height:21px; color:#fff; width:90px; text-align:center; display:inline-block;}
.news-article .article-ttl{font-size:22px; font-weight:500; line-height:1.5; padding-bottom:15px; border-bottom:#000 solid 2px; margin-bottom:45px; letter-spacing:1px;}
.news-article .article-body{font-size:15px; line-height:30px;}
.news-article .article-body h2{font-size:20px; font-weight:500; line-height:30px; margin:40px 0 20px; letter-spacing:1px;}
.news-article .article-body h2.h2_mg20{font-size:20px; font-weight:500; line-height:30px; margin:20px 0 20px; letter-spacing:1px;}
.news-article .article-body h3{font-size:20px; font-weight:500; line-height:30px; margin:40px 0 20px; letter-spacing:1px;}
.news-article .article-body h4{font-size:20px; font-weight:500; line-height:30px; margin:40px 0 20px; letter-spacing:1px;}
.news-article .article-body p{font-size:15px; line-height:30px; margin-bottom:20px;}
.news-article .article-body p span {font-weight: bold;}
.news-article .article-body ul{margin-bottom:20px;}
.news-article .article-body ol{margin-bottom:20px;}
.news-article .article-body li{font-size:15px; line-height:30px;}
.news-article .article-body ul li{padding-left:24px; background:url(../images/topics/ICON_check.png) no-repeat left 8px;}
.news-article .article-body ol{counter-reset:my-counter;}
.news-article .article-body ol li{padding-left:24px; position:relative;}
.news-article .article-body ol li:before{content:counter(my-counter); counter-increment:my-counter; background-color:#003851; color:#fff; display:block; position:absolute; left:0; top:5px;  width:20px; line-height:20px; border-radius:50%; text-align:center;}
.news-article .article-body blockquote{
  border:#bcbcbc dashed 1px;
  padding:20px 20px 20px 35px;
  font-size:14px;
  line-height:1.5;
  color:#5e5e5e;
  position:relative;
  display:block;
  margin-bottom:20px;
}
.news-article .article-body blockquote p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0;
}
.news-article .article-body blockquote:before{content:"※"; display:block; position:absolute; left:20px; top:20px;}

.news-article .article-body .two-column img{float:left;}
.news-article .article-body .two-column img:last-child{float:right;}

.news-article .article-body a {
  text-decoration: underline;
}
.news-article .article-body a[href$=".pdf"] {
  background: url(../../images/common/ICON_pdf.png) no-repeat right center;
  padding-right: 20px;
}





@media screen and (max-width:767px){



#topics{background-color:#fff;}
#topics-detail{background-color:#fff;}
.mv-under{background-image:url(../images/topics/sp/MV_01.jpg);}

.news-list{padding:0 15px 20px;}
.news-list ul li{background:none;}
.news-list ul li:last-child{margin-bottom:0; padding-bottom:20px; border-bottom:#e1e2e3 solid 1px;}
.news-list ul li .news-info{margin-bottom:8px;}
.news-list ul li .news-info .info-cat{width:100px; margin-right:0;}
.news-list ul li .news-info .date{float:right;}
.news-list ul li h3{padding-right: 0;font-size:13px; line-height:20px;}




.news-article{padding:35px 15px;}
.news-article .news-info{margin-bottom:20px;}
.news-article .news-info .date{font-size:14px;}
.news-article .news-info .info-cat{color:#fff; width:100px;}
.news-article .article-ttl{font-size:16px; line-height:22px; margin-bottom:18px;}
.news-article .article-body{font-size:13px; line-height:20px;}
.news-article .article-body h2{font-size:15px; line-height:22px; margin:30px 0 18px; padding:12px 15px; box-sizing:border-box; background-color:#f4f4f4;}
.news-article .article-body h3{font-size:15px; line-height:22px; margin:30px 0 18px; padding:12px 15px; box-sizing:border-box; background-color:#f4f4f4;}
.news-article .article-body h4{font-size:15px; line-height:22px; margin:30px 0 18px; padding:12px 15px; box-sizing:border-box; background-color:#f4f4f4;}
.news-article .article-body p{font-size:13px; line-height:20px; margin-bottom:15px;}
.news-article .article-body ul{margin-bottom:15px;}
.news-article .article-body ol{margin-bottom:15px;}
.news-article .article-body li{font-size:13px; line-height:20px;}
.news-article .article-body ul li{padding-left:20px; background:url(../images/topics/sp/ICON_check.png) no-repeat left 5px; background-size:13px auto;}
.news-article .article-body ol{counter-reset:my-counter;}
.news-article .article-body ol li{padding-left:20px;}
.news-article .article-body ol li:before{top:2px;  width:16px; line-height:16px; font-size:10px;}
.news-article .article-body blockquote{padding:16px 16px 16px 30px; font-size:12px;}
.news-article .article-body blockquote p {
  font-size: 12px;
}
.news-article .article-body blockquote:before{content:"※"; display:block; position:absolute; left:18px; top:16px;}

.news-article .article-body .two-column{text-align:center; margin:30px 0;}
.news-article .article-body .two-column img{float:none; margin-bottom:8px;}
.news-article .article-body .two-column img:last-child{float:none;}


}