@charset "utf-8";
/* CSS Document */
/* facility-header */
#facility-header {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/facility-header.jpg) no-repeat;
	background-position: center center;
}
#facility-header .title {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#facility-header .bottom {
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(../img/alpha-bottom-sub.png) no-repeat;
	bottom: 0;
	center: 0;
}
/* facility-intro */
#facility-intro {
	overflow: visible;
	width: 100%;
	padding-bottom: 100px;
	background: url(../img/bg-forest04.jpg) no-repeat center bottom;
}
#facility-intro .wrap01 {
	width: 1100px;
	height: 600px;
	position: relative;
	margin: -50px auto 20px;
	z-index:2;
}
#facility-intro h3 {
	margin: 0;
}
#facility-intro p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#facility-intro .wrap01 .h3 {
	position: absolute;
	width: 70px;
	height: 570px;
	top: 0;
	right: -20px;
}
#facility-intro .wrap01 .cc {
	position: absolute;
	width: 470px;
	height: 100px;
	top: 0;
	right: 110px;
}
#facility-intro .wrap01 .article {
	position: absolute;
	width: 450px;
	height: 240px;
	top: 120px;
	right: 90px;
}
#facility-intro .wrap01 .img {
	position: absolute;
	width: 564px;
	height: 538px;
	top: 0;
	left: -40px;
}
#facility-intro .wrap01 .bird01 {
	position: absolute;
	width: 285px;
	height: 250px;
	top: 0;
	left: -250px;
}
#facility-intro .wrap01 .bird02 {
	position: absolute;
	width: 250px;
	height: 135px;
	bottom: 20px;
	right: 180px;
}
#facility-intro .wrap02 {
	width: 1100px;
	height: 520px;
	margin: 0 auto;
	position: relative;
}
#facility-intro .wrap02 .bird03 {
	position: absolute;
	width: 340px;
	height: 179px;
	bottom: 0;
	left: -50px;
}
#facility-intro .wrap02 .img {
	position: absolute;
	width: 1100px;
	height: 520px;
	top: 0;
	right: -30px;
}
/* facility-room */
#facility-room {
	width: 100%;
	padding: 150px 0 100px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-03.png) no-repeat center top, url(../img/facility-shirakaba01.png) no-repeat right bottom, url(../img/facility-shirakaba02.png) no-repeat left bottom, url(../img/bg-forest05.jpg);
}
#facility-room a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#facility-room a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#facility-room p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#facility-room h3 {
	text-align: center;
	margin: 0;
}
#facility-room h4 {
	margin: 0;
}
#facility-room .wrap01 {
	width: 1100px;
	height: 620px;
	position: relative;
	margin: 0 auto 100px;
}
#facility-room .wrap01 .h3 {
	position: absolute;
	width: 76px;
	height: 287px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
#facility-room .wrap01 .cc {
	position: absolute;
	width: 632px;
	height: 132px;
	right: 0;
	top: 270px;
}
#facility-room .wrap01 .article {
	position: absolute;
	width: 500px;
	height: 196px;
	right: 0;
	bottom: 0;
}
#facility-room .wrap01 .box01 {
	position: absolute;
	width: 420px;
	height: 300px;
	background: #000;
	top: 80px;
	left: 0;
}
#facility-room .wrap01 .box02 {
	position: absolute;
	width: 230px;
	height: 230px;
	background: #000;
	top: 20px;
	right: 150px;
}
#facility-room .wrap01 .box03 {
	position: absolute;
	width: 300px;
	height: 230px;
	background: #000;
	bottom: -50px;
	left: 250px;
}
#facility-room .wrap01 .leaf {
	position: absolute;
	width: 340px;
	height: 255px;
	bottom: -60px;
	left: -100px;
}
#facility-room .wrap02 {
	width: 1100px;
	height: 350px;
	margin: 0 auto 50px;
}
#facility-room .wrap02 .left {
	float: left;
	width: 520px;
	height: 330px;
	margin-top: 20px;
	position: relative;
}
#facility-room .wrap02 .right {
	float: right;
	width: 520px;
	height: 330px;
	position: relative;
}
#facility-room .wrap02 .left .box01 {
	position: absolute;
	width: 220px;
	height: 167px;
	top: 70px;
	left: 0;
	background: #000;
}
#facility-room .wrap02 .left .box02 {
	position: absolute;
	width: 320px;
	height: 240px;
	bottom: 0;
	right: 0;
	background: #000;
}
#facility-room .wrap02 .right .box01 {
	position: absolute;
	width: 220px;
	height: 167px;
	bottom: 0;
	left: 0;
	background: #000;
}
#facility-room .wrap02 .right .box02 {
	position: absolute;
	width: 320px;
	height: 240px;
	top: 70px;
	right: 0;
	background: #000;
}
#facility-room .wrap02 .h4 {
	position: absolute;
	width: 100%;
	height: 53px;
	background: url(../img/facility-room-h4-bg.png) no-repeat top left;
}
#facility-room .wrap02 h4 {
	margin: 0;
	border-bottom: 1px dashed #372d27;
	color: #387555;
	font-size: 1.5rem;
	padding-left: 85px;
	padding-bottom: 5px;
	padding-top: 20px;
	letter-spacing: 0.1em;
}
#facility-room .wrap02 h4 span {
	font-size: 0.9rem;
	color: #34a166;
	margin-right: 5px;
}
#facility-room .wrap03 {
	width: 1100px;
	height: 490px;
	margin: 0 auto 50px;
}
#facility-room .wrap03 .left {
	float: left;
	width: 520px;
	height: 450px;
	position: relative;
	margin-top: 20px;
}
#facility-room .wrap03 .right {
	float: right;
	width: 520px;
	height: 450px;
	position: relative;
}
#facility-room .wrap03 .left .box01,
#facility-room .wrap03 .right .box01 {
	position: absolute;
	width: 220px;
	height: 167px;
	bottom: 210px;
	left: 0;
	background: #000;
}
#facility-room .wrap03 .left .box02,
#facility-room .wrap03 .right .box02 {
	position: absolute;
	width: 220px;
	height: 167px;
	bottom: 0;
	left: 0;
	background: #000;
}
#facility-room .wrap03 .left .box03 {
	position: absolute;
	width: 320px;
	height: 240px;
	top: 140px;
	right: 0;
	background: #000;
}
#facility-room .wrap03 .right .box03 {
	position: absolute;
	width: 320px;
	height: 240px;
	bottom: 50px;
	right: 0;
	background: #000;
}
#facility-room .wrap03 .h4 {
	position: absolute;
	width: 100%;
	height: 53px;
	background: url(../img/facility-room-h4-bg.png) no-repeat top left;
}
#facility-room .wrap03 h4 {
	margin: 0;
	border-bottom: 1px dashed #372d27;
	color: #387555;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	padding-left: 85px;
	padding-bottom: 5px;
	padding-top: 20px;
}
#facility-room .wrap03 h4 span {
	font-size: 0.9rem;
	color: #34a166;
	margin-right: 5px;
}
/* facility-info */
#facility-info {
	width: 100%;
	margin: 0 auto;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-01.png) no-repeat center top, url(../img/bg-02.png) no-repeat center bottom, url(../img/bg-forest02.jpg) ;
	padding: 100px 0 150px;
}
#facility-info a,
#facility-info a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#facility-info a:hover,
#facility-info a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#facility-info p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#facility-info .h3 {
	width: 1100px;
	height: auto;
	margin: 0 auto 30px;
}
#facility-info h3 {
	margin: 0;
}
#facility-info h4 {
	margin: 0;
	border-bottom: 1px dashed #372d27;
	color: #387555;
	font-size: 1.5rem;
	letter-spacing: 0.2em;
	padding-top: 20px;
	padding-left: 50px;
	background: url(../img/facility-info-h4-bg.png) no-repeat center left;
	margin-bottom: 10px;
}
#facility-info h4 span {
	color: #34a166;
	margin-left: 5px;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
}
#facility-info .cc {
	color: #34a166;
	font-size: 1.1rem;
	letter-spacing: 0.2em;
	font-weight: bold;
	line-height: 160%;
}
#facility-info .wrap01 {
	width: 1100px;
	height: 304px;
	position: relative;
	margin: 0 auto 60px;
}
#facility-info .wrap01 .left {
	float: left;
	width: 420px;
	height: 304px;
	margin-right: 30px;
	background: #000;
}
#facility-info .wrap01 .right {
	float: left;
	width: 650px;
	height: 304px;
}
#facility-info .wrap01 a.link {
	display: inline-block;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	color: #fff;
	background: url(../img/link-li.png) no-repeat center left, #cc581d;
}
#facility-info .wrap01 a.link:hover {
	display: inline-block;
	background: url(../img/link-li-hover.png) no-repeat center left, #cc2e1d;
	text-decoration: none;
	color: #fff;
	opacity: 1;
}
#facility-info .wrap02 {
	width: 1100px;
	height: 370px;
	position: relative;
	margin: 0 auto 60px;
}
#facility-info .wrap02 p {
	margin: 0 auto 20px;
}
#facility-info .wrap02 .left {
    float: left;
    width: 520px;
	height: 370px;
	position: relative;
}
#facility-info .wrap02 .right {
    float: right;
    width: 520px;
	height: 370px;
	position: relative;
}
#facility-info .wrap02 .title {
	width: 100%;
	height: 110px;
}
#facility-info .wrap02 .box01 {
	position: absolute;
	width: 210px;
	height: 250px;
	left: 0;
	top: 120px;
	background: #000;
}
#facility-info .wrap02 .box02 {
	position: absolute;
	width: 280px;
	height: 250px;
	right: 0;
	top: 120px;
}
#facility-info .wrap03 {
	width: 1100px;
	height: 370px;
	position: relative;
	margin: 0 auto 100px;
}
#facility-info .wrap03 p {
	margin: 0 auto 20px;
}
#facility-info .wrap03 .left {
    float: left;
    width: 770px;
	height: 370px;
	position: relative;
}
#facility-info .wrap03 .title {
	width: 100%;
	height: 110px;
}
#facility-info .wrap03 .box01 {
	position: absolute;
	width: 210px;
	height: 250px;
	left: 0;
	top: 120px;
	background: #000;
}
#facility-info .wrap03 .box02 {
	position: absolute;
	width: 210px;
	height: 250px;
	left: 230px;
	top: 120px;
	background: #000;
}
#facility-info .wrap03 .box03 {
	position: absolute;
	width: 300px;
	height: 250px;
	right: 0;
	top: 120px;
}
#facility-info .wrap03 .right {
    float: right;
    width: 270px;
	height: 370px;
	position: relative;
}
#facility-info .wrap03 .right h4 {
	margin-bottom: 15px;
}
#facility-info .wrap03 .right a {
	display: block;
	background: #000;
	margin-bottom: 25px;
}
#facility-info .wrap03 .right a:hover {
	opacity: 1;
}
#facility-info .wrap04 {
	width: 1100px;
	height: 400px;
	position: relative;
	margin: 0 auto;
}
#facility-info .wrap04 .left {
    float: left;
    width: 520px;
	height: 370px;
	position: relative;
}
#facility-info .wrap04 .right {
    float: right;
    width: 520px;
	height: 400px;
	position: relative;
}
#facility-info .wrap04 .h4 {
	width: 520px;
	height: 48px;
	position: absolute;
	left: 0;
	top: 0;
    margin: 0;
}
#facility-info .wrap04 .box01 {
	background: #000;
	position: absolute;
	width: 270px;
	height: 190px;
	top: 60px;
	left: 0;
}
#facility-info .wrap04 .box02 {
	position: absolute;
	width: 220px;
	height: 190px;
	top: 60px;
	right: 0;
}
#facility-info .wrap04 .box03 {
	position: absolute;
	width: 520px;
	height: 150px;
	right: 0;
	bottom: 0;
}
#facility-info .coffee {
	position: absolute;
	width: 166px;
	height: 125px;
	top: -80px;
	right: -120px;
}
#facility-info .momiji {
	position: absolute;
	width: 160px;
	height: 160px;
	top:200px;
	left: -200px;
}
/* facility-outline */
#facility-outline {
	width: 100%;
	padding: 100px 0;
	background: url(../img/bg-shadow01.png) no-repeat top center, url(../img/bg-hall02.jpg) no-repeat;
}
#facility-outline h3 {
	margin-top: 0;
	text-align: center;
	margin-bottom: 50px;
}
#facility-outline .cc {
	text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0.2em;
    font-weight: bold;
    line-height: 160%;
	margin-bottom: 30px;
	color: #387555;
}
#facility-outline .wood-bg {
	background: url(../img/bg-wood.jpg);
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 80px;
	filter: drop-shadow(0 8px 8px rgba(0,0,0,0.3));
}
#facility-outline table {
	margin: 0 auto;
	width: 760px;
	border-collapse: collapse;
}
#facility-outline th,
#facility-outline td {
	border: 1px solid #99856c;
	padding: 20px;
}
#facility-outline th {
	width: 170px;
	font-weight: 500;
	font-size: 0.9rem;
	letter-spacing: 0.15em;
	background: rgba(230,216,155,0.2);
}
#facility-outline td {
	background: rgba(255,255,255,0.6);
}
#facility-outline td {
	font-size: 0.9rem;
	letter-spacing: 0.15em;
}
/* cuisine-header */
#cuisine-header {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/cuisine-header.jpg) no-repeat;
	background-position: center center;
}
#cuisine-header .title {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#cuisine-header .bottom {
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(../img/alpha-bottom-sub.png) no-repeat;
	bottom: 0;
	center: 0;
}
/* cuisine-intro */
#cuisine-intro {
	width: 100%;
	overflow: visible;
	padding-bottom: 100px;
	background: url(../img/bg-forest04.jpg) no-repeat center bottom;
}
#cuisine-intro .wrap {
	width: 1100px;
	height: 896px;
	position: relative;
	margin: 0 auto 20px;
}
#cuisine-intro .wrap .img01 {
	position: absolute;
	width: 660px;
	height: 540px;
	left: 50px;
	top: 0;
}
#cuisine-intro .wrap .img02 {
	position: absolute;
	width: 562px;
	height: 459px;
	right: 0;
	bottom: 0;
}
#cuisine-intro .wrap .h3 {
	position: absolute;
	width: 70px;
	height: 700px;
	left: -50px;
	top: 0;
}
#cuisine-intro .wrap .cc01 {
	position: absolute;
	width: 322px;
	height: 48px;
	right: 0;
	top: 70px;
}
#cuisine-intro .wrap .article01 {
	position: absolute;
	width: 322px;
	height: 232px;
	right: 0;
	top: 140px;
}
#cuisine-intro .wrap .cc02 {
	position: absolute;
	width: 450px;
	height: 18px;
	left: 20px;
	top: 550px;
}
#cuisine-intro .wrap .article02 {
	position: absolute;
	width: 450px;
	height: 294px;
	left: 20px;
	top: 585px;
}
#cuisine-intro .wrap .article01 p,
#cuisine-intro .wrap .article02 p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#cuisine-intro .wrap .bird01 {
	position: absolute;
	width: 163px;
	height: 121px;
	top: -60px;
	right: -30px;
}
#cuisine-intro .wrap .bird02 {
	position: absolute;
	width: 250px;
	height: 135px;
	bottom: 0;
	left: -240px;
}
/* cuisine-menu */
#cuisine-menu {
	width: 100%;
	margin: 0 auto;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-01.png) no-repeat center top, url(../img/bg-02.png) no-repeat center bottom, url(../img/cuisine-menu-bg.png) no-repeat center bottom, url(../img/bg-forest02.jpg) ;
	padding: 100px 0 150px;
}
#cuisine-menu a,
#cuisine-menu a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#cuisine-menu a:hover,
#cuisine-menu a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#cuisine-menu p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#cuisine-menu .h3 {
	width: 1100px;
	height: auto;
	margin: 0 auto 30px;
}
#cuisine-menu h3 {
	margin: 0;
}
#cuisine-menu h4 {
	margin: 0;
	border-bottom: 1px dashed #372d27;
	color: #387555;
	font-size: 1.5rem;
	letter-spacing: 0.2em;
	padding-top: 20px;
	padding-left: 50px;
	background: url(../img/facility-info-h4-bg.png) no-repeat center left;
	margin-bottom: 10px;
}
#cuisine-menu h4 span {
	color: #34a166;
	margin-left: 5px;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
}
#cuisine-menu .cc {
	color: #34a166;
	font-size: 1.1rem;
	letter-spacing: 0.2em;
	font-weight: bold;
	line-height: 160%;
}
#cuisine-menu .wrap01 {
	width: 1100px;
	height: 304px;
	position: relative;
	margin: 0 auto 30px;
}
#cuisine-menu .wrap01 .left {
	float: left;
	width: 420px;
	height: 304px;
	margin-right: 30px;
	background: #000;
}
#cuisine-menu .wrap01 .right {
	float: left;
	width: 540px;
	height: 304px;
	margin-right: 110px;
}
#cuisine-menu .wrap02 {
	margin: 0 auto 70px;
	width: 1100px;
	height: 506px;
	position: relative;
}
#cuisine-menu .wrap02 .box01 {
	position: absolute;
	width: 238px;
	height: 238px;
	left: 0;
	top: 0;
	background: #000;
}
#cuisine-menu .wrap02 .box02 {
	position: absolute;
	width: 296px;
	height: 238px;
	left: 268px;
	top: 0;
	background: #000;
}
#cuisine-menu .wrap02 .box03 {
	position: absolute;
	width: 238px;
	height: 238px;
	right: 268px;
	top: 0;
	background: #000;
}
#cuisine-menu .wrap02 .box04 {
	position: absolute;
	width: 238px;
	height: 238px;
	right: 0;
	top: 0;
	background: #000;
}
#cuisine-menu .wrap02 .box05 {
	position: absolute;
	width: 238px;
	height: 238px;
	left: 0;
	bottom: 0;
	background: #000;
}
#cuisine-menu .wrap02 .box06 {
	position: absolute;
	width: 238px;
	height: 238px;
	left: 268px;
	bottom: 0;
	background: #000;
}
#cuisine-menu .wrap02 .box07 {
	position: absolute;
	width: 296px;
	height: 238px;
	right: 268px;
	bottom: 0;
	background: #000;
}
#cuisine-menu .wrap02 .box08 {
	position: absolute;
	width: 238px;
	height: 238px;
	right: 0;
	bottom: 0;
	background: #000;
}
#cuisine-menu .wrap03 {
	padding-top: 70px;
	width: 1100px;
	height: 304px;
	position: relative;
	margin: 0 auto 30px;
	background: url(../img/bg-shadow01.png) no-repeat center top;
}
#cuisine-menu .wrap03 .left {
	float: left;
	width: 540px;
	height: 304px;
	margin-left: 110px;
}
#cuisine-menu .wrap03 .right {
	float: right;
	width: 420px;
	height: 304px;
	background: #000;
}
#cuisine-menu .wrap04 {
	margin: 0 auto 70px;
	width: 1100px;
	/*height: 238px;*/
	position: relative;
}
#cuisine-menu .wrap04 .box01 {
	position: static;
	width: 540px;
    margin-bottom: 0.6em;
	background: #000;
}
#cuisine-menu .wrap04 .box02 {
	position: static;
	width: 540px;
	height: 238px;
	background: #000;
}
#cuisine-menu .wrap04 .box03 {
	position: absolute;
	width: 570px;
	right: 0;
	top: 0;
}
#cuisine-menu .wrap04 .box04 {
	position: absolute;
    width: 281px;
    left: 50%;
    bottom: 0;
    background: #000;
}
#cuisine-menu .wrap04 ul {
	list-style-type: none;
	margin: 0;
	/*padding-top: 15px;*/
}
#cuisine-menu .wrap04 ul li {
	background: url(../img/cuisine-li.png) no-repeat top left;
	padding-left: 20px;
	margin-bottom: 5px;
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#cuisine-menu .wrap01 .balloon01 {
	position: absolute;
	width: 128px;
	height: 403px;
	bottom: -160px;
	right: -180px;
}
#cuisine-menu .wrap03 .balloon02 {
	position: absolute;
	width: 128px;
	height: 403px;
	bottom: -50px;
	left: -150px;
}
/* camp-header */
#camp-header {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/camp-header.jpg) no-repeat center center;
}
#camp-header .title {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#camp-header .bottom {
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(../img/alpha-bottom-sub.png) no-repeat;
	bottom: 0;
	center: 0;
}
/* camp-intro */
#camp-intro {
	width: 100%;
	overflow: visible;
	padding-bottom: 100px;
	background: url(../img/bg-forest04.jpg) no-repeat center bottom;
}
#camp-intro h3 {
	margin: 0;
}
#camp-intro a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
}
#camp-intro a:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#camp-intro p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#camp-intro .wrap {
	width: 1100px;
	height: 880px;
	position: relative;
	margin: 0 auto;
}
#camp-intro .wrap .h3 {
	position: absolute;
	width: 510px;
	height: 100px;
	top: 0;
	left: 0;
}
#camp-intro .wrap .article01 {
	position: absolute;
	width: 510px;
	height: 100px;
	top: 120px;
	left: 0;
}
#camp-intro .wrap .article02 {
	position: absolute;
	width: 500px;
	height: 211px;
	right: 0;
	bottom: 60px;
}
#camp-intro .wrap .img01 {
	position: absolute;
	width: 266px;
	height: 264px;
	right: 280px;
	top: -30px;
	z-index:2;
}
#camp-intro .wrap .movie01 {
	position: absolute;
	width: 420px;
	height: 320px;
	right: -50px;
	top: 170px;
}
#camp-intro .wrap .img02 {
	position: absolute;
	width: 266px;
	height: 264px;
	left: 290px;
	bottom: 130px;
	z-index:2;
}
#camp-intro .wrap .movie02 {
	position: absolute;
	width: 420px;
	height: 320px;
	left: -80px;
	bottom: 0;
}
#camp-intro .wrap .balloon01 {
	position: absolute;
	width: 240px;
	height: 460px;
	top: -30px;
	left: -300px;
}
#camp-intro .wrap .piano {
	position: absolute;
	width: 159px;
	height: 183px;
	bottom: -50px;
	right: -30px;
}
/* camp-tennis */
#camp-tennis {
	width: 100%;
	padding: 150px 0 100px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-03.png) no-repeat center top, url(../img/facility-shirakaba01.png) no-repeat right bottom, url(../img/facility-shirakaba02.png) no-repeat left bottom, url(../img/bg-forest02.jpg);
}
#camp-tennis a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
}
#camp-tennis a:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#camp-tennis .wrap01 {
	margin: 0 auto;
	width: 1100px;
	height: 246px;
	padding: 0 0;
	position: relative;
}
#camp-tennis .wrap01 h3 {
	margin: 0 auto 30px;
	text-align: center;
}
#camp-tennis .wrap01 p {
	width: 900px;
	margin: 0 auto;
	text-align: center;
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#camp-tennis .wrap01 .bird01 {
	position: absolute;
	width: 285px;
	height: 250px;
	top: 50px;
	right: -240px;
}
#camp-tennis .wrap01 .bird02 {
	position: absolute;
	width: 250px;
	height: 135px;
	bottom: 0;
	left: -200px;
}
#camp-tennis .wrap02{
	margin: 0 auto;
	width: 900px;
	height: 375px;
}
#camp-tennis .wrap02 p {
	text-align: center;
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
	margin: 0;
	padding-top: 15px;
}
#camp-tennis .wrap02 img {
	vertical-alling: bottom;
}
#camp-tennis .wrap02 .left {
	/* float: left; */
	width: 420px;
	height: 320px;
	background: #000;
	position: relative;
	float: none;
	margin: 0 auto;
}
#camp-tennis .wrap02 .right {
	float: right;
	width: 420px;
	height: 320px;
	background: #000;
	position: relative;
}
#camp-tennis .wrap02 p.title {
    position: absolute;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    margin: 0;
    color: #fff;
    font-weight: 400;
    background: rgba(0,0,0,0.3);
	pointer-events: none;
}
/* camp-facility */
#camp-facility {
	width: 100%;
	padding: 150px 0 150px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-03.png) no-repeat center top,url(../img/facility-shirakaba01.png) no-repeat right bottom, url(../img/facility-shirakaba02.png) no-repeat left bottom, url(../img/bg-forest05.jpg) no-repeat center / cover;
}
#camp-facility a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#camp-facility a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#camp-facility p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#camp-facility h3 {
	text-align: center;
	margin: 0;
}
#camp-facility h4 {
	margin: 0;
}
#camp-facility .wrap01 {
	width: 1100px;
	height: 460px;
	position: relative;
	margin: 0 auto 0;
}
#camp-facility .wrap01 .h3 {
	position: absolute;
	width: 76px;
	height: 287px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
#camp-facility .wrap01 .cc {
	position: absolute;
	width: 545px;
	height: 94px;
	right: 50px;
	top: 300px;
}
#camp-facility .wrap01 .article {
	position: absolute;
	width: 545px;
	height: 90px;
	right: 50px;
	bottom: 0;
}

#camp-facility .wrap01 .img01 {
	position: absolute;
	width: 484px;
	height: 410px;
	top: 0;
	left: -50px;
}
#camp-facility .wrap01 .img02 {
	position: absolute;
	width: 276px;
	height: 274px;
	top: 0;
	right: 130px;
}
#camp-facility .wrap02 {
	margin: 0 auto 50px;
	width: 1100px;
	height: 520px;
	position: relative;
}
#camp-facility .wrap03 {
	width: 1100px;
	margin: 0 auto 15px;
}
#camp-facility .wrap03 .h4 {
	background: url(../img/facility-room-h4-bg.png) no-repeat top left;
}
#camp-facility .wrap03 h4 {
	margin: 0;
	border-bottom: 1px dashed #372d27;
	color: #387555;
	font-size: 1.5rem;
	padding-left: 85px;
	padding-bottom: 5px;
	padding-top: 20px;
	letter-spacing: 0.1em;
}
#camp-facility .wrap03 h4 span {
	font-size: 0.9rem;
	color: #34a166;
	margin-left	: 5px;
}
#camp-facility .wrap04 {
	width: 1100px;
	height: 290px;
	margin: 0 auto;
}
#camp-facility .wrap04 .box {
	float: left;
	width: 346px;
	height: 260px;
	background: #000;
	margin-right: 31px;
	position: relative;
}
#camp-facility .wrap04 .box:last-of-type {
	margin-right: 0;
}
#camp-facility .wrap05 {
	width: 1100px;
	height: 290px;
	margin: 0 auto 50px;
}
#camp-facility .wrap05 .box {
	float: left;
	width: 346px;
	height: 260px;
	background: #000;
	margin-right: 31px;
	position: relative;
}
#camp-facility .wrap05 .box:last-of-type {
	margin-right: 0;
}
#camp-facility .wrap04 .box p.title,
#camp-facility .wrap05 .box p.title {
    position: absolute;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    margin: 0;
    color: #fff;
    font-weight: 400;
    background: rgba(0,0,0,0.3);
	text-align: center;
	pointer-events: none;
}
#camp-facility .wrap05 .article {
    background: transparent !important;
}
#camp-facility .wrap06,#camp-facility .wrap07 {
	width: 1100px;
	height: 418px;
	margin: 0 auto;
}
#camp-facility .wrap06 .box,#camp-facility .wrap07 .box {
	float: left;
	width: 346px;
	height: 418px;
	margin-right: 31px;
}
#camp-facility .wrap06 .box:last-of-type,
#camp-facility .wrap07 .box:last-of-type{
	margin-right: 0;
}
#camp-facility .wrap06 .h4,#camp-facility .wrap07 .h4 {
	background: url(../img/facility-room-h4-bg.png) no-repeat top left;
	margin-bottom: 15px;
}
#camp-facility .wrap06 h4,#camp-facility .wrap07 h4  {
	margin: 0;
	border-bottom: 1px dashed #372d27;
	color: #387555;
	font-size: 22px;
	padding-left: 85px;
	padding-bottom: 5px;
	padding-top: 20px;
	letter-spacing: 0.01em;
}
#camp-facility .wrap06 h4 span,#camp-facility .wrap07 h4 span {
	font-size: 13px;
	color: #34a166;
	margin-left	: 5px;
    letter-spacing: 0.04rem;
}
#camp-facility .wrap06 .box .img,#camp-facility .wrap07 .box .img {
	background: #000;
	width: 346px;
	height: 260px;
}
#camp-facility .wrap08 {
	width: 1100px;
	margin: 4rem auto 0;
	position: relative;
}
#camp-facility a {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#camp-facility a:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#camp-facility .wrap08 p {
	text-align: center;
}
#camp-facility .wrap08 a.link {
	display: inline-block;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	color: #fff;
	background: url(../img/link-li.png) no-repeat center left, #cc581d;
}
#camp-facility .wrap08 a.link:hover {
	display: inline-block;
	background: url(../img/link-li-hover.png) no-repeat center left, #cc2e1d;
	text-decoration: none;
	color: #fff;
	opacity: 1;
}
#camp-facility .wrap01 .leaft01 {
	position: absolute;
	width: 200px;
	height: 206px;
	top: 100px;
	right: -150px;
}
#camp-facility .wrap02 .leaft02 {
	position: absolute;
	width: 200px;
	height: 206px;
	bottom: 0px;
	left: -60px;
}
#camp-facility .wrap08 .leaft03 {
	position: absolute;
	width: 200px;
	height: 206px;
	top: -275px;
	right: 52px;
}
/* camp-outline */
#camp-outline {
	width: 100%;
	padding: 100px 0;
	background: url(../img/bg-shadow01.png) no-repeat top center, url(../img/bg-hall02.jpg) no-repeat;
}
#camp-outline h3 {
	margin-top: 0;
	text-align: center;
	margin-bottom: 50px;
}
#camp-outline .wood-bg {
	background: url(../img/bg-wood.jpg);
	width: 960px;
	margin: 0 auto;
	padding: 80px 0 30px;
	filter: drop-shadow(0 8px 8px rgba(0,0,0,0.3));
}
#camp-outline .wrap {
	width: 760px;
	margin: 0 auto 50px;
}
#camp-outline table {
	width: 100%;
	border-collapse: collapse;
}
#camp-outline th,
#camp-outline td {
	border: 1px solid #99856c;
	padding: 20px;
}
#camp-outline th {
	width: 170px;
	font-weight: 500;
	font-size: 0.9rem;
	letter-spacing: 0.15em;
	background: rgba(230,216,155,0.2);
}
#camp-outline td {
	background: rgba(255,255,255,0.6);
}
#camp-outline td {
	font-size: 0.9rem;
	letter-spacing: 0.15em;
}
#camp-outline h4 {
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #372d27;
	color: #387555;
	font-size: 1.1rem;
	padding-left: 35px;
	padding-bottom: 5px;
	letter-spacing: 0.2em;
	background: url(../img/camp-h4-bg.png) no-repeat center left;
}
#camp-outline p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#camp-outline table caption {
	text-align: right;
	caption-side: bottom;
	font-size: 0.9rem;
	letter-spacing: 0.15em;
}
#camp-outline .big {
	font-size: 1.1rem;
}
#camp-outline .inq {
	border: 1px solid #000;
	padding: 20px 20px 10px 20px;
	background: rgba(255,255,255,0.6);
}
/* ss-header */
#ss-header {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/ss-header.jpg) no-repeat;
	background-position: center center;
}
#ss-header .title {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#ss-header .bottom {
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(../img/alpha-bottom-sub.png) no-repeat;
	bottom: 0;
	center: 0;
}
/* ss-intro */
#ss-intro {
	width: 100%;
	overflow: visible;
	padding: 20px 0 100px;
	background: url(../img/bg-forest06.jpg) no-repeat center bottom;
}
#ss-intro a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#ss-intro a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#ss-intro p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#ss-intro .wrap01 {
	width: 1100px;
	height: 569px;
	position: relative;
	margin: 0 auto 20px;
	background: url(../img/ss-intro-bg.png) no-repeat center center;
}
#ss-intro .wrap01 .h4 {
	position: absolute;
	width: 334px;
	height: 77px;
	top: 110px;
	left: 120px;
}
#ss-intro .wrap01 h4 {
	margin: 0;
}
#ss-intro .wrap01 .h4 p {
	margin: 0;
	font-size: 0.9rem;
}
#ss-intro .wrap01 .article {
	position: absolute;
	width: 482px;
	height: 145px;
	top: 210px;
	left: 120px;
}
#ss-intro .wrap01 .kisuge {
	position: absolute;
	width: 150px;
	height: 166px;
	bottom: -60px;
	right: -10px;
}
#ss-intro .wrap01 .img01 {
	position: absolute;
	width: 246px;
	height: 246px;
	bottom: -40px;
	left: 80px;
	background: #000;
}
#ss-intro .wrap01 .img02 {
	position: absolute;
	width: 246px;
	height: 246px;
	bottom: -40px;
	left: 360px;
	background: #000;
}
#ss-intro .wrap01 .bird01 {
	position: absolute;
	width: 285px;
	height: 250px;
	top: 0;
	left: -300px;
}
#ss-intro .wrap01 .bird02 {
	position: absolute;
	width: 189px;
	height: 153px;
	top: -100px;
	right: -20px;
}
#ss-intro .wrap01 .map {
	position: absolute;
	width: 360px;
	height: 610px;
	right:90px;
	top: 0;
	text-align: center;
	padding: 100px 20px 0;
	box-sizing: border-box;
	background: url(../img/bg-wood.jpg);
}
#ss-intro .wrap01 .map p {
	margin: 0;
	font-size: 0.9rem;
}
#ss-intro .wrap01 .title {
	position: absolute;
	width: 360px;
	height: 124px;
	right:120px;
	top: -20px;
	z-index: 2;
}
/* ss-spot */
#ss-spot {
	width: 100%;
	padding: 150px 0 150px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-03.png) no-repeat center top, url(../img/bg-04.png) no-repeat center bottom, url(../img/bg-forest05.jpg);
}
#ss-spot img {
	vertical-align: bottom;
}
#ss-spot a,
#ss-spot a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#ss-spot a:hover,
#ss-spot a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#ss-spot h3 {
	text-align: center;
	margin: 0 auto 50px;
}
#ss-spot .wrap {
	width: 1100px;
	position: relative;
	margin: 0 auto 0;
}
#ss-spot .wrap .box {
	float: left;
	width: 346px;
	height: 661px;
	margin-right: 31px;
	margin-bottom: 30px;
}
#ss-spot .wrap .box:last-of-type {
	margin-right: 0;
}
#ss-spot h4 {
	margin: 0;
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 1.5rem;
	line-height: 120%;
	letter-spacing: 0.1em;
	color: #34a166;
}
#ss-spot h4 span {
	display: block;
	font-size: 0.75rem;
	font-weight: 400;
}
#ss-spot h4 span::before {
	content: "[";
}
#ss-spot h4 span::after {
	content: "]";
}
#ss-spot .wrap h4.ico01 {
	background: url(../img/spot-ico01.png) no-repeat bottom left;
}
#ss-spot .wrap h4.ico02 {
	background: url(../img/spot-ico02.png) no-repeat bottom left;
}
#ss-spot .wrap h4.ico03 {
	background: url(../img/spot-ico03.png) no-repeat bottom left;
}
#ss-spot .wrap h4.ico04 {
	background: url(../img/spot-ico04.png) no-repeat bottom left;
}
#ss-spot .wrap .box img {
	border: 1px solid #fff;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,0.3));
	margin-bottom: 15px;
}
#ss-spot .wrap .box p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 150%;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
#ss-spot .wrap .box p.cc {
	font-size: 0.95rem;
	color: #cc581d;
	font-weight: bold;
}
#ss-spot .wrap .box table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}
#ss-spot .wrap .box th {
	background: rgba(230,216,155,0.2);
	text-align: right;
}
#ss-spot .wrap .box th,
#ss-spot .wrap .box td {
	font-weight: 500;
	font-size: 0.8rem;
	border: 1px solid #99856c;
	line-height: 120%;
	padding: 5px;
}
#ss-spot a.link {
	font-size: 0.8rem;
	display: inline-block;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	color: #fff;
	background: url(../img/link-li.png) no-repeat center left, #cc581d;
}
#ss-spot a.link:hover {
	display: inline-block;
	background: url(../img/link-li-hover.png) no-repeat center left, #cc2e1d;
	text-decoration: none;
	color: #fff;
	opacity: 1;
}
#ss-spot p.bottom {
	background: #c2e2d6;
	margin: 0;
	padding: 3px;
	font-size: 0.8rem;
}
#ss-spot .wrap .balloon01 {
	position: absolute;
	width: 208px;
	height: 431px;
	top: -30px;
	left: -300px;
}
#ss-spot .wrap .balloon02 {
	position: absolute;
	width: 157px;
	height: 385px;
	top: 700px;
	right: -300px;
}
/* ac-header */
#ac-header {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/ac-header.jpg) no-repeat;
	background-position: center center;
}
#ac-header .title {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#ac-header .bottom {
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(../img/alpha-bottom-sub.png) no-repeat;
	bottom: 0;
	center: 0;
}
/* ac-intro */
#ac-intro {
	overflow: visible;
	padding: 20px 0 100px;
	background: url(../img/bg-forest06.jpg) no-repeat center bottom;
}
#ac-intro a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#ac-intro a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#ac-intro p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#ac-intro .wrap01 {
	width: 970px;
	height: 650px;
	position: relative;
	margin: 0 auto 50px;
}
#ac-intro .title-car {
	position: absolute;
	width: 200px;
	height:31px;
	top: 0;
	left: 100px;
}
#ac-intro .title-train {
	position: absolute;
	width: 200px;
	height:31px;
	top: 0;
	right: 100px;
}
#ac-intro .icon-car {
	position: absolute;
	width: 110px;
	height:113px;
	top: 10px;
	left: -10px;
	z-index:2;
}
#ac-intro .icon-train {
	position: absolute;
	width: 110px;
	height:113px;
	top: 10px;
	right: -10px;
	z-index:2;
}
#ac-intro .ul01 {
    position : absolute;
	left: 0;
	top: 40px;
	width: auto;
	height: 44px;
	background: #ccc;
	padding-left: 110px;
	padding-right: 30px;
	background: url(../img/ac-ul01-bg.jpg) no-repeat right center;
}
#ac-intro .ul02 {
    position : absolute;
	right: 0;
	top: 40px;
	width: auto;
	height: 44px;
	background: #ccc;
	padding-right: 110px;
	padding-left: 30px;
	background: url(../img/ac-ul02-bg.jpg) no-repeat left center;
}
.tab  {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 44px;
}
.tab li {
	float: left;
	height: 44px;
	box-sizing: border-box;
	cursor: pointer;
	text-decoration: underline;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	padding: 10px 15px 0 15px;
	transition: all 0.5s ease;
}
.tab li:hover {
	background: #34a166;
	color: #fff;
	transition: all 0.5s ease;
}
.tab li.select {
	background: #34a166;
	color: #fff;
	transition: all 0.5s ease;
}
.disnon {
    opacity: 0;
}
.tabcontent {
    transition: 300ms ease-out;
    position : absolute;
    top : 100px;
	left: 0;
	width: 100%;
	height: 550px;
	background: #372d27;
	margin: 0 auto;
}
.tabcontent-bg {
	position : absolute;
    top : 100px;
	left: 0;
	width: 100%;
	height: 550px;
	background: #000;
}
.tabcontent .box {
	width: 970px;
	height: 550px;
	position: relative;
}
.tabcontent iframe {
	position: absolute;
	width: 970px;
	height: 450px;
	left: 0;
	top: 0;
}
.tabcontent .box .article {
	position: absolute;
	width: 680px;
	height: 100px;
	left: 20px;
	top: 450px;
	line-height: 110%;
	font-size: 0.8rem !important;
	color: #fff;
}
.tabcontent .box .bt {
	position: absolute;
	width: 200px;
	height: 100px;
	right: 0;
	bottom: 0;
	z-index: 10;
}
#ac-intro .wrap02 {
	margin: 0 auto 60px;
	width: 970px;
}
#ac-intro .wrap02 a {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#ac-intro .wrap02 a:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#ac-intro .wrap02 p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#ac-intro .wrap02 a.link {
	display: inline-block;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	color: #fff;
	background: url(../img/link-li.png) no-repeat center left, #cc581d;
}
#ac-intro .wrap02 a.link:hover {
	display: inline-block;
	background: url(../img/link-li-hover.png) no-repeat center left, #cc2e1d;
	text-decoration: none;
	color: #fff;
	opacity: 1;
}
#ac-intro .wrap03 {
	background: url(../img/bg-shadow01.png) no-repeat center top;
	padding-top: 60px;
	width: 970px;
	height: 410px;
	margin: 0 auto;
	position: relative;
}
#ac-intro .wrap03 p {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
    line-height: 200%;
}
#ac-intro .wrap03 .left {
	float: left;
	width: 490px;
	height: 410px;
	box-sizing: border-box;
	padding: 20px;
	background: url(../img/bg-wood.jpg);
}
#ac-intro .wrap03 .right {
	float: right;
	width: 450px;
	height: 410px;
}
/* ac-links */
#ac-links {
	padding: 100px 0 70px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-wood.jpg);
}
#ac-links .wrap {
	width: 960px;
	height: 198px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}
#ac-links .box {
	float: left;
	width: 168px;
	height: 168px;
	margin-right: 30px;
	filter: drop-shadow(0 8px 8px rgba(0,0,0,0.3));
}
#ac-links .box:nth-of-type(5) {
	margin-right: 0;
}
#ac-links .box a {
	display: block;
	transition: all 0.5s ease;
}
#ac-links .box a img {
	vertical-align: bottom;
	border-radius: 10px;
}
#ac-links .box a:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#ac-links .deco-skii {
	position: absolute;
	width: 298px;
	height: 300px;
	left: -350px;
	top: -50px;
	z-index: 2;
}
#ac-links .deco-camera {
	position: absolute;
	width: 289px;
	height: 269px;
	right: -300px;
	top: -40px;
	z-index: 2;
}
#ac-intro .wrap01 .bird01 {
	position: absolute;
	width: 285px;
	height: 250px;
	top: 0;
	left: -350px;
}
#ac-intro .wrap01 .bird02 {
	position: absolute;
	width: 250px;
	height: 135px;
	bottom: -320px;
	right: -20px;
}
#ac-intro .wrap03 .bird03 {
	position: absolute;
	width: 340px;
	height: 179px;
	bottom: 0px;
	left: -350px;
}
/* res-header */
#res-header {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/res-header.jpg) no-repeat;
	background-position: center center;
}
#res-header .title {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#res-header .bottom {
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(../img/alpha-bottom-sub.png) no-repeat;
	bottom: 0;
	center: 0;
}
/* res-intro */
#res-intro {
	overflow: visible;
	padding: 20px 0 100px;
	background: url(../img/bg-forest06.jpg) no-repeat center bottom;
}
#res-intro a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#res-intro a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#res-intro p {
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    line-height: 150%;
	margin: 0 0 10px;
}
#res-intro h3 {
	background: url(../img/res-h3-bg.png) no-repeat left center;
	padding: 50px 0 5px 70px;
	border-bottom: 1px dashed #372d27;
	color: #34a166;
	font-size: 1.7rem;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}
#res-intro h3 span {
	color: #387555;
	font-size: 1rem;
}
#res-intro table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}
#res-intro th,
#res-intro td {
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    line-height: 150%;
	font-weight: 400;
	border: 1px solid #99856c;
	padding: 10px;
	box-sizing: border-box;
}
#res-intro th {
	background: rgba(230,216,155,0.2);
	text-align: left;
}
#res-intro td {
	background: rgba(255,255,255,0.6);
}
#res-intro .wrap01 {
	width: 970px;
	height: 474px;
	position: relative;
	margin: 0 auto 80px;
}
#res-intro .wrap01 .left {
	float: left;
	width: 490px;
	height: 374px;
}
#res-intro .wrap01 .right {
	float: right;
	width: 440px;
	height: 410px;
}
#res-intro .wrap01 th {
	width: 130px;
}
#res-intro .balloon01 {
	position: absolute;
	width: 240px;
	height: 460px;
	top: 0;
	right: 40px;
}
#res-intro .balloon02 {
	position: absolute;
	width: 208px;
	height: 431px;
	top: 50px;
	left: -280px;
}
#res-intro .wrap02 {
	clear: both;
	width: 970px;
	height: auto;
	position: relative;
	margin: 0 auto 30px;
}
#res-intro .wrap02 th,
#res-intro .wrap02 td {
	text-align: center;
}
#res-intro .wrap02 th:nth-child(1) {
	width: 130px;
}
#res-intro .wrap02 th:nth-child(2),
#res-intro .wrap02 td:nth-child(2),
#res-intro .wrap02 th:nth-child(3),
#res-intro .wrap02 td:nth-child(3),
#res-intro .wrap02 th:nth-child(4),
#res-intro .wrap02 td:nth-child(4) {
	width: 280px;
}
#res-intro h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.1rem;
	letter-spacing: 0.1em;
	color: #34a166;
	background: url(../img/res-h4-bg.png) no-repeat left center;
	padding-left: 35px;
}
#res-intro h5 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1rem;
	letter-spacing: 0.1em;
	color: #34a166;
	text-decoration: underline;
}
#res-intro img {
	vertical-align: bottom;
}
#res-intro .wrap03 {
	width: 970px;
	height: 124px;
	margin: 0 auto 80px;
	position: relative;
}
#res-intro .col {
	background: rgba(230,216,155,0.2);
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #99856c;
}
#res-intro .wrap03 .ac-bn-tel01 {
	position: absolute;
	width: 232px;
	height: 124px;
	top: 0;
	right: 0;
}
#res-intro .wrap03 h4,
#res-intro .wrap03 p {
	width: 710px;
}
#res-intro .wrap04 {
	width: 970px;
	/*height: 271px;*/
	margin: 0 auto 80px;
	position: relative;
}
#res-intro .wrap04 table {
	width: 648px;
}
#res-intro .wrap04 th:nth-child(1),
#res-intro .wrap04 td:nth-child(1) {
	width: 324px;
}
#res-intro .wrap04 th:nth-child(2),
#res-intro .wrap04 th:nth-child(3),
#res-intro .wrap04 td:nth-child(2),
#res-intro .wrap04 td:nth-child(3) {
	text-align: center;
	width: 162px;
}

#res-intro .wrap04 table.table_a {
    width: 100%!important;
    max-width: 970px;
}
#res-intro .wrap04 .table_a .w20p { width: 20%; }
#res-intro .wrap04 .table_a .w40p { width: 40%; }
#res-intro .wrap04 .table_a .t-left { text-align: left; }
#res-intro .wrap04 .table_a th,
#res-intro .wrap04 .table_a td {
	box-sizing: border-box;
    text-align: center;
}

#res-intro .wrap05 {
	width: 970px;
	height: auto;
	margin: 0 auto 80px;
}
#res-intro .wrap05 table {
	width: 648px;
}
#res-intro .wrap05 th:nth-child(1) ,
#res-intro .wrap05 td:nth-child(2) {
	width: 324px;
}
#res-intro .wrap06 {
	width: 970px;
	height: 140px;
	margin: 0 auto;
	position: relative;
}
#res-intro .wrap06 h4,
#res-intro .wrap06 p {
	width: 535px;
}
#res-intro .wrap06 .ac-bn-tel02 {
	position: absolute;
	width: 232px;
	height: 124px;
	top: 0;
	right: 0;
}
#res-intro .wrap06 .ac-bn-camp {
	position: absolute;
	width: 182px;
	height: 140px;
	top: 0;
	right: 222px;
}
/* #res-plan */
#res-plan {
	padding: 150px 0 250px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-03.png) no-repeat center top, url(../img/facility-shirakaba01.png) no-repeat right bottom, url(../img/facility-shirakaba02.png) no-repeat left bottom, url(../img/bg-forest02.jpg);
}
#res-plan .wrap {
	width: 1100px;
	height: 702px;
	position: relative;
	margin: 0 auto;
}
#res-plan h2 {
	margin-top: 0;
	text-align: center;
	margin-bottom: 50px;
}
#res-plan .column {
	background: rgba(255,255,255,0.5);
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #99856c;
}
#res-plan .column p {
	font-size: 0.9rem;
	margin: 0;
}
#res-plan .wrap .bird01 {
	position: absolute;
	width: 285px;
	height: 250px;
	top: 50px;
	right: -300px;
}
#res-plan .wrap .bird02 {
	position: absolute;
	width: 250px;
	height: 135px;
	bottom: 250px;
	left: -300px;
}
/* res-search */
#res-search {
	width: 100%;
	background: url(../img/bg-brown.jpg);
	padding-top: 30px;
	padding-bottom: 32px;
}
#res-search .wrap {
	width: 1100px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
#res-search .wrap h3 {
	margin: 0;
}
#res-search .wrap h3 img {
	vertical-align: middle;
	border-right: 1px dashed rgba(255,255,255,0.4);
}
#res-search .wrap .left {
	position: absolute;
	width: 300px;
	height: 60px;
	left: 0;
	top: 0;
}
#res-search .wrap .right {
	position: absolute;
	width: 800px;
	height: 60px;
	right: 0;
	top: 0;
}
.plan_form{
	width: 800px;
	color:#FFF;
}
.plan_form p{
	margin:0;
	padding:0;
}
.plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.plan_form .check_in{
	width:238px;
	float:left;
	margin-right: 22px;
}
.plan_form .guests{
	width:220px;
	float:left;
	margin-bottom:8px;
	margin-right:12px;
}
.plan_form .type{
	width:224px;
	float:left;
}
.plan_form .price{
	width:340px;
	float:left;
}
.plan_form .search_btn{
	width: 117px;
	height: 24px;
	float:left;
}
.plan_form .search_btn input[type="image"] {
	transition: all 0.5s ease;
}
.plan_form .search_btn input:hover[type="image"] {
	transition: all 0.5s ease;
	transform: translateY(5px);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.hasDatepicker,
select {
	font-size: 14px;
}
.plan_form .check_in .text_r,
.plan_form .price p {
	color: #fff;
	font-size: 14px;
}
/* sub-footer */
#sub-footer {
	padding: 65px;
	width: 100%;
	height: 280px;
	box-sizing: border-box;
	background: url(../img/bg-sub-footer.jpg) no-repeat center center;
}
#sub-footer .wrap {
	margin: 0 auto;
	width: 860px;
}
#sub-footer .wrap .left {
	float: left;
	width: 400px;
	height: 150px;
}
#sub-footer .wrap .right {
	float: right;
	width: 400px;
	height: 150px;
}
#sub-footer .wrap img {
	border-radius: 15px;
}
#sub-footer a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#sub-footer a img:hover {
	transition: all 0.5s ease;
	opacity: 0.9;
}
/* eng-header */
#eng-header {
	position: relative;
	width: 100%;
	height: 600px;
	background: url(../img/eng-header.jpg) no-repeat;
	background-position: center center;
}
#eng-header .title {
	position: absolute;
	width: 300px;
	height: 300px;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#eng-header .bottom {
	position: absolute;
	width: 100%;
	height: 250px;
	background: url(../img/alpha-bottom-sub.png) no-repeat;
	bottom: 0;
	center: 0;
}
/* eng-intro */
#eng-intro {
	width: 100%;
	padding: 50px 0 100px;
	background: url(../img/bg-forest06.jpg) no-repeat center bottom;
}
#eng-intro .wrap {
	width: 1100px;
	height: 610px;
	position: relative;
	margin: 0 auto;
}
#eng-intro h3 {
	margin: 0;
}
#eng-intro h4 {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #34a166;
	background: url(../img/eng-h4-bg.png) no-repeat left center;
	padding-left: 35px;
}
#eng-intro p {
	font-size: 0.9rem;
	line-height: 200%;
	letter-spacing: 0.2em;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
#eng-intro table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	display: block;
}
#eng-intro th,
#eng-intro td {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    line-height: 200%;
	font-weight: 400;
	border: 1px solid #99856c;
	padding: 10px;
	box-sizing: border-box;
}
#eng-intro th {
	background: #eff1df;
	text-align: left;
	width: 194px;
}
#eng-intro td {
	background: #fff;
}
#eng-intro .h3 {
	position: absolute;
	width: 580px;
	height: 100px;
	left: 0px;
	top: 0;
}
#eng-intro .wrap .article {
	position: absolute;
	width: 550px;
	height: 142px;
	left: 20px;
	top: 110px;
	margin: 0;
}
#eng-intro .wrap .info {
	position: absolute;
	width: 592px;
	height: 259px;
	right: 0;
	bottom: 0;
}
#eng-intro .wrap .img01 {
	position: absolute;
	width: 210px;
	height: 260px;
	right: 276px;
	top: 0;
}
#eng-intro .wrap .img02 {
	position: absolute;
	width: 236px;
	height: 158px;
	right: 0;
	top: 150px;
}
#eng-intro .wrap .racket {
	position: absolute;
	width: 286px;
	height: 248px;
	left: -350px;
	top: 0;
}
#eng-intro .wrap .camera {
	position: absolute;
	width: 289px;
	height: 269px;
	right: -300px;
	bottom: 0;
}
#eng-intro .wrap .oze {
	position: absolute;
	width: 1020px;
	height: 630px;
    bottom: -100px;
    left: -410px;
}
/* eng-cuisine */
#eng-cuisine {
	width: 100%;
	margin: 0 auto;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-01.png) no-repeat center top, url(../img/bg-forest02.jpg) ;
	padding: 100px 0 100px;
}
#eng-cuisine a,
#eng-cuisine a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#eng-cuisine a:hover,
#eng-cuisine a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#eng-cuisine h3 {
	margin: 0;
}
#eng-cuisine h4 {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #34a166;
	background: url(../img/eng-h4-bg.png) no-repeat left center;
	padding-left: 35px;
}
#eng-cuisine p {
	font-size: 0.9rem;
    line-height: 200%;
    letter-spacing: 0.2em;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
#eng-cuisine .h3 {
	width: 1100px;
	height: auto;
	margin: 0 auto 30px;
}
#cuisine-menu h3 {
	margin: 0;
}
#eng-cuisine .wrap01  {
	margin: 0 auto;
	width: 1100px;
	height: 410px;
	position: relative;
}
#eng-cuisine .wrap01 .h3 {
	width: 326px;
	height: 35px;
	position: absolute;
	left: -70px;
	top: 40px;
}
#eng-cuisine .wrap01 .cc {
	position: absolute;
	width: 400px;
	height: 45px;
	left: 0;
	top: 80px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #34a166;
	font-weight: bold;
	line-height: 150%;
}
#eng-cuisine .wrap01 .article {
	position: absolute;
	width: 495px;
	height: 600px;
	left: 0;
	top: 160px;
}
#eng-cuisine .wrap01 .eng-cuisine-bg {
	position: absolute;
	width: 1084px;
	height: 780px;
	right: -410px;
	top: -100px;
}
#eng-cuisine .wrap02 {
	margin: 0 auto;
	width: 1100px;
	height: 506px;
	position: relative;
}
#eng-cuisine .wrap02 .box01 {
	position: absolute;
	width: 238px;
	height: 238px;
	left: 0;
	top: 0;
	background: #000;
}
#eng-cuisine .wrap02 .box02 {
	position: absolute;
	width: 296px;
	height: 238px;
	left: 268px;
	top: 0;
	background: #000;
}
#eng-cuisine .wrap02 .box03 {
	position: absolute;
	width: 238px;
	height: 238px;
	right: 268px;
	top: 0;
	background: #000;
}
#eng-cuisine .wrap02 .box04 {
	position: absolute;
	width: 238px;
	height: 238px;
	right: 0;
	top: 0;
	background: #000;
}
#eng-cuisine .wrap02 .box05 {
	position: absolute;
	width: 238px;
	height: 238px;
	left: 0;
	bottom: 0;
	background: #000;
}
#eng-cuisine .wrap02 .box06 {
	position: absolute;
	width: 238px;
	height: 238px;
	left: 268px;
	bottom: 0;
	background: #000;
}
#eng-cuisine .wrap02 .box07 {
	position: absolute;
	width: 296px;
	height: 238px;
	right: 268px;
	bottom: 0;
	background: #000;
}
#eng-cuisine .wrap02 .box08 {
	position: absolute;
	width: 238px;
	height: 238px;
	right: 0;
	bottom: 0;
	background: #000;
}
#eng-cuisine .wrap02 .balloon01 {
	position: absolute;
	width: 128px;
	height: 403px;
	top: -160px;
	left: -300px;
}
#eng-cuisine .wrap02 .balloon02 {
	position: absolute;
	width: 128px;
	height: 403px;
	bottom: -100px;
	right: -300px;
}
/* eng-build */
#eng-build {
	width: 100%;
	padding: 150px 0 70px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-03.png) no-repeat center top, url(../img/eng-build01.png) no-repeat top center, url(../img/bg-forest02.jpg);
}
#eng-build a,
#eng-build a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#eng-build a:hover,
#eng-build a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#eng-build h3 {
	margin: 0;
}
#eng-build h4 {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #34a166;
	background: url(../img/eng-h4-bg.png) no-repeat left center;
	padding-left: 35px;
}
#eng-build p {
	font-size: 0.9rem;
    line-height: 200%;
    letter-spacing: 0.2em;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

#eng-build .wrap01 {
	width: 1100px;
	height: 850px;
	position: relative;
	margin: 0 auto 30px;
}
#eng-build .h3 {
	position: absolute;
	width: 359px;
	height: 121px;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
#eng-build .wrap01 .article {
	position: absolute;
	width: 680px;
	box-sizing: border-box;
	padding: 20px;
	height: 170px;
	bottom: -50px;
	right: 0px;
}
#eng-build .wrap01 .bird01 {
	position: absolute;
	width: 285px;
	height: 250px;
	top: 50px;
	left: -250px;
}
#eng-build .wrap01 .bird02 {
	position: absolute;
	width: 340px;
	height: 179px;
	bottom: 300px;
	right: -330px;
}
#eng-build .wrap01 .bird03 {
	position: absolute;
	width: 220px;
	height: 135px;
	bottom: -350px;
	left: -300px;
}
#eng-build .wrap01 .momiji {
	position: absolute;
	width: 157px;
	height: 385px;
	bottom: -500px;
	right: -200px;
}
#eng-build .wrap02 {
	width: 1100px;
	height: 240px;
	margin: 0 auto 30px;
	position: relative;
}
#eng-build .wrap02 .box {
	position: relative;
	float: left;
	width: 346px;
	height: 240px;
	margin-right: 31px;
}
#eng-build .wrap02 .box:last-of-type {
	margin-right: 0;
}
#eng-build .wrap02 .box .img {
	position: absolute;
	background: #000;
	width: 346px;
	height: 240px;
	left: 0;
	top: 0;
}
#eng-build .wrap02 .box .title {
	position: absolute;
	text-align: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    margin: 0;
    color: #fff;
    font-weight: 400;
    background: rgba(0,0,0,0.3);
	pointer-events: none;
}
#eng-build .wrap02 .eng-shirakaba {
	position: absolute;
	width: 340px;
	height: 248px;
	top: -248px;
	left: 0;
}
/* eng-room */
#eng-room {
	width: 100%;
	padding: 150px 0 50px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/eng-room-bg.jpg) no-repeat center center;
}
#eng-room a,
#eng-room a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#eng-room a:hover,
#eng-room a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#eng-room h3 {
	margin: 0;
}
#eng-room p {
	font-size: 0.9rem;
    line-height: 200%;
    letter-spacing: 0.2em;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
#eng-room .wrap01 {
	width: 1100px;
	height: 121px;
	position: relative;
	margin: 0 auto 30px;
}
#eng-room .h3 {
	position: absolute;
	width: 359px;
	height: 121px;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
#eng-room .wrap02 {
	width: 1100px;
	height: 240px;
	margin: 0 auto 60px;
	position: relative;
}
#eng-room .wrap02 .box {
	position: relative;
	float: left;
	width: 346px;
	height: 240px;
	margin-right: 31px;
}
#eng-room .wrap02 .box:last-of-type {
	margin-right: 0;
}
#eng-room .wrap02 .box .img {
	position: absolute;
	background: #000;
	width: 346px;
	height: 240px;
	left: 0;
	top: 0;
}
#eng-room .wrap02 .box .title {
	position: absolute;
	text-align: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
	line-height: 150%;
    left: 0;
    bottom: 0;
    margin: 0;
    color: #fff;
    font-weight: 400;
    background: rgba(0,0,0,0.3);
	pointer-events: none;
}
/* eng-info */
#eng-info {
	padding: 100px 0 100px;
	width: 100%;
	box-sizing: border-box;
	background: url(../img/bg-shadow01.png) no-repeat top center, url(../img/bg-hall02.jpg) no-repeat;
}
#eng-info h4 {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #372d27;
	background: url(../img/eng-h4-bg.png) no-repeat left center;
	padding-left: 35px;
}
#eng-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	display: block;
}
#eng-info th,
#eng-info td {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    line-height: 200%;
	font-weight: 400;
	border: 1px solid #99856c;
	padding: 10px;
	box-sizing: border-box;
}
#eng-info th {
	background: #eff1df;
	text-align: left;
	width: 194px;
}
#eng-info td {
	background: #fff;
}
#eng-info .wrap01 {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
#eng-info .wrap01 table {
	margin-bottom: 50px;
}
#eng-info .wrap01 th:nth-child(1) {
	width: 300px;
}
#eng-info .wrap02 {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
#eng-info .wrap02 th,
#eng-info .wrap02 td {
	text-align: center;
}
#eng-info .wrap02 th:nth-child(3),
#eng-info .wrap02 td:nth-child(3),
#eng-info .wrap02 th:nth-child(4),
#eng-info .wrap02 td:nth-child(4) {
	width: 300px;
}
#eng-info .wrap02 p {
	font-size: 0.9rem;
    line-height: 200%;
    letter-spacing: 0.2em;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-bottom: 50px;
}
#eng-info h4 {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #372d27;
	background: url(../img/eng-h4-bg.png) no-repeat left center;
	padding-left: 35px;
}
#eng-info .wrap03 {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
#eng-info .wrap03 iframe {
	display: block;
	box-sizing: border-box;
	border: 1px solid #99856c;
}
#eng-info .wrap01 .balloon01 {
	position: absolute;
	width: 240px;
	height: 460px;
	bottom: -900px;
	right: -300px;
}
#eng-info .wrap03 .balloon02 {
	position: absolute;
	width: 208px;
	height: 431px;
	bottom: 600px;
	left: -300px;
}
/* eng-ss */
#eng-ss {
	width: 100%;
	padding: 50px 0 100px;
	background: url(../img/bg-shadow01.png) no-repeat center top, url(../img/bg-05.png) no-repeat center top, url(../img/bg-06.png) no-repeat bottom center, url(../img/bg-oze.jpg) no-repeat center top;
}
#eng-ss .wrap {
	width: 1100px;
	height: 900px;
	position: relative;
	margin: 0 auto;
}
#eng-ss h3 {
	margin: 0;
}
#eng-ss h4 {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #34a166;
	background: url(../img/eng-h4-bg.png) no-repeat left center;
	padding-left: 35px;
}
#eng-ss p {
	font-size: 0.9rem;
	line-height: 200%;
	letter-spacing: 0.2em;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
#eng-ss a,
#eng-ss a img {
	transition: all 0.5s ease;
	vertical-align: bottom;
	opacity: 1;
}
#eng-ss a:hover,
#eng-ss a img:hover {
	transition: all 0.5s ease;
	opacity: 0.8;
}
#eng-ss .h3 {
	position: absolute;
	width: 600px;
	height: 100px;
	right: -10px;
	top: 80px;
}
#eng-ss .wrap .article {
	position: absolute;
	width: 550px;
	height: 170px;
	right: 0;
	top: 190px;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}
#eng-ss .wrap .box01 {
	position: absolute;
	width: 290px;
	height: 210px;
	left: 0px;
	top: 100px;
	background: #000;
}
#eng-ss .wrap .box02 {
	position: absolute;
	width: 290px;
	height: 210px;
	left: -50px;
	bottom: 70px;
	background: #000;
}

#eng-ss .wrap .box03 {
	position: absolute;
	width: 290px;
	height: 210px;
	left: 220px;
	top: 360px;
	background: #000;
}

#eng-ss .wrap .box04 {
	position: absolute;
	width: 290px;
	height: 210px;
	right: 240px;
	bottom: 170px;
	background: #000;
}

#eng-ss .wrap .inner {
	position: relative;
	width: 290px;
	height: 210px;
}
#eng-ss .wrap .title {
	position: absolute;
	text-align: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
	line-height: 150%;
    left: 0;
    bottom: 0;
    margin: 0;
    color: #fff;
    font-weight: 400;
    background: rgba(0,0,0,0.3);
	pointer-events: none;
}
#eng-ss .wrap .inner img {
	border: 4px solid #fff;
	box-sizing: border-box;
}



.small {
    margin-top: 10px;
	font-size: 0.8rem;
    display: block;
}
.small a {
    color: #387555;
    font-weight: 600;
    text-decoration: none;
}