@charset "utf-8";

/* history
-------------------------------------------------------------------*/
.kaso .sitewrap {
    overflow: visible;
}
.history .history_wrap .history_inner .history_title .title_right {
    padding-left: 4%;
}
.history_new {
	width: auto;
	height: auto;
	padding-top: 20px;
	padding-bottom: 100px;
	background: url("../img/company/history/bg_bar.png") no-repeat center top;
}
.history_inner .history_new {
	margin-top: -15px;
}
.history_new.last-child {
	background: url("../img/company/history/bg_bar.png") no-repeat center bottom;
}

.left_box,
.right_box {
	width: 50%;
}
.right_box {
	margin-left: 50%;
	padding-left: 143px;
	width: calc( 50% + 143px );
}
.right_point,
.left_point {
	position: relative;
}
.right_point:after {
	content: "";
	margin: auto;
	position: absolute;
	width: 123px;
	height: 20px;
	top: 0;
	right: -8px;
	background: url("../img/company/history/right_point.png") no-repeat right 5px;
	background-size:123px;
}
.left_point:after {
	content: "";
	margin: auto;
	position: absolute;
	width: 123px;
	height: 20px;
	top: 0;
	left: -7px;
	background: url("../img/company/history/left_point.png") no-repeat right 5px;
	background-size:123px;
}
.history_new div:last-of-type p {
}
.history_year {
	position: relative;
	left: 0;
	right: 0;
    width: 250px;
    height: 50px;
    background: #8d9ac6;
    text-align: center;
    padding: 0.7em 0;
    color: #fff;
	margin: auto;
	margin-top: 50px;
}
.horizontal-year {
	display: flex;
}
.horizontal-year .right_box {
	margin: 0;
	width: 50%;
}
.horizontal-year .left_box {
	padding: 0;
	width: 50%;
}
.history .history_wrap .history_inner .img {
  width: 250px;
	margin-bottom: 20px;
}
.point-196103 {
	top: -330px;
	position: relative;
}

@media screen and (max-width: 768px) {
.kaso .sitewrap {
    overflow: hidden;
}	
.history_new img {
	width: auto;
	height: auto;
	max-width: 80%;
}	
.right_point:after {
  width: 100%;
  height: 30px;
  top: 0;
  right: -8px;
  background: url(../img/company/history/right_point_sp.png) no-repeat right 0px;
  background-size: 30px;
}
.left_point:after {
	width: 100%;
	height: 30px;
	top: 0;
	left: -8px;
	background: url("../img/company/history/left_point_sp.png") no-repeat left 0px;
	background-size:30px;
}	
.right_box {
    margin-left: 50%;
    padding-left: 30px;
    width: calc(50% + 30px);
    padding-right: 20px;
}	
.history .history_wrap .history_inner .img {
    width: auto;
    margin-bottom: 20px;
}	
	.history_year {
		height: auto;
	}
	.history_year p {
		margin-bottom: 0 !important;
	}	
.point-196103 {
	top: -245px;
	position: relative;
}
	
}