@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
.letters{display:flex;width:100%;justify-content: flex-start;align-items: center;}
.banner-txt:after{content:"";position: absolute;width: 78px;height: 1px;background: #3b3b3b;top: 10px;}
.text-wrapper{display: flex;align-items: center;position: relative;margin-left: 90px;}
#bannerBox{position:relative}
#banner{position:relative;width:100%;margin:0 auto;margin-top: 0;left:0;z-index: 5;}
#banner .slick-slider{margin-bottom:0}
#banner .main-slider .item{position:relative;aspect-ratio: 24/11;}
#banner .main-slider .item a.maskJ{position:relative;width:100%;height: 100%;background:rgb(212 158 147 / 7%);background-size:100% auto;display:block;z-index:2;margin-top: 0;}

#banner .main-slider .item a.fmlink:hover{background: #182c54;}
#banner .main-slider .item a.fmlink svg{fill:white;width:20px;aspect-ratio:1/1}
#banner .main-slider .videoshow_box{position:absolute;top:0;z-index:2;height:100%;width:100%}
#banner .main-slider .videoshow_box:before{content:"";position:absolute;width: 60vw;aspect-ratio: 1/1;background: rgb(255 255 255 / 55%);border-radius: 55555px;top: -50vw;left: -10vw;animation: float 4s ease-in-out infinite;}
#banner .main-slider .videoshow_box .dwn_img{opacity: 0.1;height: 100%;}
#banner .main-slider .videoshow_box .dwn_img img{height: 100%;object-fit: cover;}
#banner .main-slider #videoox .videoshow_box{display:flex}
#banner .main-slider #videoox .videoshow_box img{height:100%;width:100%;object-fit:cover;animation-name: fadeOpacity;animation-duration: 2s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}
#banner .main-slider #videoox .videoshow_box .dwn_img{width:100%;background: linear-gradient(to right, rgb(255 255 255 / 0%), rgb(129 157 178 / 22%));}
#banner .main-slider .videoshow_box .dwn_man{position:absolute;bottom: -69px;left: 50vw;width: 38vw;display: flex;flex-direction: column;align-items: center;}
#banner .main-slider .videoshow_box .dwn_man:before{content:"";position:absolute;width: 54vw;aspect-ratio: 1/1;background: rgb(255 255 255 / 65%);border-radius: 55555px;bottom: -25vw;animation: fadeOpacity 5s ease-in-out infinite;}
#banner .main-slider  .videoshow_box .dwn_man img{object-fit:contain;object-position:50% 100%;animation:float 5s ease-in-out infinite;position:relative;bottom:-21px;filter:drop-shadow(2px 10px 9px rgb(0 0 0 / 14%))}
#banner .main-slider .item .banner-txt{position:absolute;width: 49%;top: 34vh;left: 12vw;z-index:3}
#banner .main-slider .item video,#banner .main-slider .item iframe{position:absolute;width: 100%;height: 100%;top: 0;}
#banner .item iframe{position:absolute;width:100%;height:100%;top:0;left:0}
#banner .item video{overflow:hidden;position:absolute;min-width:100%;width:auto;height:auto;object-fit: cover;}
.banner-txt .bannertitleJ,.banner-txt .bannertitleJ span{font-size: max(3.6 * (1vw + 1vh) / 2,28px);letter-spacing:2.5px;color: #3b3b3b;font-weight:600;line-height:120%;text-shadow: 0 0 10px rgb(0 0 0 / 8%);text-align:left;transform:translateY(0px);opacity:1;word-spacing:100vw;display:flex;line-height: 140%;}
.banner-txt .bannertitleJ{margin-top: 20px;display:flex;flex-direction: column;padding-bottom: 20px;gap: 25px;}
.banner-txt .entext .letter{
    font-size: max(1.5 * (1vw + 1vh) / 2, 13px);
    text-transform: uppercase;
    font-weight: 300;
    line-height: 100%;
    color: #3b3b3b;
    transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
}

.banner-txt p{font-size: max(1.2 * (1vw + 1vh) / 2,17px);font-weight: 400;color: #000000;text-align:left;transform:translateY(20px);opacity:1;margin-top:0px;width:100%;word-spacing: 100vw;}
.banner-txt .bannertitleJ span{position:relative;margin-right:15px}
.banner-txt .bannertitleJ span b{font-size:25px;position:absolute;right:-12px;top:-9px;color:#fff}
#banner .poocaphone{position: absolute;bottom: 26vh;right: 22vw;}
#banner .Japhone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;width: 5.44vw;background: linear-gradient(0deg, #182c54 0%, #4062a6 100%);border-radius:555px;aspect-ratio:1/1;animation-name:a02;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
#banner .Japhone:before{content:"";position:absolute;width: 123%;aspect-ratio:1/1;border: #182c54 1px solid;border-radius:666px}
#banner .Japhone svg{width:43px;aspect-ratio:1/1;fill:#ffffff;margin-bottom:5px}
#banner .Japhone span{color:#ffffff;font-size:max(1.4 * (1vw + 1vh) / 2,18px);line-height: 130%;}
@keyframes a02{0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}
@keyframes fadeOpacity{
    0% {opacity: 1;}
	50% {opacity: 0.7;}
    100% {opacity: 1;}
  }
@keyframes fadeOpacity2{
    0% {opacity: 1;}
	50% {opacity: 1;}
    100% {opacity: 0;}
  }
  @keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-20px)}
100%{transform:translateY(0)}
}
.PriceLinkList{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:76%;width:100%;border-radius:0;background-color:hsl(0deg 0% 100% / 84%);position:absolute;bottom:0;z-index:992;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 -20px;padding:0px 0px 0px 263px}
.PriceLinkList .PriceLinkItem{padding:0px 10px;width:calc(100% / 5);position:relative}
.PriceLinkList .PriceLinkItem:last-child{padding:0px 0 0 10px}
.PriceLinkList .PriceLinkItem a.Pricemore{position:absolute;width:100%;height:100%;left:0;top:0;z-index:100}
.PriceLinkList .PriceLinkItem p.more{background-color:#bdad84}
.PriceLinkList .PriceLinkItem p.more a{border:0px #bdad84 solid;width:100%;display:inline-block;text-align:center;padding:14px 0 6px 0}
.PriceLinkList .PriceLinkItem p.more a font{color:#fff}
.PriceLinkList .PriceLinkItem p.more a:hover font{letter-spacing:4.5px}
.PriceLinkList .PriceLinkItem .info h3{padding:15px 40px 15px 20px;position:relative;color:#bdad84;z-index:10;font-size:14px}
.PriceLinkList .PriceLinkItem .info h3::before{content:"";width:0;height:1px;background-color:rgb(189 173 132 / 56%);display:block;position:absolute;top:50%;right:40px;z-index:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
.PriceLinkList .PriceLinkItem .info span{content:"";width:30px;height:30px;display:block;position:absolute;top:50%;right:30px;z-index:1;-webkit-transform:translateY(-10px);transform:translateY(-15px)}
.PriceLinkList .PriceLinkItem .bgDecoBox{width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;bottom:0;right:auto;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:0;border-radius:20px 20px 0 0;display:flex;-webkit-box-pack:center;justify-content:center;display:none}
.PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{color:#fff;font-size:24px}
.PriceLinkList .PriceLinkItem:hover .info h3::before{background-color:rgb(255 255 255 / 56%);width:0;right:0}

.fllinbox{width: 100%;height: 100%;top: 0;}
.fllinbox , .fllinbox *{transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;}
.fllinbox #flypaper{height: 100%;}
.fllinbox #flypaper .fy_item01{left: -4vw!important;top: 52%!important;}
.fllinbox #flypaper .fy_item02{left: auto!important;right: -3vw;top: 14%!important;}

.fllinbox #flypaper .fy_item01 img{width: 8vw;}
.fllinbox #flypaper .fy_item02 img{width: 5vw;}



@media screen and (max-width: 1470px) {
	#banner{margin-top: 0;}
	#banner .main-slider .videoshow_box .dwn_man{width: 39vw;left: 47vw;}
	#banner .main-slider .item .banner-txt{width: 54%;}
#banner .main-slider .item{
    aspect-ratio: 18 / 11;
}
    #banner .main-slider .videoshow_box .dwn_man{
    bottom: 0;
}
	#banner .main-slider .videoshow_box .dwn_man{width: 45vw;left: 50vw;}
 }

@media screen and (max-width: 1280px) {
   #banner .main-slider .item a{margin: 0;margin-top: 48px;}
    .PriceLinkList{max-width:100%;margin:0 0px;padding:0}
    .PriceLinkList .PriceLinkItem .info h3::before{display:none}
    #banner .main-slider .item .banner-txt{right: calc(40vw - 500px);top: 15vw;}
}

@media screen and (min-width: 1141px) {
	.PriceLinkList .PriceLinkItem:hover .info h3::after{opacity:0}
    .PriceLinkList .PriceLinkItem:hover .bgDecoBox{height:100px;position:absolute;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-70%,0);opacity:0.8;background-color:#bdad84;bottom:0}
    .PriceLinkList .PriceLinkItem:hover .bgDecoBox .holder{color:#ffffffab;font-size:14px;margin-right:9px}
}

@media screen and (max-width: 1140px) {
	.PriceLinkList{display:flex;flex-wrap:wrap;position:relative}
    .PriceLinkList .PriceLinkItem{width:calc((100% / 2) - 40px);padding:10px 20px;display:flex;flex-direction:column;align-content:flex-start}
    .PriceLinkList .PriceLinkItem:last-child{padding:0;width:100%}
    .PriceLinkList .PriceLinkItem .bgDecoBox{top:0;width:auto;height:auto;right:0;display:flex;justify-content:flex-start;position:relative;left:auto;transform:translate3d(0,0,0)}
    .PriceLinkList .PriceLinkItem .bgDecoBox{opacity:0;display:none}
    .PriceLinkList .PriceLinkItem .info h3{padding:0}
    .PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{color:#bdad84}
    .PriceLinkList .PriceLinkItem .bgDecoBox .ellipsis{font-size:20px}
}
@media screen and (max-width: 1024px){
	#banner{margin-top: 0;}
	#banner .main-slider .item{
    aspect-ratio: 24/14;
}
	#banner .main-slider .videoshow_box .dwn_man{width: 52vw;}
	#banner .poocaphone{position:fixed;right:11px;bottom:105px;display:none}
	#banner .poocaphone span , #banner .Japhone:before{display:none;}
	#banner .Japhone svg{width: 20px;}
	#banner .Japhone{width: 46px;animation-name: unset;}
}

@media screen and (max-width: 980px) {
	#bannerBox{margin-top:64px}
    #banner .main-slider .videoshow_box:before{
    width: 68vw;
}
    #banner .main-slider .item .banner-txt{top: 23vw;}
    #banner .main-slider .item{background-position:9% 50%;aspect-ratio: 20 / 14;}
	#banner .main-slider .item a.fmlink{width: 207px;}
}

@media screen and (max-width: 768px) {
	#banner .main-slider .item{aspect-ratio: 5/4;}
	#banner .main-slider .videoshow_box .dwn_man{width: 58vw;bottom: 0;}
	.banner-txt .bannertitleJ,.banner-txt .bannertitleJ span{font-size: 36px;}
    #banner .main-slider .item .banner-txt{top: 17vw;right: 0vw;left: 9vw;}
    .banner-txt .bannertitleJ span b{font-size:19px;top:-4px}
}

@media screen and (max-width: 680px) {
	#banner .main-slider .item video,#banner .main-slider .item iframe{/* width:270%; *//* height:180%; *//* top: 0; *//* object-position:26% 50%; */}
    #banner .main-slider .videoshow_box .dwn_man{width: 59vw;right: -9vw;left: auto;}
    #about_area .maJimg:after{display:none}
    #about_area .maJimg:before{bottom:unset;top:-31px;left:-11vw;width:111vw;background:#f9f5f1;display: none;}
    #banner .main-slider .item .banner-txt{top: 45%;width: calc(100% - 70px);left: 10%;transform:translate(0%,-50%);padding: 0 0px;right: auto;}
    #banner .main-slider #videoox .videoshow_box .dwn_man img{animation:float 11s ease-in-out infinite}
	#banner .main-slider .item{}
	#banner .main-slider .videoshow_box .dwn_man img{bottom: -2px;}
	#custom_area .workframe{width: 100%;}
	#banner .main-slider .videoshow_box .dwn_man , .fllinbox{/* display:none; */}
	#banner .main-slider .item{aspect-ratio: 4/4;}
   .banner-txt .bannertitleJ{font-size: 30px;padding-bottom: 10px;}
    .banner-txt p{font-size: 16px;margin-top:0px;width: 60%;word-spacing: inherit;}
}


@media screen and (max-width: 480px) {
	#banner .main-slider .videoshow_box .dwn_man{width: 80vw;right: -15vw;}
    #banner .main-slider .item a.fmlink{width: 130px;padding:8px 13px;border-radius:666px;margin-top: 50px;}
    #banner .main-slider .item a.fmlink svg{width:14px}
 
    #banner .main-slider .item .banner-txt{width: 95vw;top: 110px;left: 1vw;bottom: auto;padding: 20px 24px;right:10px;transform: translate(0%,0%);}
    #banner .main-slider .item video,#banner .main-slider .item iframe{width: 100%;height:130%;top: 0;left: 0;opacity: 0.5;}
    #banner .main-slider .item{background-position:30% 51%;aspect-ratio: 3/5;}
    #bannerBox{margin-top:71px}
	.banner-txt:after{top: 27px;}
	#banner .main-slider .videoshow_box:before{width: 75vw;}
	.fllinbox #flypaper .fy_item01{top: 73%!important;left: -3vw !important;}
}