/*--------------------------------------------------------------
#mainscreen
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#mainscreen {
		height: 100vh;
		padding: 0;
		box-sizing: border-box;
		position: relative;
	}
	
	#mainscreen dl {
		position: absolute;
		left: 2vw;
		bottom: 2vw;
		z-index: 1;
		background: none;
		border-radius: 0 20px 0 0;
		padding: 0 0 50px 0;
	
	}
	
	#mainscreen dl dt {
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 2px;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	
	#mainscreen dl dt span {
		display: inline-block;
		background: #FFF;
		padding-left: 5px;
	}
	
	#mainscreen dl dd {
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 1px;
		padding-left: 2px;
	}
	
	#mainscreen dl dd span {
		display:　inline-block;
		background: #FFF;
		padding-left: 5px;
	}
	
	.screen_logo {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 150px;
		z-index: 1;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#mainscreen {
		height: 100vh;
		padding: 0;
		box-sizing: border-box;
		position: relative;
	}
	
	#mainscreen dl {
		position: absolute;
		left: 2vw;
		bottom: 2vw;
		z-index: 1;
		background: #FFF;
		border-radius: 0 1.042vw 0 0;
		padding: 2.083vw 1.562vw 1.042vw 2.083vw;
	}
	
	#mainscreen dl dt {
		font-size:2.604vw;
		font-weight: 700;
		letter-spacing: 0.208vw;
		line-height: 1.2;
		margin-bottom: 0.781vw;
	}
	
	#mainscreen dl dt span {
		display: block;
		background: none;
		padding-left: 0;
	}
	
	#mainscreen dl dd {
		font-size: 0.885vw;
		font-weight: 600;
		letter-spacing: 0.052vw;
		padding-left: 0.26vw;
	}
	
	#mainscreen dl dd span {
		display: inline;
		background: none;
		padding-left: 0;
	}
	
	.screen_logo {
		position: absolute;
		top: 50%;
		right: 10%;
		left: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 9.635vw;
		z-index: 1;
	}

}

/*--------------------------------------------------------------
.slider
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#mainscreen .slider {
		position: relative;
		z-index: 1;
		height: 100vh;
		overflow: hidden;
		display: block;
	}
	
	#mainscreen .slider-list,
	#mainscreen .slick-track,
	#mainscreen .slick-slide {
		height: 100%;
	}

	#mainscreen .slider-item01 {
		background: url("images/slide_img1.jpg");
	}

	#mainscreen .slider-item02 {
		background: url("images/slide_img2.jpg");
	}

	#mainscreen .slider-item03 {
		background: url("images/slide_img3.jpg");
	}
	
	#mainscreen .slider-item04 {
		background: url("images/slide_img4.jpg");
	}
	
	#mainscreen .slider-item05 {
		background: url("images/slide_img5.jpg");
	}

	#mainscreen .slider-item {
		width: 100%;
		margin: 3vw;
		box-sizing: border-box;
		max-width: 94vw;
		height: 97vh;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 20px;
		 overflow: hidden;
	}

	#mainscreen .slick-dots {
		display: none;
	}
	
	#mainscreen .slick-dots li {
		display: inline-block;
		margin: 0 10px;
	}

	#mainscreen .slick-dots button {
		color: transparent;
		outline: none;
		width: 5px;
		height: 5px;
		display: block;
		border-radius: 50%;
		background: #E2E2E2;
	}

	#mainscreen .slick-dots .slick-active button{
		background: #F15928;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#mainscreen .slider {
		position: relative;
		z-index: 1;
		height: 100vh;
		overflow: hidden;
		display: block;
	}
	
	#mainscreen .slider-list,
	#mainscreen .slick-track,
	#mainscreen .slick-slide {
		height: 100%;
	}

	#mainscreen .slider-item01 {
		background: url("images/slide_img1.jpg");
	}

	#mainscreen .slider-item02 {
		background: url("images/slide_img2.jpg");
	}

	#mainscreen .slider-item03 {
		background: url("images/slide_img3.jpg");
	}
	
	#mainscreen .slider-item04 {
		background: url("images/slide_img4.jpg");
	}
	
	#mainscreen .slider-item05 {
		background: url("images/slide_img5.jpg");
	}

	#mainscreen .slider-item {
		width: 100%;
		margin: 5vh 3vw;
		box-sizing: border-box;
		max-width: 94vw;
		height: 90vh;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 1.042vw;
		 overflow: hidden;
	}

	#mainscreen .slick-dots {
		position: absolute;
		bottom: 0.781vw;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 3;
		display: inherit;
	}
	
	#mainscreen .slick-dots li {
		display: inline-block;
		margin: 0 0.521vw;
	}

	#mainscreen .slick-dots button {
		color: transparent;
		outline: none;
		width: 0.26vw;
		height: 0.26vw;
		display: block;
		border-radius: 50%;
		background: #E2E2E2;
	}

	#mainscreen .slick-dots .slick-active button{
		background: #F15928;
	}

}


/*--------------------------------------------------------------
#news-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#news-area {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 30px 5% 30px 5%;
	}

	.left-box {
		max-width: auto;
		margin-right: auto;
		overflow: hidden;
		position: relative;
	}

	.right-box {
		width: 100%;
		padding-left: auto;
	}
	
	.right-box h2 {
		margin-bottom: 0;
	}
	
	.right-box h2 span {
		margin-bottom: 20px;
	}
	
	.arrow-area {
		display: flex;
		justify-content: flex-end;
	}
	
	.arrow-area .material-symbols-outlined {
		font-size: 50px;
		font-variation-settings:
			'FILL' 0,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

	
	.custom-prev,
	.custom-next {
		cursor: pointer;
		user-select: none;
	}
	
	.news-bt {
		margin: 0 0 70px 0;
		text-align: center;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#news-area {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: row-reverse;
		padding: 3.646vw 3% 2.604vw 3%;
	}

	.left-box {
		max-width: 65%;
		margin-right: auto;
		overflow: hidden;
		position: relative;
	}

	.right-box {
		width: 35%;
		padding-left: 10%;
	}
	
	.right-box h2 {
		margin-bottom: 1.042vw;
	}
	
	.right-box h2 span {
		margin-bottom: 1.042vw;
	}
	
	.arrow-area {
		display: flex;
		justify-content: flex-start;
	}
	
	.arrow-area .material-symbols-outlined {
		font-size: 50px;
		font-variation-settings:
			'FILL' 0,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

	
	.custom-prev,
	.custom-next {
		cursor: pointer;
		user-select: none;
	}
	
	.news-bt {
		margin: 0 0 3.646vw 0;
		text-align: center;
	}


}

/*--------------------------------------------------------------
.news_slider
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.news_slider {
		width: 100%;
		margin: 0 auto;
	}
	
	.news_slider img {
		width: 100%;
		height: auto;
		border-radius: 20px;
	}
	
	.news_slider .slick-slide {
		margin: 0 20px;
	}
	
	
	.news_slider dt {
		position: relative;
		width: 100%;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		border-radius: 20px;
	}
	
	.news_slider dt a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		border-radius: 20px;
		overflow: hidden;
	}

	.news_slider dt img {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		width: auto;
		transform: translate(-50%, -50%);
		transition: transform 0.4s ease;
	}
	
	.news_slider a:hover img {
		transform: translate(-50%, -50%) scale(1.1);
	}
	
	
	.news_slider dt img.landscape {
		width: 100%;
		height: auto;
	}
	
	.news_slider dt span {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1;
		font-family: "Viga", sans-serif;
		font-size: 15px;
		font-weight: 400;
		background: #FFF;
		border-radius: 20px 0 0 0;
		padding: 10px 10px 0 15px;
		text-align: center;
	}
	
	.news_slider dd {
		padding: 20px 8px 0 8px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
	}
	
	.news_slider dd span {
		font-family: "Viga", sans-serif;
		font-size: 13px;
		font-weight: 400;
		color: #B1B1B1;
		display: block;
		margin-top: 7px;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.news_slider {
		width: 110%;
		margin: 0 auto;
	}
	
	.news_slider img {
		width: 100%;
		height: auto;
		border-radius: 1.042vw;
	}
	
	.news_slider .slick-slide {
		margin: 0 1.042vw;
	}
	
	
	.news_slider dt {
		position: relative;
		width: 100%;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		border-radius: 1.042vw;
	}
	
	.news_slider dt a {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		border-radius: 1.042vw;
		overflow: hidden;
	}

	.news_slider dt img {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		width: auto;
		transform: translate(-50%, -50%);
		transition: transform 0.4s ease;
	}
	
	.news_slider a:hover img {
		transform: translate(-50%, -50%) scale(1.1);
	}
	
	
	.news_slider dt img.landscape {
		width: 100%;
		height: auto;
	}
	
	.news_slider dt span {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1;
		font-family: "Viga", sans-serif;
		font-size: 0.885vw;
		font-weight: 400;
		background: #FFF;
		border-radius: 1.042vw 0 0 0;
		padding: 0.521vw 0.521vw 0 0.781vw;
		text-align: center;
	}
	
	.news_slider dd {
		padding: 1.042vw 0.417vw 0 0.417vw;
		font-size: 0.885vw;
		font-weight: 500;
		letter-spacing: 1px;
	}
	
	.news_slider dd span {
		font-family: "Viga", sans-serif;
		font-size: 0.781vw;
		font-weight: 400;
		color: #B1B1B1;
		display: block;
		margin-top: 0.365vw;
	}

}

/*--------------------------------------------------------------
#blog-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#blog-area {
		margin: 0 auto 50px auto;
		padding: 0;
		width: auto;
		box-sizing: border-box;
	}
	
	#blog-area h2 {
		margin: 0 0 30px 0;
		text-align: center;
	}
	
	
	#blog-area dl {
		margin: 0 5% 20px 5%;
		padding: 0 10px 20px 10px;
		border-bottom: 2px dotted #A2A2A2;
		
	}
	
	#blog-area dt {
		width: auto;
		font-family: "Viga", sans-serif;
		font-size: 15px;
		font-weight: 400;
		color: #B1B1B1;
		text-align: left;
		flex-shrink: 0;
	}
	
	#blog-area dd {
		flex-grow: 1;
		margin: 0;
		font-size: 16px;
	}
	
	#blog-area a {
		align-items: center; 
		gap: 20px;
		transition: color 0.3s ease;
	}
	
	#blog-area a:hover {
		color: #F15928;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#blog-area {
		margin: 0 auto 7.292vw auto;
		padding: 0 0 0 11.97vw;
		width: 55.72vw;
		box-sizing: border-box;
		position: relative;
	}
	
	#blog-area h2 {
		margin: 0;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	#blog-area dl {
		margin: 0 0 1.042vw 0;
		padding: 0 1.042vw 1.042vw 1.042vw;
		border-bottom: 2px dotted #A2A2A2;
		
	}
	
	#blog-area dt {
		width: 5.208vw;
		font-family: "Viga", sans-serif;
		font-size: 0.781vw;
		font-weight: 400;
		color: #B1B1B1;
		text-align: center;
		flex-shrink: 0;
	}
	
	#blog-area dd {
		flex-grow: 1;
		margin: 0;
		font-size: 0.885vw;
	}
	
	#blog-area a {
		display: flex;
		align-items: center; 
		gap: 1.042vw;
		transition: color 0.3s ease;
	}
	
	#blog-area a:hover {
		color: #F15928;
	}

}

/*--------------------------------------------------------------
#about-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#about-area {
		margin: 0;
		padding: 0 10% 40px 10%;
		background: url("images/bg.jpg") no-repeat;
		background-position: top 95px right 0;
		-webkit-background-size: 95% 100%;
		background-size: 95% 100%;
	}
	
	#about-area dl {
		margin: 0 auto;
		padding: 0;
		width: auto;
	}
	
	#about-area dt {
		width: auto;
		margin: 0 20%;
	}
	
	#about-area dd {
		margin: 0;
		padding: 40px 0 0 0;
	}
	
	#about-area h2 {
		margin: 0 0 30px 0;
		font-size: 30px;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: underline;
	}
	

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#about-area {
		margin: 0;
		padding: 0 0 5.208vw 0;
		background: url("images/bg.jpg") no-repeat;
		background-position: top 4.948vw right 0;
		-webkit-background-size: 95% 100%;
		background-size: 95% 100%;
	}
	
	#about-area dl {
		margin: 0 auto;
		padding: 0 25.26vw 0 0;
		width: 59.11vw;
		position: relative;
	}
	
	#about-area dt {
		position: absolute;
		top: 0;
		right: 0;
		width: 17.18vw;
		margin: 0;
	}
	
	#about-area dd {
		margin: 0;
		padding: 2.083vw 0 0 0;
	}
	
	#about-area h2 {
		margin: 0 0 2.604vw 0;
		font-size: 2.604vw;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: underline;
	}

}

/*--------------------------------------------------------------
.gallery
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.gallery {
		margin: 0;
		padding: 0;
		background: url("images/bg.jpg") no-repeat;
		background-position: bottom 180px right 0;
		-webkit-background-size: 95% 100%;
		background-size: 95% 100%;
	}
	
	.gallery-slider img {
		width: 100%;
		height: auto;
		border-radius: 20px;
	}
	
	.gallery-slider .slick-slide {
		margin: 0 20px;
	}
	
	.gallery-slider .slick-slide:nth-of-type(odd) {
		padding: 50px 0 0 0;
	}
	
	.gallery-slider .slick-initialized {
		display: block;
	}
	

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.gallery {
		margin: 0;
		padding: 0;
		background: url("images/bg.jpg") no-repeat;
		background-position: bottom 12.5vw right 0;
		-webkit-background-size: 95% 100%;
		background-size: 95% 100%;
	}
	
	.gallery-slider img {
		width: 100%;
		height: auto;
		border-radius: 1.042vw;
	}
	
	.gallery-slider .slick-slide {
		margin: 0 1.562vw;
	}
	
	.gallery-slider .slick-slide:nth-of-type(odd) {
		padding: 2.604vw 0 0 0;
	}
	
	.gallery-slider .slick-initialized {
		display: block;
	}
	

}


/*--------------------------------------------------------------
#slidetext-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#slidetext-area {
		margin: 0;
		padding: 30px 0 50px 0;
	}
	

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#slidetext-area {
		margin: 0;
		padding: 1.562vw 0 3.646vw 0;
	}

}




/*--------------------------------------------------------------
#enjoy-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#enjoy-area {
		margin: 0;
		padding: 0;
	}
	
	#enjoy-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: "Viga", sans-serif;
		font-size: 40px;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1;
	}
	
	#enjoy-area h3 {
		margin: 5px 0 30px 0;
		padding: 0;
		text-align: center;
		font-size: 17px;
		font-weight: 500;
		letter-spacing: 1px;
	}
	
	#enjoy-area h3 span {
		margin: 0 0 15px 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 25px;
		font-weight: 400;
		letter-spacing: 1px;
		display: block;
	}
	
	.wrap {
		margin: 0 5% 50px 5%;
	}
	
	.wrap:nth-child(even) {
		
	}
	
	.image {
		width: auto;
	}
	
	.image img {
		display: block;
		border-radius: 20px;
	}
	
	.text {
		padding: 30px 5% 0 5%;
		width: auto;
	}
	
	.wrap:nth-child(even) .text {
		padding: 30px 5% 0 5%;
		width: auto;
	}
	
	.text dl {
		margin: 0 0 10px 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		line-height: 1;
	}
	
	.text dt {
		margin: 0 20px 0 0;
		padding: 0 20px 0 0;
		font-size: 20px;
		font-weight: 600;
		color: #F15928;
		border-right: 1px solid #707070;
	}
	
	.text dd {
		margin: 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 15px;
		font-weight: 400;
	}
	
	.text h4 {
		margin: 0 0 25px 0;
		padding: 0;
		font-size: 30px;
		font-weight: 700;
		line-height: 1.3;
		text-decoration: underline;
	}
	
	.summer-img {
		margin: 30px 0 0 0;
		text-align: center;
	}
	
	.summer-img img {
		width: 200px;
		border-radius: 20px;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#enjoy-area {
		margin: 0 4.948vw;
		padding: 0;
	}
	
	#enjoy-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: "Viga", sans-serif;
		font-size: 3.646vw;
		font-weight: 400;
		letter-spacing: 0.052vw;
		line-height: 1;
	}
	
	#enjoy-area h3 {
		margin: 0.26vw 0 4.688vw 0;
		padding: 0;
		text-align: center;
		font-size: 1.042vw;
		font-weight: 500;
		letter-spacing: 0.052vw;
	}
	
	#enjoy-area h3 span {
		margin: 0 0 0.781vw 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 2.083vw;
		font-weight: 400;
		letter-spacing: 0.052vw;
		display: block;
	}
	
	.wrap {
		display: flex;
		align-items: center;
		margin: 0 0 5.208vw 0;
	}
	
	.wrap:nth-child(even) {
		flex-direction: row-reverse;
	}
	
	.image {
		width: 50%;
	}
	
	.image img {
		display: block;
		border-radius: 1.042vw;
	}
	
	.text {
		padding: 0 3.125vw 0 4.948vw;
		width: 50%;
	}
	
	.wrap:nth-child(even) .text {
		padding: 0 4.948vw 0 3.125vw;
		width: 50%;
	}
	
	.text dl {
		margin: 0 0 1.562vw 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		line-height: 1;
	}
	
	.text dt {
		margin: 0 1.042vw 0 0;
		padding: 0 1.042vw 0 0;
		font-size: 1.042vw;
		font-weight: 600;
		color: #F15928;
		border-right: 1px solid #707070;
	}
	
	.text dd {
		margin: 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 0.781vw;
		font-weight: 400;
	}
	
	.text h4 {
		margin: 0 0 1.302vw 0;
		padding: 0;
		font-size: 2.344vw;
		font-weight: 700;
		line-height: 1.3;
		text-decoration: underline;
	}
	
	.summer-img {
		margin: 4.167vw 0 0 0;
		text-align: center;
	}
	
	.summer-img img {
		width: 16.14vw;
		border-radius: 1.042vw;
	}

}


/*--------------------------------------------------------------
#facilities-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#facilities-area {
		margin: 0 0 50px 0;
		padding: 30px 0 0 0;
	}
	
	#facilities-area .title-area {
		margin: 30px 0 15px 0;
		padding: 0;
		width: auto;
		text-align: center;
	}
	
	.fac_item {
		margin: 0 25% 30px 25%;
	}
	
	
	#facilities-area .picup-area {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
	}
	
	.arrow-area2 {
		margin: 0 5% 10px 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	
	.arrow-area2 .material-symbols-outlined {
		font-size: 50px;
		font-variation-settings:
			'FILL' 0,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

	
	.custom-prev2,
	.custom-next2 {
		cursor: pointer;
		user-select: none;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#facilities-area {
		margin: 0 0 7.292vw 0;
		padding: 0 0 0 7.812vw;
		display: -webkit-flex;
		display: flex;
	}
	
	#facilities-area .title-area {
		margin: 1.562vw 5.208vw 0 0;
		padding: 0;
		width: 15.36vw;
		text-align: center;
	}
	
	.fac_item {
		margin: 0 0 2.865vw 0;
	}
	
	
	#facilities-area .picup-area {
		margin: 0;
		padding: 0;
		flex: 1;
		min-width: 0;
		overflow: hidden;
		position: relative;
	}
	
	.arrow-area2 {
		margin: 0 10% 1.042vw 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	
	.arrow-area2 .material-symbols-outlined {
		font-size: 50px;
		font-variation-settings:
			'FILL' 0,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

	
	.custom-prev2,
	.custom-next2 {
		cursor: pointer;
		user-select: none;
	}

}


/*--------------------------------------------------------------
.fac_slider
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.fac_slider {
		width: 100%;
		margin: 0;
	}

	.fac_slider img {
		width: 100%;
		height: auto;
		border-radius: 20px;
	}

	.fac_slider .slick-slide {
		margin: 0 40px;
	}
	
	.fac_slider dt {
		margin: 0 0 20px 0;
	}
	
	.fac_slider dd h3 {
		margin: 0 0 15px 0;
		font-size: 18px;
		font-weight: 700;
	}
	
	.fac_slider dd p {
		line-height: 1.6;
	}
	
	.fac_slider dd p span {
		padding-bottom: 10px;
		display: block;
	}
	
	.fac_slider dd p a {
		display: block;
		margin-top: 10px;
		color: #F15928;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.fac_slider {
		width: 115%;
		margin: 0;
	}

	.fac_slider img {
		width: 100%;
		height: auto;
		border-radius: 1.042vw;
	}

	.fac_slider .slick-slide {
		margin: 0 1.562vw;
	}
	
	.fac_slider dt {
		margin: 0 0 1.042vw 0;
	}
	
	.fac_slider dd h3 {
		margin: 0 0 0.781vw 0;
		font-size: 1.042vw;
		font-weight: 700;
	}
	
	.fac_slider dd p {
		line-height: 1.6;
	}
	
	.fac_slider dd p span {
		padding-bottom: 0.521vw;
		display: block;
	}
	
	.fac_slider dd p a {
		display: block;
		margin-top: 0.521vw;
		color: #F15928;
	}

}

/*--------------------------------------------------------------
#plan-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#plan-area {
		margin: 0;
		padding: 50px 5% 10px 5%;
		background: url("images/bg.jpg") no-repeat;
		background-position: top 0 right 0;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	#plan-area > div:first-child {
		margin: 0 0 30px 5%;
		padding: 0;
		width: auto;
		box-sizing: border-box;
	}
	
	#plan-area div:last-child {
		margin: 0;
		width: auto;
	}
	
	#plan-area div:last-child dl {
		margin: 0 0 50px 0;
	}
	
	#plan-area div:last-child dt {
		margin: 0 0 20px 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	#plan-area div:last-child dt img {
		border-radius: 20px;
	}
	
	#plan-area div:last-child dd {
		margin: 0 5%;
		width: auto;
		text-align: center;
	}
	
	#plan-area div:last-child dd h3 {
		margin: 0 0 20px 0;
		font-size: 20px;
		font-weight: 700;
		text-align: left;
	}
	
	#plan-area div:last-child dd h3 span {
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
		font-size: 18px;
		color: #F15928;
		border-left: 1px solid #707070;
	}
	
	#plan-area div:last-child dd p {
		margin: 0 0 30px 0;
		line-height: 1.8;
		text-align: left;
	}
	
	#plan-area div:last-child dd p span {
		margin: 0 0 10px 0;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.5;
		display: block;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#plan-area {
		margin: 0;
		padding: 5.208vw 5% 0 10%;
		display: -webkit-flex;
		display: flex;
		flex-direction: row-reverse;
		background: url("images/bg.jpg") no-repeat;
		background-position: top 0 right 3.646vw;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	#plan-area > div:first-child {
		margin: 0;
		padding: 1.042vw 0 0 0;
		width: 25%;
		box-sizing: border-box;
		position: sticky;
		top: 0;
		left: 0;
		align-self: flex-start;
		height: fit-content;
	}
	
	#plan-area div:last-child {
		margin: 0 10% 0 0;
		width: 65%;
	}
	
	#plan-area div:last-child dl {
		margin: 0 0 3.646vw 0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	#plan-area div:last-child dt {
		margin: 0;
		padding: 0 10% 0 0;
		width: 50%;
		box-sizing: border-box;
	}
	
	#plan-area div:last-child dt img {
		border-radius: 1.042vw;
	}
	
	#plan-area div:last-child dd {
		margin: 0;
		width: 50%;
		text-align: left;
	}
	
	#plan-area div:last-child dd h3 {
		margin: 0 0 1.042vw 0;
		font-size: 1.302vw;
		font-weight: 700;
	}
	
	#plan-area div:last-child dd h3 span {
		margin: 0 0 0 1.042vw;
		padding: 0 0 0 1.042vw;
		font-size: 1.146vw;
		color: #F15928;
		border-left: 1px solid #707070;
	}
	
	#plan-area div:last-child dd p {
		margin: 0 0 1.562vw 0;
		line-height: 1.8;
	}
	
	#plan-area div:last-child dd p span {
		margin: 0 0 0.521vw 0;
		font-size: 0.938vw;
		font-weight: 700;
		line-height: 1.5;
		display: block;
	}

}

/*--------------------------------------------------------------
#info-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#info-area {
		margin: 0;
		padding: 0 5% 50px 5%;
		background: url("images/bg.jpg") no-repeat;
		background-position: top 0 right 0;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	#info-area .inner {
		margin: 0;
		padding: 20px;
		text-align: center;
		border:  1px solid #707070;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#info-area {
		margin: 0;
		padding: 0 10% 5.208vw 10%;
		background: url("images/bg.jpg") no-repeat;
		background-position: top 0 right 3.646vw;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	#info-area .inner {
		margin: 0;
		padding: 1.823vw;
		text-align: center;
		border:  1px solid #707070;
	}

}

/*--------------------------------------------------------------
#map-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#map-area {
		margin: 0;
		padding: 50px 5%;
		background: url("images/bg2.jpg") no-repeat;
		background-position: top 0 right 0;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#map-area h2 {
		margin: 0 5%;
	}

	
	.campmap {
		margin: 0 auto;
		padding: 50px 0 0 0;
		width: auto;
	}
	
	.campmap div:first-child {
		margin: 0 0 30px 0;
		padding: 0;
		width: auto;
	}
	
	.campmap div:last-child {
		margin: 0;
		padding: 0 5% 30px 5%;
		width: auto;
	}
	
	.campmap .site-list {
		padding: 0;
		margin: 0 0 20px 0;
	}
	

	.site-list li,
	.facility-list li {
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	.site-list li img {
		width: 35px;
		height: 35px;
		margin-right: 12px;
		vertical-align: middle;
	}
	
	.facility-list li img {
		width: 35px;
		height: 35px;
		margin-right: 12px;
		vertical-align: middle;
	}
	
	.campsite_facilities {
		margin: 0 5%;
		padding: 0;
		width: auto;
	}
	
	.campsite_facilities li {
		margin: 0;
	}
	
	.campsite_facilities dt {
		display: flex;
		align-items: center;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	
	.campsite_facilities dt img {
		width: 35px;
		height: 35px;
		margin-right: 12px;
		vertical-align: middle;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#map-area {
		margin: 0;
		padding: 6.771vw 0;
		background: url("images/bg2.jpg") no-repeat;
		background-position: top 0 right 3.646vw;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	#map-area h2 {
		position: absolute;
		top: 6.25vw;
		left: 8%;
		margin: 0;
	}

	
	.campmap {
		margin: 0 auto;
		padding: 0;
		width: 64.58vw;
		display: -webkit-flex;
		display: flex;
		align-items: flex-end;
		flex-direction: row-reverse;
	}
	
	.campmap div:first-child {
		margin: 0;
		padding: 0;
		width: 46vw;
	}
	
	.campmap div:last-child {
		margin: 0;
		padding: 0 0 2.865vw 0;
		width: 18.48vw;
	}
	
	.campmap .site-list {
		padding: 0;
		margin: 0 0 2.604vw 0;
	}
	

	.site-list li,
	.facility-list li {
		display: flex;
		align-items: center;
		margin-bottom: 0.729vw;
		font-size: 0.938vw;
		font-weight: 600;
		letter-spacing: 0.052vw;
	}
	
	.site-list li img {
		width: 1.302vw;
		height: 1.302vw;
		margin-right: 0.625vw;
		vertical-align: middle;
	}
	
	.facility-list li img {
		width: 2.083vw;
		height: 2.083vw;
		margin-right: 0.625vw;
		vertical-align: middle;
	}
	
	.campsite_facilities {
		display: -webkit-flex;
		display: flex;
		margin: 0 auto;
		padding: 0;
		width: 64.58vw;
	}
	
	.campsite_facilities li {
		margin: 0 3.125vw 0 0;
	}
	
	.campsite_facilities dt {
		display: flex;
		align-items: center;
		font-size: 0.938vw;
		font-weight: 600;
		letter-spacing: 0.052vw;
		margin-bottom: 0.729vw;
	}
	
	.campsite_facilities dt img {
		width: 1.979vw;
		height: 1.979vw;
		margin-right: 0.625vw;
		vertical-align: middle;
	}

}


/*--------------------------------------------------------------
#question-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#question-area {
		margin: 0;
		padding: 50px 0 50px 0;
	}
	
	#question-area h2 {
		text-align: center;
	}
	
	.anser {
		margin: 0 auto;
		padding: 0 0 30px 0;
		width: auto;
	}
	
	.question-item {
		margin: 0 25% 30px 25%;
		padding: 0;
	}
	
	.question-item img {
		width: 100%;
	}
	
	.accordion-area{
		margin: 0;
	}
	
	.accordion-area li{
		margin: 10px 5% 10px 5%;
	}

	.accordion-area section {
	}

	.title {
		position: relative;
		cursor: pointer;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 1px;
		padding: 20px 70px 20px 5%;
		transition: all .5s ease;
	}

	.title::before,
	.title::after{
		position: absolute;
		content:'';
		width: 20px;
		height: 2px;
		background-color: #333;
	}
	
	.title::before{
		top: 48%;
		right: 15px;
		transform: rotate(0deg);
	}
	
	.title::after{    
		top: 48%;
		right: 15px;
		transform: rotate(90deg);
	}
	
	.title.close::before{
		transform: rotate(45deg);
	}

	.title.close::after{
		transform: rotate(-45deg);
	}

	.box {
		display: none;
		background: #F8F8F7;
		margin: 0;
		padding: 30px 40px;
		border-radius: 20px;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#question-area {
		margin: 0;
		padding: 6.25vw 0 3.125vw 0;
	}
	
	#question-area h2 {
		text-align: center;
	}
	
	.anser {
		margin: 0 auto;
		padding: 0 25vw 6.25vw 0;
		width: 62.5vw;
		position: relative;
	}
	
	.question-item {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.question-item img {
		width: 17.44vw;
	}
	
	.accordion-area{
		margin: 0;
	}
	
	.accordion-area li{
		margin: 0.521vw 0;
	}

	.accordion-area section {
	}

	.title {
		position: relative;
		cursor: pointer;
		font-size: 1.042vw;
		font-weight: 500;
		letter-spacing: 0.052vw;
		padding: 1.562vw 2.604vw 1.562vw 0;
		transition: all .5s ease;
	}

	.title::before,
	.title::after{
		position: absolute;
		content:'';
		width: 1.302vw;
		height: 0.104vw;
		background-color: #333;
	}
	
	.title::before{
		top: 48%;
		right: 0.781vw;
		transform: rotate(0deg);
	}
	
	.title::after{    
		top: 48%;
		right: 0.781vw;
		transform: rotate(90deg);
	}
	
	.title.close::before{
		transform: rotate(45deg);
	}

	.title.close::after{
		transform: rotate(-45deg);
	}

	.box {
		display: none;
		background: #F8F8F7;
		margin: 0;
		padding: 1.562vw 2.083vw;
		border-radius: 1.042vw;
	}

}


/*--------------------------------------------------------------
#access-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#access-area {
		margin: 0;
		padding: 50px 0;
		background: #F5F4F2;
	}
	
	.item {
		width: auto;
		margin: 0 25% 30px 25%;
	}
	
	#access-area h2 {
		text-align: center;
		margin-bottom: 30px;
	}
	
	#access-area ul {
		margin: 0 0 50px 0;
		padding: 0;
		width: auto;
	}
	
	#access-area li:first-child {
		position: relative;
		width: 100%;
		padding-bottom: 70%; /* 16:9の比率 */
		height: 0;
		overflow: hidden;
	}
	
	#access-area li:first-child iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	
	#access-area li:last-child {
		margin: 30px 10% 0 10%;
		padding: 0;
		box-sizing: border-box;
		width: auto;
	}
	
	#access-area li:last-child dl {
		margin: 0;
		padding: 0;
	}
	
	#access-area li:last-child dt {
		margin: 0 0 10px 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1;
	}
	
	#access-area li:last-child dd {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#access-area li:last-child dd p {
		line-height: 1.5;
	}
	
	#access-area li:last-child dd a {
		color: #F15928;
		text-decoration: underline;
	}
	
	#access-area li:last-child dd span {
		margin: 0 0 10px 0;
		font-weight: 700;
		display: block;
	}
	
	#access-area h3 {
		margin: 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 25px;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1;
		text-align: center;
	}
	
	
	.table-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.check-table {
		margin: 0 auto 20px 5%;
		width: auto;
		min-width: 600px; /* スマホ時に横スクロールを有効にする幅 */
		border-collapse: collapse;
		text-align: center;
		font-family: sans-serif;
	}

	.check-table th,
	.check-table td {
		padding: 16px 12px;
		border-bottom: 1px solid #707070;
		white-space: nowrap;
		font-size: 16px;
		letter-spacing: 1px;
	}

	.check-table thead th {
		border-bottom: 1px solid #707070;
		font-weight: 400;
	}

	.check-table tbody th {
		font-weight: normal;
	}
	
	.center {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#access-area {
		margin: 0;
		padding: 6.25vw 0;
		background: #F5F4F2;
		position: relative;
	}
	
	.item {
		position: absolute;
		top: -1.562vw;
		left: 10%;
		width: 13.28vw;
		margin: 0;
	}
	
	#access-area h2 {
		text-align: center;
		margin-bottom: 2.083vw;
	}
	
	#access-area ul {
		margin: 0 auto 4.688vw auto;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center;
		width: 56.25vw;
	}
	
	#access-area li:first-child {
		position: relative;
		width: 50%;
		padding-bottom: 30%; /* 16:9の比率 */
		height: 0;
		overflow: hidden;
	}
	
	#access-area li:first-child iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	
	#access-area li:last-child {
		margin: 0;
		padding: 0 2.604vw 0 0;
		box-sizing: border-box;
		width: 50%;
	}
	
	#access-area li:last-child dl {
		margin: 0;
		padding: 0;
	}
	
	#access-area li:last-child dt {
		margin: 0 0 0.521vw 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 1.302vw;
		font-weight: 400;
		letter-spacing: 0.052vw;
		line-height: 1;
	}
	
	#access-area li:last-child dd {
		margin: 0 0 1.042vw 0;
		padding: 0;
	}
	
	#access-area li:last-child dd p {
		line-height: 1.5;
	}
	
	#access-area li:last-child dd a {
		color: #F15928;
		text-decoration: underline;
	}
	
	#access-area li:last-child dd span {
		margin: 0 0 0.521vw 0;
		font-weight: 700;
		display: block;
	}
	
	#access-area h3 {
		margin: 0 0 1.562vw 0;
		padding: 0;
		font-family: "Viga", sans-serif;
		font-size: 1.823vw;
		font-weight: 400;
		letter-spacing: 0.156vw;
		line-height: 1;
		text-align: center;
	}
	
	
	.table-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.check-table {
		margin: 0 auto 1.042vw auto;
		width: 56.35vw;
		min-width: 31.25vw;
		border-collapse: collapse;
		text-align: center;
		font-family: sans-serif;
	}

	.check-table th,
	.check-table td {
		padding: 0.833vw 0.625vw;
		border-bottom: 1px solid #707070;
		white-space: nowrap;
		font-size: 0.885vw;
		letter-spacing: 0.052vw;
	}

	.check-table thead th {
		border-bottom: 1px solid #707070;
		font-weight: 400;
	}

	.check-table tbody th {
		font-weight: normal;
	}
	
	.center {
		margin: 0;
		padding: 0;
		text-align: center;
	}

}

/*--------------------------------------------------------------
#insta-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#insta-area {
		margin: 0;
		padding: 50px 0;
	}
	
	#insta-area dl {
		margin: 0 10% 30px 10%;
		padding: 0;
		width: auto;
	}
	
	#insta-area dt {
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	#insta {
		margin: 0;
		overflow: hidden;
	}
	
	#insta ul {
		margin: 0 5% 20px 5%;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
		width: auto;
	}
	
	#insta ul li {
		margin: 1% 0;
		padding: 0;
		width: 48%;
		border-radius: 10px;
	}
	
	#insta ul li img {
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		object-fit: cover;
		width: 100%;
		aspect-ratio: 1 / 1;
		border-radius: 10px;
	}
	
	#insta ul li a:hover img {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		border-radius: 10px;
	}
	
	#insta li a .like {
		display: none;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#insta-area {
		margin: 0;
		padding: 5.208vw 0 4.167vw 0;
	}
	
	#insta-area dl {
		margin: 0 auto 2.083vw auto;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		width: 52.08vw;
	}
	
	#insta-area dt {
		margin: 0;
		padding: 0 5.208vw 0 0;
	}
	
	#insta {
		margin: 0;
		overflow: hidden;
	}
	
	#insta ul {
		margin: 0 auto 1.042vw auto;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 52.08vw;
	}
	
	#insta ul li {
		margin: 1.3% 0;
		padding: 0;
		width: 23%;
		border-radius: 0.521vw;
	}
	
	#insta ul li img {
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		object-fit: cover;
		width: 100%;
		aspect-ratio: 1 / 1;
		border-radius: 0.521vw;
	}
	
	#insta ul li a:hover img {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		border-radius: 0.521vw;
	}
	
	#insta li a .like {
		display: none;
	}

}