@charset "utf-8";

/* about_sp.css：SP
 * ======================================
 *
 * ======================================
 */


/* #mv
------------------------------------------------------------------ */
#mv_bg {
	background: url(../images/mv_bg_skew-8_sp.jpg) no-repeat center top;
	background-size: cover;
}

/* cat01
------------------------------------------------------------------ */
#cat01.sk_left:before {
	background: url(../images/cat01_bg_skew-8_sp.jpg) no-repeat 60% center;
	background-size: cover;
	opacity: 0.5;
}
@media screen and (min-width: 600px) {
	#cat01.sk_left:before {
		background: url(../images/cat01_bg_skew-8_sp.jpg) no-repeat left center;
		background-size: cover;
	}
	#cat01 .inner {
    padding: 40px 40% 40px 5%!important;
	}
}

/* cat02
------------------------------------------------------------------ */
#cat02.sk_left:before {
	background: url(../images/cat02_bg_skew-8_sp.jpg) no-repeat left top;
	background-size: 150% auto;
	opacity: 0.5;
}
#cat02 h3 {
	text-indent: -0.5em;
}
@media screen and (min-width: 600px) {
	#cat02.sk_left:before {
		background: url(../images/cat02_bg_skew-8_sp.jpg) no-repeat left top;
		background-size: 100% auto;
	}
	#cat02 .inner.col_r {
    padding: 0 5% 40px 38%;
	}
	#cat02.sk_left:before {
		background-size: 130% auto;
	}
}