.history-page{overflow-x:hidden}.history-page .summary .img{border-radius:20px;height:100%;overflow:hidden}@media screen and (min-width:768px){.history-page .summary p{font-size:24px;line-height:2em}}.history-page .summary p:not(:last-child){margin-bottom:20px}.history-page .timeline ul{list-style:none;margin:0;padding:0;position:relative}@media screen and (min-width:768px){.history-page .timeline ul:before{background-color:#d9d9d9;content:"";height:100%;left:50%;position:absolute;width:1px;z-index:0}}.history-page .timeline ul li .top{align-items:center;display:flex;flex-direction:column}@media screen and (min-width:768px){.history-page .timeline ul li .top{flex-direction:row}}.history-page .timeline ul li .top .photo{padding:3rem 0 1rem}.history-page .timeline ul li .top .photo.order_md_3{order:1}@media screen and (min-width:768px){.history-page .timeline ul li .top .photo.order_md_1{order:1}.history-page .timeline ul li .top .photo.order_md_3{order:3}}@media (max-width:1263px){.history-page .timeline ul li .top .photo{padding:0 0 1rem}}@media screen and (min-width:768px){.history-page .timeline ul li .top .photo{padding:50px 50px 0;width:45%}}.history-page .timeline ul li .top .photo img{aspect-ratio:5/4;border-radius:20px;height:auto;max-width:100%}.history-page .timeline ul li .top .year{background-color:#fff;color:#009bd7;font-size:32px;font-weight:700;letter-spacing:1px;order:2;position:relative;text-align:center;z-index:1}@media screen and (min-width:768px){.history-page .timeline ul li .top .year{font-size:54px;width:10%}}.history-page .timeline ul li .top .title-wrapper{padding:0}.history-page .timeline ul li .top .title-wrapper.order_md_1{order:3}@media screen and (min-width:768px){.history-page .timeline ul li .top .title-wrapper.order_md_1{order:1}.history-page .timeline ul li .top .title-wrapper.order_md_3{order:3}.history-page .timeline ul li .top .title-wrapper{padding:60px;width:45%}}.history-page .timeline ul li .top .title-wrapper .title{font-size:28px;font-weight:700}@media (max-width:1263px){.history-page .timeline ul li .top .title-wrapper .title{font-size:24px;text-align:center}}.history-page .timeline ul li .bottom .desc{padding:1.5rem 0}@media screen and (min-width:768px){.history-page .timeline ul li .bottom .desc{padding:30px 50px 50px;width:45%}}.history-page .timeline ul li:nth-child(2n) .bottom{display:flex;justify-content:end}