#banner{margin-top: 90px;position: relative;}
#banner:before{content:url(/images/01/img-molecule1.png);position: absolute;bottom: -100px;left: -40px;z-index: 2;animation: bannerMoleculeFloat 7s ease-in-out infinite;transform-origin: center center;}
#banner_box , #banner_box .item , #banner_box .img_box { position: relative; }
#banner_box .img_box img {min-width: 100vw;width: 100vw;aspect-ratio: 12/5;position: relative;z-index: 1;}
#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;z-index: 5;}
#banner_box .info_box {width: 100%;height: 80%;display: flex;align-items: center;top: 0;left: 0;display: none;}

@keyframes bannerMoleculeFloat {
  0% { transform: translate(0,0) rotate(0deg); opacity: 0.75; }
  35% { transform: translate(12px,-18px) rotate(4deg); opacity: 1; }
  70% { transform: translate(-8px,-10px) rotate(-3deg); opacity: 0.85; }
  100% { transform: translate(0,0) rotate(0deg); opacity: 0.75; }
}

@media screen and (max-width: 1440px){
    #banner:before{zoom:80%;left: -70px;}
}
@media screen and (max-width: 1160px){
    #banner:before{zoom: 55%;bottom: -160px;}
    #banner_box .img_box iframe, #banner_box .img_box video{width:auto}
	#banner_box .img_box img {aspect-ratio: 5.5/3;}
}
@media screen and (max-width: 640px){
    #banner{margin-top: 75px;}
	#banner:before{display: none;}
}