.progress-bar{margin:16px 0;background-color:#fff}.progress-bar p{padding:0 0 8px 0;font-size:14px}.progress-bar h3{margin-bottom:8px}.progress-bar .progress-bar--head{margin:8px 0 4px 0;font-size:13px;font-weight:bold;text-align:left}.progress-bar .progress-bar--head svg{color:#e86783}@media(min-width: 768px){.progress-bar .progress-bar--head{margin:16px 0 8px 0;font-size:18px}}.progress-bar--image{display:block;width:100%}.progress-bar--image--index img{transition:all 300ms}.progress-bar--image--index img:hover{box-shadow:0 0 16px #bbb}.progress-bar--image img{width:calc(100% - 32px);height:auto;margin:16px;object-fit:fill;border-radius:4px}@media(min-width: 768px){.progress-bar--image{width:65%}}.progress-bar--nums{padding:4px 16px 16px 16px}@media(min-width: 768px){.progress-bar--nums{padding:16px 16px 8px 16px}}.progress-bar--today{margin-bottom:4px;font-size:12px;text-align:right}.progress-bar--sum{margin-bottom:4px;font-size:12px}.progress-bar--sum--num{margin-bottom:8px;font-size:30px;font-weight:bold}.progress-bar--sum--tani{font-size:12px}@media(min-width: 768px){.progress-bar--sum--tani{font-size:14px}}@media(min-width: 768px){.progress-bar--sum{margin-bottom:8px;font-size:14px}}.progress-bar--percent{justify-content:space-between}.progress-bar--percent .num{font-size:20px;font-weight:bold}.progress-bar--bar{position:relative;width:calc(100% - 8px);height:14px;padding:4px 4px;margin:4px 0;background-color:#e7ebdf;border-radius:16px}.progress-bar--bar span{position:absolute;top:4px;left:8px;z-index:20;overflow:hidden;font-size:14px;font-weight:bold;color:#fff}.progress-bar--bar:after{position:absolute;top:0;left:0;z-index:10;display:block;max-width:100%;height:22px;content:"";background-color:#75be00;border-radius:16px}.progress-bar--num{justify-content:space-between;font-size:14px;line-height:1.3}@media(min-width: 768px){.progress-bar{display:flex;align-items:center;justify-content:center;border-radius:4px}}@media(min-width: 768px){.progress-bar{margin:16px 0}}