@charset "utf-8";

/* about_pc.css：PC
 * ======================================
 *
 * ======================================
 */


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

/* cat01
------------------------------------------------------------------ */
#cat01 .inner {
	padding: 40px 11.5% 18vw 11.5%;
}
#cat01 .photo {
  width: 35.7%;
	max-width: 550px;
  position: absolute;
  top: -2vw;
  right: 11.5%;
  z-index: -1;
}

@media screen and (max-width: 1100px) {
	#cat01 .inner {
		padding: 40px 45% 18vw 8%;
	}
	#cat01 .photo {
	  width: 35.7%;
		top: 50%;
		margin-top: -25%;
	  right: 8%;
	}
}

/* cat02
------------------------------------------------------------------ */
#cat02.sk_left:before {
	background: linear-gradient(-8deg,rgba(242,244,247,0) 10%,rgba(242,244,247,1.0) 100%);
	background-size: 100% auto;
}
#cat02 .photo {
  width: 40%;
	max-width: 650px;
  position: absolute;
  top: -9vw;
  left: 7.1%;
  z-index: -1;
}
#cat02 .inner.col_r {
	padding: 0 5% 6vw 50%;
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	#cat02 .photo {
	  left: 2%;
	}
	#cat02 .inner.col_r {
		padding: 0 5% 40px 45%;
	}
}
@media screen and (max-width: 1000px) {
	#cat02 .photo {
		top: 50%;
	  left: 0;
		margin-top: -21vw;
	}
	#cat02 .inner.col_r {
		padding: 0 5% 40px 45%;
	}
}