@charset "utf-8";

/*---------------------------------------------
shanghai
---------------------------------------------*/
#honor .sec01 .block {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 110px;
}

.eventWrap {
}

.eventList {
	display: flex;
	align-items: start;
	margin-bottom: 35px;
	 
}
.eventList .div_1 {
	margin-right: 44px;
	flex: none;
	display: flex;
	align-items: center;
}
.eventList .div_2 {
	width: 100%;
}

.yearWrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}

.yearList {
	padding-right: 22px;
	padding-left: 22px;
	margin-bottom: 15px;
	position: relative;
	color: var(--Rinnai-Gray-2);
	cursor: pointer;
	transition: 300ms ease all;
}

.yearList::before,
.yearList::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	height: 80%;
	width: 1px;
	background-color: var(--Rinnai-Gray-3);
}

.yearList::before {
	left: 0;
}
.yearList::after {
	right: -1px;
}

.yearList.Select,
.yearList:hover {
	color: var(--Rinnai-Gray-1);
}

@media (max-width: 767px) {
	#honor .sec01 .block {
		display: block;
		margin-top: 50px;
	}
	#honor .sec01 .txtdiv {
		width: 100%;
		margin-top: 10px;
		padding-right: 0;
	}
	#honor .sec01 .imgdiv {
		width: 100%;
	}

	.yearList {
		padding-left: 0;
		padding-right: 0;
		width: calc(100% / 5);
        text-align: center;
	}
	.eventList{
		margin-bottom:20px;
	}
	.eventList .div_1 {
		margin-right: 20px;
	}
}