/* ヘッダー */
    .report-header {
margin-bottom: 2.5rem;
position: relative;
aspect-ratio: 16 / 9;
max-width: 1000px;
width: 100%;
    }

.report-header-image{
position:absolute;
width:100%;
height:auto;
top:0;
left:0;
}
.report-header-image img{
width:100%;
height:auto

}

.report-header-text{
position:absolute;
width:50%;
height:auto;
top:64%;
left:0;
text-align:center;
}
    .report-header-label {
      font-size: 12px;
      color: #666666;
      letter-spacing: 0.06em;
      margin-bottom: 4px;
    }
    .report-header h1 {
          font-size: clamp(22px, 4vw, 38px);
      font-weight: 500;
      color: #333333;
      margin-bottom: 20px;
    }
    .report-header-date {
      font-size: 14px;
      color: #333333;
line-height:1.7
    }
@media (max-width: 600px) {
.report-header {
aspect-ratio:auto;
}
.report-header-image{
position:relative;
}
.report-header-text{

margin-top:20px;
border-left:4px solid #E20022;
padding-left:20px;

position:relative;
width:100%;
top:0;
left:0;
text-align:left;}
}


    /* セクションタイトル */
    .section-title {
font-size:clamp(20px, 2.5vw, 24px);

      font-weight: 600;
margin:20px 0 40px;
      padding: 12px;
      border-bottom: 1px solid #E20022;
    }

    /* トピックスカード */
    .topic-card {
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      padding: 1rem 1.25rem;
      margin-bottom: 30px;
    }
    .topic-tag {
      display: inline-block;
      font-size: 11px;
      font-weight: 500;
      background: #fce8eb;
      color: #a3001a;
      border-radius: 4px;
      padding: 2px 8px;
      margin-bottom: 8px;
    }
    .topic-card h3 {
      font-size: clamp(18px, 1.4vw, 20px)
      font-weight: 500;
      color: #333333;
      margin:8px 0 12px;
      line-height: 1.5;
    }
    .topic-card p {
      margin-bottom: 20px;
    }
    .topic-link {
      font-size: 16px;
      color: #E20022;
      text-decoration: none;
display:inline-block;
border:1px solid  #E20022;
border-radius:8px;
padding:12px
    }
    .topic-link:hover { text-decoration: underline;
background-color:#f7f7f7}

    /* サマリーカード */
    .metrics-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-bottom: 1.5rem;
    }
    @media (max-width: 600px) {
      .metrics-grid { grid-template-columns: 1fr; }
    }
    .metric-card {
      background: #f7f7f7;
      border-radius: 6px;
      padding: 20px 1.1rem;
 text-align:center;
    }
    .metric-label {
      margin-bottom: 8px;
font-weight:600;
    }

    .metric-label span{
font-weight:400;
font-size:14px
}
    .metric-value {
      font-family: 'Oswald', sans-serif;
      font-size: clamp(22px, 3.2vw, 40px);
      font-weight: 700;
      color: #E20022;
      line-height: 1.2;
    }
 .metric-value span{
font-size:16px;
}
    .metric-diff {
      font-size: 14px;
      color: #555555;
      margin-top: 12px;
    }

    /* グラフブロック */
    .chart-block { margin-bottom: 2.5rem; }
    .chart-title {
      font-size: clamp(20px, 2.5vw, 24px);
      font-weight: 500;
      color: #333333;
      margin-bottom: 4px;
    }
    .chart-subtitle {
      font-size: 16px;
      color: #666666;
      margin-bottom: 10px;
    }
    .chart-wrap {
      position: relative;
      width: 100%;
      height: 220px;
    }
    .chart-note {
      font-size: 14px;
      color: #555555;
      margin-top: 16px;
      line-height: 1.8;
    }

    .divider {
      border: none;
      border-top: 1px solid #eeeeee;
      margin: 1.5rem 0;
    }