@charset "utf-8";
.flexbox > li img {
	width: 100%;
	height: auto;
}
.sec_ttl {
	text-align: center;
}
#sec01 .lead {
	margin-bottom: 0px;
}
#sec02 .flexbox > li > a, #sec03 .flexbox > li > a, #sec04 .flexbox > li > a {
	text-decoration: none;
	display: block;
	color: #000000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PC Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width:768px), print {
#visual {
	background-image: url(../../images/works/mv_works_01.png);
}
#sec01 {
	padding-bottom: 50px;
}
#sec01 h2 {
	line-height: 1;
}
#sec02, #sec03, #sec04 {
	padding: 50px 0 20px;
}
#sec02 .flexbox > li, #sec03 .flexbox > li, #sec04 .flexbox > li {
	margin-bottom: 30px;
}
#sec02 .flexbox > li .ttl, #sec03 .flexbox > li .ttl, #sec04 .flexbox > li .ttl {
	line-height: 1.7;
	margin-top: 10px;
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TABLET Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 1079px) and (min-width: 768px) {
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SP Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {
#visual {
	background-image: url(../../images/works/mv_works_01_sp.png);
}
#visual h1 {
	color: #FFFFFF;
}
#sec01 {
	padding: 30px 4%;
}
#sec01 .lead p {
	text-align: center;
}
#sec02, #sec03, #sec04 {
	padding: 30px 4% 15px;
}
#sec02 .flexbox, #sec03 .flexbox, #sec04 .flexbox {
	margin: 0 -2.5%;
}
#sec02 .flexbox > li, #sec03 .flexbox > li, #sec04 .flexbox > li {
	flex-basis: 45%;
	margin: 0 2.5% 15px;
	width: 45%;
}
#sec02 .flexbox > li .ttl, #sec03 .flexbox > li .ttl, #sec04 .flexbox > li .ttl {
	margin-top: 5px;
	line-height: 1.4;
	font-size: 1.2rem;
}
}