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

	SUPERBOARD :: HISTORY SKIN :: basic

**************************************************/

.his-wrap dl{position:relative;padding:35px 0 25px 0;margin-bottom:10px;margin-left:200px;border-bottom:1px solid #ddd;}
.his-wrap dt{position:absolute;left:-200px;top:35px;font-family:lt,noto;font-weight:600;font-size:40px;line-height:1em;color:#222222;}
.his-wrap dd{position:relative;padding-left:75px;margin:5px 0;font-size:17px;line-height:35px;color:#444444}
.his-wrap dd strong{position:absolute;left:0;top:0;font-size:21px;color:#54C3F1;}
.his-wrap dt:after{content:'';position:absolute;left:135px;top:10px;width:20px;height:20px;background:url(arw-history.png) no-repeat 50% 50%;background-size:cover;}
.his-wrap dl:after{content:'';position:absolute;left:-55px;top:60px;width:1px;height:100%;background:#54C3F1}
.his-wrap dl:last-child:after{display:none}
.his-wrap .tab{margin-bottom: 40px;text-align: center;}
.his-wrap .tab li{display: inline-block;margin-right: 5px;}
.his-wrap .tab li a{display: block;line-height: 45px;height: 45px;text-align: center;width: 120px;font-size: 16px;background: #f7f7f7;border: 1px solid #f7f7f7;}
.his-wrap .tab li.active a{background: #fff;border: 1px solid #333;}

@media screen and (max-width: 1300px){

	.his-wrap dl{margin-left:160px;margin-bottom:0px;padding:20px 0;}
	.his-wrap dt{font-size:24px;top:25px;left:-160px}
	.his-wrap dd strong{font-size:15px;}
	.his-wrap dd{margin:0px;font-size:14px;line-height:30px;padding-left:50px;}
	.his-wrap dl:after{left:-62px;top:40px;}
	.his-wrap dt:after{left:91px;top:5px;width:16px;height:16px;}
    .his-wrap .tab{margin-bottom: 20px;}
    .his-wrap .tab li{margin-right: 2px;}
    .his-wrap .tab li a{line-height: 35px;height: 35px;text-align: center;width: auto;padding: 0 20px;font-size: 14px;}

}

@media screen and (max-width: 750px){

	.his-wrap dl{margin-left:85px;}
	.his-wrap dt{left:-85px;font-size:18px;}
	.his-wrap dd strong{font-size:13px;}
	.his-wrap dd{font-size:13px;l}
	.his-wrap dl:after{left:-22px;}
	.his-wrap dt:after{left:56px;width:14px;height:14px;}

}