html{
	height: 100%;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	height: 100%;
}
.inner{
	max-width: 1000px;
	min-width: 1000px;
	position: relative;
	margin:0 auto;
}
a,p,li,dt,dd{
	font-size: 16px;
	color:#333;
	line-height: 1.6;
}
a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.sp-element{
	display: none;
}

/*----------------------------
PC要素
----------------------------*/
.pcx,.pc-item{ display: block !important;}
.spx,.sp-item{ display: none !important;}


/*----------------------------
header
----------------------------*/
header {
	height: 80px;
}
header .inner {
	max-width: 100%;
	min-width: 1200px;
}
	header h1 {
		float: left;
		padding: 22px 0 0 22px;
	}
		header h1 a {
			color: #8cc81f;
			font-size: 18px;
			font-weight: bold;
		}
			header h1 a span {
				display: inline-block;
				margin: 5px 0 0 5px;
			}
	header .gnavi {
		float: right;
		width: 70%;
	}
		header .gnavi ul {
			font-size: 0;
			position: relative;
			max-height: 80px;
		text-align: right;
		}
			header .gnavi ul li {
				/*background: url("../../img/common/gnavi-line.png") no-repeat 0 0;*/
				display: inline-block;
				box-sizing: border-box;
				padding-top: 27px;
				vertical-align: top;
			}
			header .gnavi ul li::before {
				content: url("../img/common/gnavi-line.png");
    			position: relative;
			}
				header .gnavi li a {
					display: inline-block;
    				font-size: 14px;
    				margin: 3px 30px 0;
					vertical-align: top;
				}
			header .gnavi ul li.cv-btn {
								background-image: url("../img/common/gnavi-bg-green.png");
				background-repeat: no-repeat;
				background-position: left; 
				background-size: cover;
				width: 23.2%;
				height: 80px;
				position: relative;
    			top: -8px;
    			padding-left: 3%;
			text-align: center;
			}
			header .gnavi ul li.cv-btn::before {
				content: "";
			}
				header .gnavi li.cv-btn a {
					font-size: 21px;
					color: #fff;
					 margin: 0 30px;
				}
			header .gnavi ul li.menu-btn {
				width: 70px;
				height: 80px;
				position: relative;
    			top: -27px;
    			cursor: pointer;
				cursor: hand;
			}
			header .gnavi ul li.menu-btn::before {
				content: "";
			}


/*----------------------------
footer
----------------------------*/
footer{
	clear: both;
	padding:0 0 0 0 ;
	background: url(../img/common/bg_foot.png) repeat;
	color: #FFF;
}

footer a{ 	color: #FFF;}

footer a.bt{
	padding: 2em 0; 
	background: #e9f4d2 url(../img/common/pagetop.png) no-repeat center;
}

footer a.bt { display: block; text-align:center;cursor: pointer; width: 100%;}
footer a.bt:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
footer .list{ overflow: hidden; padding: 2em 0 2em 0; border-bottom: 1px solid #c9e596;
margin-bottom: 2em;}
footer .list span.name{ display: inline-block;
    font-size: 18px;
    margin: 10px;}
footer .list ul{ width: 24%; float: left; margin-right: 1%; padding-top: 1em;
}
footer .list ul:last-child{ margin-right: 0;}
footer .list ul li{ padding: 5px 0; margin: 0;line-height: 1.1;}
footer .list a{ font-size: 90%;}

footer .bnrlist{ overflow: hidden;max-width: 1107px; padding-bottom: 30px;
    min-width: 1107px;
    margin: 0 auto 2em auto;     font-size: 0;}
footer .bnrlist a{ display: inline-block; margin-right: 1%;}
footer .bnrlist a:last-child{ margin-right: 0;}
footer .bnrlist a img{ width: 100%;}

footer .copyright{ background: #8cc81f; overflow: hidden; padding: 1.5em 0;
 font-size: 80%;text-align: center;}

footer .fl{ float: left; width: 60%;} 
footer .fr{ float: right;width: 40%; text-align: right;} 

footer .copyright a{ display: inline-block; margin: 0 1em; font-size: 90%; text-align: left;}
footer .copyright a:first-child{ margin: 0 1em 0 0 ;}

figure{
			bottom: 48px;
    		/*margin-left: 1110px;*/
    		position: fixed;
    		right: 50px;
    		z-index: 100;
		}
figure a{
				display: block;
			}
figure a:hover{
				opacity: 0.7;
				filter: alpha(opacity=70);
			}
figure a img {
				    height: auto;
				    width: 168px;
				}

/*----------------------------
contents
----------------------------*/
#contents{
	position: relative;
}
	#contents h2{
		font-size: 42px;
		text-align: center;
		margin-bottom: 25px;
	}
	#contents .eng-txt{
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		letter-spacing: 2px;
		margin-bottom: 50px;
	}
	
/*▼グランドトップ用*/

#top #contents .block1{ z-index: 1;}
#top #contents .block2{ z-index: 10; padding-top: 140px;
	margin-top: -200px;
	background-image:url(../img/top_block2_bg.png) ;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 60%;}
	
#top #contents .block2 .box{ text-align: center;}

#top #contents .block2 .box p{
	display: inline-block;
	vertical-align: top;
}
#top #contents .block2 .box p .note{
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 1.4;
	margin-top: 5px;
}

#top #contents .block2 h2{ color: #FFF;}

#top #contents .block3{
	margin-top: -360px;
	padding-top: 150px;
	padding-bottom: 200px;
    height: 970px;
    background-image: url(../img/top_block3_top_bg.png), 
 url(../img/top_block3_bottom_bg.png);
    background-repeat: no-repeat,
 no-repeat;
    background-position: left top, left bottom;
    background-size: contain;
}

#top #contents .block3 h3{ color: #fc7f03; font-size: 160%; margin-bottom: 1em;
font-weight: bold; padding: 0 0 0.5em 2em; display: block;
border-bottom: 1px solid #fc7f03;}

#top #contents .block3 .box01,
#top #contents .block3 .box02,
#top #contents .block3 .box03{ position: relative;}

#top #contents .block3 .box01 img{ width: 50%;}

#top #contents .block3 .box01 .tx{  position: absolute; width: 50%; top: 50px; left: 48%;}

#top #contents .block3 .box01 .tx p,
#top #contents .block3 .box03 .tx p{ margin: 0 0 0 3.5em;}

#top #contents .block3 .box02 img{ width: 45%; border: 5px solid #FFF; position: absolute;
    right: 10%;
    top: -100px;
}

#top #contents .block3 .box02 .tx{  position: absolute; width: 38%; top: 50px; left: 10%;}
#top #contents .block3 .box02 .tx p{margin: 0 4em 0 0;}

#top #contents .block3 .box02 h3{ padding: 0 2em 0.5em 0;}

#top #contents .block3 .box03 { margin-top: 300px;}
#top #contents .block3 .box03 img{ width: 50%;}
#top #contents .block3 .box03 .tx{  position: absolute; width: 50%; top: 50px; left: 48%;}


#top #contents .block4 { background: #fffbe7;
height: 410px;
    padding-top: 5em;}
#top #contents .block4 .inner{ text-align: center;}
#top #contents .block4 h2{	color:#333;}
#top #contents .block4 .eng-txt {
    	color: #8cc81f;
	}
	
#top #contents .block4 a{ display: block; margin-bottom: 2em;}
#top #contents .block4 .bt-l a{
	display: inline-block;
}
#top #contents .block4 .bt1{
	display: inline-block;
	width: 325px;
	/*margin-right: 30px;*/
}
#top #contents .block4 .bt2{
	display: inline-block;
	width: 325px;
}
	#top #contents .block4 .bts img{
		width: 325px;
	}

#top footer .bnrlist{ padding: 30px 0; text-align: center;}
#top footer .copyright { text-align: center;}

#top footer .bnrlist a{ display: inline-block; width: auto;}

/*▲グランドトップ用*/


/*---block1---*/

#contents .block1{
	z-index: 999999;
	position: relative;
}
#contents .block1 .inner{
	max-width: 100%;
}
	#contents .block1 li img{
		max-width: 100%;
	}
	#contents .block1 .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{
		bottom: 0;
	}
	#contents .block1 .bx-wrapper .bx-controls-direction {
		display: none;
	}
	
	#contents .block1 .bx-pager{ height: 125px; padding-top: 35px;
	background: url(../img/block1-bg.png) no-repeat bottom;}
	
#contents .block1 .bt01{ position: absolute; bottom: -30px; right:60px;}
#contents .block1 .tx{ position: absolute; top: 0; color: #FFF; z-index: 999999;
padding: 6px 0 6px 1.5%; background: rgba(0,0,0,0.4); width: 98.5% !important; font-size: 85%;
letter-spacing: 0.1em;}

/*---block2---*/
#contents .block2{
	background: url(../img/block2-bg.png) no-repeat center top;
	height: 740px;
	position: relative;
	z-index: 1;
}
.block2 .inner {
    padding-top: 0;
}
	.block2 .eng-txt {
    	color: #8cc81f;
	}
	#contents .block2 ul{
		font-size: 0;
	}
		#contents .block2 ul li{
			display: inline-block;
			margin-right: 13px;
		}
		#contents .block2 ul li:last-of-type{
			margin-right: 0;
		}
			#contents .block2 dl{
				background: #fff;
				box-shadow: 3px 3px 3px #e7e791;
				border-radius: 10px;
				padding: 17px 16px 20px;
				width: 240px;
				box-sizing: border-box;
			}
			#contents .block2 dl dt:nth-of-type(1){
				margin-bottom: 10px;
			}
			#contents .block2 dl dt:nth-of-type(2){
				text-align: center;
				font-weight: bold;
				margin-bottom: 10px;
				font-size: 20px;
			}
			#contents .block2 dl dd:nth-of-type(1){
				margin-bottom: 10px;
				font-size: 14px;
			}
			#contents .block2 dl dd:nth-of-type(2) a{
				color: #8cc81f;
				font-size: 13px;
				display: inline-block;
				border: 1px solid;
				padding: 7px 57px;
				border-radius: 18px;
			}

/*---block3---*/
#contents .block3{
	background: #fff;
}
.block3 .inner {
    padding-top: 25px;
}
	#contents .block3 ul{
		font-size: 0;
	}
		#contents .block3 ul li{
			display: inline-block;
			margin-right: 26px;
		}
		#contents .block3 ul li:last-of-type{
			margin-right: 0;
		}

/*---block4---*/
#contents .block4{
	background: url("../img/block4-bg.png") no-repeat 50% 0;
	height: 710px;
	padding-top: 210px;
}
.block4 .inner {
    padding-top: 0;
    max-width: 1200px;
}
	.block4 h2 {
    	color: #fff;
	}
	.block4 .eng-txt {
    	color: #fff;
	}
	#contents .block4 ul{
		font-size: 0; margin-bottom: 3em;
	}
		#contents .block4 ul li{
			display: inline-block;
			margin-right: 3px;
		}
		#contents .block4 ul li:last-of-type{
			margin-right: 0;
		}
			#contents .block4 ul li .img-box{
				background: #000;
				margin-bottom: 15px;
			}
			#contents .block4 ul li .txt-box{
				text-align: center;
			}
			#contents .block4 ul li .txt-box a{
				color: #fff;
				display: inline-block;
				text-align: center;
				text-decoration: underline;
			}
			#contents .block4 ul li .txt-box a:hover{
				text-decoration: none;
			}
			
#contents .block4 bxslider img{ width: 398px;}

.block4 .bt { width: 80%; margin: 3em auto 0 auto; text-align:center;}			
.block4 .bt a{ display: inline-block; margin: 0 1em;
    font-size: 130%; font-weight: bold;
    display: inline-block;
    padding: 0.5em 5.5em;
    border-radius: 50px;}

.block4 .bt01{ color: #fff;  border: 1px solid #fff; position: absolute;
left: 20%;
}
.block4 .bt02{ background: #ffdc00;  border: 1px solid #ffdc00;}


/*---block5---*/
.block5 {}
	
	.block5 .eng-txt {
    	color: #8bc81d;
	}
	
.block5 table{ border: 5px solid #8bc81d; width: 76%; margin: 0 auto 2em auto;}
.block5 table:last-child{ border: 1px solid #8bc81d; margin: 0 auto 3em auto;}
.block5 td{ padding: 1.2em 1em 0.8em 1em; border-bottom: 1px solid #8bc81d;font-weight: bold; }
.block5 th{ padding: 0 1em 2em 1em; border-bottom: 1px solid #8bc81d; text-align: left;
font-weight: bold; background: #e2f1c8; width: 52%;font-size: 140%;}

.block5 td{ font-size: 150%;}
.block5 td b{ font-size: 170%;}
.block5 td em{ font-size: 180%; font-style: normal; font-weight: normal;}

.block5 .bt01{ display: block; margin: 0 auto; width: 14%;
    font-size: 130%; font-weight: bold; text-align: center;
    padding: 0.5em 5.5em;
    border-radius: 50px;
	color: #8bc71e;  border: 1px solid #8bc71e;}


/*---block6---*/
#contents .block6 {
    background: url(../img/block6-bg.png) no-repeat 50% 0;
    height: 565px;
    padding-top: 250px;}
	
	.block6 .eng-txt {
    	color: #8bc81d;
	}
.block6 .box { text-align: center;}
.block6 a{ display: block; margin-bottom: 2em;}
.block6 .bt02 a{display: inline-block;margin: 0 1em;}
.block6 .bt02 a img{ vertical-align: text-top;}
.block6 .bt02 .tel{ vertical-align: -30px !important;} 


/*---block7---*/
/*#contents .block7{
	background: url("../img/block7-bg-top.png") no-repeat 50% 0 / contain;
	/*background: url("../img/block7-bg-top-l.png") no-repeat 0 0, url("../img/block7-bg-top-r.png") no-repeat 100% 0;*/
/*	height: 840px;
	position: relative;
    top: -322px;
}*/

#contents .block7{
margin-top: -120px;
height: 970px;
background-image:
    url("../img/block7-bg-top.png"), 
    url("../img/block7-bg-btm.png");
	
background-repeat:
    no-repeat,
	no-repeat;

 background-position: left top, left bottom;
 background-size: contain;
}


#contents .block7 .inner{
	max-width: 100%;
	overflow: hidden;
	padding-top: 180px;
	margin-bottom: 4em;
}
	.block7 .eng-txt {
    	color: #ff8001;
	}
	#contents .block7 li img{
		max-width: 100%;
	}
	#contents .block7 .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{
		bottom: 10px;
	}
	#contents .block7 .bx-wrapper .bx-viewport .bxslider li{
		margin: 0 5px;
	}
	#contents .block7 .bx-wrapper .bx-viewport {
		width: 100%;
		position: relative;
		left: -17px;
	}

.block7 b{ font-size: 130%; display: block; text-align: center; font-weight: bold;
padding: 1em 0 0.6em 0;} 
.block7 p.txt-box{ color: #333; font-size: 90%; line-height: 1.4em;}

.block7 .bt01{ display: block; margin: 0 auto; width: 14%;
    font-size: 130%; font-weight: bold; text-align: center;
    padding: 0.5em 5.5em;
    border-radius: 50px;
	color: #ff8000;  border: 1px solid #ff8000;}
	
	
#contents .block8 {
    background: url(../img/bg-gray.png) no-repeat 50% 0;	
    height: 840px;
	margin-top: -135px;
    padding-top: 190px;}
	
#contents .block8 .inner{ overflow: hidden;}
#contents .block8 .fl,#contents .block8 .fr{ padding: 3em 0 0 0; min-height: 462px;}
#contents .block8 .fl{width: 49.5%; border-right: 0.5% solid #FFF; float: left;
background:#ffdc00; text-align: center;}
#contents .block8 .fr{ width: 50%; background:#8cc81f; color: #FFF; float: right; text-align: 
center;}
#contents .block8 .fr p{ color: #FFF; }
#contents .block8 .fl p{ font-size: 130%; margin-bottom: 2em;}
#contents .block8 .fr p.pb{ font-size: 130%; padding-top: 2em;}

.block8 .movie,.block8 .movie img{ width: 100%;}


#contents .block9 {margin-bottom: 5em;
	}
	.block9 .eng-txt {
    	color: #8bc81d;
	}
	
.block9 span,.block9 b{ display: inline-block;}
.block9 span.day{ font-size: 85%; margin-right: 1em;}
.block9 span.tx{ border-left: 1px solid #8bc81d; padding-left: 1.5em;}
.block9 b{ color: #FFF; padding: 0.2em 0.3em; font-size: 90%; margin: 0 0.5em 0 0;}
.block9 b.icon01{ background: #8cc81f;}
.block9 b.icon02{ background: #ff8000;}

.block9 ul{ border-top: 1px solid #8cc81f; margin-bottom: 3em;}
.block9 li{ border-bottom: 1px solid #8cc81f; padding: 1em 0;
background: url(../img/arrow_green.png) no-repeat 99% center ;}

.block9 a{ color: #1b80be; text-decoration: underline; }

.block9 .bt01{ display: block; margin: 0 auto; width: 14%;
    font-size: 130%; font-weight: bold; text-align: center;
    padding: 0.5em 5.5em;
    border-radius: 50px; text-decoration: none;
	color: #8bc81d;  border: 1px solid #8bc81d;}
	
#contents .block10{
    background: url(../img/block10-bg.png) no-repeat 50% 0;	
    height: 980px;
    margin-top: -300px;
    padding-top: 170px; color: #FFF;}
	
	.block10 .eng-txt,.block10 h2 {
    	color: #fff;
	}

.block10 .map{ margin-bottom: 2em;}
	
.block10 a.link01{ color: #FFF; display: inline-block;
 text-decoration: underline; font-size: 95%; margin-bottom: 5em;}

.block10 .fl{ width: 60%; float: left; line-height: 2em; color: #FFF;}
.block10 .fl p{ color: #FFF;}
.block10 .fr{ width: 35%; float: left; text-align:right}

.block10 .bt01{display: block; margin: 0 auto;
    font-size: 130%; font-weight: bold; text-align: center;
    padding: 0.5em 5.5em;
    border-radius: 50px; text-decoration: none;
	color: #fff;  border: 1px solid #fff;}
	
.floatbnr{ position: fixed; right: 40px; top: 70%; z-index: 99;}