/* --- Section 5: English Marquee --- */
#section_5 {
    padding: 80px 0;
    background: #fff; /* 純粋な白に変更 */
    color: #1a1a1a;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.sec5-marquee-track {
    display: flex;
    white-space: nowrap;
    width: max-content;
}

.sec5-marquee-content {
    display: flex;
    align-items: center;
    gap: 50px;
    padding-right: 50px;
}

.sec5-marquee-content h2 {
    font-family: var(--font-display);
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 900;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1.2px #000; /* 1.2px・純黒に最終調整 */
    margin: 0;
    letter-spacing: 0.05em;
}

.sec5-highlight {
    color: var(--primary);
    -webkit-text-stroke: 0;
    filter: none;
}

.sec5-marquee-content h3 {
    font-family: var(--font-display);
    font-size: clamp(1.2rem, 2.5vw, 1.8rem);
    font-weight: 800;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    margin: 0;
    opacity: 0.9;
}

/* アニメーション：同じ要素を2つ並べて50%ずらすことで完璧なループを作る */
.sec5-marquee-left {
    animation: sec5marqueeLeft 40s linear infinite;
}

.sec5-marquee-right {
    animation: sec5marqueeRight 50s linear infinite;
}

@keyframes sec5marqueeLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes sec5marqueeRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

/* ホバー時の停止機能を排除 */