@charset "UTF-8";

.list{
	display: flex;
	flex-direction: column;
	padding: 5px;
}
.list dl{
	display: flex;
	background: #daeaf6;
	margin: 3px;padding: 5px;
}
.list dt{
	width: 8em;
	margin: 0;padding: 0;
}
.list dd{
	width:calc(100% - 8em);
	margin: 0;padding: 0;
}

.history{}
.history .data{}
.history .data dl{
	display: flex;
	margin:0 0 10px;padding: 0;
	flex-direction: column;
}
.history .data dt{
	background: #FFFCD1;
	border-bottom: 2px solid #E6E6E6;
	margin: 0;padding: 5px;
}
.history .data dd{
	background: #FFFDE5;
	margin: 0;padding: 5px;
}


#about_ethos-article{
	
}
#about_ethos-article .article{
	border: 1px solid #666666;
	padding: 1em 1em 1em 3em;
	text-indent: -2em;
}
.image{}
.image img{
	max-width: 100%;
    margin: auto;
    display: block;

}
ul.tab-menu li{
	width: 45%;
}

.photo img {
    width: 100%;
}


@media (min-width: 768px) {
	.list dl{
		display: flex;
		background: #daeaf6;
		margin: 3px;padding: 5px;
		justify-content: space-around;
	}
	.list dd{
		width:10em;
		margin: 0;padding: 0;
	}
.history .data dl{
	display: flex;
	margin:0;padding: 0;
	border-bottom: 2px solid #E6E6E6;
	flex-direction: row;
}
.history .data dt{
	width: 11em;
	background: #FFFCD1;
	margin: 0;padding: 5px;
	border-bottom: 0 solid #E6E6E6;}
.history .data dd{
	width:calc(100% - 11em);
	background: #FFFDE5;
	margin: 0;padding: 5px;
}
ul.tab-menu li{
	width: 14em;
}
}
@media (max-width: 849px) {
	.list{
		max-height:100% !important;
	}
}

@media (min-width: 850px) {
	.list{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 5px;
	}
	.list dl{
		display: flex;
		background: #daeaf6;
		margin: 3px;padding: 5px;
		justify-content: space-around;
		width: 49%;
	}


}