@media screen and (max-width: 768px) {
.main .works .works-main-photo {
	margin-bottom:20px;
}
.main .works ul {
	margin-bottom:30px;
}
.main .works ul li {
	margin-bottom:10px;
}
.main .works ul li a {
	display:flex;
	color:#333;
	text-decoration:none;
}
.main .works ul li a:hover {
	color:#999;
}
.main .works ul li .works-photo,
.main .works ul li .works-txt {
}
.main .works ul li a:hover img {
	opacity:0.8;
}
.main .works ul li .works-photo {
	width:40%;
}
.main .works ul li .works-photo img {
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.main .works ul li .works-txt {
	width:60%;
	padding-left:15px;
}
.main .works ul li .works-txt h4 {
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:10px;
}
.main .works ul li .works-txt h4:before {
	content: "\f0da";
	font-family:FontAwesome;
	margin-right:4px;
	font-weight:normal;
	color:#fb6400;
}
.main .works ul li .works-txt p {
	font-size:14px;
	margin:0;
}
.main .works ul li p {
	margin-bottom:1em;
}
.main .works ul li p.attention {
	background:#ffe7d8;
	padding:20px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
}