@charset "utf-8";
/* CSS Document */
/* new
------------------------------------------------------------------- */
#mainvisual{
  background: url(header_new.jpg) center center / cover no-repeat;

}
#new{margin-bottom: 100px;}
#new .more{margin: 10px 0;}
.news_wrap{ margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px #333 dotted;}
.news_txt_box{position: relative; padding-top: 50px;}
.news_txt_box2{position: relative; padding-top: 80px;}

.news_ttl{position: absolute; left:-5%; top:0; border-bottom: 1px solid #433d3c; width: 105%; z-index: 50;  font-size: 1.2rem;}
.news_ttl2{position: absolute; left:-10%; top:0; border-bottom: 1px solid #433d3c; width: 110%; z-index: 50;  font-size: 1.2rem; text-indent: -40px; padding-left: 40px; }

.news_ttl .day,.news_ttl2 .day{margin-right: 10px; font-size: 1rem;}
.news_ttl .icon1{
	border: 1px solid #928178;
  padding: 5px 10px 3px 10px;
  width: 80px;
  font-weight: 100;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  color: #928178;
margin:0 10px 5px 5%;	
}
.news_ttl2 .icon1{
	border: 1px solid #928178;
	text-indent: 0; padding-left: 0;
  padding: 5px 10px 3px 10px;
	
  width: 80px;
  font-weight: 100;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  color: #928178;
margin:0 10px 5px 10%;	
}
@media screen and (max-width: 768px){
	.news_ttl{position: static; border-bottom: 1px solid #433d3c; width: 100%; margin-bottom: 20px;}
	.news_ttl2{position: static; border-bottom: 1px solid #433d3c; width: 100%; margin-bottom: 20px; text-indent: 0; padding-left: 0; }
	.news_ttl .icon1,.news_ttl2 .icon1{margin:0 10px 5px 0;}

}