@charset "UTF-8";
/* CSS Document */

section{padding-bottom: 100px;}

section#main{width: 100%; min-width: 1080px; background: #000; padding: 0; position: relative;}

	.swiper-fade {width: 100%; height: 900px;}
	.swiper-slide{}
	.item{width: 100%; max-width: 1920px; margin: auto; height: 900px; background-position: center center; background-repeat: no-repeat;}

	.swiper-pagination{width: 100%; bottom: 110px !important;}
	.swiper-pagination-bullet{height: 16px !important; width: 16px !important; margin: 10px !important; background: #a8a8a8 !important;}
	.swiper-pagination-bullet-active{background:#d5ff22 !important;}

	.swiper-button{width: 1310px; height: 900px; margin: auto; position: absolute; top: 0; left: 50%; margin-left: -655px;}
	.swiper-button-prev,
	.swiper-button-next{padding: 0 !important; border: 0 !important;}
	.swiper-button-prev img,
	.swiper-button-next img{width: 50px; height: 50px;}
	.swiper-button-prev svg,
	.swiper-button-next svg{display: none !important;}
	.swiper-button-prev{left: 0 !important; bottom: 0;}
	.swiper-button-next{right: 0 !important; bottom: 0;}


	#news{position: absolute; bottom: 0px; width: 100%; z-index: 9998; background-color: rgba(255 255 255 / 50%); }
	#news dl{height: 60px; width: 1080px; margin: auto;}
	#news dl dt{float: left; padding-top: 20px; width: 100px; font-weight: bold;}
	#news dl dd{float: left; padding-top: 18px;}


@media screen and (max-width: 1180px) {
	.swiper-button{display: none;}
}

@media screen and (max-width: 640px) {
	section#main{width: 100%; min-width: auto;}
	
	.swiper-fade {height: 320px;}
	.item{height: 320px; background-size: cover; background-position: center 0;}
	.swiper-pagination{bottom: 50px !important;}
	.swiper-button{display: none;}
	
	#news{top: auto; bottom: 0px; background-color: rgba(0 0 0 / 80%); color: #fff;}
	#news dl{height: auto; width: 100%;}
	#news dl dt{float: none; padding: 5px 0 0 10px; width: auto;}
	#news dl dd{float: none; padding: 0 0 5px 10px;}
}

	
	
	
section#rental{width: 100%; min-width: 1080px; background: url("common/img/logo_mark_gray.svg") no-repeat left 10px; background-size: 644px auto; padding: 0;}
	section#rental #rental_bg2{ background: url("img/airplane.png") no-repeat right center; background-size: 47% auto;}
	section#rental .cont{width: 600px; max-width: 1080px; margin: auto; padding: 100px 480px 100px 0;}
	section#rental .cont h4{width: 480px;}
	section#rental p{font-size: 24px; font-weight: bold; margin: 30px 0; line-height: 1.8;}
	section#rental p span{font-size: 70%; font-weight: normal;}
	section#rental p span#marker{font-size:100%; font-weight: bold; background: linear-gradient(transparent 65%, #d5ff22 65%);}
	section#rental ul.link_btn{width: auto; justify-content: flex-start; margin: 0;}
	section#rental ul.link_btn li a{width: 240px;}
	section#rental ul.link_btn li a:first-child{margin-right: 10px;}


@media screen and (max-width: 640px) {
	section#rental{width: 100%; min-width: auto; background-position: center;}
	section#rental #rental_bg2{background: none;}
	section#rental .cont{width: 100%; padding: 60px 0 60px 0;}
	section#rental .cont h4{width: 80%; margin: auto;}
	section#rental .cont h4 img{width: 100%;}
	section#rental p{font-size: 16px; line-height: 1.5; text-align: center;}
	section#rental ul.link_btn{width: auto; justify-content: center; flex-wrap: wrap;}
	section#rental ul.link_btn li{padding-bottom: 10px;}
	section#rental ul.link_btn li a{margin-right: 0 !important;}
}




section#new_gear{width: 100%; min-width: 1080px; background: url("img/newgear_bg.jpg") no-repeat center; background-size: cover;}
	section#new_gear .cont{width: 100%; max-width: 1080px; margin: auto;}
	section#new_gear h2,
	section#new_gear h3{color: #fff;}
	section#new_gear ul.link_btn{margin-top: 20px;}
	section#new_gear ul#new_gear_insta{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 40px;}
	section#new_gear ul#new_gear_insta li{width: 24%; background: #fff; margin-bottom: 10px; aspect-ratio: 4 / 5; height: auto; overflow: hidden;}
	section#new_gear ul#new_gear_insta li a{display: block;}
	section#new_gear ul#new_gear_insta li a img{width: 100%; height: 100%;}

section#new_gear #demo_movie{color: #fff; padding-top: 100px;}
	section#new_gear ul#demo_youtube{display: flex; justify-content: space-between; width: 100%; padding-top: 60px;}
	section#new_gear ul#demo_youtube li{width: 48%;}
	section#new_gear ul#demo_youtube li iframe{
		aspect-ratio: 16 / 9;
		width: 100%;
		height: auto;
	}



section#new_gear #all_list{background: #fff; padding: 60px; margin-top: 60px; overflow: hidden;}
	section#new_gear #all_list #all_list_text{float: left; width: 50%;}
	section#new_gear #all_list #all_list_text h4{border-left: 6px solid #a8a8a8; padding-left: 10px; font-size: 32px; font-weight: bold; line-height: 1.0; margin-bottom: 40px;}
	section#new_gear #all_list #all_list_text p{font-weight: bold; margin: 0; line-height: 1.8;}
	section#new_gear #all_list #all_list_text p span{background: linear-gradient(transparent 65%, #d5ff22 65%);}
	section#new_gear #all_list #all_list_text ul.link_btn{width: auto; justify-content: flex-start; margin-top: 40px;}

	section#new_gear #all_list #all_list_image{float: right;}


@media screen and (max-width: 640px) {
	section#new_gear{width: 100%; min-width: auto;}
	section#new_gear .cont{width: 95%; max-width: auto;}
	section#new_gear ul.link_btn{justify-content: center; width: auto; flex-wrap: wrap;}
	section#new_gear ul.link_btn li{padding-bottom: 10px;}
	section#new_gear ul#new_gear_insta{margin-top: 20px;}
	section#new_gear ul#new_gear_insta li{width: 48%; background: #fff; margin-bottom: 10px;}
	
	section#new_gear ul#demo_youtube{display: inline; justify-content: center; width: 100%;}
	section#new_gear ul#demo_youtube li{width: 100%; padding-bottom: 20px;}
	
	section#new_gear #all_list{background: #fff; padding: 20px 10px; margin: 40px auto; width: 90%;}
	section#new_gear #all_list #all_list_text{float: none; width: 100%;}
	section#new_gear #all_list #all_list_text h4{font-size: 22px;}
	section#new_gear #all_list #all_list_text p{font-weight: bold; margin: 0; line-height: 1.8;}
	section#new_gear #all_list #all_list_text ul.link_btn{width: auto; justify-content: center; margin-top: 40px;}

	section#new_gear #all_list #all_list_image{float: none; width: 95%; margin: 15px auto;}
	section#new_gear #all_list #all_list_image img{width: 100%;}
}





section#results{}
	section#results ul#result_youtube{display: flex; justify-content: space-between; width: 100%;}
	section#results ul#result_youtube li{width: 48%;}
	section#results ul#result_youtube li iframe{
		aspect-ratio: 16 / 9;
		width: 100%;
		height: auto;
	}
	section#results ul#result_youtube li dl{padding-top: 15px;}
	section#results ul#result_youtube li dl dt{background: #000; color: #fff; display: inline; padding: 5px 10px;}
	section#results ul#result_youtube li dl dd{padding-top: 10px;}


@media screen and (max-width: 640px) {
	section#results ul#result_youtube{display: inline; justify-content: center; width: 100%;}
	section#results ul#result_youtube li{width: 100%; padding-bottom: 20px;}
	section#results ul.link_btn{width: auto; justify-content: center; flex-wrap: wrap; margin-top: 20px;}
	section#results ul.link_btn li{padding-bottom: 10px;}
	section#results ul.link_btn li a{margin-right: 0 !important;}
	
}