@charset "utf-8";

#fv{
	width: 100%;
	height: 100svh;
}
#topSlider{
	width: 100%;
	height: 100%;
}
#topSlider .swiper-slide img.zoomIn {
	animation: zoomIn 8s linear;
}
@keyframes zoomIn {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
#topSlider::after{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgba(0,0,0,0.2) url("../images/common/raster.png") repeat center center;
}
.fv_catch01{
	width: 100%;
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.fv_catch02{
	text-indent: -9999px;
	background: url("../images/home/fv_catch02.png") no-repeat left center;
	background-size: 100%;
	width: 540px;
	height: 230px;
	position: absolute;
	z-index: 9;
	left: 32px;
	bottom: 0;
}
.fv_banner01{
	text-indent: -9999px;
	background: url("../images/home/fv_banner01.png");
	background-size: 100%;
	width: 160px;
	height: 160px;
	position: absolute;
	z-index: 9;
	right: 32px;
	bottom: 40px;
}
.home01_box h2{
	width: 172px;
	padding-top: 24px;
}
#home01 .news_list{
	width: calc(100% - 172px);
}
#home02 h2{
	text-indent: -9999px;
	background: url("../images/home/home02_h2.png") no-repeat center center;
	background-size: 100%;
	width: 560px;
	height: 780px;
	position: absolute;
	left: calc(50% - 800px);
	top: -280px;
}
#home03{
	z-index: -9;
}
#home03::before{
	content: "";
	display: block;
	background: url("../images/home/home03_before.png") no-repeat center center;
	background-size: 100%;
	width: 610px;
	height: 1000px;
	position: absolute;
	z-index: 0;
	top: -500px;
	left: calc(50% + 270px);
}
.home03_list::before{
	content: "";
	display: block;
	background: url("../images/home/home03_list_bg.png");
	background-size: 100%;
	width: 463px;
	height: 1083px;
	z-index: -9;
	position: absolute;
	bottom: 64px;
	left: calc(50% - 725px);
}
.home03_list li{
	width: 660px;
	max-width: 100%;
	border-bottom: 1px solid #939393;
	padding-left: 100px;
	padding-top: 48px;
}
.home03_list li::before{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url("../images/home/home03_list_before.png");
	background-size: 100%;
	position: absolute;
	top: 0;
	left: -32px;
}
.home03_list li .num{
	position: absolute;
	top: 16px;
	left: 0;
}
.home03_list li:nth-of-type(2),
.home03_list li:nth-of-type(4),
.home03_list li:nth-of-type(5){
	margin-left: auto;
	margin-right: 0;
}
.home03_list li::after{
	content: "";
	display: block;
	width: 168px;
	height: 168px;
	background-size: 100%;
	position: absolute;
	z-index: 9;
	right: 0;
	bottom: 0;
}
.home03_list li:nth-of-type(1)::after{
	background-image: url("../images/home/home03_list_after01.png");
	right: -110px;
	bottom: -20px;
}
.home03_list li:nth-of-type(2)::after{
	background-image: url("../images/home/home03_list_after02.png");
	bottom: -32px;
	right: 48px;
}
.home03_list li:nth-of-type(3)::after{
	background-image: url("../images/home/home03_list_after03.png");
	bottom: -24px;
	right: -64px;
}
.home03_list li:nth-of-type(4)::after{
	background-image: url("../images/home/home03_list_after04.png");
	bottom: 24px;
	right: -24px;
}
.home03_list li:nth-of-type(5)::after{
	background-image: url("../images/home/home03_list_after05.png");
	bottom: -24px;
}

#home04:before{
	content: "";
	display: block;
	background: url("../images/home/home04_bg.png");
	background-size: 100%;
	width: 272px;
	height: 732px;
	position: absolute;
	top: -170px;
	left: calc(50% + 450px);
	z-index: 0;
}
#home04 .container1000{
	z-index: 9;
	position: relative;
}
.home04_box{
	border: 1px solid #939393;
}
.home04_box .text{
	padding-left: 48px;
}
.home04_box .text,
.home04_box .image{
	width: 50%;
}
.home05_banner01{
	margin-top: -104px;
}
#home06 .home06_box{
	border: 1px solid #939393;
	min-height: 360px;
	position: relative;
}
#home06 .text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 99;
}
#home06 .video{
	width: 100%;
	height: 100%;
}
#home06 .video video{
	width: 100%;
	vertical-align: bottom;
	opacity: 0.5;
}



@media screen and (max-width: 540px){
	#fv{
		height: auto;
		padding-bottom: 22vw;
	}
	#topSlider{
		aspect-ratio: 4/3;
		height: auto;
	}
	.fv_catch01 .fz48{
		font-size: 2.8rem;
	}
	.fv_catch01 .fz32{
		font-size: 1.8rem;
	}
	.fv_catch02{
		width: 65%;
		left: 20px;
		height: 20vw;
		bottom: 0;
	}
	.fv_banner01{
		width: 25vw;
		height: 25vw;
		bottom: 0;
		right: 20px;
	}
	#home01{
		padding-top: 0;
	}
	.home01_box h2{
		width: 100%;
	}
	#home01 .news_list,
	.news_list li a time,
	.news_list li a .title{
		width: 100%;
	}
	.rentacars_list > li .image{
		width: 100%;
	}
	.rentacars_list > li .text{
		width: 100%;
		padding: 20px;
	}
	.home03_list li{
		width: 100%;
		padding: 40px 20px;
		margin-top: 40px;
	}
	.home03_list li::before{
		top: 0;
		left: 0;
	}
	.home03_list li .num{
		position: relative;
		inset: auto;
		line-height: 0.7;
		margin-bottom: 20px;
		font-size: 10rem;
	}
	.home03_list li::after {
		inset: auto !important;
		right: -40px !important;
		top: 0 !important;
		z-index: -1 !important;
	}
	.home04_box .text{
		width: 100%;
		padding: 20px;
	}
	.home04_box .image{
		width: 100%;
		aspect-ratio: 2/1;
	}
	.home04_box .image img{
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.home05_banner01{
		margin-top: -64px;
	}
	#home06 .home06_box{
		min-height: 0;
	}
	#home06 .text{
		position: relative;
		inset: auto;
		padding: 20px;
		transform: translate(0,0);
	}


}