@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

#bannerBox{position:relative}
#banner{position:relative;width:100%;margin:0 auto;left:0;z-index:990;margin-top: 102px;aspect-ratio: 192/84;}
#banner .slick-slider{margin-bottom:0}
#banner .main-slider .item{position:relative}
#banner .main-slider .item a.maskJ{position: absolute;width:100%;height: 100%;background:rgb(212 158 147 / 7%);background-size:100% auto;display:block;z-index:2}
#banner .main-slider .item a.fmlink{width: 290px;}
#banner .main-slider .item a.fmlink:hover{background: #c0a68b;}
#banner .main-slider .item a.fmlink svg{fill:white;width:20px;aspect-ratio:1/1}
#banner .main-slider .videoshow_box{position: relative;top:0;z-index:2;height:100%;width:100%}
#banner .main-slider .videoshow_box .dwn_img{width: 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:0;left: 6.6%;width:40vw;aspect-ratio:73/74}
#banner .main-slider #videoox .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 / 38%))}
#banner .main-slider .item .banner-txt{position:absolute;width: 49%;top: 37vh;right: 0;z-index:3}
#banner .main-slider .item video,#banner .main-slider .item iframe{position:absolute;width:150%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
#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;bottom:0;object-fit: cover;}
.banner-txt h2,.banner-txt h2 span{font-size: max(4.8 * (1vw + 1vh) / 2,28px);letter-spacing:2.5px;color:#fff;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 p{font-size: max(1.7 * (1vw + 1vh) / 2,20px);font-weight:300;text-shadow:0 0 10px rgb(0 0 0 / 0.5);color:#fff;text-align:left;transform:translateY(20px);opacity:1;margin-top:0px;width:100%}
.banner-txt h2 span{position:relative;margin-right:15px}
.banner-txt h2 span b{font-size:25px;position:absolute;right:-12px;top:-9px;color:#fff}
#banner .poocaphone{position: absolute;bottom: 80px;right: 8vw;}
#banner .Japhone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;width:10.44vw;background:#c0a68b;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:84%;aspect-ratio:1/1;border:rgb(255 248 239 / 67%) 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)}
@keyframes a02{0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}
@keyframes fadeOpacity{
    0% {opacity: 1;}
	50% {opacity: 0.8;}
    100% {opacity: 1;}
  }

@media screen and (max-width: 1470px) {
	#banner .main-slider .videoshow_box .dwn_man{width: 39vw;left: 4vw;}
	#banner .main-slider .item .banner-txt{width: 54%;}
	#banner{margin-top: 73px;}
}

@media screen and (max-width: 1280px) {
	#banner .main-slider .videoshow_box .dwn_man{width: 42vw;left: 2vw;}
    #banner .main-slider .item a{
    margin: 0;
    margin-top: 37px;
}
    #banner .main-slider .item .banner-txt{right: calc(40vw - 500px);top: 19vw;}
}


@media screen and (max-width: 1024px){
	#banner .main-slider .videoshow_box .dwn_man{width: 55vw;}
	#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 .item a{}
    #banner .main-slider .item .banner-txt{top: 23vw;}
    #banner .main-slider .item{background-position:9% 50%}
	#banner .main-slider .item a.fmlink{width: 207px;}
}

@media screen and (max-width: 768px) {
	.banner-txt h2,.banner-txt h2 span{font-size: 27px;}
    .banner-txt p{font-size:14px;margin-top:0px;width:100%}
    #banner .main-slider .item .banner-txt{top: 40vw;right: 0vw;}
    .banner-txt h2 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:50%;object-position:26% 50%}
    #banner .main-slider .videoshow_box .dwn_man{width:88vw;left:-71px}
    #about_area .maJimg:after{display:none}
    #about_area .maJimg:before{bottom:unset;top:-31px;left:-11vw;width:111vw;background:#f9f5f1}
    #banner .main-slider .item .banner-txt{top:53%;width:calc(70% - 64px);left:auto;transform:translate(0%,-50%);padding:0 26px;right:0px}
    #banner .main-slider #videoox .videoshow_box .dwn_man img{animation:float 11s ease-in-out infinite}
	#banner .main-slider .videoshow_box img{
    height: 403px;
    object-fit: cover;
    object-position: 9% 50%;
}
}

@media screen and (max-width: 480px) {
	#banner .main-slider .videoshow_box .dwn_man{width:118vw;left:-31vw}
    #banner .main-slider .item a.fmlink{width:195px;padding:8px 13px;border-radius:666px}
    #banner .main-slider .item a.fmlink svg{width:14px}
    #banner .main-slider .item a.maskJ{height:509px}
    #banner .main-slider .item .banner-txt{width:62vw;top:auto;bottom:-34px;background:rgb(91 130 165 / 58%);padding:21px 24px;right:10px}
    #banner .main-slider .item video,#banner .main-slider .item iframe{width:270%;height:130%;top:50%;left:86%}
    #banner .main-slider .item{background-position:30% 51%}
    #bannerBox{margin-top:71px}
}