/* ==============================================
   沿革: history.css
   共通: ../css/common/base.css, header.css, footer.css
============================================== */

/* ===== 沿革 ===== */
.timeline{position:relative; padding-left:40px;}
.timeline::before{content:''; position:absolute; left:6px; top:8px; bottom:8px; width:2px; background:linear-gradient(to bottom, var(--cyan), var(--navy3));}
.timelineItem{position:relative; margin-bottom:0; padding-bottom:0;}
.timelineItem::before{content:''; position:absolute; left:-37px; top:18px; width:10px; height:10px; border-radius:50%; background:var(--cyan); border:2px solid var(--white); box-shadow:0 0 0 2px var(--cyan);}
.timelineItem.milestone::before{width:14px; height:14px; left:-39px; background:var(--red); box-shadow:0 0 0 2px var(--red);}
.timelineRow{display:grid; grid-template-columns:100px 1fr; gap:24px; padding:16px 0; border-bottom:1px solid var(--rule); align-items:start;}
.timelineItem:last-child .timelineRow{border-bottom:none;}
.timelineYear{font-family:'Bebas Neue', sans-serif; font-size:20px; color:var(--cyan); letter-spacing:1px; line-height:1.4; padding-top:2px;}
.timelineYear small{display:block; font-family:'Noto Sans JP', sans-serif; font-size:10px; color:var(--gray); letter-spacing:0; font-weight:400;}
.timelineTitle{font-family:'Noto Serif JP', serif; font-size:15px; font-weight:700; color:var(--navy); margin-bottom:4px; line-height:1.5;}
.timelineItem.milestone .timelineTitle{color:var(--red-dark);}
.timelineBody{font-size:13px; color:var(--gray); line-height:1.9;}
.timelineTag{display:inline-block; font-size:9px; letter-spacing:2px; padding:2px 8px; border-radius:2px; margin-bottom:6px; font-weight:500;}
.timelineTag.found{background:var(--cyan-light); color:var(--cyan-dark);}
.timelineTag.expand{background:#EEF6EE; color:#2E7D32;}
.timelineTag.product{background:#FFF3E0; color:#E65100;}
.timelineTag.award{background:#FEE8EC; color:var(--red-dark);}

/* BACK LINK */
.backLinkWrap{padding:0 0 80px;text-align:center;}
.backLink{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--gray);border:1px solid var(--rule);padding:10px 24px;border-radius:4px;transition:color .2s,border-color .2s;}
.backLink:hover{color:var(--cyan);border-bottom-color:var(--cyan);border-color:var(--cyan);}

/* RESPONSIVE */
@media screen and (max-width:1024px){
 .timeline{padding-left:28px;}
 .timelineRow{grid-template-columns:80px 1fr;gap:12px;}
}
@media screen and (max-width:640px){

}
/* ===== INLINE STYLE 移行クラス ===== */
.timelineMilestoneBox{margin-top:16px; display:flex; align-items:center; gap:20px; background:var(--bg); border-radius:8px; padding:16px 20px;}
.ecotomboImg{width:120px; height:auto; filter:drop-shadow(0 4px 12px rgba(0,0,0,0.1));}
.milestoneEyebrow{font-size:10px; letter-spacing:2px; color:var(--cyan); margin-bottom:6px; font-family:'Bebas Neue', sans-serif;}
.milestoneTitle{font-family:'Noto Serif JP', serif; font-size:15px; font-weight:700; color:var(--navy); margin-bottom:4px;}
.milestoneBody{font-size:12px; color:var(--gray); line-height:1.8;}