#banner{padding-top:178px;}
#banner, #banner .workframe{position:relative;overflow: visible;}
#banner .workframe{width:min(90%, 1600px)}
#banner_box { position: relative; z-index: 1; }
#banner_box , #banner_box .item , #banner_box .img_box {position: relative;border-radius: 75px 0 75px 0;overflow: hidden;}
#banner_box .img_box img {aspect-ratio: 192 / 73;width: 100%;}
#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: 80%; display: flex; align-items: center; top: 0; left: 0; }
#banner .btn{position:absolute;padding: 0;display: flex;width: calc(100% + 90px);justify-content: space-between;left: -45px;bottom: calc(50% - 45px);z-index: 2;}
#banner .btn a#banner_prev:hover img{filter: drop-shadow(9px 0 0 #b2b2b2);}
#banner .btn a#banner_next:hover img{filter: drop-shadow(-9px 0 0 #b2b2b2);}
#banner .slick-dots { bottom: 20px; }
#banner .slick-dots li { width: auto; height: auto; display: inline-flex; justify-content: center; align-items: center; }
#banner .slick-dots li.slick-active button:before {content: url(/images/01/banner-dotout.png)}
#banner .slick-dots li button:before {content: url(/images/01/banner-doton.png);opacity: 1;}

.ring-wrap,.ring { overflow: visible; }
.ring-wrap { position: absolute; width: 250px; aspect-ratio: 1/1; display: grid; place-items: center; bottom: -125px; right: 10vw; }
.center-icon {position: absolute;width: 72px;aspect-ratio: 1/1;display: grid;place-items: center;z-index: 2;}
.center-icon svg { width: 100%; height: 100%; }
.ring {width: 100%;height: 100%;z-index: 1;animation: ringSpin 25s linear infinite;transform-origin: 50% 50%;}
.ring-text {font-size: 26px;letter-spacing: 5px;fill: #5b5b5b;font-family: "Sedan SC",serif;}
@keyframes ringSpin { to { transform: rotate(360deg); } }

#banner .fixTxt{position:absolute;bottom: -150px;font-family: "Sedan SC", serif;font-style: italic;font-size: 200px;letter-spacing: 30px;color: var(--thirty);line-height: 1;left: 50px;z-index: -1;white-space: nowrap;}

@media screen and (max-width: 1400px){
    .ring-wrap{width: 200px;}
}
@media screen and (max-width: 1280px){
    #banner{padding-top:140px;}
    #banner .btn img{width: 60px;}
    #banner .fixTxt{font-size: 150px;bottom: -110px;}
}
@media screen and (max-width: 1024px){
    #banner .btn{left: 15px;width: calc(100% - 30px);}
    #banner .workframe{width:100%}
    #banner_box .img_box img{aspect-ratio: 140 / 73;object-position: 80% 50%;}
}
@media screen and (max-width: 980px){
    .center-icon{width: 40px;}
    #banner .fixTxt{font-size: 100px;bottom: -80px;}
    .ring-wrap{width: 130px;}
}
@media screen and (max-width: 640px){
    #banner_box, #banner_box .item, #banner_box .img_box{border-radius: 45px 0 45px 0;}
    #banner .fixTxt, #banner .btn, .ring-wrap{display:none;}
    #banner{padding-top:110px;}
}