.straw-section{background:#F8F6F1;padding:48px 40px 64px;font-family:'Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo',sans-serif;position:relative;}
.straw-section::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#F8F6F1;z-index:0;}
.straw-section > *{position:relative;z-index:1;}

/* Page header */
.straw-section .page-header{text-align:center;margin-bottom:44px;}
.straw-section .page-header h2{font-size:32px;color:#1A3A5C;margin:0;font-weight:bold;letter-spacing:3px;}
.straw-section .page-header .deco{width:50px;height:2px;background:#C9A961;margin:16px auto 0;}
.straw-section .page-header .sub-text{font-size:14px;color:#888;margin-top:12px;line-height:1.7;}

/* Intro card */
.straw-section .intro-card{max-width:1100px;margin:0 auto 32px;background:#fff;border:1px solid #DDE5EF;border-radius:10px;padding:28px 32px;position:relative;overflow:hidden;transition:box-shadow 0.2s,border-color 0.2s;}
.straw-section .intro-card:hover{box-shadow:0 4px 16px rgba(26,58,92,0.08);border-color:#C9A961;}
.straw-section .intro-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#1A3A5C,#C9A961);}
.straw-section .intro-card p{font-size:15px;color:#555;line-height:2;text-align:justify;margin:0;}

/* Feature list — 4 key points */
.straw-section .feature-list{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.straw-section .feature-item{background:#fff;border:1px solid #DDE5EF;border-radius:10px;padding:24px 26px;position:relative;overflow:hidden;transition:box-shadow 0.25s,border-color 0.25s,transform 0.25s;}
.straw-section .feature-item:hover{box-shadow:0 6px 20px rgba(26,58,92,0.10);border-color:#C9A961;transform:translateY(-3px);}
.straw-section .feature-item .fi-top{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.straw-section .feature-item .fi-icon{width:44px;height:44px;background:linear-gradient(135deg,#1A3A5C,#2A5A8C);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.straw-section .feature-item .fi-num{font-size:11px;color:#C9A961;font-weight:bold;letter-spacing:2px;text-transform:uppercase;}
.straw-section .feature-item .fi-title{font-size:16px;color:#1A3A5C;font-weight:bold;line-height:1.5;margin-top:2px;}
.straw-section .feature-item .fi-desc{font-size:14px;color:#666;line-height:1.9;}
.straw-section .feature-item .fi-desc strong{color:#1A3A5C;}
.straw-section .feature-item .fi-desc .hl-red{color:#C0392B;font-weight:bold;}

/* Full-width item (last point) */
.straw-section .feature-item.full{grid-column:1 / -1;}
.straw-section .feature-item.full .fi-desc{font-size:15px;}

/* Note box */
.straw-section .note-box{max-width:1100px;margin:28px auto 0;background:#FFF8E8;border-left:4px solid #C9A961;border-radius:0 8px 8px 0;padding:16px 24px;font-size:14px;color:#8a7a3a;line-height:1.9;}
.straw-section .note-box strong{color:#1A3A5C;}

@media (max-width:600px){
  .straw-section{padding:32px 16px 44px;}
  .straw-section .page-header h2{font-size:24px;}
  .straw-section .intro-card{padding:20px;}
  .straw-section .intro-card p{font-size:14px;line-height:1.9;}
  .straw-section .feature-list{grid-template-columns:1fr;gap:12px;}
  .straw-section .feature-item{padding:18px;}
  .straw-section .feature-item .fi-icon{width:38px;height:38px;font-size:18px;}
  .straw-section .feature-item .fi-title{font-size:15px;}
  .straw-section .feature-item .fi-desc{font-size:13px;}
  .straw-section .note-box{padding:14px 16px;font-size:13px;}
}