#banner_box , #banner_box .item , #banner_box .img_box {position: relative;min-width: 100vw;}

#banner_box .totobar{display: flex;gap: 10px;}
#banner, #banner *{-webkit-transition: all 0s linear;-moz-transition: all 0s linear;transition: all 0s linear;}
#banner_box .img_box img {min-width: 100vw;width: 100vw;aspect-ratio: 1920/910;}
#banner_box .img_box iframe , #banner_box .img_box video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner_box .slick-dotted .slick-track { min-width: 100vw; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }
#banner_box .info_box {width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;}
#banner_box .info_box .workframe{margin-top: 190px;}
#banner_box .moolinkJ .boutmlinJk , #banner_box .moolinkJ .boutmlinJk *{color: #ffffff;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
#banner_box .info_box .spptext{position: relative;display: flex;flex-direction: column;margin: 30px;justify-content: center;}
#banner_box .info_box .spptext:before{content:"";position: absolute;width: 30vw;height: 153%;background: linear-gradient(to right, rgb(245 227 207 / 27%), #f5e3cfe3);z-index: 0;left: -35px;border-radius: 260px 0 260px 0;transform-origin: bottom left;animation: swingArc 3s ease-in-out infinite alternate;}
#banner_box .info_box .spptext span{font-size: max(1.4vh + 2vw, 28px);font-weight: 700;line-height: 150%;z-index: 1;font-family: "Shippori Mincho", serif;letter-spacing: 3px;}
#banner_box .dandebox{padding: 40px;font-size: max(1.5*(1vw + 1vh) / 2,15px);color: #342e2b;font-weight: 400;font-family: "Shippori Mincho", serif;}
.couyJbox{position:absolute;right:7vw;bottom: 11.5vw;z-index:8880;width: 11vw;}
.couyJbox a{display:flex;flex-direction:column;align-items:center;justify-content:center}
.couyJbox a:hover p{color: #ffffff;}
.couyJbox a p{position:absolute;color: #ffffff;font-weight:600;font-size: max(1.2 * (1vw + 1vh) / 2,16px);}
.couyJbox a img{filter: brightness(30);animation:spin 22s linear infinite}
@keyframes swingArc {
    0% {transform: rotate(0deg) translate(0, 0);}
    100% {transform: rotate(-3deg) translate(0px, 0);}
  }

@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@media screen and (max-width: 1160px){
	#banner_box .img_box img {aspect-ratio: 5/3;}
}
@media screen and (max-width: 1024px){
	.couyJbox{width: 18vw;bottom: -6vw;}
}

@media screen and (max-width: 768px){
    #banner_box .img_box img{aspect-ratio: 1/1;}
	.couyJbox{display: none;}
    #banner_box .dandebox{display:none;}
    #banner_box .info_box .workframe{width: 75vw;margin:0;margin-left: 5vw;margin-top: 140px;padding:0;background: rgb(243 221 203 / 82%);padding:36px 25px;border-radius:33px 0}
    #banner_box .info_box .moolinkJ{margin:0}
    #banner_box .info_box .spptext:before{display:none}
    #banner_box .info_box .spptext{margin:0 0 30px}
    #banner_box .item .moolinkJ .boutmlinJk{background:#ffffff}
    #banner_box .item .moolinkJ .boutmlinJk,#banner_box .item .moolinkJ .boutmlinJk *{color:#6f5840;fill:#6f5840}

}
@media screen and (max-width: 480px){
    #banner_box .totobar{display: flex;flex-direction: column;}
    #banner{margin-top: 100px;}
    #banner_box .img_box img{-moz-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);object-position: 71% 50%;aspect-ratio: 5/6;}
    #banner_box .info_box .workframe{margin: 0;bottom: 30px;position: absolute;left: 25px;padding: 25px 22px;width: 73vw;}
}