.ml7 { position: relative; font-weight: 900; }
.ml7 .text-wrapper { position: relative; display: inline-block; padding-top: 0.2em; padding-right: 0.05em; padding-bottom: 0; overflow: hidden; }
.ml7 .letter { transform-origin: 0 100%; display: inline-block; line-height: 1.4em; font-size: 1.6rem; color: white; font-weight: 400; }
#bannerBox { position: relative }
#banner { position: relative; width: 100%; margin: 0 auto; top: 0; left: 0; z-index: 2; }
#banner .slick-slider { margin-bottom: 0 }
#banner .main-slider .item { position: relative }
#banner .main-slider .item a.maskJ { position: relative; width: 100%; height: 100vh; background-size: 100% auto; display: block; z-index: 2 }
#banner .main-slider .item:before { content: ""; aspect-ratio: 455/901; position: absolute; height: 100%; }
#banner .main-slider .item a.fmlink:hover {   }
#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; display: none; height: 100%; width: 100% }
#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: 41vh; left: 13vw; z-index: 3; display: flex; flex-direction: column; gap: 20px; }
#banner .main-slider .item video,#banner .main-slider .item iframe { position: absolute; width: 150%; height: 140%; 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 .bannertitle,.banner-txt .bannertitle span { font-size: 4rem; letter-spacing: 7.5px; color: #ffffff; font-weight: 900; text-align: left; transform: translateY(0px); opacity: 1; display: flex; line-height: 110%; word-spacing: 100vw; max-width: 100%; }
#banner .text_gb { background: var(--secondary); width: min(425px,100%); display: flex; flex-direction: column; align-items: center; border-radius: 8px; padding: 10px 0; }
#banner .littleentext { color: #d2d2d2; font-size: max(1.5 * (1vw + 1vh)/2,16px); letter-spacing: 0.13em; }
#banner .littletext { font-size: 0.7em; display: flex; align-items: center; color: #ffffff; gap: 10px; margin-left: 12px; }
#banner .littletext:before { content: ""; position: relative; width: 4px; aspect-ratio: 1/1; background: #ffffff; border-radius: 666px; }
.banner-txt p { font-size: max(3.3 * (1vw + 1vh)/2,18px); font-weight: 400; color: #ffffff; text-align: left; transform: translateY(10px); opacity: 1; margin-top: 0px; width: 100%; letter-spacing: 0.38em; font-weight: 600; }
.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; }
}
.bamebum { display: flex; gap: 20px; margin-top: 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 }
/*banner_logo_box*/
.banner_logo_box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 0; z-index: 3; }
.banner_logo_box .upupimg { position: absolute; display: flex; flex-direction: column; align-items: center; }
.banner_logo_box .upupimg img { width: min(280px,100%); }
.banner_logo_box .upupimg .oppimg_1_box img{
    width: min(400px, 100%);
}
.banner_logo_box .upupimg .oppimg_1_box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner_logo_box .upupimg .oppimg_2_box{
  display: flex;
    flex-direction: column;
    align-items: center;
}
.banner_logo_box .under_img img{
    width: 100vw;
    aspect-ratio: 19/9;
}
@media screen and (max-width:1470px) {
  #banner .main-slider .videoshow_box .dwn_man { width: 39vw; left: 4vw; }
  #banner .main-slider .item .banner-txt { top: 38vh; width: 54%; }
  #banner .main-slider .item:before { background-position: 50% 15%; }
  .banner-txt .bannertitle,.banner-txt .bannertitle span { font-size: 3rem; }
  .ml7 .letter { font-size: 1.4rem; }
  #banner .text_gb { width: min(331px,100%); }
  .banner_logo_box { margin-top: -60px; }
  .banner_logo_box .upupimg img { width: min(210px,100%); }
}
@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: 70px; }
  #banner .main-slider .item a.maskJ { height: calc(100vh - 80px); }
  .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: 19vw; }
}
@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 { display: none; }
  #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; }
  .banner_logo_box .under_img img { aspect-ratio: 3/2; }
  .banner_logo_box .upupimg img { width: min(250px,100%); }
  .banner_logo_box .upupimg .oppimg_1_box img{width: min(250px, 100%);}
}
@media screen and (max-width:980px) {
  #bannerBox { margin-top: 64px }
  #banner .main-slider .item:before { display: none; }
  #banner .main-slider .item .banner-txt { top: 23vw; left: 8vw; }
  #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 {margin-top:0px;width:100%}
  #banner .main-slider .item .banner-txt { top: 190px; right: 0vw; }
  .banner-txt h2 span b { font-size: 19px; top: -4px }
  .banner-txt .bannertitle,.banner-txt .bannertitle span { font-size: 4.3rem; }
  #banner .main-slider .item a.maskJ { height: 570px; }
  #banner .main-slider .item { background-position: 27% 50%; }
}
@media screen and (max-width:680px) {
  .banner-txt .bannertitle,.banner-txt .bannertitle span { font-size: 3.5rem; }
  .ml7 .letter { font-size: 1rem; }
  .banner_logo_box .under_img img {aspect-ratio: 8/11;width: 114%;max-width: 200%;}
  #banner .text_gb { width: min(251px,100%); }
  #banner .littletext { font-size: 1.2rem; }
  #banner .main-slider .item video,#banner .main-slider .item iframe { width: 270%; height: 100%; 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 { width: 32vw; top: 0vw; left: -10vw; }
  #banner .main-slider .item .banner-txt { top: 53%; width: calc(80% - 64px); transform: translate(0%,-50%); padding: 0 26px; }
  #banner .main-slider #videoox .videoshow_box .dwn_man img { animation: float 11s ease-in-out infinite }
  .banner_logo_box { margin-top: 0; }
}
@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: 613px; }
  #banner .main-slider .item .banner-txt { width: 88vw; top: auto; bottom: 252px; padding: 21px 24px; right: 0; left: 10px; height: auto; transform: translate(0%,0%); }
  #banner .main-slider .item video,#banner .main-slider .item iframe { width: 235%; height: 102%; top: 0; left: 0; transform: translate(0%,0%); }
  #banner .main-slider .item { background-position: 39% 75%; background-size: cover; }
  #bannerBox { margin-top: 71px }
  #about_area { gap: 100px; }
  #flypaper03 img { width: 82vw; }
  #about_area .maJimg:before { right: auto; left: 3vw; top: -22vw; width: 48vw; display: none; }
  .bamebum { display: flex; justify-content: flex-start; align-items: center; margin-top: 0; display: none; }
}