.wrapper{
	width:1102px;
	max-width: 100%;
	display:block;
	margin:0 auto;
	box-sizing: border-box;
	padding:0 20px;
}

.course__section1{
	background:rgba(100, 134, 226, 0.2);
	width: 100%;
	padding:120px 0 160px;
}

.contact .course__page .main-visual-area{
	margin-bottom: 0;
	background-image: url('../img/plus/pageV1.png');
}

.cs__text1{
	font-size: 20px;
	text-align: center;
	margin: 0 0 110px;
	font-weight: bold;
}

.sec__title{
	margin:0 0 80px;
	padding-bottom: 22px;
	position:relative;
	font-size: 25px;
	font-weight: 500;
}

.sec__title:after{
	content: '';
	position:absolute;
	left: 0;
	bottom: 0;
	width: 122px;
	height: 3px;
	background: #6486E2;
}

.map__area{
	width: 100%;
	background-image: url('../img/plus/map.jpg');
	background-size: cover;
	background-position: center;
	height: 698px;
	padding-top: 37px;
	box-sizing: border-box;
	position:relative;
}

.ma__text1{
	margin: 0 0 10px;
	font-size: 32px;
	font-weight: bold;
	color:#6486E2;
}

.ma__text2{
	margin: 0;
	font-size: 32px;
	font-weight: bold;
	color:#6486E2;
}

.ma__text1 span, .ma__text2 span{
	background: white;
	display: inline-block;
	padding:8px 34px;
}

.abo__link{
	position:absolute;
	right: 0;
	bottom: 70px;
	width: 305px;
	transition: 0.4s;
}

.abo__link:hover{
	opacity: 0.7;
}

.abo__link img{
	width: 100%;
}

.icon__area{
	width: 922px;
	max-width: 95%;
	display:block;
	margin:46px auto 0;
	box-sizing: border-box;
	padding:12px 40px;
	background: white;
}

.icon__area ul{
	display:flex;
	flex-wrap: wrap;
	margin: 0;
}

.icon__area ul li{
	width: 25%;
	display:flex;
	align-items: center;
	font-size: 14px;
	margin:12px 0;
}

.icon__area ul li img{
	width: 40px;
	margin-right: 15px;
}

.time__area{
	background:#6486E2;
	padding:30px 0;
	margin: 64px 0 116px;
}

.time__area p{
	color:white;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color:white;
	margin: 0;
}

.course__area{
	background: white;
	position:relative;
	padding:64px 80px;
}

.course__area h2{
	position:absolute;
	left: 82px;
	top: -20px;
	font-size: 32px;
	margin: 0;
}

.course__row{
	display:flex;
	margin-bottom:30px;
	padding-bottom: 30px;
	border-bottom:1px solid #707070;
}

.course__left{
	width: 50%;
}

.course__left img{
	width: 352px;
	max-width: 95%;
	margin: 0;
}

.course3 .course__left img{
	width: 386px;
	max-width: 95%;
	margin: 0;
}

.course__right{
	width: 50%;
}

.course1 .course__left p{
	margin: 0;
	font-size: 14px;
	padding-left: 90px;
	color:#6486E2;
}

.course2 .course__left p{
	margin: 0;
	font-size: 14px;
	padding-left: 90px;
	color:#EF4F42;
}

.course3 .course__left p{
	margin: 0;
	font-size: 14px;
	padding-left: 90px;
	color:#69B44D;
}

.cr1{
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 18px;
	font-weight: 500;
	line-height: 1.5;
}

.cr2 span{
	display:inline-block;
	font-size: 15px;
	font-weight: 500;
	border-radius: 5px;
	border:1px solid black;
	padding:5px 13px;
	margin-right: 8px;
	margin-bottom: 5px;
}

.course__row.course3 , .course__area.course__area2 .course__row{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.right{
	text-align: right;
}

.arrow__link{
	display:inline-block;
	font-size: 16px;
	padding-right:45px;
	position:relative;
	color:#000;
	font-weight: 500;
	letter-spacing: 0.12em;
	transition: 0.4s;
}

.arrow__link:hover{
	opacity: 0.6;
}

.arrow__link:after{
	content: '';
	position:absolute;
	right: 0;
	top:50%;
	width: 30px;
	height: 7px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url('../img/plus/arrow2.png');
	background-size: cover;
}

.course__area.course__area2{
	margin-top: 60px;
}

.course__section2{
	background: white;
	padding:160px 0;
}

.ct__row{
	display:flex;
	width: 100%;
	text-align: center;
}

.ct__row .ct__col{
	width: 33.333333333%;
	box-sizing: border-box;
	padding:18px 0;
	border:1px solid #BCBCBC;
	position:relative;
}

.ct__col p , .ct__col2 p{
	font-size: 18px;
	font-weight: 400;
}

.ct__row .ct__col:first-child{
	background:#F7F7F7;
}

.ct__row .ct__col:first-child p{
	font-weight: bold;
}

.ct__row .ct__col2{
	width:66.66666666%;
	box-sizing: border-box;
	padding:18px 0;
	border:1px solid #BCBCBC;
}

.ct__row1 .ct__col , .ct__row1 .ct__col2{
	background:rgba(100, 134, 226, 0.4)!important;
}

.ct__row1 .ct__col p , .ct__row1 .ct__col2 p{
	font-size: 18px;
	margin: 0;
	font-weight: bold;
}

.ct__col.flex{
	display:flex;
	padding: 0;
}

.ct__col.flex div{
	width: 50%;
	box-sizing: border-box;
}

.ct__col.flex div.ctf2{
	border-left:2px solid #BCBCBC;
}

.ct__row .ct__col:first-child{
	border-left:2px solid #BCBCBC;
}

.ct__row.last__row .ct__col , .ct__row.last__row .ct__col2{
	border-bottom:2px solid #BCBCBC;
}

.ct__row.ct__row1 .ct__col , .ct__row.ct__row1 .ct__col2{
	border-top:2px solid #BCBCBC;
}

.ct__row .ct__col:last-child , .ct__row .ct__col2:last-child{
	border-right:2px solid #BCBCBC;
}

.ctf2 p{
	padding:17px 0;
}

.ctf2 p:first-child{
	border-bottom:2px solid #BCBCBC;
}

.ctf1{
	position:relative;
}

.ctf1 p{
	position:absolute;
	width: 100%;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.ct__col.rel p{
	position:absolute;
	width: 100%;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);		
}

.sm__scroll .course__table{
	margin-bottom: 24px;
}

.table__sub1 , .table__sub2{
	font-size: 15px;
	font-weight: 500;
	margin:0 0 10px;
}

.sec__title.sec__title2{
	margin-top: 115px;
}

.contact .course__page .main-visual-area{
	background-position: center!important;
	background-size: cover!important;
}

.contact .rental__page .main-visual-area{
	background-position: center!important;
	background-size: cover!important;
}

.contact .rental__page .main-visual-area {
    margin-bottom: 0;
    background-image: url(../img/plus/pageV2.png);
}

.rental__page .course__section1{
	background: rgba(81,188,188,0.2);
}

.rental__page .main-visual-area h1::after{
	width: 454px;
	background: #51BCBC;
}

.sec__title.sec__color:after{
	background: #51BCBC;
}

.rental__page .ct__row1 .ct__col , .rental__page  .ct__row1 .ct__col2{
	background: rgba(81,188,188,0.4)!important;
}

.rental__page .ct__row .ct__col.ct__col3{
	width: 25%;
}

.rental__page .ct__row .ct__col.ct__col4{
	width: 50%;
}

.rental__page .ct__row .ct__col.ct__col5{
	width: 16.666666666%;
	padding:11px 0;
}

.rental__page .ct__row .ct__col.ct__col5 p{
	line-height: 1.5;
}

.rental__page .ct__row .ct__col.ct__col5 p span{
	font-weight: 400;
}

.rental__page .ct__col{
	background: #F7F7F7;
}

.rental__page .ct__col.white{
	background: white;
}

.rental__page .ct__row .ct__col.ct__col3.text2{
	padding: 0;
}

.rental__page .ct__row .ct__col.ct__col3.text2 p{
	padding:17px 0;
}

.rental__page .ct__row .ct__col.ct__col3.text2 p:first-child{
	border-bottom: 2px solid #BCBCBC;
}

.ct__col.flex div.size1{
	width: 80%;
	line-height: 1.5;
}

.ct__col.flex div.size2{
	width: 20%;
}

.ct__col.flex div.size1 span{
	font-weight: 400;
}

.sub__title{
	font-size: 24px;
	margin:0 0 37px;
	font-weight: bold;
}

.sub__title.subt2{
	margin-top: 80px;
}

.b__space{
	margin-bottom: 20px;
}

.ctf2.rel p:first-child{
	border-bottom: 0;
}

.tel__area{
	margin-top:55px;
	background: rgba(81,188,188,0.2);
	display:flex;
	align-items: center;
	justify-content: center;
	padding:29px 0;
}

.tel__area p{
	margin: 0;
	margin-right: 30px;
	font-size: 18px;
	font-weight: 500;
}

.tel__area a{
	text-decoration: none;
	color:#51BCBC;
	font-size: 22px;
	font-weight: bold;
	display:block;
	margin-left: 30px;
}

.green__img1--ver2{
	width: 100%;
	margin-top: 50px;
}





@media screen and (max-width: 1140px) {
	.map__area{
		height: 61vw;
	}

	.course__area{
		padding:50px 20px;
	}

	.icon__area{
		max-width: 100%;
	}

	.icon__area{
		padding:12px 20px;
	}

	.course__area h2{
		left: 20px;
	}
}

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

	.right{
		margin-top: 35px;
	}

	.map__area{
		width: calc(100% + 40px);
		left: -20px;
	}

	.ma__text1 span, .ma__text2 span{
		padding:3px 15px;
	}

	.ma__text1{
		font-size: 20px;
	}

	.ma__text2{
		font-size: 20px;
	}

	.abo__link{
		width: 200px;
		bottom: 30px;
	}

	.icon__area ul li{
		width: 50%;
	}

	.icon__area ul{
		justify-content: space-evenly;
	}

	.time__area p{
		font-size: 18px;
	}

	.time__area{
		padding:20px 0;
	}

	.course__row{
		display:block;
	}

	.course__left{
		width: 100%;
	}

	.course__right{
		width: 100%;
		margin-top: 25px;
	}

	.sec__title{
		margin-bottom: 55px;
		padding-bottom: 15px;
		font-size: 21px;
	}

	.time__area{
		margin:50px 0 80px;
	}

	.course__section1{
		padding:100px 0;
	}

	.course__section2{
		padding:100px 0;
	}

	.ct__row1 .ct__col p, .ct__row1 .ct__col2 p{
		font-size: 16px;
	}

	.ct__col p, .ct__col2 p{
		font-size: 16px;
	}

	.sub__title{
		font-size: 20px;
	}

	.tel__area{
		display:block;
		text-align: center;
	}

	.tel__area p{
		margin:0 0 15px;
		font-size: 16px;
	}

	.tel__area a{
		margin: 0;
	}

	.tel__area{
		padding:20px 0;
	}

	.sm__scroll2{
		overflow-x: scroll;
		margin-bottom: 20px;
	}

	.sm__scroll2 .course__table{
		min-width: 680px;
	}

	.sm__scroll2 .course__table{
		margin-bottom: 0;
	}

	.rental__page .main-visual-area h1::after{
		width: 240px;
	}


	
}

.sp2{
	display:none;
}

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

	.sm__scroll2 .course__table{
		min-width: 480px;
	}

	.sp2{
		display:block;
	}

	.time__area p{
		line-height: 1.6;
	}

	.time__area{
		padding:15px 0;
	}

	.cs__text1{
		font-size:16px;
		margin-bottom: 80px;
	}

	.course__section1{
		padding:80px 0;
	}

	.sec__title{
		font-size: 20px;
	}

	.map__area{
		padding-top: 15px;
	}

	.ma__text1{
		font-size: 18px;
	}

	.ma__text2{
		font-size: 18px;
	}

	.icon__area ul li img{
		width: 32px;
		margin-right: 10px;
	}

	.icon__area ul li{
		margin: 10px 0;
		font-size: 12px;
	}

	.course__area h2{
		font-size: 29px;
		top: -17px;
	}

	.course3 .course__left img{
		max-width: 100%;
	}

	.course__left img{
		max-width: 100%;
	}

	.cr2 span{
		font-size: 13px;
		margin-right: 5px;
	}

	.course__area.course__area2 br{
		display:none;
	}

	.course__section2{
		padding:80px 0;
	}

	.ct__row1 .ct__col p, .ct__row1 .ct__col2 p{
		font-size: 13px;
	}

	.ct__col p, .ct__col2 p{
		font-size: 13px;
	}

	.table__sub1, .table__sub2{
		font-size: 13px;
		line-height: 1.4;
	}

	.sec__title.sec__title2{
		margin-top: 80px;
	}

	.sec__title{
		margin-bottom: 40px;
	}

	.course__area.course__area2 .course__left img{
		max-width: 90%;
	}

	.course1 .course__left p , .course2 .course__left p ,
	.course3 .course__left p{
		padding-left: 80px;
	}

	.ct__row1 .ct__col p span{
		font-size: 11px;
	}

	
}

/* 20241016 */

.table__sub2 a{
	transition:0.4s;
}

.table__sub2 a:hover{
	opacity:0.6;
}

.rental__page .ct__row .ct__col.ct__col5.bo{
	padding:0;
}

.rental__page .ct__row .ct__col.ct__col5.bo p{
	box-sizing:border-box;
	height:63px;
	line-height:61px;
	border-bottom: 2px solid #BCBCBC;
}

.rental__page .ct__row .ct__col.ct__col5.bo p:last-child{
	border-bottom:0;
	height:61px;
}

@media screen and (max-width: 768px){
	.rental__page .ct__row .ct__col.ct__col5.bo p{
		height:60px;
		line-height:58px;
	}
	
	.rental__page .ct__row .ct__col.ct__col5.bo p:last-child{
		border-bottom:0;
		height:58px;
	}		
}

@media screen and (max-width: 500px){
	
	.rental__page .ct__row .ct__col.ct__col5.bo p{
		height:55px;
		line-height:53px;
	}
	
	.rental__page .ct__row .ct__col.ct__col5.bo p:last-child{
		border-bottom:0;
		height:53.5px;
	}	
	
}




/* 20250924 */
.ct__row .ct__col{
	width: 12.5%;
	padding:12px 0;
	box-sizing: border-box;
}

#course.rental .ct__row.ct__row2 .ct__col{
	padding: 0;
}

#course.rental .ct__row.ct__row2.height .ct__col{
	padding:12px 0;
}

.ct__row1.ct__row .ct__col{
	display: flex;
	align-items: center;
	justify-content: center;
}

.ct__row .ct__col.alc{
	display: flex;
	align-items: center;
	justify-content: center;
}

.ct__row .ct__col.big{
	width: 37.5%;
}

.type2 .ct__row .ct__col.big{
	width: 50%;
}

.ct__row1 .ct__col p, .ct__row1 .ct__col2 p{
	font-size: 15px;
}

.ct__row1 .ct__col p span, .ct__row1 .ct__col2 p span , .ct__col p span {
	font-size: 13px;
	display: inline-block;
	margin-top: 7px;
}

.ct__col p.row2{
	border-top: 2px dashed #BCBCBC;
	padding-top: 14px;
	margin-top: 14px;
	font-size: 12px;
}

.ct__col p, .ct__col2 p{
	font-size: 16px;
}

.ct__row .ct__col.big{
	padding:12px;
}

.ct__row .ct__col.big.left{
	text-align: left;
	line-height: 1.6;
	display: flex;
	align-items: center;
}

.ct__row .ct__col.big.left p{
	font-size: 13px;
	letter-spacing: 0;
}

.ct__col p.row2.size2{
	font-size: 16px;
}

.ct__col p.row2.solid{
	border-top: 2px solid #BCBCBC;
}

.sm__scroll.mt__plus{
	margin-top: 80px;
}

.tel__area{
	position: relative;
	padding-bottom: 65px;
}

.tel__area .abo{
	margin: 0;
	position: absolute;
	left: 50%;
	bottom: 22px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	text-align: center;
	/* font-size: 13px; */
}

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

	.tel__area{
		padding-bottom: 60px;
	}

	.tel__area .abo{
		bottom: 25px;
	}

	.tel__area .abo{
		white-space: nowrap;
		width: 100%;
	}

	.sm__scroll{
		overflow-x: scroll;
	}

	.sm__scroll .course__table{
		width: 800px;
	}

	.ct__row1 .ct__col p, .ct__row1 .ct__col2 p , .ct__col p, .ct__col2 p{
		font-size: 13px;
		letter-spacing: 0;
	}

	.ct__col p.row2.size2{
		font-size: 13px;
	}

	.ct__col p.row2{
		font-size: 10px;
		padding-top: 10px;
		margin-top: 10px;
	}

	.ct__row .ct__col.big.left p{
		font-size: 12px;
	}

	.ct__row1 .ct__col p span, .ct__row1 .ct__col2 p span, .ct__col p span{
		font-size: 11px;
	}

	.ct__row .ct__col{
		width: 15%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.ct__row .ct__col.big{
		width: 25%;
	}

	.type2 .ct__row .ct__col.big{
		width: 40%;
	}

	.ct__row .ct__col.big.left{
		line-height: 1.4;
	}

}


/* green season */
.contact .green__page .main-visual-area {
	margin-bottom: 0;
	background-image: url(../img/green/pageV.png);
	background-position: center !important;
	background-size: cover !important;
}

.green__page .main-visual-area h1::after {
	background: #69B44D;
}

.green__page .course__section1 {
	background: rgba(81, 188, 188, 0.2);
}

.green__page .sec__title:after {
	background: #69B44D;
}

/* 20251028restaurant */
.contact .rental__page.restaurant__page .main-visual-area {
	margin-bottom: 0;
	background-image: url(../img/plus/pageV3.png);
}

.rental__page.restaurant__page .main-visual-area h1::after{
	background:#837ABC ;
}

.rental__page.restaurant__page .course__section1{
	background: #E6E4F1;
}

.restaurant__box{
	width: 100%;
	position: relative;
	background: white;
	padding:62px 80px;
	margin-top: 130px;
}

.restaurant__box .rb__1{
	position: absolute;
	width: 180px;
	height: 40px;
	line-height: 40px;
	background: #837ABC;
	color:white;
	text-align: center;
	font-size: 16px;
	font-weight:bold;
	top: -20px;
	left: 0;
	box-sizing: border-box;
	text-align: center;
}

.restaurant__box .futura{
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-size: 38px;
	line-height: 1.5;
	margin: 0 0 25px;
}

.restaurant__box .rb__2{
	margin: 0;
	font-size: 26px;
	color:#837ABC;
	font-weight: bold;
}

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

	.restaurant__box{
		padding:50px 20px;
		margin-top: 75px;
	}

	.restaurant__box .futura{
		font-size: 28px;
		line-height: 1.3;
		margin-bottom: 20px;
	}

	.restaurant__box .rb__2{
		font-size: 20px;
		line-height: 1.5;
	}

	.restaurant__box .rb__1{
		width: 140px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		top: -16px;
	}

}

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

	.restaurant__box{
		padding:50px 20px 30px;
	}

	.restaurant__box .futura{
		font-size: 20px;
		margin-bottom: 15px;
	}

	.restaurant__box .rb__2{
		font-size: 16px;
		line-height: 1.5;
	}

}

.green__page .green__list{
	margin:0 0 100px;
	display: flex;
	justify-content: center;
}

.green__page .green__list li{
	margin:0 50px;
}

.green__page .green__list li a{
	text-decoration: none;
	color:black;
	font-size: 16px;
	text-align: center;
	font-style: italic;
	display: block;
	letter-spacing: 0.1em;
	transition: 0.4s;
}

.green__page .green__list li a:hover{
	opacity: 0.6;
}

.green__page .green__list li a span{
	font-size: 32px;
	font-weight: bold;
	display:block;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	margin-bottom: 25px;
	position: relative;
	letter-spacing: 0.1em;
}

.green__page .green__list li a span:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 180px;
	height: 2px;
	background:#69B44D ;
}

.green__page .green__section1{
	position: relative;
	padding-bottom: 70px;
}

.green__page #sec1{
	padding-top: 120px;
}

.green__page .green__section1 .green__title{
	font-size: 56px;
	line-height: 1.5;
	margin: 0 0 40px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.1em;
}

.green__page .green__section1 .green__sub-title{
	font-size: 28px;
	font-weight: bold;
	color:#69B44D;
	margin:0 0 20px;
}

.green__page .green__section1 .green__text{
	font-size: 16px;
	line-height: 2;
	margin: 0;
}

.green__page .green__section1 .green__info,
.green__page .green__section2 .green__info{
	display: flex;
	align-items: start;
	margin-bottom:13px;
	line-height: 1.8;
}

.green__page .green__section2 .green__info.mb0{
	margin-bottom: 0!important;
}

.green__page .green__section1 .green__info p:first-child,
.green__page .green__section2 .green__info p:first-child{
	width: 110px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background: #69B44D;
	color:white;
	border-radius: 20px;
	margin: 0;
	padding: 1px 0;
}

.green__page .green__section1 .green__info p:last-child,
.green__page .green__section2 .green__info p:last-child{
	width: calc(100% - 110px);
	padding-left: 13px;
	box-sizing: border-box;
	font-size: 16px;
	margin: 0;
	font-weight: 500;
}

.green__page .green__section1 .text__col{
	width: 70%;
	box-sizing: border-box;
	padding-right: 60px;
}

.green__page .green__section1:before{
	content: '';
	position: absolute;
	left: 0;
	top: 45px;
	width: 70%;
	height: 400px;
	background: white;

}

.green__page .green__section1 .text__col{
	position: relative;
	z-index: 2;
	line-height: 1.8;
}

.green__page .green__section1 .green__img1{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
}

.green__page .sec__title.mt__plus{
	margin-top: 100px;
}

.green__page .green__map{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.green__page .sec__title.mt__plus2{
	margin-top: 160px;
}

.green__page .tc__area{
	background: rgba(255,255,255,0.8);
	padding:80px ;
}

.green__page .tc__area h3.title1{
	font-size: 28px;
	font-weight: bold;
	color:#69B44D;
	margin:0 0 15px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	padding-left: 135px;
}

.green__page .flow__flex{
	display: flex;
	flex-wrap: wrap;
	padding:0 100px;
	position: relative;
	left: 50px;
}

.green__page .ff__left{
	width: 30%;
	position: relative;
	padding-bottom: 60px;
	padding-top: 30px;
	padding-right: 40px;
}

.green__page .ff__left:before{
	content: '';
	position: absolute;
	left: 24px;
	top: 0;
	width: 2px;
	height: 100%;
	background: #69B44D;
}


.green__page .ff__right{
	width: 70%;
	padding-top: 30px;
	padding-bottom: 40px;
	box-sizing: border-box;
	margin-top: 10px;
}

.green__page .ff__right img{
	width: 352px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
}

.green__page .ff__right p{
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	width: 352px;
	max-width: 100%;
}

.green__page .ff__view{
	width: 352px;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #EB2C11;
	position: relative;
	padding:34px 30px 25px;
	margin-top: 52px;
}

.green__page .ff__right .ff__view p.ffv__num{
	line-height: 1;
	font-size: 48px;
	position: absolute;
	right: 0;
	top: -27px;
	color: #EB2C11;
	margin: 0;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	margin: 0;
	width: 70px;
	text-align: center;
	z-index: 2;
}

.green__page .ff__right .ff__view p.ffv__num.ver2{
	width: 110px;
}

.green__page .ff__right .ff__view p{
	margin:22px 0 0;
}

.green__page .ff__view img{
	width: 220px;
	max-width: 100%;
	display: block;
	margin:0 auto;
}

.green__page .ff__right .ff__view .ff__viewtitle{
	position:absolute;
	left: -13px;
	top:-18px;
	width: 172px;
	text-align: center;
	font-size: 20px;
	color:white;
	background: #EB2C11;
	border-radius: 20px;
	padding:0;
	line-height: 1.75;
	padding:1px 0;
	font-weight: bold;
	margin: 0;
}

.green__page .ff__left .ff__num{
	font-size: 64px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	text-align: right;
	margin-left: auto;
	width: 40px;
	position: relative;
	z-index: 2;
	line-height: 0.8;
	color:#0A3F9D;
}

.green__page .ff__left .ff__num:before{
	content: '';
	position:absolute;
	right: 62px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 84px;
	height: 2px;
	background: #69B44D;
}

.green__page .ff__left .ff__num:after{
	content: '';
	position:absolute;
	width: 11px;
	height: 11px;
	background: #69B44D;
	border-radius: 50%;
	right: 140px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.green__page .ff__viewimg{
	display: flex;
	justify-content: space-between;
}

.green__page .ff__viewimg img{
	width: 140px;
	max-width: 49%;
}

.green__page .tc__area h3.tc__goal{
	margin: 20px 0 70px;
}

.green__page .tc__spot{
	padding:40px 140px;
	border-top: 1px solid #707070;

}

.green__page .tc__spot h3{
	font-size: 28px;
	font-weight: bold;
	color:#69B44D;
	margin:0 0 45px;
}

.green__page .tcs__flex{
	display: flex;
}

.green__page .tcs__col{
	position: relative;
	width: 43%;
}

.green__page .tcs__flex .tcs__col:last-child{
	margin-left:23px;
}

.green__page .tcs__col p{
	margin: 0;
	font-size: 20px;
	color:white;
	background:#69B44D;
	padding:1px 0;
	border-radius: 20px;
	text-align: center;
	width: 118px;
	position: absolute;
	line-height: 1.8;
	font-weight: bold;
	left: -8px;
	top: -19px;
}

.green__page .tcs__col img{
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 0;
}

.green__page .tcs__text{
	font-size: 16px;
	line-height: 2;
	margin:20px 0 0;
	font-weight: 500;
}

.green__page .location__flex{
	display: flex;
	align-items:flex-end;
	justify-content: space-between;
}

.green__page .location__flex img{
	width: calc(50% - 26px);
}

.green__page .location__flex p{
	width: 50%;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.8;
}

.green__page .green__section2{
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	width: 100%;
	position: relative;
	padding:70px 80px;
	margin-top: 115px;
}

.green__page .green__section2 h2{
	position: absolute;
	left: 80px;
	top: -19px;
	font-size: 40px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	margin: 0;
	line-height: 1;
	letter-spacing: 0.1em;
}

.green__page .rs__flex{
	display: flex;
	justify-content: space-between;
}

.green__page .rs__left{
	width: 40%;
}

.green__page .rs__left img{
	width: 100%;
}

.green__page .rs__right{
	width: 60%;
	box-sizing: border-box;
	padding-left: 50px;
}

.green__page .rs__right h3{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 24px;
	color:#69B44D;
}

.green__page .rs__right .rs__text{
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	margin: 0 0 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #707070;
}

.green__page .green__section3{
	background: #69B44D;
	padding:40px 20px;
	position: relative;
	margin-top: 120px;
}

.green__page .green__section3 h2{
	position: absolute;
	left: 80px;
	top: -19px;
	font-size: 40px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	margin: 0;
	line-height: 1;
	letter-spacing: 0.1em;
}

.green__page .green__section3 h3{
	font-size: 24px;
	font-weight: bold;
	margin:0 0 25px;
	color:white;
	text-align: center;
}

.green__page .g3__flex{
	display: flex;
	justify-content: center;
	align-items: center;
}

.green__page .g3__text{
	font-size: 24px;
	font-weight:bold;
	line-height: 1.8;
	color:white;
	margin: 0;
	margin-right: 30px;
	max-width: 50%;
	width: 355px;
	text-align: right;
}

.green__page .g3__text a{
	font-size: 32px;
	color:white;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	margin-left: 5px;
}

.green__page .g3__link{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color:#69B44D;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	background: white;
	width: 355px;
	max-width: 50%;
	border-radius: 30px;
	padding:22px 0;
	transition: 0.4s;
	margin-left: 30px;
}

.green__page .g3__link:hover{
	opacity: 0.6;
}

.green__page .g3__link img{
	width: 31px;
	display: block;
	margin-left: 10px;
}

.green__page .white__area{
	background: white;
	padding-top: 180px;
}

.green__page .green__back{
	background: rgba(81,188,188,0.2);
	padding:180px 0 160px;
	margin-top: 160px;
}

/* アンカーはエリア上端へ */
.green__page #sec1,
.green__page #sec2,
.green__page #sec3{
	scroll-margin-top: 0;
	scroll-snap-align: start;
}


.green__page .green__section1.ver2{
	padding-bottom: 40px;
}

.green__page .green__section1.ver2:before{
	background: rgba(229, 245, 245, 0.75);
	height: 400px;
}

.green__page .green__section1.ver2 .camp__text{
	font-size: 16px;
	line-height: 2;
	font-weight: 500;
	margin: 0;
}

.green__page .camp__flex{
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}

.green__page .camp__left{
	width: 50%;
	padding-right: 80px;
	box-sizing: border-box;
}

.green__page .camp__right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 40px;
}

.green__page .camp__left h3{
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 24px;
	color:#69B44D;
}

.green__page .camp__left p{
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	margin: 0;
}

.green__page .camp__left h4{
	font-size: 20px;
	color:#69B44D;
	font-weight: bold;
	margin:37px 0 24px;
	text-decoration: underline;
	text-underline-offset: 10px;
}

.green__page .camp__left .green__info{
	display: flex;
	margin-bottom: 15px;
}

.green__page .camp__left .green__info p:first-child{
	width: 162px;
	font-weight: bold;
	color:white;
	background:#69B44D;
	padding:1px 0;
	border-radius: 20px;
	text-align: center;
	line-height: 1.9;
	font-size: 14px;
	margin: 0;
}

.green__page .camp__left .green__info p:last-child{
	font-size: 14px;
	line-height: 1.8;
	font-weight: 500;
	margin:2px 0 0;
	width: calc(100% - 162px);
	padding-left: 18px;
	box-sizing: border-box;
}






/* camp slider */
.green__page .camp-slider{
	width: 100%;
}

.green__page .camp-slider__viewport{
	overflow: hidden;
	width: 100%;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
}

.green__page .camp-slider__viewport.is-dragging{
	cursor: grabbing;
}

.green__page .camp-slider__track{
	display: flex;
	width: 100%;
	transition: transform 0.35s ease;
	will-change: transform;
}

.green__page .camp-slider__slide{
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
}

.green__page .camp-slider__slide img{
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
}

.green__page .camp-slider__meta{
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 18px;
	justify-content: center;
}


.green__page .camp-slider__bar{
	display: flex;
	width: 240px;
	height: 2px;
	flex-shrink: 0;
	overflow: hidden;
}

.green__page .camp-slider__seg,
.green__page .camp-slider__half{
	flex: 1 1 0;
	height: 100%;
	background: #D9D9D9;
	transition: background-color 0.25s ease;
}

.green__page .camp-slider__seg.is-active{
	background: #000000;
}

.green__page .camp-slider__count{
	font-size: 20px;
	line-height: 1;
	color: #000000;
	font-weight: 500;
	min-width: 1em;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
}

@media screen and (max-width: 768px){
	.green__page .camp-slider__bar{
		width: min(240px, 70vw);
	}
}

.green__page .camp__left .bbq__box{
	background: #F7E8E1;
	border-radius: 16px;
	box-sizing: border-box;
	padding:30px;
	margin-top: 35px;
}

.green__page{
	letter-spacing: 0.05em;
}

.green__page .reservation__box{
	background:#69B44D;
	position: relative;
	padding:46px 65px 30px;
	margin-top: 90px;
}

.green__page .reservation__box h2{
	position: absolute;
	left:65px;
	top: -19px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	margin: 0;
	line-height: 1;
	font-size: 40px;
	letter-spacing: 0.1em;
}

.green__page .reservation__flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.green__page .reservation__left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 25px;
}

.green__page .reservation__right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 60px;
}

.green__page .reservation__left h3{
	font-size: 24px;
	font-weight: bold;
	margin: 0!important;
	color:white;
	line-height: 1.8;
}

.green__page .reservation__left p{
	font-size: 16px;
	line-height: 1.8;
	font-weight: bold;
	margin: 0;
	color:white;
}

.green__page .reservation__tel{
	font-size: 24px;
    font-weight: bold;
    line-height: 1.8;
    color: white;
    margin: 0;
    margin-right: 30px;
	letter-spacing: 0.1em;
}

.green__page .reservation__tel a{
	font-size: 32px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    margin-left: 10px;
	letter-spacing: 0.1em;
}

.green__page .reservation__link{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #69B44D;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    background: white;
    border-radius: 30px;
    padding: 22px 0;
    transition: 0.4s;
    width: 100%;
	margin-top: 10px;
}

.green__page .reservation__link:hover{
	opacity: 0.6;
}

.green__page .reservation__link img{
	width: 31px;
	display: block;
	margin-left: 10px;
}

.green__page .facility__box{
	background: #EBF7F7;
	position: relative;
	padding:75px 130px;
	margin-top: 120px;
}

.green__page .facility__img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.green__page .ffsub__title{
	font-size: 32px;
	font-weight: bold;
	margin: 90px 0 24px;
	color:#FFA2CC;
}

.green__page .ffsub__title.green{
	color:#69B44D;
}

.green__page .ffsub__title.size2{
	font-size: 24px;
	margin-top: 60px;
}

.green__page .facility__flex{
	display: flex;
	align-items: center;
	margin-bottom: 23px;
	line-height: 2;
}

.green__page .faf__left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 40px;
}

.green__page .faf__left img{
	width: 340px;
	display: block;
	max-width: 100%;
}

.green__page .faf__right{
	width: 50%;
	box-sizing: border-box;
}

.green__page .faf__right .ff__title{
	font-size: 20px;
	margin:0 0 23px;
	font-weight: bold;
}

.green__page .faf__right .ff__title span{
	display: inline-block;
	padding:0 8px;
	background: white;
}

.green__page .faf__right .ff__text{
	font-size: 16px;
	margin: 0;
	font-weight: 500;
}

.green__page .faf__right .ff__text.border{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #707070;
}

.green__page .faf__right .ff__info{
	display: flex;
	align-items: start;
	margin-bottom: 15px;
}

.green__page .faf__right .ff__info p:first-child{
	font-weight: bold;
	width: 110px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color:white;
	background:#FFA2CC;
	padding:1px 0;
	border-radius: 20px;
	margin: 0;
}

.green__page .faf__right .ff__info p:last-child{
	width: calc(100% - 110px);
	box-sizing: border-box;
	padding-left: 13px;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	margin: 0;
}

.green__page .facility__flex.ver2 .faf__left{
	width: 47%;
	padding-right: 60px;
}

.green__page .facility__flex.ver2 .faf__left img{
	width: 311px;
	display: block;
	max-width: 100%;
}

.green__page .facility__flex.ver2 .faf__right{
	width: 53%;
}

.green__page .ffbox3{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	line-height: 1.8;
}

.green__page .ffbox3.mt__plus{
	margin-top: 100px;
}

.green__page .ffbox3__left{
	width: 40%;
	box-sizing: border-box;
	padding-right: 40px;
}

.green__page .ffbox3__left img{
	width: 266px;
	display: block;
	max-width: 100%;
	padding-left: 8px;
}

.green__page .ffbox3__left h3{
	margin:0;
	margin-bottom: -18px;
	position: relative;
	z-index: 2;
	color:white;
	background: #69B44D;
	padding:4px 8px;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
}

.green__page .ffbox3__left p{
	font-size: 20px;
	margin: 0;
	font-weight: bold;
}

.green__page .ffbox3__right{
	width: 60%;
}

.green__page .ffbox3__right p{
	font-size: 16px;
	margin: 0;
	font-weight: 500;
}

/* green price table */
.green__page .green__table-wrap{
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.green__page .green__table{
	width: 1000px;
	min-width: 1000px;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	box-sizing: border-box;
}

/* 左列 26% / 残り2列で約74% */
.green__page .green__table thead th:first-child,
.green__page .green__table tbody th{
	width: 24%;
}

.green__page .green__table thead th:nth-child(2),
.green__page .green__table thead th:nth-child(3){
	width: 38%;
}

.green__page .green__table th,
.green__page .green__table td{
	border: 1px solid #BCBCBC;
	padding: 17px 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	box-sizing: border-box;
	word-break: break-word;
	line-height: 1.7;
}

.green__page .green__table th{
	font-size: 18px;
}

.green__page .green__table td{
	font-size: 16px;
	font-weight: 400;
}

.green__page .green__table th span{
	display: block;
	font-size: 16px;
	font-weight: 400;
}

/* 一番左の列 */
.green__page .green__table thead th:first-child,
.green__page .green__table tbody th,
.green__page .green__table tbody td:first-child.col-head{
	background: #F7F7F7;
	font-weight: bold;
}

/* ヘッダー2列目 */
.green__page .green__table thead th.is-pink,
.green__page .green__table thead th:nth-child(2){
	background: rgba(255, 162, 204, 0.4);
	font-weight: bold;
}

/* ヘッダー3列目 */
.green__page .green__table thead th.is-green,
.green__page .green__table thead th:nth-child(3){
	background: rgba(105, 180, 77, 0.4);
	font-weight: bold;
}

/* 行結合（colspan）されたセルも同じボーダー・paddingを維持 */
.green__page .green__table td[colspan],
.green__page .green__table th[colspan]{
	padding: 15px;
	text-align: center;
}

.green__page .mb__half{
	margin-bottom: 40px;
}

.green__page .price__info{
	display: flex;
	justify-content: center;
	margin-bottom: 4px;
	text-align: left;
}

.green__page .price__title{
	width: 23%;
	white-space: nowrap;
}

.green__page .price__text{
	width: 29%;
	white-space: nowrap;
}

.green__page .green__section1.ver3 .green__text{
	margin: 0;
	padding: 0;
	border: none;
}

.green__page .green__section1.ver3{
	padding-bottom: 110px;
}

.green__page .green__section1.ver3:before{
	height: 367px;
}

.green__page .ob__box.mt__none{
	margin-top: 0;
}

.green__page .ob__box{
	background: white;
	box-sizing: border-box;
	padding:70px 80px;
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}

.green__page .ob__left{
	width: 45%;
	box-sizing: border-box;
	padding-right: 40px;
}

.green__page .ob__left img{
	width: 362px;
	display: block;
	max-width: 100%;
}

.green__page .ob__right{
	width: 55%;
}

.green__page .ob__right h3{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 28px;
	padding-bottom: 20px;
	color:#69B44D;
	border-bottom: 1px solid #707070;
}

.green__page .ob__info{
	display: flex;
	align-items: start;
	margin-bottom: 23px;
	line-height: 1.8;
}

.green__page .ob__info p:first-child{
	width: 110px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color:white;
	background:#69B44D;
	padding:1px 0;
	border-radius: 20px;
	margin: 0;
}

.green__page .ob__info p:last-child{
	width: calc(100% - 110px);
	box-sizing: border-box;
	padding-left: 13px;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	margin: 0;
}


.green__page .ob__link{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	background: #69B44D;
	color:white;
	text-decoration: none;
	font-weight: bold;
	width: 407px;
	max-width: 100%;
	border-radius: 30px;
	padding:22px 0;
	transition: 0.4s;
	margin-top: 35px;
}

.green__page .ob__link:hover{
	opacity: 0.6;
}

.green__page .ob__link img{
	width: 31px;
	display: block;
	margin-left: 10px;
}

.green__page .map__flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 120px;
}

.green__page .map__left{
	width: 53%;
	position: relative;
	padding:50px 25px;
	border-radius: 20px;
	box-sizing: border-box;
	background: white;
}

.green__page .map__left h2{
	font-size: 40px;
	font-weight: bold;
	margin: 0;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	z-index: 2;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: italic;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 0.1em;
}

.green__page .map__right{
	width: 47%;
	box-sizing: border-box;
	padding-left: 70px;
}

.green__page .map__right .map__info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	line-height: 1.8;
}


.green__page .map__right .map__info p:first-child{
	width: 160px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color:white;
	background:#69B44D;
	padding:1px 0;
	border-radius: 20px;
	margin: 0;
}

.green__page .map__right .map__info p:last-child{
	width: calc(100% - 160px);
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 22px;
	line-height: 1.8;
	font-weight: 500;
	margin: 0;
}

.green__page .tc__spot.border-none{
	border-top: none;
	padding-top: 0;
}

.green__page .tc__area{
	margin-top: 130px;
}












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

	.green__page .green__section1{
		padding-bottom: 23vw;
	}

	.green__page .map__right .map__info p:first-child{
		width: 130px;
		font-size: 16px;
	}

	.green__page .map__right .map__info p:last-child{
		width: calc(100% - 130px);
		font-size: 16px;
		padding-left: 10px;
	}

	.green__page .flow__flex{
		left: 40px;
		padding: 0;
		width: 701px;
		margin:0 auto;
	}

	.green__page .tc__area h3.title1{
		padding-left:0px;
		width: 652px;
		margin: 0 auto 15px;
	}

	.green__page .tc__area h3.tc__goal{
		margin: 20px auto 70px;
	}

	.green__page .green__list li a span{
		font-size: 26px;
	}

	.green__page .map__left h2{
		font-size: 30px;
		top: -20px;
	}

	.green__page .map__right{
		padding-left: 30px;
	}

	.green__page .tc__area{
		padding:80px 20px;
	}

	.green__page .camp__left{
		padding-right: 0;
	}

	.green__page .green__section1.ver2:before{
		height: calc(100% - 100px);
	}

	.green__page .reservation__box{
		padding:45px 20px 25px;
	}

	.green__page .reservation__right{
		padding-left: 20px;
	}

	.green__page .facility__box{
		padding:75px 20px ;
	}
}

 .green__page .sp{
	display: none!important;
 }


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

	.green__page .sp{
		display: block!important;
	 }

	 .green__page .pc{
		display: none!important;
	 }

	.green__page .green__list li a{
		font-size: 14px;

	}

	.green__page .green__list li a span{
		font-size: 21px;
	}

	.green__page .green__list li{
		margin:0 20px ;
	}

	.green__page .green__list li a span:before{
		width: 120px;
	}

	.green__page .green__list li a span:before{
		bottom: -10px;
	}

	.green__page .green__section1 .green__img1{
		position: relative;
		width: calc(100% - 20px);
		display: block;
		margin-left: auto;
		margin-top: 40px;
	}

	.green__page .green__section1:before{
		width: calc(100% - 40px);
	}

	.green__page .green__section1 .text__col{
		width: calc(100% - 80px);
	}

	.green__page .map__flex{
		display: block;
	}

	.green__page .map__right{
		width: 100%;
		padding: 0 ;
	}

	.green__page .map__left{
		width: 100%;
		margin-top: 60px;
		padding:40px 20px;
	}

	.green__page .ff__left{
		width: 100%;
		margin:50px 0 20px;
		padding: 0;
	}

	.green__page .ff__right{
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.green__page .green__section1{
		padding-bottom: 0;
	}

	.green__page .flow__flex{
		left: 0;
		width: 100%;
		display: block;
	}

	.green__page .ff__left:before , .green__page .ff__left .ff__num:before ,.green__page .ff__left .ff__num:after{
		display: none;
	}

	.green__page .ff__left .ff__num{
		margin: 0;
	}

	.green__page .ff__right img , .green__page .ff__right p{
		width: 100%;
	}

	.green__page .ff__view{
		width: 100%;
	}

	.green__page .ff__view img{
		width: 220px!important;
	}

	.green__page .ff__viewimg img{
		max-width: 48%;
	}

	.green__page .tc__spot{
		padding:40px 0;
	}

	.green__page .tcs__flex{
		display: block;
	}

	.green__page .tcs__col{
		width: 100%;
		margin-bottom: 50px;
	}

	.green__page .tcs__flex .tcs__col:last-child{
		margin-bottom: 0;
		margin-left: 0;
	}

	.green__page .location__flex{
		display: block;
	}

	.green__page .location__flex img{
		width: 100%;
	}

	.green__page .location__flex p{
		width: 100%;
		margin-top: 20px;
	}

	.green__page .green__section2{
		padding:70px 20px;
	}

	.green__page .rs__flex{
		display: block;
	}

	.green__page .rs__left{
		width: 100%;
	}

	.green__page .rs__right{
		width: 100%;
		padding: 0;
		margin-top: 50px;
	}

	.green__page .rs__right .rs__text{
		/* padding: 0; */
	}

	.green__page .green__section1.ver2:before{
		height: 500px;
	}

	.green__page .camp__flex{
		display: block;
	}

	.green__page .camp__left{
		width: 100%;
	}

	.green__page .camp__right{
		width: 100%;
		padding: 0;
		margin-top: 50px;
	}

	.green__page .reservation__flex{
		display: block;
	}

	.green__page .reservation__left{
		width: 100%;
		padding: 0;
	}

	.green__page .reservation__right{
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}

	.green__page .facility__flex{
		display: block;
	}

	.green__page .faf__left{
		width: 100%;
		padding: 0;
	}

	.green__page .faf__left img{
		width: 100%;
	}

	.green__page .faf__right{
		width: 100%;
		margin-top: 30px;
	}

	.green__page .facility__flex.ver2 .faf__left{
		width: 100%;
		padding: 0;
	}

	.green__page .facility__flex.ver2 .faf__right{
		width: 100%;
	}

	.green__page .facility__flex.ver2 .faf__left img{
		width: 100%;
	}

	.green__page .ffbox3{
		display: block;
	}

	.green__page .ffbox3__left{
		width: 100%;
		padding: 0;
	}

	.green__page .ffbox3__right{
		width: 100%;
		margin-top: 30px;
	}

	.green__page .ffbox3__left img{
		padding: 0;
		width: 100%;
	}

	.green__page .ffbox3__left h3{
		top: 17px;
	}

	.green__page .green__table td{
		font-size: 14px;
	}

	.green__page .green__table th{
		font-size: 16px;
	}

	.green__page .ob__box{
		padding:60px 20px;
		display: block;
	}

	.green__page .ob__left{
		width: 100%;
		padding: 0;
	}

	.green__page .ob__right{
		width: 100%;
		margin-top: 40px;
	}

	.green__page .ob__left img{
		width: 100%;
	}

	.green__page .ob__link{
		margin:30px auto 0;
		max-width: 100%;
	}

	.green__page .g3__flex{
		display: block;
	}

	.green__page .g3__text{
		width: 100%;
		margin: 0;
		text-align: center;
		max-width: 100%;
	}

	.green__page .g3__link{
		width: 100%;
		margin:30px auto 0;
		max-width: 100%;
	}

	.green__page .green__section3 h2{
		left: 50%;
		transform: translateX(-50%);
	}

	.green__page .green__section1 .green__title{
		font-size: 44px;	
	}

	.green__page .green__section1:before{
		top: 34px;
	}

	.green__page .green__list{
		margin: 0;
	}

	.green__page .map__flex{
		margin-top: 90px;
	}

	.green__page .sec__title.mt__plus2{
		margin-top: 90px;
	}

	.green__page .tc__area{
		padding:60px 20px ;
	}

	.green__page .tc__area h3.title1{
		max-width: 100%;
		font-size: 55px;
	}

	.green__page .ff__left .ff__num{
		font-size: 50px;
		text-align: left;
	}

	.green__page .tc__area h3.tc__goal{
		margin-top: 40px;
	}

	.green__page .tc__spot h3{
		font-size: 22px;
		margin-bottom: 30px;
	}

	.green__page .tc__spot{
		padding-bottom: 0;
	}

	.green__page .green__section2 h2{
		left: 20px;
	}

	.green__page .white__area{
		padding-top: 120px;
	}

	.green__page .green__section1.ver2{
		padding-bottom: 0;
	}

	.green__page .reservation__box h2{
		left: 20px;
	}

	.green__page .facility__box{
		margin-top: 100px;
		padding:60px 20px ;
	}

	.green__page .ffsub__title{
		margin-top: 70px;
	}

	.green__page .price__title{
		width: 20%;
	}

	.green__page .price__text{
		width: 40%;
	}

	.green__page .green__table{
		width: 800px;
		min-width: 800px;
	}

	.green__page .sec__title.mt__plus{
		margin-top: 90px;
	}

	.green__page .facility__box{
		padding-bottom: 30px;
	}

	.green__page .green__back{
		margin-top: 100px;
		padding:120px 0;
	}


	.green__page .green__section1.ver3{
		padding-bottom: 0;
	}

	.green__page .ob__box.mt__none{
		margin-top: 60px;
	}

	
	

}

.green__page .sp2{
	display: none!important;
}

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

	.green__page .sp2{
		display: block!important;
	}

	.green__page .map__right .map__info{
		display: block;
		margin:20px 0 0;
	}

	.green__page .map__right .map__info p:last-child{
		width: 100%;
		padding: 0;
		margin-top: 5px;
		font-size: 15px;
	}

	.green__page .green__list li a span{
		font-size: 15px;
	}

	.green__page .green__list li{
		margin: 0;
	}

	.green__page .green__list li a{
		font-size: 14px;
	}

	.green__page .green__list{
		justify-content: space-between;
	}

	.green__page .green__list li a span:before{
		width: 100px;
	}

	.green__page .green__section1 .text__col{
		padding-right: 0;
	}

	.green__page .green__section1 .green__sub-title{
		font-size:22px
	}

	.green__page .green__section1 .green__text{
		font-size: 15px;
	}

	.green__page .green__section1 .green__title{
		margin-bottom: 20px;
	}

	.green__page #sec1{
		padding-top: 100px;
	}

	.green__page .pc2{
		display: none!important;
	}

	.green__page .map__flex{
		margin-top: 60px;
	}

	.green__page .map__right .map__info p:first-child{
		width: 110px;
		font-size: 14px;
	}


	.green__page .map__left h2{
		font-size: 25px;
		top: -15px;
	}

	.green__page .map__left{
		padding:40px 20px;
	}

	.green__page .tc__area h3.title1{
		font-size: 35px;
	}

	.green__page .ff__left .ff__num{
		font-size: 40px;
	}

	.green__page .ff__left{
		margin-top: 40px;
	}

	.green__page .ff__right p{
		font-size: 15px;
	}

	.green__page .ff__right .ff__view .ff__viewtitle{
		font-size: 18px;
	}

	.green__page .tc__spot h3{
		font-size: 20px;
	}

	.green__page .tcs__col p{
		font-size: 18px;
	}

	.green__page .tc__spot{
		margin-top: 40px;
	}

	.green__page .green__section2 h2{
		font-size: 32px;
	}

	.green__page .green__section2{
		padding:50px 20px ;

		margin-top: 80px;
	}

	.green__page .rs__right h3{
		font-size: 20px;
		margin-bottom: 20px;
	}

	.green__page .rs__right .rs__text{
		font-size: 15px;
	}

	.green__page .green__section1 .green__info, .green__page .green__section2 .green__info{
		display: block;
		margin-top: 20px;
	}

	.green__page .green__section1 .green__info p:last-child, .green__page .green__section2 .green__info p:last-child{
		width: 100%;
		padding: 0;
		margin-top: 5px;
	}

	.green__page .white__area{
		padding-top: 100px;
	}

	.green__page .green__section1.ver2 .camp__text{
		font-size: 15px;
	}

	.green__page .green__section1 .text__col{
		width: calc(100% - 50px);
	}

	.green__page .camp__left h3{
		font-size: 22px;
	}

	.green__page .camp__flex{
		margin-top: 80px;
	}

	.green__page .camp__left p{
		font-size: 15px;
	}

	.green__page .camp__left .green__info{
		display: block;
		margin: 20px 0 0;
	}

	.green__page .camp__left .green__info p:last-child{
		width: 100%;
		padding: 0;
		margin-top: 5px;
	}

	.green__page .reservation__left h3{
		font-size: 20px;
	}

	.green__page .reservation__left p{
		font-size: 15px;
	}

	.green__page .reservation__tel{
		width: 100%;
		margin: 0;
		font-size: 20px;
	}

	.green__page .reservation__tel a{
		font-size: 25px;
	}

	.green__page .reservation__link{
		padding:10px 15px;
		line-height: 1.5;
		font-size: 14px;
	}

	.green__page .reservation__link img{
		width: 25px;
		margin-left: 7px;
	}

	.green__page .facility__box{
		margin-top: 80px;
		padding:50px 20px ;
	}

	.green__page .ffsub__title{
		font-size: 24px;
	}

	.green__page .faf__right .ff__title{
		font-size:18px;
		margin-bottom: 15px;
	}

	.green__page .faf__right .ff__text{
		font-size: 15px;
	}

	.green__page .facility__flex{
		margin-bottom: 30px;
	}

	.green__page .ffsub__title{
		margin-top: 60px;
	}

	.green__page .faf__right .ff__info{
		display: block;
		margin-top: 20px;
	}

	.green__page .faf__right .ff__info p:last-child{
		width: 100%;
		padding: 0;
		margin-top: 5px;
		font-size: 15px;
	}

	.green__page .ffbox3.mt__plus{
		margin-top: 80px;
	}

	.green__page .ffbox3__right p{
		font-size: 15px;
	}

	.green__page .ffbox3__left h3{
		font-size: 18px;
	}

	.green__page .green__section1 .green__title{
		font-size: 40px;
	}

	.green__page .green__section1:before{
		top: 30px;
	}

	.green__page .ob__box{
		margin-top: 80px;
		padding:50px 20px ;
	}

	.green__page .ob__info{
		display: block;
		margin-bottom: 0px;
		margin-top: 20px;
	}

	.green__page .ob__info p:last-child{
		width: 100%;
		padding: 0;
		margin-top: 5px;
		font-size: 15px;
	}

	.green__page .green__section3 h3{
		font-size: 20px;
	}

	.green__page .g3__text{
		font-size: 20px;
	}

	.green__page .g3__text a{
		font-size: 26px;
	}

	.green__page .g3__link{
		font-size: 14px;
	}

	.green__page .g3__link img{
		width: 24px;
		margin-left: 7px;
	}

	.green__page .green__table th{
		font-size: 15px;
	}

	.green__page .green__table th span{
		font-size: 13px;
	}

	.green__page .green__table td{
		font-size: 12px;
	}

	.green__page .green__table{
		width: 640px;
		min-width: 640px;
	}

	.green__page .facility__box{
		padding-bottom: 20px;
	}

	.green__page .ff__right .ff__view p.ffv__num{
		font-size: 40px;
		top: -20px;
	}

	.green__img1--ver2{
		margin-top: 30px;
	}

	.green__page .tc__spot.border-none{
		padding-top: 0;
		margin-top: 0;
	}

	.green__page .tc__area{
		margin-top: 80px;
	}

	.green__page .rs__right{
		margin-top: 35px;
	}

	.green__page .green__section1 .green__info, .green__page .green__section2 .green__info{
		margin-top: 10px;
	}

	.green__page .green__section1.ver2:before{
		height: 300px;
	}

	.green__page .tc__area{
		padding:40px 20px ;
	}

	.green__page .reservation__right{
		margin-top: 20px;
	}



}

.green__page .inview1{
	opacity: 0;
	transform: translateY(30px);
	transition: 0.7s;
	transition-delay: 0.1s;
}

.green__page .inview1.show1{
	opacity: 1;
	transform: translateY(0px);	
}

.green__page .inview2{
	opacity: 0;
	transform: translateY(30px);
	transition: 0.7s;
	transition-delay: 0.3s;
}

.green__page .inview2.show2{
	opacity: 1;
	transform: translateY(0px);	
}

.green__page .inview3{
	opacity: 0;
	transform: translateY(30px);
	transition: 0.7s;
	transition-delay: 0.5s;
}

.green__page .inview3.show3{
	opacity: 1;
	transform: translateY(0px);	
}