.home.slider {height: calc(500px - var(--layout-mobile-header-height));}
.home.slider .slide {
	height: calc(500px - var(--layout-mobile-header-height)); float: right;
	background-size: cover; background-position: center;
}
.home.slider .slide._1 {background-image: url('../../../image/slider/1.jpg?v=2');}
.home.slider .slide._2 {background-image: url('../../../image/slider/2.jpg?v=2');}
.home.slider .slide._3 {background-image: url('../../../image/slider/3.jpg?v=2');}
.home.slider .slide._4 {background-image: url('../../../image/slider/4.jpg?v=2');}
.home.slider .slide._5 {background-image: url('../../../image/slider/5.jpg?v=2');}
.home.slider .slide._6 {background-image: url('../../../image/slider/6.jpg?v=2');}
.home.slider .slide._7 {background-image: url('../../../image/slider/7.jpg?v=2');}
.home.slider .slide._8 {background-image: url('../../../image/slider/8.jpg?v=2');}

.home.welcome {
	position: absolute; top: var(--layout-mobile-header-height);
	width: 100%; height: calc(500px - var(--layout-mobile-header-height));
}

@media screen and (min-width: 40em) {
	.home.slider {height: calc(100vh - var(--layout-header-height));}
	.home.slider .slide {
		height: calc(100vh - var(--layout-header-height));
	}
	.home.welcome {
		top: var(--layout-header-height); height: calc(100vh - var(--layout-header-height));
	}
}

/*
.home.welcome .appeal {position: absolute; left: 0; bottom: 5.5rem; width: 100%; transition: opacity .3s}
.home.welcome .appeal.hidden {opacity: 0;}
.home.welcome .appeal .callout {max-width: 89rem; margin: 0 auto; border-radius: 27px; background-color: #ffffffcc;}
*/

.home.welcome .search-arrow {
	position: absolute; bottom: 0; right: calc(50% - 140px);
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	width: 280px; height: 100px; padding-top: 18px; cursor: pointer;
	border-radius: 3rem 3rem 0 0; background-color: #ffffffb8;
}
.home.welcome .search-arrow p {margin-bottom: 0; line-height: 1; font-size: 2rem; font-weight: bold;}
.home.welcome .search-arrow i {display: block; height: 48px; font-size: 3rem; color: var(--green-main);}

.home.welcome .search-arrow:hover p {color: color-mix(in srgb, var(--blue-main) 85%, black);}
.home.welcome .search-arrow:hover i {font-weight: 400; color: var(--green-dark);}