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





#company.history .main_box h3{
	width:96%;
	font-size:140%;
	margin:50px auto 30px auto;
	font-weight:bold;
	text-align:center;
}


#company.history .main_box p {
    margin: auto;
}


#company.history .main_box .enkaku_epi dl{
	text-align:center;
	position:relative;
}


#company.history .main_box .enkaku_epi dl img{
	width:40%;
	margin:30px 0;
}


#company.history .main_box .enkaku_epi dl dt .name{
	bottom:0;
	right:0;
	font-weight:bold;
	text-align:right !important;
	line-height: 1.4em;
	margin-top: 10px;
}



#company.history .main_box .enkaku_list ul li dl{
	width:100%;
	display:flex;
	flex-flow: column-reverse nowrap;
	margin:0 auto;
}

#company.history .main_box .enkaku_list ul li dl dt h5{
	font-size:105%;
	font-weight:bold;
	width:96%;
	margin:auto;
}


#company.history .main_box .enkaku_list ul li{
	padding:40px 5%;
	clear:both;
}



#company.history .main_box .enkaku_list ul li:nth-of-type(odd){
	background:#e3e9ea;
}

#company.history .main_box .enkaku_list ul li:nth-of-type(even){
	background:#f5f5f5;
}

#company.history .sub section#subContainer  .main_box .enkaku_list ul li h4{
	margin: 0 !important;
	width: 100%;
}

#company.history .main_box .enkaku_list ul li h4 span{
	font-size:80%;
	color:#fff;
	background:#000;
	padding:2px 20px;
	width:auto;
}


#company.history .main_box .enkaku_list ul li dl dd{
	text-align:center;
	margin:10px auto;
	order: 1;
}

#company.history .main_box .enkaku_list ul li dl dd img{
	width:50%;
	box-sizing:border-box;
}


#company.history .main_box .enkaku_list ul li h4{
	border-bottom:none !important;
	text-align:center;
	margin: 0;
	width: 100%;
}


@media screen and (min-width:667px) and ( max-width:959px) {



	#company.history .main_box .enkaku_list ul li dl{
		flex-flow: row nowrap; 
	}

	#company.history .main_box .enkaku_list ul li dl dt {
	    margin-right: 1%;
	    width: 100%;
	}

	#company.history .main_box .enkaku_epi dl img{
		width:200px;
		}
	
	#company.history .main_box h4{
		font-size:130% !important;
		text-align:center;
		margin-top:20px !important;
	}

	#company.history .main_box .enkaku_list ul li dl dt h5{
		font-size:120%;
		margin:20px 0;
	}

	#company.history .main_box .enkaku_list ul li dl dt p{
		width:100% !important;
	}

	#company.history .main_box .enkaku_list ul li dl dd img{
	width:90%;
	box-sizing:border-box;
	}
}