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



@media screen and (min-width:769px) {

/*============ページタイトル============*/

.title_bg{
	background: url(../info/history/images/title_bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	width: 100%;
height:300px;
}



/*============沿革============*/	


.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
	color:#3f3f3f;
  }
  .tl-d {
    width: 190px;
    float: left;
    margin-top: 20px;
  }
  .tl-c {
    width: 75%;
    float: left;
    border-left: 2px #e7eaf1 solid;
    padding-left: 30px;
	padding-top:5px;
  }
  .tl-c:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #87c4e4;
    position: absolute;
    left: 185px;
    top: 24px;
    border-radius: 100%;
  }
}


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

.title_bg{
	background: url(../info/history/images/title_bg.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	width: 100%;
height:180px;
}


/*============沿革============*/



.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 1.5em;
}

  .tl-d {
    color:#3f3f3f;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight:bold;
  margin-top:0;
  }
  .tl-c {
    color:#3f3f3f;
	margin-top:-1em;
  }
}