#banner_box , #banner_box .item , #banner_box .img_box { position: relative; }
#banner_box:before{content:'';position: absolute;bottom: 39%;z-index: 2;background: #e2e2e2;opacity: .4;width: 100%;height: 1px;}
#banner_box:after{content:'';position: absolute;bottom: 41%;z-index: 2;background: #e2e2e2;opacity: .4;width: 100%;height: 1px;}
#banner_box .img_box:before{content:'';position: absolute;top: 0;width: 100%;height: 30%;background: linear-gradient(0deg,rgb(0 0 0 / 0%), rgb(0 0 0 / 70%));z-index: 1;}
#banner_box .img_box:after{content:'';position: absolute;bottom: 0;width: 100%;height: 50%;background: linear-gradient(180deg,rgb(0 0 0 / 0%), rgb(0 0 0 / 75%));z-index: 1;}
#banner_box .img_box img {width: 100%;aspect-ratio: 2/1;}
#banner_box .img_box iframe , #banner_box .img_box video {position: absolute;width: 100%;height: auto;top: 0;left: 0;}
#banner_box .slick-dotted .slick-track { min-width: 100%; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }
#banner_box .atag_item{z-index:5}
#banner_box .info_box {width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;z-index: 2;}
#banner_box .info_box .tit{margin-top:10px;}
#banner_box .info_box *{color:white;font-size: 18px;letter-spacing: 3px;}
#banner_box .info_box .h3{font-family: "Yuji Boku", serif;font-size: 44px;font-weight: 300;letter-spacing: 6px;margin-top: 20px;}
#banner_box .info_box .h3:after{content:'';display: block;width: 115px;height: 1px;background: #e2e2e2;margin: 26px 0 30px;}
#banner_box .info_box p{width: 30%;font-weight: 500;}
#banner_box .info_box .workframe{width: min(90%, 1280px);}

#scrolldown{position:absolute;bottom: 10%;right: 80px;z-index: 10;writing-mode: vertical-lr;color: white;font-family: "Cormorant", serif;font-size: 15px;display: flex;flex-direction: row;align-items: center;gap: 20px;letter-spacing: 4px;}
#scrolldown span{display: flex;width: 1px;height: 75px;background: #e2e2e2;position: relative;align-items: center;}
#scrolldown span:before{content:'';position: absolute;width: 7px;aspect-ratio: 1/1;background: #e2e2e2;animation: scrollDot 1.8s ease-in-out infinite;}
@keyframes scrollDot{0%{top:0;opacity:0;}20%{opacity:1;}50%{top:34px;opacity:1;}100%{top:68px;opacity:0;}}

@media screen and (max-width: 1680px){
	#banner_box .info_box .workframe{width: min(90%, 1000px);}
    #banner_box .info_box p{width:40%}
}
@media screen and (max-width: 1440px){
    #banner_box .info_box .tit img{height: 160px;}
}
@media screen and (max-width: 1280px){
    #banner_box .info_box p{font-size:16px;}
    #banner_box .info_box .tit img{height: 130px;}
    #banner_box .info_box .h3{font-size:35px;}
    #banner_box:before,#banner_box:after{display:none;}
}
@media screen and (max-width: 1024px){
    #banner_box .img_box img{aspect-ratio: 4/3;}
    #banner_box .img_box iframe, #banner_box .img_box video{width:auto;height:100%}
    #banner_box .info_box .workframe{width: 70%;}
}
@media screen and (max-width: 980px){
    #banner_box .img_box img{aspect-ratio: 3/3;}
    #banner_box .info_box .workframe{width: 75%;}
    #scrolldown{display:none;}
    #banner_box .info_box p{width:60%}
}
@media screen and (max-width: 700px){
    #banner{margin-top:84px}
    #banner_box .img_box img{aspect-ratio: 2.5/3;}
    #banner_box .info_box p{font-size: 12px;width: 80%;}
    #banner_box .info_box .tit img{height: 70px;}
    #banner_box .info_box .h3{font-size: 20px;letter-spacing: 2px;}
}