@charset "utf-8";

/* -----------------------------
	movie
-------------------------------- */

#movie .movie-area {
	padding: 120px 0 0;
	align-items: flex-start;
}

#movie .movie-area .movie-box {
	width: 380px;
	margin: 0 30px 40px 0;
}

#movie .movie-area .movie-box:nth-of-type(3n) {
	margin: 0 0 40px;
}

#movie .movie-area .movie-box .img {
	width: 100%;
	line-height: 0;
	position: relative;
	overflow: hidden;
}

#movie .movie-area .movie-box .img::before{
	content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../img/movie-start.png) 0 0 / 80px 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 2;
}

#movie .movie-area .movie-box .img img {
	width: 100%;
	transition: all .5s ease;
}
#movie .movie-area .movie-box:hover img{
	transform: scale(1.2);
}
#movie .movie-area .movie-box h3 {
	padding: 20px 0 0;
	font-weight: 700;
	line-height: 1.8;
}

#movie .movie-area .movie-box h3 span {
	font-size: 1.4rem;
	color: #25b672;
}

@media screen and (max-width: 768px){

	#movie .movie-area {
		padding: 100px 20px 50px;
	}

	#movie .movie-area .movie-box {
		width: 100%;
		margin: 0 0 30px 0;
	}

	#movie .movie-area .movie-box:nth-of-type(3n) {
		margin: 0 0 30px;
	}

	#movie .movie-area .movie-box h3 {
		padding: 10px 0 0;
	}

}