#main{overflow-x: hidden;}

.register {
   padding: 100px 0; max-width: 1500px
}

#mainslide {width: 100%; height: 90vh; overflow: hidden; position: relative;}
#mainslide .swiper {height: 100%; position: relative; }
#mainslide .swiper-wrapper {transform: translate3d(0px, 0px, 0px) !important;}
#mainslide .swiper-slide .img{background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 2s; width: 100%; height: 100%;}
#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.jpg)}
#mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02.jpg)}
#mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03.jpg)}
#mainslide .swiper-slide.slide04 .img{background-image: url(/img/main/mainslide04.jpg)}
#mainslide .swiper-slide-active .img{transform: scale(1.05);}
#mainslide .swiper-slide .txt {width: 1600px; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
#mainslide .swiper-slide.slide01 .txt, #mainslide .swiper-slide.slide02 .txt,  #mainslide .swiper-slide.slide03 .txt, #mainslide .swiper-slide.slide04 .txt{top: auto; bottom: 15%; transform: translateX(-50%);}
#mainslide .swiper-slide .txt .img-box{float: right;}
#mainslide .swiper-pagination.pagination_fraction{text-align: right; width: 1600px; left: 50%; transform: translateX(-50%); bottom: 5%; color: rgba(255,255,255,.5); font-family: var(--pointfont); font-size: 20px; letter-spacing: 2px;}
#mainslide .swiper-pagination-current{color: rgba(255,255,255,1) !important;}
#mainslide .pagination_progress{top: auto; bottom: 0;}
#mainslide .swiper-pagination-progressbar{background: rgba(255, 255, 255, .5);}
#mainslide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #1c1c1c;}


#LACELL .line{width: 40px; height: 1px; background-color: #000;}
#LACELL .img-box{position: relative;}
#LACELL .img-box .txt{position: absolute; bottom: 5%; left: 3%;}

#signature a{border-bottom: 1px solid #000; line-height: 1rem;}

#promotionnel .line{width: 40%; height: 1px; background-color: #000;}
#promotionnel .width30 a{border-bottom: 1px solid #000; line-height: 1rem;}
#promotionnel .width70 .view{display: inline; border-bottom: 1px solid #000; line-height: 1rem;}

#selection .title{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#selection .title .point-font{margin-top: -30px;}
#selection .title-warp{padding-bottom: 250px; z-index: 1;}
#selection ul{ position: relative; z-index: 2;}
#selection ul li:last-child{margin-left: 5rem;}
#selection ul li.selection01{margin-top: -50px;}
#selection ul li.selection02{margin-right: -8%; margin-top: 200px;}
#selection ul li.selection03{margin-left: -8%; margin-top: -200px;}
#selection ul li.selection04{margin-top: 250px;}

#promess .title a{border-bottom: 1px solid #000; line-height: 1rem;}
#promess .width70{padding-right: 2.5%;}
#promess .width70 .timg-box{padding-left: 1.5rem;}
#promess .imgt-box p{position: absolute; bottom: 15%; right: 80%; width: 100%;}

#Consultation .img-box .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#Consultation .Consultation-box textarea{height: 136px;width: 100%; border: 1px solid #cdcdcd; }
#Consultation .Consultation-box .reservation-btn {border: none; background-color: #1c1c1c; width: 75%; padding: 1rem; margin: auto; display: block; height: 50px !important;}
#Consultation .Consultation-box .name input, #Consultation .Consultation-box .num input{border: 1px solid #cdcdcd; width: 75%; background-color: #fff !important; padding: .8rem; line-height: 1.3; height: 100%;}
#Consultation .Consultation-box .num input::placeholder, #Consultation .Consultation-box .num input::-webkit-input-placeholde,  #Consultation .Consultation-box .num input:-ms-input-placeholder{color: #999;}

#interior .title{position: absolute; bottom: 10%; left: 8%; z-index: 99;}
#interior .interiorSwiper2{position: relative;}
#interior .interiorSwiper2::before{content: ''; display: block; width: 100%; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%); position: absolute; top: 60%; left: 0; z-index: 99;}
#interior .interiorSwiper_wrap{width: 45%; position: absolute; right: 10%; bottom: 10%;}
#interior .swiper-button-prev:after{content: '';}
#interior .swiper-button-next:after{content: '';}
#interior .swiper-button-next, #interior .swiper-button-prev{width: auto; color: #faf8ef !important; letter-spacing: 1.2;}
#interior .swiper-button-prev, #interior .swiper-rtl .swiper-button-next{left: -70px;}
#interior .swiper-button-next, #interior .swiper-rtl .swiper-button-prev{right: -70px;}

@media (max-width: 1700px){
	#mainslide .swiper-slide .txt{width: 90%;}
	#mainslide .swiper-pagination.pagination_fraction{width: 90%;}

	#LACELL .section-left{padding-right: 5%;}

	#interior .title{left: 5%;}
}
@media (max-width: 1550px){
	#Consultation .Consultation-box{width: 40%;}

	.register { max-width: 90%}
}
@media (max-width: 1240px){
	#Consultation .Consultation-box{width: 50%;}
}
@media (max-width: 990px){


	#mainslide .swiper-pagination.pagination_fraction{text-align: center;}

	#LACELL .flex-between .width30{width: 100%;}
	#LACELL .flex-between .width70{width: 100%; margin-top: 3.125rem ;}
	#LACELL .flex-between{flex-direction: column;}

	#promotionnel .section-left{padding-left: 0;}
	#promotionnel .section-left>.flex-between{flex-direction: column;}
	#promotionnel .section-left>.flex-between .width30{width: 100%; padding-left: 5%;}
	#promotionnel .section-left>.flex-between .width70{width: 100%; margin-top: 3.125rem;}

	#promess .width70{padding-right: 5%;}
	#promess .flex-between{flex-direction: column;}
	#promess .flex-between .width30{width: 100%; margin-bottom: 3.125rem;}
	#promess .flex-between .width70{width: 100%;}
	#promess .flex-between .width70 .flex{flex-direction: column;}
	#promess .width70 .timg-box{width: 100%; padding-left: 0; margin-top: 3.125rem;}
	#promess .width70 .timg-box .ml-30{margin-left: 0;}
	#promess .imgt-box{width: 75%;}
	#promess .imgt-box p{right: 80%;}

	#selection .width40{width: 80%;}
	#selection .title_m .point-font{margin-top: -50px;}
	#selection .title-warp{margin-bottom: 3.125rem; padding-bottom: 0;}
	#selection .flex-center{flex-direction: column;}
	#selection ul li:last-child{margin-left: 0;}
	#selection ul li.selection01{margin-top: 0; margin-right: 100px;}
	#selection ul li.selection02{margin-top: 1.875rem; margin-right: 0;}
	#selection ul li.selection03{margin-top: 1.875rem; margin-left: 0;}
	#selection ul li.selection04{margin-top: 1.875rem; margin-left: 100px;}

	
	#Consultation .img-box{width: 100%; padding-right: 0;}
	#Consultation .width95{width: 90%;}
	#Consultation .flex-between{flex-direction: column;}
	#Consultation .Consultation-box{width: 100%; margin-top: 3.125rem;}
	

	#interior .width95{width: 100%;}
	#interior .title{position: relative; top: auto; left: auto; color: #333 !important; margin-bottom: 4.375rem; padding: 0 5%;}
	#interior .interiorSwiper2::before{display: none;}
	#interior .interiorSwiper_wrap{width: 100%; position: relative; bottom: auto; right: auto; margin-top: 1.875rem;}
	#interior .swiper-button-prev, #interior .swiper-rtl .swiper-button-next, #interior .swiper-button-next, #interior .swiper-rtl .swiper-button-prev{display: none;}
}

@media (max-width: 768px){
		#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01m.jpg)}
		#mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02m.jpg)}
		#mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03m.jpg)}
		#mainslide .swiper-slide.slide04 .img{background-image: url(/img/main/mainslide04m.jpg)}
		
		#selection .width40{width: 100%;}
		#promess .imgt-box{width: 70%;}
}

@media (max-width: 600px){
    #promess .imgt-box {
        width: 65%;
    }
	    #promess .imgt-box p {
        right: 77%;
    }
}
@media (max-width: 500px){
#mainslide .font-80{font-size: 4.0625rem;}

#selection .font-80{font-size: 4.0625rem;}
#selection ul li.selection01 {margin-right: 50px;}
#selection ul li.selection04{margin-left: 50px;}

#promess .imgt-box p{font-size: 2.250rem;}
}

@media (max-width: 450px){
#mainslide .font-80{font-size: 3.4375rem;}

#selection .font-80{font-size: 3.4375rem;}
}

@media (max-width: 400px){
#promess .imgt-box p{right: 73%;}
}