@charset "utf-8";
/**************************************************

	SUPERBOARD :: HISTORY SKIN :: basic

**************************************************/
.history_wrap{position: relative;}
.history_wrap h4{font-size: 40px;color: #000;text-align: center;letter-spacing: -1px;margin-bottom: 40px;}
.history_wrap dl{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 70px 0;}
.history_wrap dl:before{content: '';display: block;position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background: rgba(0,0,0,0.1);}
.history_wrap dl:after{content: '';display: block;position: absolute;top: -12px;left: calc(50% - 6px);width: 12px;height: 12px;border-radius: 50%;background: rgba(0,0,0,0.1);}
.history_wrap dl > *{width: 50%;box-sizing: border-box;}
.history_wrap dl dt{text-align: right;padding-right: 60px;}
.history_wrap dl dd{padding: 10px 0 0 60px;}
.history_wrap dl dd h5{font-size: 40px;color: #000;}
.history_wrap dl dd ul{margin-top: 20px;}
.history_wrap dl dd ul li{position: relative;padding-left: 60px;}
.history_wrap dl dd ul li.no-month{padding-left: 0;}
.history_wrap dl dd ul li > *{font-size: 16px;padding: 8px 0;}
.history_wrap dl dd ul li > strong{position: absolute;top: 0;left: 0;color: #000;}
.history_wrap dl dd ul li > p{color: #666;}

.history_wrap dl:nth-child(odd) dt{order: 2;padding-left: 60px;text-align: left;}
.history_wrap dl:nth-child(odd) dd{order: 1;text-align: right;padding-right: 60px;}
.history_wrap dl:nth-child(odd) dd h5{text-align: right;}
.history_wrap dl:nth-child(odd) dd ul li{padding-left: 0;padding-right: 60px;}
.history_wrap dl:nth-child(odd) dd ul li.no-month{padding-right: 0;}
.history_wrap dl:nth-child(odd) dd ul li strong{left: auto;right: 0;}