@charset "UTF-8";

#yearmenu {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
	
.yearbtn {
	width:11%;
	text-align:center;
	border-left: 1px solid #dedfe3;
	box-sizing: border-box;
}

.yearbtn:last-child{
	border-right: 1px solid #dedfe3;
}

.yearbtn a{
	display: block;
	font-size: 110%;
	line-height: 1.0;
	padding: 0.6em 0;

}
.yearbtn a:hover {
	background-color: #b14545;
	color: #fff;
	cursor:pointer;
	text-decoration: none;
}
.yearbtn.active a{
	background-color: #7d0000;
	color: #fff;
}

/* .yearbtn_activ {
	float:left;
	width:76px;
	height:20px;
	text-align:center;
	font-size:14px;
}
	
.yearbtn_activ{
	background-color:#f5f5f5;
	width:75px;
	height:20px;
	display:block;
	background-position:center top;
	background-repeat:no-repeat;
	cursor:pointer;
	margin:0 5px;
	color:#06C;

} */

/* img.ybon {
	margin:5px auto 0 32px;
	
} */

#y_submenu {
	border-top: solid 0.3em #7d0000;
	border-bottom: solid 1px #aaa;
	margin-bottom: 2em;
	padding: 1em 0;
}

#y_submenu ul {
	display: flex;
	flex-wrap: wrap;
}

#y_submenu ul li{
	list-style-type:none;
	/*margin-right:2em;*/
	display: none;
}
@media screen and (max-width: 768px) {
	/*#y_submenu ul li{ margin-right: 1em;}*/
}
#y_submenu ul li a{
	line-height: 1.0;
	padding: 0.4em 0.5em;
	display: flex;
	align-items: center;
}
#y_submenu ul li a::before{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background: url("../../img/arrow.svg") no-repeat center center;
	background-size: contain;
	margin-right: 0.2em;
}
#y_submenu ul li a:hover{ color: #7d0000;}
#y_submenu a { display: none; }

/* #news_area {
	width:690px;
	height:auto;
} */

/* .news_gray {
	background-color:#f3f3f3;
	margin:0 auto;
	padding:15px;
}

.news_white {
	background-color:#fff;
	margin:0 auto;
	padding:15px;
} */
.news__list li{
    margin-bottom: 1.4em;
    position: relative;
}
.news__list li::before{
    background: -moz-linear-gradient(left,  rgba(125,0,0,0) 0%, rgba(125,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,0,0,0)), color-stop(100%,rgba(125,0,0,1)));
    background: -webkit-linear-gradient(left,  rgba(125,0,0,0) 0%,rgba(125,0,0,1) 100%);
    background: -o-linear-gradient(left,  rgba(125,0,0,0) 0%,rgba(125,0,0,1) 100%);
    background: -ms-linear-gradient(left,  rgba(125,0,0,0) 0%,rgba(125,0,0,1) 100%);
    background: linear-gradient(to right,  rgba(125,0,0,0) 0%,rgba(125,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007d0000', endColorstr='#7d0000',GradientType=1 );
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    /* transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 400ms; */
}
.news__list li::after{
	content: "";
	display: block;
	position: absolute;
    bottom: 2px; right: 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 1.3em 0.6em 0;
	border-color: transparent transparent #7d0000 transparent;
    /* transform: translate(-100%, 0);
    transition: transform 400ms; */
}
.news__list li a{
    display: block;
    padding-bottom: 0.5em;
}
.news__list dl{
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
}
.news__list dl::before{
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7d0000;
    color: #fff;
    min-width: 6em;
    font-size: 88%;
    line-height: 1.2;
    border-radius: 3em;
}
.news__list .ico_genre_cop dl::before{ content: "会社情報";}
.news__list .ico_genre_cha dl::before{ content: "チャリティ";}
.news__list .ico_genre_csr dl::before{ content: "CSR";}
.news__list .ico_genre_emp dl::before{ content: "採用情報";}
.news__list .ico_genre_biz dl::before{ content: "ビジネス";}
.news__list .ico_genre_news dl::before{ content: "お知らせ";}
.news__list .ico_genre_reg dl::before{ content: "再生・改革";}

.news__list__update{
    font-size: 88%;
    line-height: 1.4;
    color: #555;
    margin: 0 1.5em;
}
.news__list li a:hover dt{ color: #888;}
.news__list dt{ width: calc( 100% - 15em);}

@media screen and (max-width: 950px) {
    .news__list dt{ width: 100%;}
}