@charset "utf-8";

/**
*
*  page_oerflow_bg.css
*  コンテンツ色付き背景
*
*/

/*--------------------------------------------------------------------------
	#pages_sec**
---------------------------------------------------------------------------*/
/*	#pages_sec01 .title_sec::before {
		content: '';
		position: absolute;
		width: 120%;
		height: 500px;
		top: -140px;
		left: 0;
		background: #FFE710;
		-webkit-transform-origin: left center;
			-ms-transform-origin: left center;
				transform-origin: left center;
		-webkit-transform: skewY(3deg);
			-ms-transform: skewY(3deg);
				transform: skewY(3deg);
		z-index: 0;
	}*/
	.overflow_bg {
		position:relative;
		top: 5vh;
		z-index: 0;
	}
	#pages_sec02 + .overflow_bg,
	#pages_sec04 + .overflow_bg {
		top: 0;
	}
	#pages_sec01 + .overflow_bg,
	#pages_sec03 + .overflow_bg,
	#pages_sec05 + .overflow_bg {
		top: 350px;
		-webkit-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
						transform: rotate(180deg);
	}
	.overflow_bg::before,
	.overflow_bg::after {
		content: '';
		position: absolute;
		width: 120%;
		height: 350px;
		top: 0;
		background: #FFE710;
		-webkit-transform-origin: left center;
			-ms-transform-origin: left center;
				transform-origin: left center;
	}
	.overflow_bg::before{
		-webkit-transform: skewY(-2deg);
			-ms-transform: skewY(-2deg);
				transform: skewY(-2deg);
	}
	.overflow_bg::after {
		-webkit-transform: skewY(2deg);
			-ms-transform: skewY(2deg);
				transform: skewY(2deg);
	}
	.overflow_bg_payments {
		position:relative;
		top: 5vh;
		z-index: 0;
	}
	.overflow_bg_payments1::before,
	.overflow_bg_payments1::after {
		content: '';
		position: absolute;
		width: 120%;
		height: 800px;
		background: #ECECEC;
	}
	.overflow_bg_payments2::before,
	.overflow_bg_payments2::after {
		content: '';
		position: absolute;
		width: 120%;
		height: 450px;
		background: #ECECEC;
	}
	.overflow_bg_payments::before {
		top: 20vh;
		-webkit-transform: skewY(-2deg);
			-ms-transform: skewY(-2deg);
				transform: skewY(-2deg);
		-webkit-transform-origin: left center;
			-ms-transform-origin: left center;
				transform-origin: left center;
	}
	.overflow_bg_payments::after {
		top: -5vh;
		-webkit-transform: skewY(2deg);
			-ms-transform: skewY(2deg);
				transform: skewY(2deg);
		-webkit-transform-origin: right center;
			-ms-transform-origin: right center;
				transform-origin: right center;
	}