#WORK .pickup ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#WORK .pickup ul {
    zoom: 1;
}

#VISUAL .cont {
position: relative;
}
#VISUAL .catch {
position: absolute;
left: 0;
top: 0;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
z-index: 1;
color: #fff;
}
#VISUAL .en {
font-family: 'Roboto', sans-serif;
font-style: italic;
font-weight: 700;
font-size: 40px;
}
#VISUAL h1 {
font-weight: 700;
font-size: 14px;
line-height: 1.29;
letter-spacing: 0.1em;
text-align: center;
}
#VISUAL .image {
width: 100%;
height: 260px;
}
#VISUAL .image img {
display: block;
width: 100%;
height: 260px;
object-fit: cover;
}
@media (min-width: 768px) {
	#VISUAL .en {
	font-size: 70px;
	}
	#VISUAL h1 {
	font-size: 20px;
	}
	#VISUAL .image {
	height: 460px;
	}
	#VISUAL .image img {
	height: 460px;
	}
}

#STATIC {
position: relative;
background-color: #212835;
padding: 40px 0 40px 0;
}
#STATIC .cont {
padding: 0 20px;
}
#STATIC .category {
font-family: 'Roboto Condensed','Roboto', sans-serif;
position: relative;
margin-bottom: 25px;
padding-left: 27px;
font-style: italic;
font-weight: 700;
font-size: 16px;
line-height: 1.1;
color: #fff;
}
#STATIC .category::before {
transform: translateY(-50%);
content: '';
position: absolute;
left: 0;
top: 50%;
background-color: #fff;
width: 20px;
height: 1px;
}
#STATIC h2 {
margin-bottom: 20px;
font-weight: 900;
font-size: 30px;
line-height: 1.1;
color: #6cab07;
}
#STATIC h3 {
margin-bottom: 20px;
margin-top: 40px;
font-weight: 900;
font-size: 18px;
line-height: 1.1;
color: #fff;
}
#STATIC p {
margin-bottom: 1.5em;
font-weight: 500;
font-size: 14px;
line-height: 1.43;
color: #fff;
}
@media (min-width: 768px) {
	#STATIC {
	padding: 100px 0 100px 0;
	}
	#STATIC .cont {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 30px;
	width: 1120px;
	}
	#STATIC .category {
	margin-bottom: 22px;
	padding-left: 54px;
	font-size: 26px;
	}
	#STATIC .category::before {
	width: 40px;
	}
	#STATIC h2 {
	margin-bottom: 40px;
	font-size: 52px;
	}
	#STATIC h3 {
	margin-bottom: 20px;
	font-size: 28px;
	}
	#STATIC p {
	font-size: 18px;
	line-height: 1.78;
	}
}


#STATIC_GREEN {
position: relative;
background-color: #a9d429;
padding: 40px 0 40px 0;
}
#STATIC_GREEN .cont {
padding: 0 20px;
}
#STATIC_GREEN .category {
font-family: 'Roboto Condensed','Roboto', sans-serif;
position: relative;
margin-bottom: 25px;
padding-left: 27px;
font-style: italic;
font-weight: 700;
font-size: 16px;
line-height: 1.1;
}
#STATIC_GREEN .category::before {
transform: translateY(-50%);
content: '';
position: absolute;
left: 0;
top: 50%;
background-color: #000;
width: 20px;
height: 1px;
}
#STATIC_GREEN h2 {
margin-bottom: 20px;
font-weight: 900;
font-size: 30px;
line-height: 1.1;
}
#STATIC_GREEN h3 {
margin-bottom: 20px;
margin-top: 40px;
font-weight: 900;
font-size: 18px;
line-height: 1.1;
}
#STATIC_GREEN h4 {
margin-bottom: 40px;
font-weight: 900;
font-size: 30px;
line-height: 1.1;
}
#STATIC_GREEN p {
margin-bottom: 1.5em;
font-weight: 500;
font-size: 14px;
line-height: 1.43;
}
@media (min-width: 768px) {
	#STATIC_GREEN {
	padding: 100px 0 100px 0;
	}
	#STATIC_GREEN .cont {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 30px;
	width: 1120px;
	}
	#STATIC_GREEN .category {
	margin-bottom: 22px;
	padding-left: 54px;
	font-size: 26px;
	}
	#STATIC_GREEN .category::before {
	width: 40px;
	}
	#STATIC_GREEN h2 {
	margin-bottom: 40px;
	font-size: 52px;
	}
	#STATIC_GREEN h3 {
	margin-bottom: 20px;
	font-size: 28px;
	}
	#STATIC_GREEN h4 {
	margin-bottom: 40px;
	font-size: 40px;
	}
	#STATIC_GREEN p {
	font-size: 18px;
	line-height: 1.78;
	}
}