@charset "UTF-8";
/* CSS Document */
html {
	height:100%;
}

body {
	position:relative;
	height:100%;
	background-color:#EEF0F6;
	-webkit-font-smoothing:antialiased;
}

a {
	outline:none;
}


.hidden {
	display:none;
}
.container {
	margin:0 auto;
	height:100%;
}

/* 共通ボタン start */
.btn01 {
	border:3px solid black;
	box-shadow:3px 3px rgba(0,0,0,0.3);
	padding:6px 15px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:black;
	letter-spacing:0.2em;
}

.btn01:hover {
	box-shadow:1px 1px rgba(0,0,0,0.3);
	transition: all 200ms 0s ease;
}

/* 共通ボタン end */

header {
	position:fixed;
	width:100%;
	height:85px;
	text-align:center;
	overflow:hidden;
	top:0;
	z-index:100;
	background:url(../img/header_back.png) repeat-x;
}
header ul {
	height:43px;
	width:976px;
	margin:21px auto 0;
	text-align:left;
	background-image: url(../img/header_contents@2x.png);
	background-repeat:repeat-x;
	background-size:976px 43px;
}
header li {
	display:block;
	float:left;
	height:43px;
}
header li a {
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	height:43px;
	border-radius:5px;
	background:url(../img/header_back.png) repeat-x;
	opacity:0;
}
header li a:hover {
	opacity:1;
}
header li:nth-child(1) a:hover {
	opacity:0;
}
header li:nth-child(1) a {
	width:240px;
	margin-right:36px;
}
header li:nth-child(2) a {
	width:130px;
	margin-right:31px;
}
header li:nth-child(3) a {
	width:107px;
	margin-right:42px;
}
header li:nth-child(4) a {
	width:100px;
	margin-right:45px;
}
header li:nth-child(5) a {
	width:80px;
	margin-right:35px;
}
header li:nth-child(6) a {
	width:130px;
}

#himg {
	width:115px;
	height:115px;
	position:fixed;
	z-index:50;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	padding-bottom:124px;
	display:none;
}


#title_blk {
	background-color:#F2F2F2;
}
#title_blk .container {
	width:100%;
	text-align:center;
	position:relative;
}
#title_blk .container div#titleimg {
	width:689px;
	height:292px;
	position:absolute;
	top:-60px;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	z-index:5;
}
#title_blk div#backimg {
	text-align:center;
}
#title_blk div#topmov {
	width:680px;
	height:370px;
	margin:0 auto;
}
#title_blk div#backimg h2 {
	font-size:28px;
	line-height:62px;
	color:#000;
	letter-spacing:10px;
}
a#scrollicon {
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	width:74px;
	height:74px;
	background-image:url(../img/scroll.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:74px 74px;
	position:absolute;
	z-index:10;
	right:0;
	left:0;
	bottom:30px;
	margin:0 auto;
	z-index:6;
}
a#scrollicon:hover {
	opacity:0.7;
}


#blk1 {
	text-align:center;
}
#blk1_back {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
#blk1_back div {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:-1;
	text-indent:-9999px;
	text-align:left;
	opacity:0;
}
#blk1_back div:nth-child(1) {
	background-image:url(../img/backimg1.jpg);
	opacity:1;
}
#blk1_back div:nth-child(2) {
	background-image:url(../img/backimg2.jpg);
}
#blk1_back div:nth-child(3) {
	background-image:url(../img/backimg3.jpg);
}
#blk1 p {
	font-size:17px;
	line-height:50px;
	color:#FFF;
}
#blk1 span {
	display:block;
	font-size:14px;
	line-height:36px;
	color:#FFF;
	padding-top:65px;
}
#blk1 h2 {
	font-size:25px;
	line-height:44px;
	font-weight:500;
	letter-spacing:10px;
	color:#FFF;
	padding:20px 0;
}
#blk1 div.sp {
	height:150px;
}


#blk2 {
	text-align:center;
	background:url(../img/illust_back.png) repeat-x center center #FFF;
}
#blk2 h2 {
	font-size:29px;
	line-height:50px;
	font-weight:500;
	letter-spacing:6px;
	color:#007A2B;
}
#blk2 img {
	margin:30px auto 0;
}
#blk2_base {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	background:url(../img/illust_base.png) no-repeat right bottom;
}
.blk2item {
	opacity:0;
}
#blk2_flight1 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	background:url(../img/illust_flight1.png) no-repeat right bottom;
	animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	-ms-animation-delay:2.5s;
}
#blk2_flight2 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:3;
	background:url(../img/illust_flight2.png) no-repeat right bottom;
	animation-delay:2.8s;
	-moz-animation-delay:2.8s;
	-webkit-animation-delay:2.8s;
	-o-animation-delay:2.8s;
	-ms-animation-delay:2.8s;
}
#blk2_saku1 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:4;
	background:url(../img/illust_saku1.png) no-repeat right bottom;
}
#blk2_light1 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:5;
	background:url(../img/illust_light1.png) no-repeat right bottom;
	animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
}
#blk2_tree {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:6;
	background:url(../img/illust_tree.png) no-repeat right bottom;
}
#blk2_light2 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:7;
	background:url(../img/illust_light2.png) no-repeat right bottom;
	animation-delay:1.8s;
	-moz-animation-delay:1.8s;
	-webkit-animation-delay:1.8s;
	-o-animation-delay:1.8s;
	-ms-animation-delay:1.8s;
}
#blk2_saku2 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:8;
	background:url(../img/illust_saku2.png) no-repeat right bottom;
	animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
	-o-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
}
#blk2_green {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:9;
	background:url(../img/illust_green.png) no-repeat right bottom;
}
#blk2_kasa {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
	background:url(../img/illust_kasa.png) no-repeat right bottom;
	animation-delay:6s;
	-moz-animation-delay:6s;
	-webkit-animation-delay:6s;
	-o-animation-delay:6s;
	-ms-animation-delay:6s;
}
#blk2_bench1_1 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:11;
	background:url(../img/illust_bench1_1.png) no-repeat right bottom;
	animation-delay:4.2s;
	-moz-animation-delay:4.2s;
	-webkit-animation-delay:4.2s;
	-o-animation-delay:4.2s;
	-ms-animation-delay:4.2s;
}
#blk2_bench1_2 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:12;
	background:url(../img/illust_bench1_2.png) no-repeat right bottom;
	animation-delay:4.3s;
	-moz-animation-delay:4.3s;
	-webkit-animation-delay:4.3s;
	-o-animation-delay:4.3s;
	-ms-animation-delay:4.3s;
}
#blk2_bench1_3 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:13;
	background:url(../img/illust_bench1_3.png) no-repeat right bottom;
	animation-delay:4.4s;
	-moz-animation-delay:4.4s;
	-webkit-animation-delay:4.4s;
	-o-animation-delay:4.4s;
	-ms-animation-delay:4.4s;
}
#blk2_bench1_4 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:14;
	background:url(../img/illust_bench1_4.png) no-repeat right bottom;
	animation-delay:4.5s;
	-moz-animation-delay:4.5s;
	-webkit-animation-delay:4.5s;
	-o-animation-delay:4.5s;
	-ms-animation-delay:4.5s;
}
#blk2_bench1_5 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:15;
	background:url(../img/illust_bench1_5.png) no-repeat right bottom;
	animation-delay:4.6s;
	-moz-animation-delay:4.6s;
	-webkit-animation-delay:4.6s;
	-o-animation-delay:4.6s;
	-ms-animation-delay:4.6s;
}
#blk2_bench1_6 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:16;
	background:url(../img/illust_bench1_6.png) no-repeat right bottom;
	animation-delay:4.7s;
	-moz-animation-delay:4.7s;
	-webkit-animation-delay:4.7s;
	-o-animation-delay:4.7s;
	-ms-animation-delay:4.7s;
}
#blk2_bench2 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:17;
	background:url(../img/illust_bench2.png) no-repeat right bottom;
	animation-delay:4.8s;
	-moz-animation-delay:4.8s;
	-webkit-animation-delay:4.8s;
	-o-animation-delay:4.8s;
	-ms-animation-delay:4.8s;
}
#blk2_bench3 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:18;
	background:url(../img/illust_bench3.png) no-repeat right bottom;
	animation-delay:4.9s;
	-moz-animation-delay:4.9s;
	-webkit-animation-delay:4.9s;
	-o-animation-delay:4.9s;
	-ms-animation-delay:4.9s;
}
#blk2_people1 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:19;
	background:url(../img/illust_people1.png) no-repeat right bottom;
	animation-delay:6s;
	-moz-animation-delay:6s;
	-webkit-animation-delay:6s;
	-o-animation-delay:6s;
	-ms-animation-delay:6s;
}
#blk2_people2 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:20;
	background:url(../img/illust_people2.png) no-repeat right bottom;
	animation-delay:7s;
	-moz-animation-delay:7s;
	-webkit-animation-delay:7s;
	-o-animation-delay:7s;
	-ms-animation-delay:7s;
}
#blk2_people3 {
	width:100%;
	height:409px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:21;
	background:url(../img/illust_people3.png) no-repeat right bottom;
	animation-delay:8s;
	-moz-animation-delay:8s;
	-webkit-animation-delay:8s;
	-o-animation-delay:8s;
	-ms-animation-delay:8s;
}
#blk2mes {
	width:500px;
	height:440px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:50;
	background-color:rgba(255,255,255,0.7);
	animation-delay:7.0s;
	-moz-animation-delay:7.0s;
	-webkit-animation-delay:7.0s;
	-o-animation-delay:7.0s;
	-ms-animation-delay:7.0s;
}
#blk2 p {
	font-size:17px;
	line-height:50px;
	color:#000;
}
#blk2 h2 {
	font-size:25px;
	line-height:44px;
	font-weight:500;
	letter-spacing:10px;
	color:#000;
	padding:30px 0 45px;
}
.dropdown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2.6s;
	-ms-animation-duration:2.6s;
	animation-duration:2.6s;
	-webkit-animation-name: dropdown;
	animation-name: dropdown;
	-moz-animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;
	-o-animation-timing-function:ease-in-out;
	-ms-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
}
@-webkit-keyframes dropdown {
	0% { opacity: 0; -webkit-transform: translateY(-1000px); }
	55% { opacity: 1; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes dropdown {
	0% { opacity: 0; -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); }
	55% { opacity: 1; -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); }
}
.fadein {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:3s;
	-ms-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-name: fadein;
	animation-name: fadein;
}
@-webkit-keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


.fp-controlArrow.fp-prev {
	border-width:0 !important;
	background:url(../img/prev.png) no-repeat !important;
	width:12px !important;
	height:46px !important;
	left:100px !important;
}
.fp-controlArrow.fp-next {
	border-width:0 !important;
	background:url(../img/next.png) no-repeat !important;
	width:12px !important;
	height:46px !important;
	right:100px !important;
}
.fp-controlArrow.fp-prev:hover,.fp-controlArrow.fp-next:hover {
	opacity:0.7;
}
@media screen and (max-width: 1200px) {
	.fp-controlArrow.fp-prev {
		left:20px !important;
	}
	.fp-controlArrow.fp-next {
		right:20px !important;
	}
}

.blkt {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:100%;
	text-align:center;
	height:700px;
}
@media screen and (max-height: 900px) {
	.blkt {
		height:500px;
	}
}


#blk3 {
	text-align:center;
	background-color:#F2F2F2;
}
#blk3 .slide ul {
	list-style:none;
	margin:0;
	padding:0;
}
#blk3 .slide li {
	display:inline-block;
	width:240px;
	height:360px;
	vertical-align:top;
	margin:0 25px;
	border:1px solid #000;
	text-align:left;
	background-color:#FFF;
}
#blk3 .slide li p {
	padding:12px;
	font-size:12px;
	line-height:19px;
	word-break:break-all;
	color:#000;
}
#blk3 .slide li p strong {
	display:block;
	font-size:14px;
	line-height:25px;
	font-weight:500;
	color:#000;
}


#blk4 {
	text-align:center;
	background-color:#FFF;
}
#blk4 .blkt {
	height:580px;
}
#blk4 .slide ul {
	list-style:none;
	margin:0;
	padding:60px 0 0 0;
}
#blk4 .slide li {
	display:inline-block;
	width:260px;
	height:400px;
	vertical-align:top;
	margin:0 25px;
	border:1px solid #000;
	text-align:left;
}
#blk4 .slide li p {
	padding:6px 12px 12px 12px;
	font-size:11px;
	line-height:22px;
	word-break:break-all;
	color:#000;
}
#blk4 .slide li p span {
	display:block;
	padding-left:3.4em;
	text-indent:-2.4em;
	line-height:14px;
}
#blk4 .slide li p span b {
	font-weight:normal;
	display:block;
	width:2.4em;
	float:left;
}
#blk4 .slide li p span b img {
	width:11px;
	height:11px;
	padding-right:2px;
}
#blk4 .slide li p strong {
	display:block;
	font-size:14px;
	line-height:25px;
	font-weight:500;
	color:#000;
}

#blk4 .slide li  a.btn01{
	display:block;
	margin:0 auto;
}

#blk4 #all_item a {
	position:absolute;
	top:85%;
	left:0;
	right:0;
	margin:auto;
	width:220px;
	z-index:10;
}

#blk5 {
	text-align:center;
	background-image:url(../img/labo_backimg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#blk5 #labo_info {
	font-size:17px;
	line-height:41px;
	font-weight:500;
	color:#000;
	padding-top:100px;
}
#blk5 #labo_info p {
	padding:30px 0;
}
#blk5 #labo_info a {
	display:block;
	width:490px;
	background-color:#a0aaae;
	border:1px solid #999;
	border-radius:8px;
	padding:10px 10px 12px 10px;
	font-size:17px;
	line-height:1;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	margin:0 auto 30px auto;
}
#blk5 #labo_info a:hover {
	opacity:0.7;
}
#blk5 #labo_info a img {
	margin-bottom:10px;
}
#blk5 #labo_map {
	width:100%;
	height:355px;
	margin:30px auto 0;
}
#blk5 h3 {
	font-size:25px;
	line-height:39px;
	font-weight:bold;
	color:#FFF;
	margin:20px 0 15px;
	letter-spacing:4px;
}
#blk5_tel,#blk5_mail {
	width:742px;
	height:70px;
	margin:0 auto;
	background-color:#FF5900;
	border-radius:4px;
	line-height:70px;
	color:#FFF;
	text-align:left;
	font-weight:bold;
}
#blk5_tel i,#blk5_mail i {
	font-size:50px;
	margin:0 25px 0 85px;
}
#blk5_tel {
	font-size:40px;
	letter-spacing:8px;
	margin-bottom:20px;
}
#blk5_mail {
	font-size:33px;
}
#blk5_tel a,#blk5_mail a {
	text-decoration:none;
	color:#FFF;
}
#blk5_tel a:hover,#blk5_mail a:hover {
	opacity:0.7;
}


footer {
	background-color:#000;
	position:absolute;
	bottom:0px;
	width:100%;
	height:55px;
	text-align:left;
}
#footer_base {
	width:1024px;
	margin:0 auto;
	overflow:hidden;
}
#footer_base a {
	text-decoration:none;
	color:#FFF;
}
#footer_base #footer_copy {
	float:left;
	font-size:15px;
	line-height:55px;
	font-weight:normal;
	color:#FFF;
	padding:0 0 0 15px;
}
#footer_base #footer_txt {
	float:right;
	font-size:12px;
	line-height:55px;
	font-weight:normal;
	color:#FFF;
	padding:0 15px 0 0;
}
#footer_base #footer_txt img {
	vertical-align:middle;
	margin:0 0 0 15px;
}
#footer_base div b {
	font-weight:normal;
}