@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;padding-bottom:100px;font-size:15px;line-height:1.5;color:#777;font-family:var(--k-font)}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .inner{max-width:var(--mainsize);margin:0 auto}

#history1008{display:flex;justify-content:space-between}
#history1008 .tit span{font-size:15px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#history1008 .tit p{margin:20px 0 30px;font-size:35px;font-weight:300;color:#111}
#history1008 .tit p b{font-weight:700}

#history1008 .cont{position:relative;width:60%}
#history1008 .cont:after{position:absolute;content:'';top:0;left:137px;width:1px;height:100%;background:#e1e1e1}
#history1008 .cont p{position:relative;width:100px;margin-right:40px;font-size:25px;font-weight:700;color:#111;font-family:var(--e-font)}
#history1008 .cont p:after{position:absolute;content:'';z-index:10;top:10px;right:0;width:5px;height:5px;border-radius:50px;background:var(--primary)}
#history1008 .cont div:first-child p{color:var(--primary)}
#history1008 .cont div:nth-child(even){border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f2f2f2}
#history1008 .cont div{display:flex;padding:30px 40px}

@media(max-width:768px){
.pagecommon{padding:0 15px}
.pagecommon .pl{white-space:normal}
#history1008{display:block}
#history1008 .tit{text-align:center}
#history1008 .tit p{margin:10px 0 20px;font-size:30px}
#history1008 .cont{width:100%;margin-top:50px}
}
@media(max-width:480px){
#history1008 .tit p{font-size:26px}
#history1008 .cont p{font-size:22px}
#history1008 .cont div{padding:25px 30px}
#history1008 .cont:after{left:127px}
}
@media(max-width:380px){
#history1008 .tit p{font-size:24px}
#history1008 .cont div{display:block}
#history1008 .cont p{display:inline-block;width:auto;margin-right:0}
#history1008 .cont p:after{display:none}
#history1008 .cont:after{display:none}
}