@charset "UTF-8";
/* ================================
 *
 * 共通
 *
 * ================================ */
.main_news {
  width: 100%;
  padding-bottom: 50px; 

  background: #fdf9f1;
}
.main_news .article_h2 {
  width: 410px;
  margin: 0 auto;
}
.main_news .article_h2 h2 span {
  position: relative;
}
.main_news .article_h2 h2 span::before {
  position: absolute; 
  top: -3px;
  left: -10px;

  width: 40px;
  height: 40px;

  content: "";

  background: url("../img/cmn/icon_news.png") no-repeat top center;
  background-size: 100%;
}
.main_news .container {
  width: 1100px;
  margin: 0 auto;
}
.main_news .container .news_box {
  width: 990px; 
  margin: 0 auto 20px;
}
.main_news .container ul.news_list li {
  display: inline-block;

  width: 311px;
  height: 345px;
  margin-right: 20px;
  padding: 10px;

  vertical-align: top;

  border-radius: 10px; 
  background: #fff;
}
.main_news .container ul.news_list li .txt {
  font-size: 15px;
  line-height: 1.4;

  overflow: hidden;

  max-height: 45px;
  margin-bottom: 5px;
}
.main_news .container ul.news_list li .date {
  font-size: 14px; 

  color: #a2a49e;
}
.main_news .container ul.news_list li .ph {
  overflow: hidden;

  width: 290px;
  height: 200px;
  margin-bottom: 5px;
}
.main_news .container ul.news_list li .ph img {
  width: 100%;
}
.main_news .container ul.news_list li:last-child {
  margin-right: 0;
}
.main_news .container ul.news_list li span.icon {
  display: inline-block;

  margin-right: 2px;
  margin-bottom: 5px;
  padding: 2px 8px; 

  color: #ee8026;
  border: solid 1px #ee8026;
  border-radius: 20px;
  background: none !important;
}

.other_news {
  width: 620px;
  margin: 0 auto 50px;

  text-align: center;
}
.other_news .box {
  width: 660px;
  padding-top: 15px;
}
.other_news .box ul li {
  font-size: 17px;
  line-height: 1.1em; 

  position: relative;

  display: inline-block;

  padding: 5px 15px;
}
.other_news .box ul li:hover {
  padding: 5px 15px;

  color: #fff;
  border-radius: 5px; 
  background: #ee8026;
}
.other_news .box ul li:hover span {
  color: #fff;
}
.other_news .box ul li .txt {
  overflow: hidden;

  max-height: 40px;
}
.other_news .box ul li span {
  font-size: 10px; 

  display: block;

  color: #baab97;
}
.other_news .box ul li:after {
  position: absolute;
  top: 4px;
  right: 0; 

  height: 30px;

  content: "";

  border-right: dotted 1px #ccc;
}
.other_news .box ul li:last-child::after {
  content: none;
}

.main_news
.main_news .section_detail {
  margin-bottom: 31px;
}