﻿#l-main{margin-top:0}.data__box{background-color:#fff;text-align:center;color:#1e8c93;padding:20px}.data__box .od{font-size:2rem;font-weight:600;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,sans-serif}@media screen and (max-width: 599px){.data__box .od{font-size:1.6rem}}.data__box .odometer{font-size:5rem}@media screen and (max-width: 599px){.data__box .odometer{font-size:3.8rem}}.data__box .od .is-lg{display:inline-block;font-size:3rem;line-height:0}@media screen and (max-width: 599px){.data__box .od .is-lg{font-size:2rem}}.data__box .is-title{display:inline-block;background-color:#1e8c93;color:#fff;padding:5px 20px;margin-bottom:20px}@media screen and (min-width: 600px){.data__box.is-mw,.data__box.is-place{min-height:100%}}.data__box+.data__box{margin-top:20px}.data__table th{text-align:center}.data__table .is-ht{font-weight:600}@media screen and (min-width: 600px){.data__table .is-ht{display:none}}@media screen and (max-width: 599px){.data__table td{display:flex !important;justify-content:space-between}}.data__num{display:flex;align-items:center;width:100%}.data__num div{flex-grow:2}@media screen and (max-width: 599px){.is-mw .chart-area,.is-place .chart-area{position:relative;width:100%}}@media screen and (min-width: 600px) and (max-width: 959px){.is-mw .chart-area,.is-place .chart-area{width:60%;margin:auto}}@media screen and (min-width: 600px){.is-mw .chart-area,.is-place .chart-area{height:280px}}.is-age .canvas-container,.is-bukatu .canvas-container,.is-wear .canvas-container,.is-commute .canvas-container,.is-time .canvas-container,.is-kimete .canvas-container,.is-yarigai .canvas-container{position:relative;width:100%;height:80px;overflow:hidden;margin:auto}.graph dl{display:flex;flex-wrap:wrap;align-items:center}.graph dl dt,.graph dl dd{margin-bottom:10px}.graph dl dt{width:20%;text-align:right;padding-right:10px}@media screen and (max-width: 599px){.graph dl dt{width:35%}}.graph dl dd{width:80%}@media screen and (max-width: 599px){.graph dl dd{width:65%}}.graph__data{position:relative;width:100%}.graph__data .bar{display:block;position:relative;background-color:#45C01A;text-align:center;color:#fff;height:40px;line-height:40px}.graph__data .bar span{position:absolute;right:-50px;color:#61aeb3}
