@charset "utf-8";
/*:::::::::::::::::::::::::::::::::
    pepeolio
:::::::::::::::::::::::::::::::::*/

#back01 {
	background-image: url(../img/pepeolio/pepeolio_back01.jpg);
	padding: 17px auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100%;
	z-index: -10;
	position: relative;
	width: 100%;/*適当に欲しい高さ*/
	overflow: hidden;
}
#back01 p {
	margin: 24px auto;
}
#news_frame {
	background-image: url(../img/pepeolio/pepeolio_back02.jpg);
	padding: 20px auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
	/*height:540px;適当に欲しい高さ*/
	overflow: hidden;
}

/*:::::::::::::::::::::::::::::::::
    slider
:::::::::::::::::::::::::::::::::*/
/* main slider ************/
.flexslider {
    width: 100%;
	margin: 0 auto;
	overflow: hidden;
    height: 200px;
	z-index: 1;
}
.flexslider ul {
    height: 200px;
	overflow: hidden;
}
/*:::::::::::::::::::::::::::::::::
    animation
:::::::::::::::::::::::::::::::::*/
.animation {
	position: relative;
}
.animation h2,
.animation p {
	position: relative;
	z-index: 10;
}
.animation_img01 {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 0;
}