body#history .pagetitle{background-image:url("../images/history/pagetitle_bg.jpg")}body#history .section{background-color:#fff}body#history .section ul{position:relative;font-size:1rem}body#history .section ul::before{content:"";position:absolute;top:calc(1em + .4375rem);left:12.125rem;width:.125rem;height:calc(100% - 1em - .4375rem);background-color:#005bac}body#history .section ul li{position:relative;display:flex;padding:.625rem;line-height:1.75}body#history .section ul li::before{content:"";position:absolute;top:1em;left:11.75rem;width:.875rem;aspect-ratio:1/1;border-radius:50%;background-color:#005bac}body#history .section ul li:nth-child(2n){background-color:rgba(0,0,0,.05)}body#history .section ul li .year{display:flex;justify-content:space-between;width:12.5rem;padding-right:2.5rem;padding-left:.625rem;color:#005bac;font-weight:700}body#history .section ul li .year.op{opacity:0}body#history .section ul li .month{width:3.75rem;padding-right:1.25rem;text-align:right}body#history .section ul li .month.op{opacity:0}body#history .section ul li .content{flex:1 1 0%}body#history .section ul li .content .pic{margin:.3125rem 0}body#history .section ul li .content .pic a{position:relative;display:block;width:15rem;height:15rem;border-radius:.625rem;overflow:hidden}body#history .section ul li .content .pic a img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}body#history .section ul li .content .pic a:hover img{transform:scale(1.1)}@media only screen and (max-width: 768px){body#history .section ul{font-size:4.1666666667vw}body#history .section ul::before{top:calc(1em + 1.8229166667vw);left:4.1666666667vw;width:.5208333333vw;height:calc(100% - 1em - 1.8229166667vw)}body#history .section ul li{flex-wrap:wrap;padding:2.6041666667vw 2.6041666667vw 2.6041666667vw 7.8125vw}body#history .section ul li::before{left:2.6041666667vw;width:3.6458333333vw}body#history .section ul li .year{width:41.6666666667vw;padding-right:2.6041666667vw;padding-left:0}body#history .section ul li .year.op{display:none}body#history .section ul li .month{width:15.625vw;padding-right:0;text-align:left}body#history .section ul li .month.op{display:none}body#history .section ul li .content{flex:1 1 100%}body#history .section ul li .content .pic{margin:1.3020833333vw 0}body#history .section ul li .content .pic a{pointer-events:none;width:100%;height:auto;border-radius:2.6041666667vw}body#history .section ul li .content .pic a img{position:relative;width:100%;height:auto}}