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

/*****************************************************************/

#container {
	width: 100%;
	border-top: 5px solid #000;
/*	background: url(../img/bg_header.jpg) no-repeat center top;*/
/*	background-color: #f2f8e9;*/
}

#header {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	height: 206px;
}

#header p:nth-child(1) {
	position: absolute;
	left: 0px;
	top: 5px;	
}

#header p:nth-child(2) {
	position: absolute;
	left: 0px;
/*	top: 18px;*/	
	top: 25px;	
}

#header p:nth-child(3) {
	position: absolute;
	right: 0px;
/*	left:304px;*/
	top: 25px;	
}

#header p:nth-child(4) {
	position: absolute;
	left: 979px;
	top: 5px;	
}

#header #menu {
	position: absolute;
	left: 0px;
	/*	top: 81px;*/
	top: 160px;
	z-index: 10;
}

#header #menu li {
	float: left;
	position: relative;
	margin: 2px 0px 0px 0px;
}

#header #menu li .child {
	position: absolute;
	left: 12px;
	top: 40px;
	display: none;
}

#header #menu li .child li {
	float: inherit;
	background: #FFF;
	padding: 3px 10px;
	font-size: 0.9em;
	width: 80px;
}

#header #menu li .child li a {
	display: block;
}

#header #menu li .child li a:link {
	color: #00882E;
}

#header #menu li .child li a:hover {
	color: #F7B52C !important;
}

#header #menu li .child li a:visited {
	color: #00882E;
}

#header #menu li:nth-child(8) {
/*	margin: 0px 0px 0px 40px !important;*/
}

#header #btn_sp {
	display: none;
}
	
@media screen and (max-width:1000px) {
	
#container {
/*	background: url(../img/bg_sp.jpg) no-repeat left top;*/
/*	background-color: #f2f8e9;*/
	background-size: cover;
}
	 
#header {
	position: relative;
	width: 94%;
	margin: 0px 3%;
	height: 100px;
}


#header #menu {
	position: inherit;
	left: inherit;
	top: inherit;
	z-index: 10;
	display: none;
	width: 100%;
	background: #FFF;
	padding: 50px 0px;
}

#header #menu li {
	float: inherit;
	position: relative;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#header #menu li img {
	width: 100%;
}

#header #menu li .child {
	position: inherit;
	left: inherit;
	top: inherit;
	display: block;
}

#header #menu li .child li {
	float: left;
	background: #FFF;
	padding: 0px;
	font-size: 0.9em;
	width: 44%;
}

#header #menu li .child li:nth-child(1) {
	padding: 0% 3% 5%;
	text-align: right
}

#header #menu li .child li:nth-child(2) {
	padding: 0% 3% 5%;
	text-align: left;
}

#header #menu li .child li a {
	display: block;
}

#header #menu li .child li a:link {
	color: #00882E;
}

#header #menu li .child li a:hover {
	color: #00882E !important;
}

#header #menu li .child li a:visited {
	color: #00882E;
}

#header #menu li:nth-child(8) {
	margin: 0px 0px 0px 0px !important;
}

#header p img {
	width: 100%;	
}

#header p:nth-child(1) {
	position: absolute;
	left: 0px;
	top: 5%;
	width: 20%;	
	z-index: 20;
}

#header p:nth-child(2) {
	display: none;
}		

#header p:nth-child(3) {
	display: none;
}	

#header p:nth-child(4) {
	display: none;
}	

#header #btn_sp {
	display: block;
	position: absolute;
	right: 0px;
	top: 5%;
	width: 15%;
	z-index: 20;
}

#header #btn_sp img {
	width: 100%;
	
}
		
}

/*****************************************************************/

#contents {
	width: 1000px;
	margin: 0px auto;
/*	padding: 10px 0px;*/
	padding: 0px;
	position: relative;
/*	font-family: 'Noto Sans Japanese', serif;*/
/*	background-color: #FFF;*/
	background: url(../images/top_back.png) repeat center top;
}

#contents .w920 {
	width: 920px;
	margin: 0px auto;
}

#contents h1 {
	margin: 0px 0px 60px 0px;	
}

#contents .cons {
	margin: 0px 0px 100px;
	text-align: center;
}

#contents .hanabai1 {
	font: 900 1.5em "Noto Sans Japanese", serif;
	color: #3A9500;
	margin: 0px 0px 10px 0px;
}

#contents .hanabai2 {
	margin: 0px 0px 30px 0px;
}

/*****************************************************************/

#contents2 {
	width: 1000px;
	margin: 0px auto;
/*	padding: 10px 0px;*/
	padding: 0px;
	position: relative;
/*	font-family: 'Noto Sans Japanese', serif;*/
/*	background-color: #FFF;*/
	background: url(../images/back_img.png) repeat center top;
}

#contents2 .w920 {
	width: 920px;
	margin: 0px auto;
}

#contents2 h1 {
	margin: 0px 0px 60px 0px;	
}

#contents2 .cons {
	margin: 0px 0px 100px;
	text-align: center;
}

#contents2 .hanabai1 {
	font: 900 1.5em "Noto Sans Japanese", serif;
	color: #3A9500;
	margin: 0px 0px 10px 0px;
}

#contents2 .hanabai2 {
	margin: 0px 0px 30px 0px;
}



@media screen and (max-width:768px) {

#contents {
	width: 94%;
	margin: 0px;
	padding: 5% 3%;
	background: #FFF;
	position: relative;
	overflow: hidden;
}

#contents .w920 {
	width: 100%;
	margin: 0px;
}	 

#contents h1 {
	margin: 0px 0px 5%;
}

#contents h1 img {
	height: 50px;
}

#contents .cons {
	margin: 0px 0px 30%;
	text-align: center;
}

#contents2 {
	width: 94%;
	margin: 0px;
	padding: 5% 3%;
	background: #FFF;
	position: relative;
	overflow: hidden;
}

#contents2 .w920 {
	width: 100%;
	margin: 0px;
}	 

#contents2 h1 {
	margin: 0px 0px 5%;
}

#contents2 h1 img {
	height: 50px;
}

#contents2 .cons {
	margin: 0px 0px 30%;
	text-align: center;
}


}


/*****************************************************************/

 
 
/*****************************************************************/


#footer {
/*	font-family: 'Noto Sans Japanese', serif;*/
	width: 100%;
	border-top: 1px solid #000;
	background: #FFF;
}

#footer p {
	width: 1000px;
	margin: 5px auto 30px;
	text-align: center;
/*	font-weight: 700;*/
	padding: 0px;
	font-size: 0.9em;
}


@media screen and (max-width:768px) {
	
#footer {
	
}
	 
#footer p {
	width: 100%;
	padding: 2% 0px 0px;
	font-size: 0.7em;
}

#footer p span {
	display: block;
}

	 
}

/*****************************************************************/


#pagetop {
	position: fixed;
	right: 50%;
	bottom: 20px;
	margin: 0px -500px 0px 0px;
	height: 55px;
	width: 55px;
}


@media screen and (max-width:768px) {
	 
#pagetop {
	position: absolute;
	right: 4%;
	bottom: 70px;
	margin: 0px 0px 0px 0px;
	height: 55px;
	width: 55px;
}
	 
}


/*****************************************************************/


.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight {
	visibility: visible;
}
.delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay-1s {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.delay-15s {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
.delay-2s {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.delay-3s {
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
}
.fb_iframe_widget span {
	height: 20px;
	z-index: 0;
	overflow: hidden;
}
@media screen and (max-width:768px) {


}