/*--all--*/
figure{
	text-align: center;
}

ul li{
	background: none;
}

.label{
	vertical-align: 20%;
}
.label-danger{
	background-color: #e4032e;
}
.label-default{
	background-color: #737272;
}

/*--hint--*/
#hint-corp{
	color:#e4032e;
}

#hint-pro{
	color:#737272;
}

.hint p{
	font-size: 1.8rem;
	text-align: right;
}

/*--section__years--*/

.section__years{
	background-color: #e4032e;
	padding: 20px;
}

.section__years .section__years-header{
	color: #fff;
}

.section__years .section__years-header h2{
	text-align: center;
	font-size: 5rem;
}

.section__years .section__years-header p{
	text-align: center;
}

.section__years .section__years-contents{
	margin: 0px -20px -20px;
	padding: 20px;
	background-color: #e5e5e6;
}

.section__years .section__years-contents figure{
	margin-bottom: 20px;
	text-align: center; 
}

/*--section__topics--*/

.section__topics{
	position: relative;
	padding: 10px 0px 45px;
}

.section__topics:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2px;
	height: 100%;
	background-color: #e5e5e6;
	z-index: -1;
}

.section__topics:after {
	content: "";
	display: block;
	clear: both;
}

.topic-blc h3{
	padding-left: 17px;
}

.type-corp h3{
	border-bottom: solid 2px #e4032e;
}

.type-pro h3{
	border-bottom: solid 2px #737272;
}

.topic-inner:before{
	content: "";
	position: absolute;
	top: -17px;
	left: -6px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
}

.type-corp .topic-inner:before{
	background-color: #e4032e;
}

.type-pro .topic-inner:before{
	background-color: #737272;
}

.topic-inner{
	position: relative;
	padding-left: 17px;
}
.topic-inner .label{
	margin-right: 0.5rem;
}

.topic-inner figure{
	margin-bottom: 10px;
}


/*--スマホ以上--*/
@media print, screen and (min-width: 769px) {
	
	/*--section__years(pc)--*/
	
	.section__years .section__years-contents figure{
	margin-bottom: 0px;
	}
	
	/*--section__topics(pc)--*/
	
	.section__topics:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 2px;
		height: 100%;
		margin-left: -1px;
		background-color: #e5e5e6;
		z-index: -1;
	}
	
	.topic-blc{
		width: 50%;
	}
	
	.topicsL{
		clear:left; 
		float:left;
	}
	
	.topicsR{
		clear: right;
		float: right;
	}
	
	.topicsR h3{
		padding-left: 15px;
	}
	
	.topic-inner:before{
		content: "";
		position: absolute;
		top: -17px;
		width: 13px;
		height: 13px;
		border-radius: 50%;
	}
	
	.topicsL .topic-inner:before{
		left: auto;
		right: -6px;
	}
	
	
}