@charset "UTF-8";
/* CSS Document */

.row-time-line {
	background-image: url(../images/time_line_anime.gif);
	background-repeat:repeat-y;
	background-position:left;
}

.row-time-line:before, .row-time-line:after {
	content: "";
	display: table;
}

.row-time-line:after {
	clear: both;
}

.col-time-line-case-left, .col-time-line-case-right {
	width: calc(100% - 30px);
	height: 250px;
	float: right;
	margin-bottom: 30px;
}

#col-left {
	display: none;
}

#col-right {
	display: block;
}


/*Tablet View*/

@media (min-width: 768px){
	
	.row-time-line {
		background-position:center;
	}
	
	.col-time-line-case-left, .col-time-line-case-right {
		width: calc(50% - 15px);
		margin: 5px;
		margin-bottom: 30px;
	}
	
	.col-time-line-case-left {
		float: left;
	}
	
	.col-time-line-case-right {
		float: right;
	}
	
	#col-left {
		display: block;
	}
	
	#col-right {
		display: none;
	}
}