.milestones_box .contents{max-width:640px;margin:0 auto var(--gap-contents);text-align:center}.milestones_box .contents:last-child{margin-bottom:0}@media (max-width: 640px){.milestones_box .contents{max-width:none;margin-right:0;margin-left:0;text-align:left}}.milestones_box .image{display:block;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;width:100%}.milestones_box .image:after{content:'';display:block;padding-bottom:var(--height-image)}.milestones_box .image img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover}.milestones_box .items{display:block;margin:0 auto}.milestones_box .item{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;font-size:18px;line-height:1.5}.milestones_box .image,.milestones_box .details{display:block;position:relative;flex-basis:300px;flex-grow:0;flex-shrink:1;width:auto}.milestones_box .year{display:flex;position:relative;flex-basis:240px;flex-direction:column;flex-grow:0;align-self:stretch;align-items:center;min-width:0;text-align:center}.milestones_box .year:before,.milestones_box .year:after{content:'';display:block;flex-grow:1;width:1px;height:auto;background-color:var(--color-border)}.milestones_box .year span{display:block;flex-grow:0;flex-shrink:0;padding:10px;font-weight:700}.milestones_box .image:after{padding-bottom:60%}.milestones_box .details{padding:20px 0}@media (min-width: 640px){.milestones_box .item:nth-child(2n){flex-direction:row}.milestones_box .item:nth-child(2n) .details{text-align:right}.milestones_box .year{min-width:100px}}@media (min-width: 1024px){.milestones_box .item:nth-child(2n) .details{left:var(--gap-aside)}.milestones_box .details{left:calc(-1 * var(--gap-aside))}}@media (max-width: 1024px){.milestones_box .item{font-size:16px}.milestones_box .year{flex-basis:100px;font-size:18px}}@media (max-width: 640px){.milestones_box .item{display:block;position:relative;padding-left:62px;margin:0 0 25px}.milestones_box .item:last-child{margin-bottom:0}.milestones_box .year{position:absolute;top:0;bottom:-5px;left:0;width:42px;text-align:left}.milestones_box .year:before{display:none}.milestones_box .year span{padding:0 0 15px}.milestones_box .details{padding:0;margin:0 0 25px}}

/*# sourceMappingURL=milestones.css.map */