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

/*メリット*/
h1{
	width:90%;
	max-width:1200px;
	margin:auto auto 50px auto;
}
.intro{
	width:90%;
	max-width:1200px;
	margin:auto;
	margin-bottom:70px;
	font-size:20px;
}
.works-content-back{
	background-color:#FFFEF4;
	padding:100px 0 100px 0;
}
.works-content1{
	width:85%;
	max-width:1200px;
	margin:auto;
}
.works-content1 ul{
	padding-left:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
}
.works-content1 ul li{
	width:30%;
}
.works-content1 ul li a{
	display:block;
	border-radius:0 10px 10px 10px;
}
.works-content1 ul li a:hover{
	opacity:0.7;
}
.works-content1 ul li a p{
	margin:0;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	border-radius:5px 5px 0 0;
	padding:5px 15px;
	display:inline-block;
	font-size:18px;
}
.works-content1 ul .work1 a p{
	background-color:#069CC7;
}
.works-content1 ul .work2 a p{
	background-color:#95C530;
}
.works-content1 ul .work3 a p{
	background-color:#F38200;
}
.works-content1 ul li a img{
	width:100%;
	display:block;
	border-radius:0 10px 10px 10px;
}

@media(max-width:640px){
.works-content1 ul{
	display:flex;
	flex-wrap:wrap;
}
.works-content1 ul li{
	width:80%;
	max-width:300px;
	margin:auto auto 30px auto;
}	
}
@media(max-width:520px){
.intro{
	font-size:17px;
}
.works-content-back{
	padding:50px 0 80px 0;
}
}