@charset "UTF-8";

/*-------------------------
__news_style
-------------------------*/
#main_title_box{background:url("images/title_bg.webp")no-repeat center;background-size:cover;}
#news{margin:80px auto 100px;box-sizing:border-box;padding:0 20px;}
#news .news_wrap{width:1200px;margin:auto;text-align:left;}
#news .news_wrap dl{display:flex;box-sizing:border-box;padding:25px 0;font-size:1.4em;line-height:1.5;letter-spacing:0.04em;font-weight:400;border-bottom:1px solid #ddd;position:relative;}
#news .news_wrap dl:first-child{border-top:1px solid #ddd;}
#news .news_wrap dl::before{content:"";display:inline-block;width:20px;height:1px;background:#46413c;position:absolute;bottom:-1px;left:0;}
#news .news_wrap dl dt::before{content:"";display:inline-block;width:20px;height:1px;background:#46413c;position:absolute;top:-1px;left:0;}
#news .news_wrap dl dt{font-weight:500;width:135px;display:flex;justify-content:space-between;align-items:flex-start;}
#news .news_wrap dl dt .new_mark{font-size:10px;background:#24374e;color:#FFF;box-sizing:border-box;padding:1px 5px;margin-top:1px;}
#news .news_wrap dl dd{width:calc(100% - 135px);box-sizing:border-box;padding-left:40px;}
#news .news_wrap dl dd a{color:#46413c;}
@media only screen and (min-width: 767px){
#news .news_wrap dl dd a{transition:opacity 0.3s;}
#news .news_wrap dl dd a:hover{opacity:0.6;text-decoration:none;}
}
@media only screen and (max-width: 767px){
#news{margin:50px auto;}
#news .news_wrap{width:100%;}
#news .news_wrap dl{display:block;padding:15px 0;}
#news .news_wrap dl dd{width:100%;padding:10px 0 0;}
}