.chlog-section{padding:100px 20px;position:relative}.chlog-section:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.chlog-section .heading--block{margin:0 auto 50px;text-align:center}.chlog04-section .heading--block{text-align:left}ul.chlog04-timeline{display:flex;flex-direction:column;overflow:hidden;padding:0;row-gap:50px}ul.chlog04-timeline>li{column-gap:40px;display:flex}.chlog04-wrap .chlog04-date{flex:0 0 140px}.chlog04-wrap .chlog04-point{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.chlog04-wrap .chlog04-point:before{background-color:#fff;border:8px solid #333;border-radius:100%;content:"";height:22px;min-width:22px;position:absolute;z-index:9}.chlog04-wrap .chlog04-point:after{background:#000;bottom:0;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:70px;width:1px;z-index:1}.chlog04-wrap .chlog04-content{border:1px solid #c4c4c4;border-radius:6px;flex:auto;padding:30px 50px 30px 30px;position:relative}.chlog04-tag{align-items:center;background:#c5c5c5;border-radius:5px;color:#000;display:flex;font-size:14px;justify-content:center;line-height:1;padding:4px 10px;position:absolute;right:10px;top:10px}.chlog04-content ul>li{position:relative}.chlog04-content ul>li::marker{font-size:0}.chlog04-content ul>li:before{border-radius:50px;content:"";height:8px;left:-20px;position:absolute;top:9px;width:8px}@media screen and (max-width:767px){.chlog04-wrap .chlog04-point:after{height:120%;top:67px}.chlog04-wrap .chlog04-content{padding:20px}}@media screen and (max-width:640px){ul.chlog04-timeline{row-gap:20px}ul.chlog04-timeline>li{display:flex;flex-wrap:wrap;position:relative;row-gap:5px}ul.chlog04-timeline>li:before{background-color:#fff;border:8px solid #333;border-radius:100%;content:"";height:22px;min-width:22px;position:absolute;top:3px;z-index:9}ul.chlog04-timeline>li:after{background:#000;bottom:0;content:"";height:98%;left:10px;position:absolute;right:0;top:31px;width:1px;z-index:1}.chlog04-wrap .chlog04-content,.chlog04-wrap .chlog04-date{margin-left:40px;width:100%}.chlog04-wrap .chlog04-content{padding:40px 15px 15px}.chlog04-point{position:inherit!important}.chlog04-wrap .chlog04-point:before{display:none;margin-top:-25px}.chlog04-wrap .chlog04-point:after{display:none;left:20px;margin:inherit;top:0}}