[lang=ja] .canvas1 .axis text.units,[lang=ja] .canvas2 .axis text.units,[lang=ja] .canvas3 .axis text.units{font-family:"游ゴシック Medium";font-weight:500;fill:var(--secondary)}.axis text,.axis .tick text{font-family:arial}.chart-001c.legend text{font-weight:400;fill:var(--secondary)}[lang=ja] .chart1 #groups button{font-family:'Segoe UI', 'Yu Gothic Medium';font-weight:500}[lang=ja] .canvas2 .ja-million{font-family:'Segoe UI', 'Yu Gothic Medium'}:root{--blue-grey: #45526e;--blue-grey-20: #dadce2;--purple-grey: #665971;--light-grey: #e0dee3;--blue-80: #3374ae;--blue-60: #6697c2;--red-80: #d84d69;--red-60: #e27a8e;--secondary-80: #747578;--secondary-60: #97989a;--secondary-40: #b9babb;--secondary-20: #dcdddd;--facebook: #1877f2;--twitter: #1da1f2;--linkedin: #0077b5;--email: #dd4b39}.canvas svg{background:var(--light-grey)}body{fill:var(--secondary);color:var(--secondary)}.wrapper{text-align:center;max-width:960px}.canvas{background:none;display:inline-block}.canvas1,.canvas2,.canvas3{width:100%}.canvas1>svg:first-child,.canvas2>svg:first-child,.canvas3>svg:first-child{width:100%}.axis text{font-size:11px;font-weight:400}.axis text.units{font-size:12px;font-weight:500}text.title{font-size:18px;font-weight:600}.year-label,.country-label{font-size:14px;font-weight:600}.year{font-size:14px;font-weight:400}.country,.value-r,.value-l{font-size:12px}.country{font-weight:600}table{font-size:12px}.btn-sm{font-weight:400}@media (min-width: 361px){text.title{font-size:21px}.year-label,.country-label{font-size:14px;font-weight:600}.year{font-size:14px;font-weight:400}.country,.value-r,.value-l{font-size:12px}.country{font-weight:600}}@media (min-width: 768px){.axis text{font-size:12px;font-weight:500}.axis text.units{font-size:14px}text.title{font-size:24px;font-weight:700}.year-label,.country-label{font-size:14px;font-weight:600}.country,.value-r,.value-l{font-size:14px}.country{font-weight:600}table{font-size:14px}.btn-sm{font-weight:500}}@media (min-width: 992px){.axis text.units{font-size:16px}text.title{font-size:32px}.year-label,.country-label{font-size:16px;font-weight:600}.year{font-size:16px;font-weight:400}.country,.value-r,.value-l{font-size:16px}.country{font-weight:600}table{font-size:16px}.btn-sm{font-weight:600}}.axis line{shape-rendering:crispEdges;stroke:var(--secondary-60)}.axis text,.axis .tick text{fill:var(--secondary-80)}table,th,td{border-bottom:1px solid white}table:last-child{border-bottom:none}.table{display:inline-block;width:100%;background-color:var(--light-grey);color:var(--secondary-80)}.table>table:first-child{width:100%}.table th{border-top:1px solid var(--light-grey)}.header-row{border-bottom:2px solid white;border-top:0}.table th.country-label{white-space:nowrap}@media (min-width: 550px){tr.header-row,th.year-label,th.country-label,td.year{padding-top:8px;padding-bottom:8px}}.btn-sm{padding:0.2rem 0.3rem}@media (min-width: 768px){.btn-sm{padding:0.2rem 0.4rem}}.radio-btn label{display:inline-block;vertical-align:bottom;position:relative;padding-left:3px;padding-right:0px;font-size:0.875rem;color:var(--secondary);font-weight:600;white-space:nowrap}.setting{height:60px;width:330px;margin:auto;background:none;padding:0 30px 0 30px;position:relative}@media (min-width: 768px){.setting{height:86px;width:558px}}.radio-btn1{height:60px;width:auto}.radio-btn2{height:60px;width:auto;margin-right:0}.option-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;top:13.33333px;right:0;bottom:0;left:0;height:20px;width:20px;transition:all 0.15s ease-out 0s;background:var(--white);border:2px solid var(--secondary);color:#fff;cursor:pointer;display:inline-block;margin-right:0.5rem;outline:none;position:relative;z-index:1000}.option-input:hover{border:6px solid var(--secondary)}.option-input:checked{background:var(--secondary);cursor:auto;opacity:0.65;border:2px solid var(--secondary)}.option-input.radio{border-radius:50%}.option-input.radio::after{border-radius:50%}.radio-btn>input[type="radio"]:hover+label{color:#292a2b}.radio-btn>input[type="radio"]:checked+label{color:var(--secondary);opacity:0.65}.chart-001a.legend{font-weight:bold;text-anchor:middle}.chart-001c.legend{font-size:12px;text-anchor:end}@media (min-width: 361px){.chart-001c.legend{font-size:12px}}@media (min-width: 768px){.chart-001c.legend{font-size:14px}}@media (min-width: 992px){.chart-001c.legend{font-size:16px}}.range{height:60px;width:330px;margin:auto;background:none;padding:0 60px 0 60px}@media (min-width: 768px){.range{height:86px;width:558px}}.sliderValue{position:relative;width:100%}.sliderValue span{position:absolute;height:32px;width:44px;transform:translateX(-70%) scale(0);font-size:12px;font-weight:600;top:-18px;line-height:32px;z-index:2;color:#fff;transform-origin:bottom;transition:transform 0.2s ease-in-out}@media (min-width: 768px){.sliderValue span{height:40px;width:56px;font-size:14px;font-weight:600;top:-16px;line-height:42px}}.sliderValue span.show{transform:translateX(-70%) scale(1)}.sliderValue span:before{content:"";position:absolute;bottom:-5px;left:50%;border:10px solid var(--secondary);border-bottom:none;border-left-color:transparent;border-right-color:transparent;z-index:1;transform:translateX(-50%)}.sliderValue span:after{position:absolute;content:"";height:100%;width:100%;background:var(--secondary);border:2px solid #fff;z-index:-1;left:50%;transform:translateX(-50%);box-shadow:0px 0px 8px rgba(0,0,0,0.1);border-radius:2px}.field{display:flex;align-items:center;justify-content:center;height:100%;position:relative}.field .value{position:absolute;font-size:0.875rem;color:var(--secondary);font-weight:600}.field .value.left{left:-54px}.field .value.right{right:-58px}.range input{-webkit-appearance:none;width:100%;height:5px;background:var(--secondary-40);border-radius:5px;outline:none;border:none;z-index:111}.range input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:red;border-radius:50%;background:var(--secondary);border:1px solid var(--secondary);cursor:pointer}.range input::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;background:red;border-radius:50%;background:var(--secondary);border:1px solid var(--secondary);cursor:pointer}.range input::-moz-range-progress{background:none}.chart-001a.axis path{stroke:none}.chart-001b.axis path{shape-rendering:crispEdges;stroke:var(--secondary-60)}.chart-001c.axis path{shape-rendering:crispEdges;stroke:var(--secondary-60)}.chart-001a.x-axis .tick line{stroke-dasharray:5 5}.chart-001c.x-axis .tick text{transform:rotate(45deg) translate(5px, -5px);text-anchor:start}@media (min-width: 768px){.chart-001c.x-axis .tick text{transform:rotate(0deg) translate(0, 0);text-anchor:middle}}.chart-001a path{fill:none}text.title{fill:var(--secondary)}.exports .country{text-anchor:middle;dominant-baseline:central}.exports .value-r{text-anchor:start;dominant-baseline:central}.imports .value-l{text-anchor:end;dominant-baseline:central}