/* CSS Document */

#outline{
	padding-top: 0;
	}

#profile{}
	#profile dt{
		width: 20%;
		}
	#profile dd{
		width: 80%;
		}
	#profile dl+div{
		margin-top: 2em;
		}
	#profile figure{
		margin-top: 2em;
		display: flex;
		}
		#profile figure div{
			padding-top: 15%;
			}
		#profile figure div+div{
			margin: 0 0 0 1px;
			}

#history{}
	#history dt,
	#history dd{
		padding: 0.8em;
		text-align: left;
		line-height: 1.4em;
		}
	#history dt{
		background: #4c4948;
		color: #fff;
		}
	#history dd{
		background: rgba(217,217,217,0.5);
		}
	#history dd+dd{
		padding-top: 0;
		}
	#history dd figcaption{
		font-size: 1.25rem;
	}

#container{
	position: relative;
	overflow: hidden;
	}
	#container:before{
		content: "";
		position: absolute;
		top: 1.4em;
		left: 50%;
		height: 100%;
		width: 0.4em;
		margin-left: -0.2em;
		background: #bfbfbf;
		}

.item{
	position: relative;
	width: calc(50% - 1em);
	float: left;
	}
	.item:before,
	.item:after{
		content: "";
		position: absolute;
		top: 0.5em;
		}
	.item:before{
		top: 1.2em;
		width: 0.4em;
		height: 0.4em;
		background: #4c4948;
		border: 1px solid #fff;
		border-width: 1px 0 1px 0;
		}
	.item:after{
		top: 0.5em;
		border: 1em solid transparent;
		transform: scale(1,0.8);
		}
	.item.left{}
		.item.left:before{
			right: -1.2em;
			}
		.item.left:after{
			right: -1.6em;
			border-left-color: #4c4948;
			}
	.item.right{
		margin-left: 2em;
		}
		.item.right:before{
			left: -1.2em;
			}
		.item.right:after{
			left: -1.6em;
			border-right-color: #4c4948;
			}
	.item+.item{
		margin-top: 2em;
		}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#history{}
	#history dt,
	#history dd{
		padding: 1em;
		}
.item{}
	.item:before,
	.item:after{
		margin-top: 0.2em;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none){}