.campaign_pop_list{
display:flex;
flex-wrap:wrap;
}
.campaign_pop_list li{
width: calc(100% / 1);
margin: 0!important;
padding: 0;
list-style: none;
}
.campaign_pop_list li a{
line-height: 0;
}
.campaign_pop_list li img{
width:100%;
}
@media screen and (min-width:400px) {
.campaign_pop_list li{
width: calc(100% / 2);
}
}
@media screen and (min-width:600px) {
.campaign_pop_list li{
width: calc(100% / 3 - 1px);
}
}
@media screen and (min-width:767px) {
.campaign_pop_list li{
width: calc(100% / 4);
}
}


/* work_list button design */

.work_list {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0 10px;
}

.work_contents {
	border: 5px solid #777;
	border-radius: 10px;
	margin: 10px;
	width: calc(100% / 2 - 10px);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	margin: 0 10px 10px 0;
	font-weight: bold;
	font-size: 25px;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
}

@media screen and (min-width:767px) {
	.work_contents {
		width: calc(100% / 4 - 10px);
	}
}

.work_contents a {
	text-decoration: none;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
	padding: 30px 5px;
	width: 100%;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
}

.work_contents a:hover {
	background: #CCC;
}

.work_contents .button {
	height: 100%;
}