@charset "utf-8";
@media screen and (max-width:1150px){
.timeline-inner,
.dots-line{
	display:none;
	}
}
.dots-line_sp{
	width:100%;
	height:3px;
	border-top:#b2b2b2 2px dotted ;
	padding:15px 0 0;
	margin:15px 0 0;
}
.topics{
	border-bottom:10px solid #C6E6EC;
	color:#C6E6EC;
	font-weight:700;
	margin:20px 0 10px;
	font-size:1.3rem;
}

.color--bg{
	background:#e6e2d2;
	padding:10px;
}

/*---------------------------------------
共通
---------------------------------------*/
.timeline-inner_sp{
	width:95%;
	background:#fff;
	margin: 0 auto;
}



.timeline {
  width: 100%;
  margin: 28px auto 0;
}
.timeline-list {
  padding: 30px 0;
}


.timeline-list-item {
  display: flex;
  line-height: 1.5;
}
.timeline-list-item .date {
  width: 30%;
  padding: 0 0 0 0px;
	font-weight:700;
	font-size:1.3rem;
}
.timeline-list-item .content {
  position: relative;
  width: 100%;
  padding: 0 0px 40px 20px;
  border-left: 1px solid #aaaaaa;
}


.timeline-list-item .content::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -8px;
  width: 15px;
  height: 15px;
  background-color: #000;
  border-radius: 10px;
}



.timeline-list-item .content dt{
	font-size:1.05rem;
	font-weight:500;
	letter-spacing:1px;
}
.timeline-list-item .content .sub--text{
	color:#4d4d4d;
	font-size:.9rem;
	margin:10px 0 ;
	text-indent:-1em;
	padding-left:1em;
}
.timeline-list-item .content .sub--text02{
	text-indent:0em;
	padding-left:0em;
	color:#4d4d4d;
	font-size:.9rem;
	margin:10px 0 ;
}
.timeline-list-item .content .max{
	margin:15px 0;
}
.timeline-list-item .content .large{
	max-width:250px;
	margin:15px 0;
}
.timeline-list-item .content .middle{
	max-width:180px;
	margin:15px 0;
}
.timeline-list-item .content .small{
	max-width:100px;
	margin:15px 0;
}


/*---------------------------------------
1986-1988
---------------------------------------*/
.red_color{
	color:#DA6248;
	font-weight:500;

}
.red-type .content::before {
	background-color: #DA6248;
}
.timeline-list-item .red-type {
  border-left: 1px solid #DA6248;
}
/*---------------------------------------
1992-1997
---------------------------------------*/
.blue_color{
	color:#18548C;
	font-weight:500;
}
.blue-type .content::before {
	background-color: #18548C;
}
.timeline-list-item .blue-type {
  border-left: 1px solid #18548C;
}
/*---------------------------------------
1998-2001
---------------------------------------*/
.yellow_color{
	color:#bcb600;
	font-weight:500;
}
.yellow-type .content::before {
	background-color: #bcb600;
}
.timeline-list-item .yellow-type {
  border-left: 1px solid #bcb600;
}
/*---------------------------------------
2001-2006
---------------------------------------*/
.green_color{
	color:#499337;
	font-weight:500;
}
.green-type .content::before {
	background-color: #499337;
}
.timeline-list-item .green-type {
  border-left: 1px solid #499337;
}
/*---------------------------------------
2007-2012
---------------------------------------*/
.brown_color{
	color:#844022;
	font-weight:500;
}
.brown-type .content::before {
	background-color: #844022;
}
.timeline-list-item .brown-type {
  border-left: 1px solid #844022;
}
/*---------------------------------------
2013-2017
---------------------------------------*/
.black_color{
	color:#231815;
	font-weight:500;
}
.black-type .content::before {
	background-color: #231815;
}
.timeline-list-item .black-type {
  border-left: 1px solid #231815;
}
/*---------------------------------------
2018-2025
---------------------------------------*/
.dark_color{
	color:#896138;
	font-weight:500;
}
.dark-type .content::before {
	background-color: #896138;
}
.timeline-list-item .dark-type {
  border-left: 1px solid #896138;
}
.names{
	font-size:1.5rem;
}


.timeline-list-item .content .bold__style{
	font-weight:500;
}