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

#contentWrap {
	background-color: #000;
	color: #fff;
}
h3.h3-01 {
	color: #fff;
	border-bottom: #c6bf8a solid 1px;
	}
h3.h3-01 span {
	color: #c6bf8a;
	}
#sec01 .flex-container {
	align-items: flex-start;
}
#sec01 .flex1{
	border-bottom: #999 dotted 1px;
}
#sec01 .flex1 .itemBox {
	padding-bottom: 25px;
}

#sec01 .flex2 .itemBox {
	padding-top: 30px;
}

#sec01 .itemBox {
width: 30%;
}
#sec01 .lineTate {
width: 1px;
	border-left: #999 dotted 1px;
	align-self: stretch;
}
#sec01 {
	margin-top: 3%;
	align-items: flex-start;
}

#sec01 .itemBox .imgBox {
	width: 55%;
	max-width: 200px;
}
#sec01 .itemBox dl {
	color: #fff;
	width: 42%;
}
#sec01 .itemBox dt {
	height: 1em;
	padding-bottom: 0.6em;
}
#sec01 .itemBox dd {
	line-height: 1.3;
	font-size: 12px;
	letter-spacing: -0.02em;
}

@media screen and (max-width: 959px){
	#sec01 .itemBox .imgBox {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	#sec01 .itemBox dl {
		width: 100%;
	}
}

@media screen and (max-width: 599px){
	#sec01 .flex-container {
		width: 90%;
		max-width: 300px;
		margin: 0 auto;
	}
	#sec01 .itemBox {
		width: 100%;
		margin-bottom: 20px;
	}
	#sec01 .lineTate {
		display: none;
	}
	#sec01 .flex1{
		border:none;
	}
}