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

	SUPERBOARD :: HISTORY SKIN :: basic

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

.his-wrap {border-top: 2px solid var(--color);}
.his-wrap > dl {position:relative;border-bottom:1px solid #ddd;padding: 55px 0;padding-left: 300px;}
.his-wrap > dl > dt{position: absolute;top: 40px;left: 20px;width: 260px;font-family: 'Montserrat';font-size: 40px;color: var(--color);font-weight: 700;line-height: 45px;padding-left: 18px;box-sizing: border-box;}
.his-wrap > dl > dt:after {display: inline-block;vertical-align: 40px;content: '';margin-left: 10px;width: 11px;height: 11px;background: var(--color);border-radius: 50%;}
.his-wrap > dl > dd {position:relative;display: flex;}
.his-wrap > dl > dd + dd {margin-top: 35px;}
.his-wrap > dl > dd > strong {width: 60px;font-family: 'Montserrat';font-size: 22px;color: #222222;font-weight: 700;line-height: 30px;}
.his-wrap > dl > dd > .items {width: calc(100% - 60px);}
.his-wrap > dl > dd > .items > li {font-size: 17px;color: #888888;font-weight: 300;line-height: 30px;}
.his-wrap > dl > dd > .items > li + li {margin-top: 10px;}
.his-wrap > dl > dd > .items > li b {font-size: 18px;color: #444444;font-weight: 500;line-height: 30px;}


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

	.his-wrap > dl {padding: 20px 0 50px;border-top: 0;}
	.his-wrap > dl > dt{margin-bottom: 5px;position: static;width: auto;font-size: 20px;line-height: 25px;padding-left: 0;}
	.his-wrap > dl > dt:after {display: none;}
	.his-wrap > dl > dd {position:relative;display: flex;}
	.his-wrap > dl > dd + dd {margin-top: 35px;}
	.his-wrap > dl > dd > strong {width: 40px;font-size: 14px;line-height: 22px;}
	.his-wrap > dl > dd > .items {width: calc(100% - 40px);}
	.his-wrap > dl > dd > .items > li {font-size: 13px;line-height: 22px;}
	.his-wrap > dl > dd > .items > li b {font-size: 14px;line-height: 22px;}

}