#banner{position: relative;position: fixed;top: 0;left: 0;z-index: 10;width: 100%;}
#banner::before {
  content: "";
  display: block;
  pointer-events: none;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 100px;
  z-index: 2;
}

#banner::after {
  content: "";
  display: block;
  pointer-events: none;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  right: 100px;
  bottom: auto;
  left: auto;
  z-index: 1;
}
#banner_box::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(180deg, rgb(7 7 7 / 40%) 0%, transparent 70%);
    pointer-events: none;
}
#banner_box::before {
    content: "";
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-image: url(/images/01/bg-material.jpg);
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .7;
}
#banner_box , #banner_box .item , #banner_box .img_box { position: relative; }
#banner_box .img_box{
    position: relative;
    width: 110vw;
    height: 110vh;
}
#banner_box .img_box img {min-width: 120vw;width: 100vw;}
#banner_box .img_box iframe , #banner_box .img_box video {position: absolute;width: 100%;height: auto;left: 0;top: 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;}

@media screen and (max-width: 1160px){
    #banner_box .img_box{
    height: 70vh;
}
	#banner_box .img_box img {aspect-ratio: 6/3;}
    #banner_box .img_box iframe, #banner_box .img_box video{
    width: auto;
    height: 100%;
}
    #banner::before{
    left: 75px;
}
    #banner::after{
    right: 75px;
}
}

@media screen and (max-width: 640px){
        #banner_box .img_box{
    height: 60vh;
}
        #banner_box .img_box video{
    left: -30%;
}

}