@charset "utf-8";
 @media print, screen and (min-width: 751px) {
#history .his_inner {
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
}
#history .his_inner::before {
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 155px;
	content: ' ';
	background-color: #0a0a0b;
}
#history .date {
	width: 160px;
	float: left;
	background-image:url(/intro/roots/img/icon_maru.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:9px;
	font-weight:700;
}
#history .data {

	width: calc(100% - 160px - 25px);
	width : -webkit-calc(100% -160px - 25px);
	float: right;
	margin-top: 0;

}
#history .data .txtArea {
	width: 67.83%;
	float: left;
}
#history .data .tit7 {
	margin-top:0 !important;
}
#history .data .imgArea {
	width: 30.2%;
	float: right;
}
}
 @media print, screen and (max-width: 750px) {
#history .his_inner {
	position: relative;
	padding-top:2vw;
	padding-bottom:2vw;
}
#history .his_inner::before {
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left:107px;
	content: ' ';
	background-color: #0a0a0b;
}
#history .date {
	width:112px;
	float: left;
	background-image:url(/intro/roots/img/icon_maru.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:8px;
	font-weight:700;
}
#history .data {
	width: calc(100% - 112px - 2.6vw);
	width : -webkit-calc(100% - 112px - 2.6vw);
	float: right;
	margin-top: 0;
}
#history .data .txtArea {
	width: 100%;

}
#history .data .tit7 {
	margin-top:0 !important;
}
#history .data .imgArea {
	width: 100%;
	margin-top: 4vw ;
}
}