@charset "utf-8";
/* CSS Document */

/************************************************************************************
MODIFICATION
*************************************************************************************/
body {
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	color:#3b3b3b;
	font-size:16px;
	background-image:url(../images/bibiri/body_bg.png);
}
#container {
	width:100%;
	border:none;
	background-color:transparent;
}

/************************************************************************************
HEADER
*************************************************************************************/
header#bHeader {
	min-width:960px;
	font-size:12px;
	padding:0 20px;
}

/************************************************************************************
TAGLINE
*************************************************************************************/
#tagline {
	width:100%;
	height:623px;
	background-image:url(../images/bibiri/eye_bg_02.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#tagline section {
	width:960px;
	padding:60px 20px 0;
	margin:0 auto;
}
#tagline section div#tagText {
	width:669px;
	height:385px;
	padding:95px 90px;
	background-image:url(../images/bibiri/tagline_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:50px;
}
#tagline section div#tagText h1 {
	margin-bottom:20px;
}
	
#tagline section div#tagText h2 {
	color:#f8aaa5;
	font-size:28.05px;
	letter-spacing:1.2px;
	text-shadow:1px 1px 2px rgba(255,255,255,1.0);
}
#tagline section div#tagButton {
	margin-left:110px;
}

/************************************************************************************
CONTENTS01
*************************************************************************************/
article#contents01 {
	width:100%;
	height:667px;
	background-image: url(../images/bibiri/section01_bg02.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-top:50px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
article#contents01 h1 {
	width:879px;
	text-align:center;
	margin:0 auto 30px;
}
article#contents01 div {
	width:879px;
	height:504px;
	background-image:url(../images/bibiri/sectin01_text_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:90px 60px 0;
}
article#contents01 div p {
	background-image:url(../images/bibiri/section01_img.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:167px;
}

/************************************************************************************
CONTENTS02
*************************************************************************************/
article#contents02 {
	width:100%;
	background-image: url(../images/bibiri/section02_bg.png);
	background-position:left top;
	background-repeat:repeat;
	padding-top:85px;
	padding-bottom:35px;
	margin-top:-35px;
	position:relative;
	z-index:1;
	overflow:hidden;
}
article#contents02 header h1 {
	width:879px;
	height:103px;
	text-align:center;
	background-image:url(../images/bibiri/section02_tit_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:15px;
	margin:0 auto 30px;
}
article#contents02 section dl {
	width:823px;
	margin:0 auto 15px;
}
article#contents02 section dl dt {
	width:415px;
	height:57px;
	color:#FFFFFF;
	font-size:25px;
	line-height:57px;
	background-image:url(../images/bibiri/section_subtit_bg.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-bottom:30px;
	overflow:hidden;
}
/* CAUSE */
article#contents02 section dl#cause {
	background-image:url(../images/bibiri/section02_ul_bg01.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-bottom:50px;
}
article#contents02 section dl#cause ul {
	margin-bottom:30px;
}
article#contents02 section dl#cause ul li {
	padding-left:68px;
}
article#contents02 section dl#cause ul li h2 {
	margin-bottom:20px;
}

article#contents02 section dl#cause ul#cause01 {
	background-image:url(../images/bibiri/section02_li_bg01.png);
	background-position:left top;
	background-repeat:no-repeat;
}
article#contents02 section dl#cause ul#cause02 {
	background-image:url(../images/bibiri/section02_li_bg02.png);
	background-position:left top;
	background-repeat:no-repeat;
}
/* CAUTION */
article#contents02 section p#caution {
	width:823px;
	height:172px;
	text-align:center;
	background-image:url(../images/bibiri/section02_caution_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	padding:37px 0;
	margin:0 auto 50px;
}
/* RESULT */
article#contents02 section dl#result {
	background-image:url(../images/bibiri/section02_ul_bg02.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-bottom:30px;
}
article#contents02 section dl#result dd {
	padding-left:25px;
}
article#contents02 section dl#result dd ul {
	font-weight:bold;
	line-height:180%;
	margin:30px 15px;
}
article#contents02 section dl#result dd p img {
	margin-top:30px;
}
article#contents02 footer {
	text-align:center;
	margin-bottom:50px;
}
	
/************************************************************************************
CONTENTS03
*************************************************************************************/
article#contents03 {
	width:100%;
	height:1417px;
	text-align:center;
	background-image: url(../images/bibiri/section03_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:50px;
	margin-top:-35px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
article#contents03 section {
	width:879px;
	background-image:url(../images/bibiri/section03_ul_bg.png);
	background-position:left top;
	background-repeat:repeat;
	margin:0 auto;
}
article#contents03 section h1 {
	width:879px;
	height:103px;
	background-image:url(../images/bibiri/section03_tit_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:15px;
	margin-bottom:15px;
}
article#contents03 section ul {
	margin-bottom:30px;
}
article#contents03 section ul li.fLeft, article#contents03 section ul li.fRight {
	width:46%;
	margin-bottom:15px;
}
article#contents03 section ul li:last-child {
	margin-bottom:0;
}
article#contents03 section ul li.fLeft img, article#contents03 section ul li.fRight img {
	width:100%;
	height:auto;
}
article#contents03 section ul li.fLeft {
	float:left;
	margin-left:2%
}
article#contents03 section ul li.fRight {
	float:right;
	margin-right:2%;
}
article#contents03 section ul ul {
	width:100%;
	font-size:14px;
	text-align:left;
	background-image:url(../images/bibiri/section03_caution_bg02.png);
	background-position:center;
	background-repeat:no-repeat;
	padding:40px 25px 30px;
}
article#contents03 section ul ul li {
	margin-bottom:20px;
}
article#contents03 p {
	margin-bottom:15px;
}
/************************************************************************************
FOOTER
*************************************************************************************/
footer#footer {
	color:#697f74;
    text-align:center;
	border-top:none;
    background:inherit;
    padding:30px 20px 20px;
}
footer#footer #copyrights {
	font-size:12px;
}
footer#footer ul#fNav {
	width:555px;
	margin:0 auto 20px;
	overflow:hidden;
}
footer#footer ul#fNav li {
    padding-right:20px;
    float:left;
}
footer#footer ul#fNav li+ li {
    border-left:#697f74 1px solid;
    padding-left:20px;
}
footer#footer ul#fNav li:last-child {
    padding-right:0;
}
footer#footer ul#fNav li a {
	color:#697f74;
	font-size:14px;
	line-height:180%;
	text-decoration:none;
	transition:all 0.5s;
}
footer#footer ul#fNav li a:hover {
	color:#b4d8c5;
}
footer#footer ul#fNav li a:visit {
	color:#697f74;
}

/************************************************************************************
ANIMATION
*************************************************************************************/
/*  CSS3 ANIMATION fadeInDown  */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	animation-duration: 3.0s;
	-webkit-animation-duration: 3.0s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

/*  CSS3 ANIMATION fadeInUp  */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(700px);
		-ms-transform: translateY(700px);
		transform: translateY(700px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/*  CSS3 ANIMATION fadeIn  */
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
.fadeIn {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
	animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
	/*animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;*/
}

/*  CSS3 ANIMATION slideInRight  */
@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}
	
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}
	
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

/*  CSS3 ANIMATION slideInLeft  */
@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
	
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
	
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

/*  CSS3 ANIMATION delay  */
.delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay-10s {
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
}
.delay-15s {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.infinite {
	animation-duration: 3.0s !important;
	-webkit-animation-duration: 3.0s !important;
	animation-iteration-count: infinite !important;
	-webkit-animation-iteration-count: infinite !important;
}