
.oem-section{background:#F8F6F1;padding:48px 40px 56px;font-family:'Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo',sans-serif;position:relative;}
.oem-section::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#F8F6F1;z-index:0;}
.oem-section > *{position:relative;z-index:1;}
.oem-section .section-header{text-align:center;margin-bottom:36px;}
.oem-section .section-header h2{font-size:28px;color:#1A3A5C;margin:0;font-weight:bold;letter-spacing:2px;}
.oem-section .section-header h2 em{color:#C9A961;font-style:normal;}
.oem-section .section-header .deco{width:40px;height:2px;background:#C9A961;margin:14px auto 0;}
.oem-section .section-header .sub-text{font-size:13px;color:#888;margin-top:10px;letter-spacing:1px;}
.oem-section .intro-box{max-width:1300px;margin:0 auto 28px;background:#fff;border:1px solid #E3E0D8;border-left:4px solid #C9A961;border-radius:8px;padding:20px 24px;font-size:14px;color:#555;line-height:1.9;text-align:justify;box-shadow:0 2px 10px rgba(26,58,92,0.04);}
.oem-section .intro-box .hl{color:#1A3A5C;font-weight:bold;}
.oem-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px;}
.oem-section .oem-item{background:#fff;border:1px solid #DDE5EF;border-radius:8px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start;transition:box-shadow 0.25s,transform 0.25s,border-color 0.25s;overflow:hidden;position:relative;}
.oem-section .oem-item::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#1A3A5C,#C9A961);transform:scaleX(0);transform-origin:left;transition:transform 0.4s;}
.oem-section .oem-item:hover{box-shadow:0 6px 24px rgba(26,58,92,0.10);transform:translateY(-3px);border-color:#C9A961;}
.oem-section .oem-item:hover::after{transform:scaleX(1);}
.oem-section .oem-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#1A3A5C,#2A5A8C);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;box-shadow:0 4px 12px rgba(26,58,92,0.18);}
.oem-section .oem-body{flex:1;}
.oem-section .oem-num{display:inline-block;font-size:11px;font-weight:bold;color:#C9A961;letter-spacing:1px;margin-bottom:2px;}
.oem-section .oem-title{font-size:15px;font-weight:bold;color:#1A3A5C;margin:0 0 6px;line-height:1.4;}
.oem-section .oem-desc{font-size:13px;color:#666;line-height:1.8;text-align:justify;}
.oem-section .oem-desc .hl{color:#1A3A5C;font-weight:bold;}
.oem-section .oem-desc .red{color:#C0392B;font-weight:bold;}
.oem-section .oem-benefit{max-width:1300px;margin:24px auto 0;background:linear-gradient(135deg,#1A3A5C 0%,#2A5A8C 100%);border-radius:10px;padding:26px 32px;color:#fff;box-shadow:0 6px 20px rgba(26,58,92,0.18);}
.oem-section .oem-benefit h3{font-size:17px;margin:0 0 10px;font-weight:bold;letter-spacing:1px;}
.oem-section .oem-benefit p{font-size:14px;line-height:1.9;margin:0;color:#EAF1F8;}
.oem-section .oem-benefit .gold{color:#F0D98A;font-weight:bold;}
.oem-section .oem-cta{max-width:1300px;margin:28px auto 0;text-align:center;}
.oem-section .oem-cta a{display:inline-flex;align-items:center;gap:8px;background:#1A3A5C;color:#fff;padding:12px 32px;border-radius:24px;font-size:14px;font-weight:bold;text-decoration:none;letter-spacing:1px;transition:background 0.25s,box-shadow 0.25s;}
.oem-section .oem-cta a:hover{background:#C0392B;box-shadow:0 4px 16px rgba(192,57,43,0.3);}
.oem-section .oem-cta a::after{content:" →";font-size:16px;}
@media (max-width:600px){
  .oem-section{padding:32px 16px 40px;}
  .oem-section .section-header h2{font-size:22px;}
  .oem-grid{gap:12px;}
  .oem-section .intro-box{padding:16px 18px;}
  .oem-section .oem-benefit{padding:20px 22px;}
}
