@charset "utf-8";

#wrapper {
  max-width: 850px;
  margin: 150px auto 0;
	display: flex;
	justify-content: space-between;
}

#work-image {
	width: 60%;

	/*height: 1000px;*/
	/*background: red;*/
}
#work-image p {
	text-align: right;
	margin-top: -5px;
}
#work-image img {
	width: 100%;
	/*max-height: 510px;
	object-fit: cover;*/
	outline: 1px solid #ccc;
	transition: all 0.3s;
		/*box-shadow: 5px 5px 3px #ccc;*/
}
#work-image img:hover {
	transform: translate(-8px,-8px);
	box-shadow: 8px 8px 5px #aaa;
}

#work-text {
	width: 38%;
}
#work-text dt {
	border-bottom: 1px dotted #000;
}
#work-text dd {
	margin-left: 20px;
	margin-bottom:20px;
	text-align: justify;
}
@media screen and (max-width: 849px) {
#wrapper {
	width: 85%;
}
}
@media screen and (max-width: 479px) {
	#wrapper {
		display: block;
	}
	#work-image {
		width: 100%;
	}
	#work-text {
		width: 100%;
}
}