@charset "utf-8";


#mv #topSlider .swiper-slide{
	width: 1440px;
	max-width: calc(100vw - 80px);
	min-width: 1080px;
}
#mv #topSlider .swiper-slide .catch{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	z-index: 9;
	width: 540px;
	background: linear-gradient(90deg,rgba(0,63,164,0.7),rgba(0,63,164,0.7),rgba(0,63,164,0));
	flex-direction: column;
	padding-left: 64px;
}
#mv #topSlider .swiper-slide .catch .en{
	white-space: nowrap;
}
#mv #topSlider .swiper-pagination{
	padding-right: 40px;
	text-align: right;
}
#home01{
	background: #e5eef6 url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home01_bg.jpg") no-repeat center top;
}
#home01 h2{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home01_h2.png") no-repeat center center;
	background-size: 225px;
	height: 225px;
	padding-top: 48px;
}
#home01 h3.reason{
	margin-top: 200px;
}
#home01 h3.reason span{
	padding: 0 54px;
}
#home01 h3.reason span::before,
#home01 h3.reason span::after{
	content: "";
	display: block;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home01_reason.png") no-repeat center center;
	background-size: 100%;
	width: 24px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#home01 h3.reason span::after{
	left: auto;
	right: 0;
	transform: scale(-1, 1);
}
.home01_slider .swiper-slide{
	padding-left: 24px;
	padding-right: 24px;
	width: 312px;
	transition: all 1s ease;
}
.home01_slider .swiper-slide-active{
	background-color: #FFF;
	transform: translateY(-40px);
}
.home01_slider_thumb .swiper-wrapper{
	justify-content: center;
	column-gap: 8px;
	flex-wrap: wrap;
	transform: translate3d(0,0,0) !important;
	width: 100%;
}
.home01_slider_thumb .swiper-slide{
	width: auto;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	margin-bottom: 8px;
	border-radius: 16px;
	padding: 0 16px;
}
.home01_slider_thumb .swiper-slide-thumb-active{
	background-color: #0058a4;
}
.home01_slider_thumb .spacer{
	width: 100%;
	height: 1px;
}
#home02 .lead{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home02_lead_bg.png") no-repeat center bottom;
	height: 885px;
}
.home02_room_list{
	width: 1600px;
	max-width: 100%;
	min-width: 1080px;
}
.home02_room_list li{
	width: calc(100% / 6);
}
.home02_room_list li a{
	display: block;
}
.home02_room_list li a .text{
	z-index: 99;
}
.home02_room_list li a:hover{
	opacity: 1;
}
#home02 .others{
	border-top: 1px solid #b2cde4;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home02_others_bg.png") no-repeat center center;
}
#home02 .others .inner{
	width: calc(50% - 40px);
}
#home02 .others a.btn02 .text{
	z-index: 99;
}
#home02 .others a.btn02::before{
	width: 100vw;
}
#home02 .others a.btn02 .viewmore{
	top: 144px;
}
#home02 .others .onsen a.btn02::before{
	left: -24px;
	right: auto;
}
#home02 .others .inner a.btn02:nth-of-type(1){
	transform: translateX(-40px);
}
#home02 .others .inner a.btn02:nth-of-type(2){
	transform: translateX(40px);
}
#home03 .plan_list li{
	width: calc((100% - 96px) / 3);
}
#home03 .plan_list li::before{
	content: "";
	display: block;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 24px;
	left: 0;
	height: calc(100% - 48px);
}
#home03 .plan_list li .text{
	padding: 24px;
	line-height: 1.5;
	word-break: break-all;
}
#home03 .plan_list li a:hover .text{
	color: #FFF;
	z-index: 999;
}
#home03 .group{
	border: 7px solid #ccdeed;
	border-radius: 40px;
}
#home03 .group .image{
}
#home03 .group .image .trimming{
	width: 176px;
	height: 176px;
	border-radius: 50%;
	overflow: hidden;
}
#home03 .group .image .fukidashi{
	position: absolute;
	top: -64px;
	left: -160px;
	z-index: 9;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home03_fukidashi.png") no-repeat center center;
	background-size: 100%;
	width: 200px;
	height: 135px;
	padding-top: 16px;
}
.home05_list li{
	width: calc(50% - 12px);
}
.home05_list li a .text{
	padding-right: 24px;
}
.home05_list li:nth-of-type(2n) a .text{
	padding-left: 24px;
	padding-right: 0;
}
.home05_list li a.btn02::before{
	width: 100vw;
}
.home05_list li:nth-of-type(2n) a.btn02::before{
	right: auto;
	left: -24px;
}
.home05_list li a.btn02 .viewmore{
	top: 240px;
}
.home05_list li a.btn02:hover .text h3 span:nth-of-type(2),
.home05_list li a.btn02:hover .text p,
.home06_list li a.btn02:hover .text h3 div:nth-of-type(2),
.home06_list li a.btn02:hover .text p{
	color: #FFF;
}
.home06_list a{
	display: flex;
}
.home06_list li a .text{
	width: 410px;
}
.home06_list li a .image{
	width: calc(100% - 410px - 80px);
}
.home06_list li a.btn02::before{
	width: 100vw;
	right: calc(50% - 50vw);
}
.home06_list li a.btn02 .viewmore{
	top: 50%;
	transform: translate(-160px,-50%);
}
.home06_list li a.btn02.reverse .viewmore{
	left: auto;
	right: 50%;
	transform: translate(160px,-50%);
}
.home07_list li{
	width: calc((100% - 48px) / 3);
}
.home07_list li a{
	padding-bottom: 136px;
}
.home07_list li a .text{
	position: absolute;
	left: 0;
	bottom: 24px;
	width: 100%;
}
.home07_list li a::after{
	content: "";
	display: block;
	width: 100%;
	height: 176px;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	bottom: 24px;
	left: 0;
}
.home07_list li a.btn02:hover .text h3 div:nth-of-type(2){
	color: #FFF;
}
#home08{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home08_bg.jpg") no-repeat center center;
	background-size: 3000px;
	height: 825px;
}
#home08 a{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home08_btn.png") no-repeat center top;
	background-size: 100%;
	width: 290px;
	height: 140px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: calc(50% + 375px);
	top: 570px;
}
#home09::before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	width: 3000px;
	height: 100%;
	top: 0;
	left: calc(50% - 1500px);
	background: linear-gradient(90deg,#0058a4,#2b74b3);
}
.home09_slider_thumb{
	width: 380px;
	margin: 0;
}
.home09_slider_thumb .swiper-wrapper{
	justify-content: flex-start;
	flex-wrap: wrap;
	transform: translate3d(0,0,0) !important;
	width: 100%;
}
.home09_slider_thumb .swiper-slide{
	width: 100%;
	height: 88px;
	line-height: 88px;
	cursor: pointer;
	border-bottom: 1px solid #b2cde4;
}
.home09_slider_thumb .swiper-slide-thumb-active{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/arrow01_right_lightblue.png") no-repeat right center;
	background-size: 70px;
}
.home09_slider_wrapper{
	width: calc(100% - 80px - 380px);
}
.home09_slider{
	float: left;
	width: 880px;
}
.home09_slider .swiper-slide a{
	display: block;
}
.home09_slider .swiper-slide a:hover{
	opacity: 1;
}
.home09_slider .swiper-slide a .text{
	width: 100%;
	padding: 20px 32px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.home09_slider .swiper-slide.couple a .text{
	background: rgba(253,85,190,0.7);
}
.home09_slider .swiper-slide.family a .text{
	background: rgba(0,106,202,0.7);
}
.home09_slider .swiper-slide.group a .text{
	background: rgba(224,86,0,0.7);
}
.home09_slider .swiper-slide.sports a .text{
	background: rgba(0,104,55,0.7);
}
.home09_slider .swiper-slide.business a .text{
	background: rgba(102,45,131,0.7);
}
.home09_slider .swiper-slide a .text .viewmore{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/arrow01_right_white.png") no-repeat right center;
	background-size: 70px;
	padding-right: 96px;
	margin-top: 24px;
	display: inline-block;
}
#home10{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home10_bg.jpg") no-repeat center bottom;
}
#home10 .box .text{
	width: 540px;
}
#home10 .box .image{
	width: calc(100% - 80px - 540px);
}
#home10 .box .image .inner{
	width: 1003px;
	position: absolute;
	right: -128px;
	top: -110px;
}
.home10_list li{
	background: #FFF;
	padding: 16px 32px;
	border-radius: 32px;
}
.home10_list li p{
	background-size: 48px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 64px;
}
.home10_list li.car p{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_car_blue.png");
}
.home10_list li.train p{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_train_blue.png");
}
.home10_list li.bus p{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_bus_blue.png");
}
.home10_list li.ferry p{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_ferry_blue.png");
}
.home10_list li.bus,
.home10_list li.ferry{
	padding: 16px;
}
#home10 .shuttlebus{
	border: 7px solid #ccdeed;
}
#home10 .shuttlebus .image{
	width: 176px;
	height: 176px;
	border-radius: 50%;
	overflow: hidden;
}
#home10 .shuttlebus .text h3 .arrow{
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home10_shuttlebus_arrow.png") no-repeat center center;
	background-size: 100%;
	display: inline-block;
	text-indent: -9999px;
	width: 50px;
	vertical-align: top;
	height: 40px;
	margin: 0 10px;
}
#home10 .shuttlebus .text .table01 th{
	width: 210px;
}
.home12_list li .image{
	width: 224px;
	aspect-ratio: 224 / 160;
}
.home12_list li .text{
	width: calc(100% - 224px);
}
.home12_list li .text .meta{
	width: 300px;
}
.home12_list li .text .body{
	width: calc(100% - 300px);
	padding-right: 140px;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/arrow01_right_blue.png") no-repeat calc(100% - 35px) center;
	background-size: 70px;
}
.home12_list li .text .meta{
	padding-left: 32px;
}
.home12_list li .text .meta time{
	display: block;
}
.home12_list li .text .meta .category{
	background-color: #669bc8;
	color: #FFF;
	line-height: 32px;
	border-radius: 16px;
	padding: 0 16px;
	display: inline-block;
}
.home12_list li a:hover{
	opacity: 1
}
.home12_list li a:hover .text{
	background-color: #4c8abf;
}
.home12_list li a:hover .text .body{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/arrow01_right_lightblue.png");
}
.home12_list li a:hover .text .meta time,
.home12_list li a:hover .text .body,
.home12_list li a:hover .text .body h3{
	color: #FFF;
}
#home13 .home13_list{
	column-gap: 80px;
}
#home13 .home13_list li a{
	display: block;
	background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/arrow01_right_blue.png") no-repeat right center;
	background-size: 70px;
	line-height: 32px;
	padding-right: 104px;
}
#home13 .home13_list li a::before{
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: top;
	background: no-repeat center center;
	background-size: 100%;
	margin-right: 12px;
}
#home13 .home13_list li.instagram a::before{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_instagram_color.png");
}
#home13 .home13_list li.youtube a::before{
	background-image: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/common/icon_youtube_color.png");
}


/*------------------------------------------------
sp
--------------------------------------------------*/
@media screen and (max-width: 540px){
	#header{
		height: 120px;
	}
	#header .laurel{
		display: flex;
	}
	#mv #topSlider{
		padding-bottom: 0;
		height: calc(100svh - 120px - 72px);
	}
	#mv #topSlider .swiper-slide{
		min-width: 0;
		max-width: 100%;
		width: 100%;
		height: 100%;
	}
	#mv #topSlider .swiper-slide .catch{
		width: 100%;
		background: linear-gradient(0,rgba(0,63,164,0.7),rgba(0,63,164,0.7),rgba(0,63,164,0));
		height: auto;
		padding-left: 20px;
		padding-bottom: 60px;
		padding-top: 80px;
	}
	#mv #topSlider .swiper-slide .catch .en{
		font-size: 9rem;
	}
	#mv #topSlider .swiper-slide .catch .jp{
		margin-top: 0;
	}
	#mv #topSlider .swiper-pagination{
		bottom: 20px !important;
		padding-right: 0;
	}
	#mv #topSlider .swiper-pagination-bullet{
		background-color: #fff;
		opacity: 0.5;
	}
	#mv #topSlider .swiper-pagination-bullet-active{
		opacity: 1;
	}
	#home01{
		margin-top: 0;
	}
	#home01 h2{
		background-size: 165px;
		height: auto;
		padding-top: 35px;
		margin-bottom: 24px;
	}
	#home01 h3.reason{
		margin-top: 80px;
	}
	#home01 h3.reason span::before,
	#home01 h3.reason span::after{
		display: none;
	}
	#home01 h3.reason span{
		padding: 0;
	}
	.home01_slider_thumb .swiper-slide{
		width: calc(50% - 8px);
		text-align: center;
	}
	.home01_slider .swiper-slide-active{
		transform: translateY(0);
	}
	.home01_slider_thumb .spacer{
		display: none;
	}
	.home01_slider .swiper-slide{
		width: 256px;
	}
	#home02 .lead{
		height: auto;
	}
	#home02 h2{
		display: flex;
		justify-content: flex-start;
		column-gap: 16px;
		align-items: center;
	}
	#home02 h2 div{
		margin: 0;
	}
	.home02_room_list{
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
	.home02_room_list li{
		width: 50%;
	}
	.home02_room_list li:nth-of-type(n+3){
		margin-top: 24px;
	}
	.home02_room_list li .image{
		height: 30vw;
	}
	#home02 .others{
		background: none;
	}
	#home02 .others .inner{
		width: 100%;
	}
	#home02 .others .inner + .inner{
		margin-top: 56px;
	}
	#home02 .others .inner a.btn02{
		transform: translateX(0) !important;
	}
	#home02 .others .inner a + a{
		margin-top: 32px;
	}
	#home03 .plan_list li{
		width: 100%;
		margin-top: 16px;
	}
	#home03 .plan_list li::before{
		display: none;
	}
	#home03 .plan_list li a{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		background-color: #FFF;
		align-items: center;
	}	
	#home03 .plan_list li a .image{
		width: 100px;
		height: 100px;
	}
	#home03 .plan_list li a .text{
		width: calc(100% - 100px);
		padding: 10px;
	}
	#home03 .plan_list li a:hover .text{
		color: #000;
	}
	#home03 .group{
		width: calc(100% - 40px);
		padding: 20px;
	}
	#home03 .group h3{
		font-size: 2.4rem;
	}
	#home03 .group p{
		line-height: 1.5;
	}
	#home03 .group p em{
		font-size: 3.8rem;
	}
	#home03 .group p em span{
		font-size: 2rem;
	}
	#home03 .group .image{
		margin: 20px 0 0 auto;
	}
	#home03 .group .image .trimming{
		width: 120px;
		height: 120px;
	}
	#home03 .group .image .fukidashi{
		width: 160px;
		padding-top: 23px;
		top: -36px;
		left: -170px;
	}
	#home03 .group .text a.fz56{
		font-size: 4.8rem;
	}
	#home04 h2{
		display: flex;
		justify-content: flex-start;
		column-gap: 16px;
		align-items: center;
	}
	#home04 h2 div{
		margin: 0;
	}
	.home05_list li{
		width: 100%;
	}
	.home05_list li + li{
		margin-top: 32px;
	}
	.home05_list li a .text{
		padding: 0 !important;
	}
	.home05_list li a.btn02:hover .text h3 span:nth-of-type(2),
	.home06_list li a.btn02:hover .text h3 div:nth-of-type(2){
		color: #0058a4;
	}
	.home05_list li a.btn02:hover .text p,
	.home06_list li a.btn02:hover .text p{
		color: #000;
	}
	.home06_list li + li{
		margin-top: 32px;
	}
	.home06_list li a .image{
		width: 100%;
	}
	.home06_list li a .text{
		width: 100%;
		margin-top: 16px;
	}
	.home07_list li{
		width: 100%;
	}
	.home07_list li + li{
		margin-top: 16px;
	}
	.home07_list li a.btn02:hover .text h3 div:nth-of-type(2){
		color: #0058a4;
	}
	.home07_list li a::after{
		display: none;
	}
	.home07_list li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #FFF;
	}
	.home07_list li a .image{
		width: 120px;
	}
	.home07_list li a .text{
		width: calc(100% - 120px);
		position: relative;
		bottom: auto;
		left: auto;
		padding: 0;
	}
	.home07_list li a .text h3 .fz56{
		font-size: 5rem;
	}
	#home08{
		background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home08_bg_sp.jpg") no-repeat center center;
		background-size: 100%;
		height: 390vw;
		margin: 40px 0;
	}
	#home08 a{
		left: 50%;
		transform: translateX(-50%);
		bottom: 4vw;
		top: auto;
	}
	#home09{
		padding-top: 40px;
	}
	.home09_slider_wrapper{
		width: 100%;
	}
	.home09_slider{
		float: none;
		width: 100%;
	}
	.home09_slider .swiper-wrapper{
		flex-direction: column;
	}
	.home09_slider .swiper-slide a .text{
		padding: 10px;
		text-align: center;
	}
	.home09_slider .swiper-slide a .text .fz24{
		font-size: 2rem;
		text-align: center;
	}
	.home09_slider .swiper-slide a .text .viewmore{
		background-size: 40px;
		padding-right: 56px;
		margin-top: 8px;
	}
	#home10{
		background: url("https://adgraphy03.heteml.net/test-sunvalley/wp/wp-content/themes/sunvalley2024/assets/images/home/home10_bg_sp.jpg") no-repeat center bottom;
		background-size: 100%;
		padding-bottom: 160px;
	}
	#home10 .box .text{
		width: 100%;
	}
	#home10 .box .image{
		width: 100vw;
		margin-left: -20px;
	}
	.home10_list li{
		width: 100%;
		padding: 16px;
	}
	.home10_list li p br{
		display: none;
	}
	.home10_list li p{
		background-size: 40px;
		padding-left: 50px;
	}
	.home10_list li p em{
		vertical-align: sub;
	}
	#home10 .shuttlebus{
		width: calc(100% - 40px);
		border-radius: 14px;
		padding: 32px 20px;
	}
	#home10 .shuttlebus .top > div{
		width: 100%;
		margin-top: 8px;
	}
	#home10 .shuttlebus .bottom .tel{
		margin-top: 16px;
	}
	#home10 .shuttlebus .bottom .tel .fz40{
		font-size: 3rem;
	}
	#home10 .shuttlebus .bottom .tel .fz56{
		font-size: 3.8rem;
	}
	#home10 .shuttlebus .image{
		width: 120px;
		height: 120px;
		position: absolute;
		top: -25px;
		right: -30px;
		z-index: 9;
	}
	.home12_list li .image{
		width: 100px;
		aspect-ratio: inherit;
	}
	.home12_list li .text{
		width: calc(100% - 100px);
		padding: 8px;
	}
	.home12_list li .text .meta{
		width: 100%;
		padding: 0;
	}
	.home12_list li .text .meta .category{
		line-height: 20px;
		border-radius: 10px;
	}
	.home12_list li .text .body{
		width: 100%;
		background: none !important;
		padding: 0;
		margin-top: 8px;
		padding-bottom: 8px;
	}
	.home12_list li .text .body p{
		display: none;
	}
	#home13 .home13_list{
		justify-content: space-between;
		column-gap: normal;
		padding: 0 20px;
	}
	#home13 .home13_list li a{
		background-size: 40px;
		padding-right: 48px;
	}
	#home13 .home13_list li a::before{
		margin-right: 8px;
	}

}