@charset "utf-8";

/* ---------------------------------------------------------- */
/* スペシャル */
/* ---------------------------------------------------------- */
#special {
	padding: 80px 0 40px 0;
	}

#special .box {
	max-width: 1040px;
	margin: auto;
	}

#special ul {
	width: calc(100% + 30px);
	margin: 0 0 0 -15px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	}

#special ul:first-child {
	justify-content: center;
	}

#special ul li {
	width: 33.33333%;
	margin: 0 0 40px 0;
	padding: 0 15px;
	}

#special ul li a:hover {
	opacity: 0.7;
	}

#special ul li a img {
	width: 100%;
	}

@media (max-width: 768px){
#special {
	padding: 120px 30px 60px 30px;
	}

#special ul {
	width: calc(100% + 20px);
	margin: 0 0 10px -10px;
	}

#special ul:last-child {
	margin: 0 0 0 -10px;
	}

#special ul li {
	width: 50%;
	margin: 0 0 20px 0;
	padding: 0 10px;
	}
}

@media (max-width: 640px){
#special {
	padding: 80px 20px;
	}

#special ul {
	width: 100%;
	margin: 0 0 20px 0;
	display: block;
	}

#special ul:last-child {
	margin: 0;
	}

#special ul li {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	}

#special ul li:last-child {
	margin: 0;
	}
}