/* One visual surface per figure; headings and sources stay in HTML. */
.chart{margin:34px 0 39px;padding:0;background:transparent;border:0}
.chart h3{font-family:'Shippori Mincho',serif;font-size:22px;line-height:1.55;margin:0 0 11px}
.chart-visual{background:#f6f3ec;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chart picture,.chart img{display:block;width:100%}
.chart img{height:auto}
.chart-data{margin:14px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chart-data summary{cursor:pointer;padding:11px 0;font-size:13px;font-weight:700}
.chart-data .table-scroll{max-height:420px;overflow:auto;border-top:1px solid var(--line)}
.chart-data table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.55}
.chart-data th,.chart-data td{padding:8px 7px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.chart-data th{background:#eeeae0}
@media (max-width:600px){
  .chart{margin:28px -2px 33px;padding:0}
  .chart h3{font-size:19px;margin-bottom:9px}
  .chart-data table{font-size:11px}
}

.article-body>.subheading{font-family:'Shippori Mincho',serif;font-size:22px;line-height:1.55;margin:42px 0 12px}
@media (max-width:600px){.article-body>.subheading{font-size:19px;margin-top:34px}}

/* 10/24: スマホで図が親の overflow:hidden に切られるため、はみ出し配置をやめる */
@media (max-width:760px){.article-body figure,.article-body figure.chart{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:100%!important}}