@charset "UTF-8";

#page_about{background-color:#E9E9E9;}
#page_about:before{background-repeat:no-repeat;background-position:center top;background-image:url(../img/page_bg_top.jpg);}

#page_about .history{position:relative;margin:0 auto;max-width:1060px;padding:100px 0;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;row-gap:130px;}
#page_about .history:before{content:"";display:block;position:absolute;left:23px;top:0;width:1px;height:100%;background-color:#BFBFBF;}
#page_about .history .divider{position:relative;overflow:hidden;}
#page_about .history .divider > *{padding-left:270px !important;}
#page_about .history .divider .year{position:relative;margin:0;padding:0;font-size:66px;font-weight:500;line-height:1.2;color:#007CAA;letter-spacing:0;}
#page_about .history .divider .year:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(270px - 30px);height:1px;background-color:#BFBFBF;}
#page_about .history .divider .year:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:46px;height:46px;background-image:url(../img/history_icon.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page_about .history .divider .detail{position:relative;margin:0;padding:0;margin-top:30px;font-size:24px;font-weight:400;line-height:2.1;color:#747474;letter-spacing:0.01em;}
#page_about .history .divider .detail ul{position:relative;margin:0;padding:0;list-style:none;}
#page_about .history .divider .detail ul li{position:relative;padding-left:0.75em;word-break:keep-all;}
#page_about .history .divider .detail ul li:before{content:"";display:block;position:absolute;left:0;top:calc(1.05em - 3px);width:5px;height:5px;border-radius:50%;background-color:#747474;}

@media all and (max-width:1000px){
	#page_about .history{font-size:18px;padding:80px 0;row-gap:110px;}
	#page_about .history:before{left:1.15em;}
	#page_about .history .divider > *{padding-left:200px !important;}
	#page_about .history .divider .year{font-size:2.5em;}
	#page_about .history .divider .year:before{width:calc(200px - 20px);}
	#page_about .history .divider .year:after{width:0.7em;height:0.7em;}
	#page_about .history .divider .detail{margin-top:1em;font-size:1em;}
}
@media all and (max-width:800px){
	#page_about .history{font-size:16px;padding:60px 0;row-gap:90px;}
	#page_about .history .divider > *{padding-left:100px !important;}
	#page_about .history .divider .year:before{width:calc(100px - 15px);}
}
@media all and (max-width:600px){
	#page_about .history{font-size:14px;padding:40px 0;row-gap:70px;}
	#page_about .history .divider > *{padding-left:50px !important;}
	#page_about .history .divider .year:before{width:calc(50px - 10px);}
}
@media all and (max-width:400px){
	#page_about .history{font-size:13px;padding:30px 0;row-gap:50px;}
	#page_about .history .divider > *{padding-left:40px !important;}
	#page_about .history .divider .year:before{width:calc(40px - 5px);}
}