.quicklist_wrap{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;}
.quicklist_item{flex:1 1 calc(50% - 1rem); max-width:50%;}
.quicklist_item .row{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.6rem;border:1px solid #ddd;border-radius:0.8rem;background:#fff;height:100%;}
.quicklist_item .chip{font-weight:700;color:#333;}
.quicklist_item .text a{display:inline-block;padding:0.4rem 1rem;border-radius:0.4rem;background:#0077cc;color:#fff;white-space:nowrap;}

.timeline{margin:2rem 0;}
.timeline-row{position:relative;padding:1.6rem 0 2.4rem;}
.timeline-row::before{content:"";position:absolute;top:1.75rem;left:0;right:0;height:8px;border-radius:4px;background-color:#e0e0e0;}
.timeline-list{display:flex;justify-content:space-between;align-items:flex-start;margin:0;padding:0;list-style:none;}
.timeline-item{position:relative;flex:1 1 0;text-align:center;padding:0 0.4rem;}
.timeline-dot{position:relative;margin:0 auto 1rem;width:14px;height:14px;border-radius:50%;background-color:#4a4a4a;z-index:1;}
.timeline-item.is-blue .timeline-dot{background-color:#0077cc;}
.timeline-item.is-brown .timeline-dot{background-color:#3a2416;}
.timeline-item.is-brown .timeline-date {color:#3a2416;}
.timeline-item.is-pin .timeline-dot{width:18px;height:18px;background-color:#0077cc;border-radius:50% 50% 50% 0;transform:rotate(-45deg);}
.timeline-item.is-pin .timeline-dot::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin-left:-3.5px;margin-top:-3.5px;border-radius:50%;background-color:#ffffff;}
.timeline-text{display:flex; flex-direction:column; font-size:0.9rem;line-height:1.4;color:#555555;}
.timeline-date{display:block;margin-bottom:0.2rem;font-size:1rem;font-weight:700;color:#0077cc;}

.capsule-wrap{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem;}
.capsule-item{flex:1 1 calc(25% - 2rem);}
.capsule-item .img img{width:100%;display:block;background:#eee;}
.capsule-item .txt{margin-top:1rem;}
.capsule-item h4{font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:0.5rem;}
.capsule-item p{font-size:0.9rem;line-height:1.5;color:#444;}
.capsule-item .new{display:inline-block;background:#ff3b3b;color:#fff;font-size:0.75rem;padding:0.1rem 0.4rem;border-radius:4px;margin-right:0.3rem;}



@media (max-width: 1024px) {
	.timeline-list {flex-wrap: wrap; row-gap: 2rem;}
	.timeline-item {flex: 0 0 25%;}
	
	.capsule-item{flex:1 1 calc(50% - 2rem);
}


@media (max-width: 840px) {
	.quicklist_item .row {flex-direction:column; gap:0.5rem;}
}


@media (max-width: 768px) {
	.timeline-item {flex: 0 0 50%;}
}

@media (max-width: 640px) {
	.capsule-item{flex:1 1 100%;}
}

@media (max-width: 569px) {
	.quicklist_item {max-width:100%; flex:1;}
}


@media (max-width: 480px) {
	.timeline-row::before {display: none;}
	.timeline-list {flex-direction: column;	align-items: stretch;}
	.timeline-item {flex: 1 1 100%; text-align: left; padding-left: 2.4rem;}
	.timeline-dot {position: absolute; left: 0;	top: 0.3rem;}
	.timeline-text {font-size: 0.95rem;}
}