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

#wrapper{
	width:100%;
	
	
	background:#fff url("../images/topcontents_bg.png")center 730px  no-repeat;
	overflow: hidden;
}

/* メイン
---------------------------------------------------*/
#topMain {
	position:relative;
	height:735px;
	top:0;
	left:0;
	right:0;
	opacity:1;
	background:url("../images/mainphoto2_pc.jpg") center center no-repeat;
	background-size:auto 735px;
	border-bottom-right-radius:2500px 250px;
	border-bottom-left-radius: 2500px 250px;
	margin-left: -100px;
	margin-right: -100px;
	padding-left: 100px;
	padding-right: 100px;
	-webkit-transition: all 2200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 2200ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 2200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#topMain h1{ display:none; }
.scrollMid #topMain{
	border-bottom-right-radius: 0 0;
	border-bottom-left-radius: 0 0;
	background-size:auto 800px;
}
.scrollDown #topMain{
	border-bottom-right-radius: 0 0;
	border-bottom-left-radius: 0 0;

}
#topMain .tree{
	position:absolute;
	bottom:70px;
	right:14vw;
	right:calc(10vw + 100px);
	
	width:481px;
	height:410px;
	background:url("../images/tree.png") no-repeat;
}
@media screen and (max-width: 1180px){
	#topMain .tree{
	position:absolute;
	bottom:70px;
	right:140px;
	right:calc(8vw + 100px);
	width:42vw;
	height:36.5vw;
	background:url("../images/tree.png") no-repeat;
		background-size:100% auto;
	}
}

/* 施設案内
---------------------------------------------------*/
#sisetuList{
	background:;
	position:relative;
}

#sisetuList .cateTitle{
	margin-top:-20px !important;
}
#sisetuList ul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#sisetuList li{
	width:48%;
}
@media screen and (max-width: 979px){
	#sisetuList ul{
	display:block;
	}
	#sisetuList li{
	width:100%;
	}
}
#sisetuList li h2{
	width:100%;
	height:70px;
	background:#d2e9d6 url("../images/icon01.png") 17px 23px no-repeat;
	background:#d2e9d6 url("../images/icon01.svg") 17px 23px no-repeat;
	background-size:22px auto;
	color:#216935;
	font-size:20px;
	border-radius: 12px; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding:19px 0 0 45px;
	margin-bottom:15px;
	font-weight:700;
}
#sisetuList li h2 .small{
	font-size:16px;
}
#sisetuList li p{
	padding:0px 8px 5px 8px;
}
#sisetuList li .fLink{
	padding:0px 8px 25px 8px;
}
.fileLink{
	background:url(../images/file_icon.svg) center left no-repeat;
	background-size:18px auto;
	padding:3px 20px ;
	font-size:90%;
}
.houkatuArea {
	position:relative;
	padding:1px 0 0 90px;
	margin-bottom:15px;
}
.houkatuArea h6{
}
.houkatuArea span{
	padding:8px 0px;
	border:2px solid #216935;
	border-radius: 8px;
	width:70px;
	display:block;
	text-align:center;
	position:absolute;
	top:0;
	left:5px;
}
#goHoukatu {
}
#goHoukatu img{
	margin:20px 0 ;
	width:100%;
	max-width:400px;
}

/* 案内図
---------------------------------------------------*/
#sisetuMap{
	margin:0 auto;
}
#sisetuMap .cateTitle{
	margin-bottom:0px;
}
#sisetuMap .zoomTxt{
	text-align:center;
	line-height:1;
	color:#216935;
	margin-bottom:15px;
}
#sisetuMap .zoomTxt img{
	width:25px;
	vertical-align: middle;
	margin-right:7px;
	
}
/* these styles are for the demo, but are not required for the plugin */
.zoom {
	display:inline-block;
	position: relative;
	cursor:grab;
	border-radius: 40px; 
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}

.zoom img {
	display: block;
	width:100%;
	height:auto;
}
.zoom:after {
	display:block;
	position:absolute;
	bottom:8px;
	right:8px;
	content:'';
	width:65px;
	height:65px;
	border-radius: 50px; 
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	background: #fff url("../images/zoom.png") center center no-repeat;
	background: #fff url("../images/zoom.svg") center center no-repeat;
	background-size:30px auto;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

/* ACCESS
---------------------------------------------------*/
#accessMap .cateTitle{
}
#gmap{
	width:100%;
	height:450px;
	background:#fff;
}