@charset "utf-8";

/*==============================

history.css

*==============================*/

/*-------------------------------------------------------
main_visual
-------------------------------------------------------*/
#main_visual { background-color:#333; }
#main_visual #main_visual_cont { margin:0 auto; text-align:center; width:1080px; }

/*-------------------------------------------------------
history
-------------------------------------------------------*/
#history { padding:0 50px 80px; }
#history ol { position:relative; }
#history ol li { padding-bottom:30px; position:relative; }
#history ol li:before {
content:" ";
position:absolute;
background-color:#17388b;
width:2px;
height:100%;
top:0;
left:70px;
}
#history ol li:first-child:before { top:10px; }
#history ol li:last-child:before { bottom:0; height:10px; }
#history ol li:after {
content:" ";
position:absolute;
background-color:#17388b;
width:10px;
height:10px;
border-radius:50%;
left:66px;
top:8px;
}

#history ol li dl { align-items:flex-start; display:flex; justify-content:flex-start; position:relative; margin-top:10px; }
#history ol li dl:first-child { margin-top:0; }
#history ol li dl dt { color:#17388b; font-weight:600; flex-basis:40px; padding-right:60px; }
#history ol li dl dd { font-size:93%; text-align:left; }
#history ol li dl dd div { align-items:flex-start; display:flex; justify-content:space-between; padding:15px; }
#history ol li dl dd div p { padding-right:20px; }
#history ol li dl dd div p span { display:block; margin-top:10px; }
#history ol li.point dl dd { background-color:#f0f2f7; min-width:890px; }