.container #contents a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


.container #contents a img {
	margin-left: -1px;
	margin-right: -1px;
}

#history {
	line-height: 1.5;
	margin-top: 30px;
}

#company {
	margin-top: 50px;
	line-height: 1.5;
}

#salon_list {
	line-height: 1.5;
}

#history h2,
#company h2,
#salon_list h2 {
	font-size: 2rem;
}

#history dl,
#company dl {
	margin-top: 20px;
	font-size: 0.9rem;
}

#history dt {
	float: left;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

#history dd {
	padding-left: 140px;
	margin-bottom: 10px;
	text-align: justify;
}

#company dt {
	float: left;
	letter-spacing: 2px;
	margin-bottom: 10px;
	width: 100px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

#company dt:after {
	position: absolute;
	right: -30px;
	top: -1px;
	content: "：";
}

#company dd {
	padding-left: 140px;
	margin-bottom: 10px;
	text-align: justify;
}

.month {
	margin-left: 11px;
}

#salon_list {
	clear: both;
	margin-top: 50px;
}

#salon_list h2 {
	margin-bottom: 20px;
}

#salon_list ul {
	display: flex;
	justify-content: space-between;
}

#salon_list a {
	width: calc(92%/5);
	margin-right: 2%;
}

#salon_list a:nth-of-type(5n) {
	margin-right: 0;
}

#contents {
	margin-bottom: 100px;
}

@media screen and (max-width: 480px) {
	h3 {
		font-size: 1.75rem;
		padding: 0px 0 0 45px;
		margin: 0 0 10px 0;
		line-height: 1.3;
	}

	#contents img {
		width: 100%;
		height: auto;
	}

	#history {
		margin-top: 0px;
	}

	#history dl,
	#company dl {
		margin-top: 10px;
	}

	#history dd {
		padding-left: 125px;
	}

	#contents {
		margin-bottom: 30px;
	}

	#company {
		margin-top: 30px;
	}
}