.inner {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}



.page-hero--history {
  padding: 80px 0;
  position: relative;
  color: #333;
}
.page-hero--history::before {
  content:"";
  position:absolute;
  inset:0;
  background: #fff;
}

.history-list {
  margin-top: 40px;
  border-left: 3px solid #0a5f4f; /* ブランドカラーの深緑など */
  padding-left: 30px;
}
.history-item {
  display: flex;
  gap: 5px;
  padding: 22px 0;
  border-bottom: 1px dotted #ccc;
	align-items: center;
}
.history-year {
  width: 60px;
  font-weight: 700;
  color: #333;
}

.history-date {
  width: 80px; /* 年月でも収まるよう少し広めに */
  font-weight: 700;
  color: #333;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 4px;
	font-weight: 700;
}

.history-text {
  flex: 1;
  line-height: 1.8;
}

@media (max-width: 768px) {
.history-date {
  width: 60px;
}
  .history-item {
    flex-direction: row;
    gap: 4px;
  }
  .history-year {
    width: auto;
  }
	.history-list{
		margin-bottom: 50px;
	}
	
	
}