#banner_box , #banner_box .item , #banner_box .img_box { position: relative; }
#banner_box .btn{display:flex;align-items: center;position: absolute;right: 6%;bottom: 40%;}
#banner_box .btn a{width: 125px;aspect-ratio: 1/1;background: var(--secondary);border-radius: 100px;align-items: center;justify-content: center;}
#banner_box .btn a svg{fill:white}
#banner_box .item{display:flex;align-items: center;}
#banner_box .item >div{width:100%;}
#banner_box .item:before{content:url(/images/01/img-b-logo.png);position: absolute;z-index: 2;right: 0;}
#banner_box .img_box:before{content:'';position: absolute;width: 100%;height: 100%;background-image: url(/images/01/banner-bg.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;z-index: 1;opacity: .85;}
#banner_box .img_box img {min-width: 100%;width: 100%;aspect-ratio: 5.5/2;}
#banner_box .img_box iframe , #banner_box .img_box video {position: absolute;width: 120%;top: -30%;right: 0;}
#banner_box .slick-dotted .slick-track { min-width: 100%; }
#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;z-index: 3;}
#banner_box .info_box .workframe{width: min(90vw, 1460px);}
#banner_box .info_box em{font-family: "Marmelad", sans-serif;font-size: 75px;display: block;font-style: unset;line-height: 1.2;color: white;}
#banner_box .info_box em:nth-child(2){color: var(--secondary);}
#banner_box .info_box .h3{font-size:40px;color: white;letter-spacing: 6px;font-weight: 400;margin: 15px 0 10px;}
#banner_box .info_box p{color:white;font-size: 24px;letter-spacing: .75px;}

@media screen and (max-width: 1440px){
    #banner_box .item:before{zoom:80%;}
	#banner_box .img_box img {aspect-ratio: 5/2;}
    #banner_box .info_box em{font-size: 55px;}
    #banner_box .info_box .h3{font-size:30px;}
    #banner_box .info_box p{font-size:18px;}
}
@media screen and (max-width: 1160px){
    #banner_box .img_box iframe, #banner_box .img_box video{top:0}
    #banner_box .item:before{zoom:70%;right:-5%}
    #banner_box .btn{display:none;}
	#banner_box .img_box img { aspect-ratio: 4.5/2.5; }
}
@media screen and (max-width: 980px){
    #banner_box .img_box iframe, #banner_box .img_box video{width:auto;height: 100%;left: -80%;}
    #banner_box .item:before{zoom:70%;right:-15%;opacity:.15}
    #banner_box .btn{display:none;}
	#banner_box .img_box img { aspect-ratio: 3.5/3; }
}
@media screen and (max-width: 640px){
    #banner_box .info_box .workframe{margin-top:20%}
    #banner_box .info_box em{font-size: 35px;}
    #banner_box .info_box .h3{font-size:20px;}
    #banner_box .info_box p{font-size:15px;}
    #banner_box .item:before{zoom:45%;}
    #banner_box .btn{display:none;}
	#banner_box .img_box img { aspect-ratio: 3/4; }
}