/* ===============================
OEM説明
================================ */

/* 導入文章 */

.oem-lead{
font-size:20px;
font-weight:600;
line-height:1.8;
color:#333;
}

/* 説明文章 */

.oem-text{
font-size:16px;
line-height:1.9;
color:#555;
margin-bottom:15px;
}

/* ===============================
OEM特徴
================================ */

.feature-box{
background:#fff;
padding:30px 20px;
border-radius:8px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
height:100%;
transition:0.3s;
}

.feature-box h4{
font-size:18px;
font-weight:700;
margin-bottom:10px;
}

.feature-box p{
font-size:14px;
color:#555;
line-height:1.7;
}

.feature-box:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}
/* =================================
製造可能商品 無限スライダー
================================= */

.oem-slider{
position:relative;
overflow:hidden;
}

/* 両端フェード */

.oem-slider::before,
.oem-slider::after{
content:"";
position:absolute;
top:0;
width:120px;
height:100%;
z-index:2;
pointer-events:none;
}

.oem-slider::before{
left:0;
background:linear-gradient(to right,#f8f9fa,transparent);
}

.oem-slider::after{
right:0;
background:linear-gradient(to left,#f8f9fa,transparent);
}


/* スライダー本体 */

.oem-track{
display:flex;
gap:20px;
width:max-content;
animation:oem-scroll 35s linear infinite;
}

.oem-slider:hover .oem-track{
animation-play-state:paused;
}


/* 無限スクロール */

@keyframes oem-scroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}


/* =================================
商品カード
================================= */

.oem-product{
flex:0 0 250px;
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
text-align:center;
transition:0.3s;
}

.oem-product img{
width:100%;
height:180px;
object-fit:cover;
}

.oem-product p{
padding:12px;
font-weight:600;
margin:0;
font-size:15px;
}

.oem-product:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}


/* =================================
OEMの強み
================================= */

.oem-strength h4{
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

.oem-strength p{
color:#555;
line-height:1.7;
}


/* =================================
OEM製造の流れ
================================= */

.oem-flow{
max-width:800px;
margin:auto;
position:relative;
}

.flow-item{
border-left:4px solid #007bff;
padding-left:25px;
margin-bottom:40px;
position:relative;
}

.flow-item::before{
content:"";
position:absolute;
left:-9px;
top:5px;
width:14px;
height:14px;
background:#007bff;
border-radius:50%;
}

.flow-item h4{
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

.flow-item p{
line-height:1.8;
color:#555;
}


/* =================================
お問い合わせ
================================= */

.oem-contact{
background:#007bff;
color:#fff;
}

.oem-contact h2{
font-weight:700;
margin-bottom:15px;
}

.oem-contact p{
margin-bottom:25px;
}

.oem-contact .btn{
background:#fff;
color:#007bff;
font-weight:600;
border:none;
padding:12px 30px;
}

.oem-contact .btn:hover{
background:#f2f2f2;
}