#main { width: 100%; }
#main a { display: block; position: relative; overflow: hidden; padding-bottom: 57.5%; }
#main .main-visual { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transform-origin: 70% 30%; }
#main .main-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#main .main-grd { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); }
#main .main-bnr { width: 62.65625%; position: absolute; top: 36.9565217391%; left: 0%; z-index: 3; background-color: #000; }
#main .main-bnr img { opacity: 0; }
#main .main-rectline { width: 28.4375%; position: absolute; top: 11.5489130435%; left: 50.9375%; z-index: 4; transform: translate3d(0px, 0px, 0px); }
#main .main-txt { width: 17.8125%; position: absolute; top: 19.5%; left: 42.0%; z-index: 5; padding: 0.5% 0.5%; }
#main .main-txt .main-txt-line { content: ""; width: 100%; height: 3px; margin-top: 3%; background-color: #fff; filter: drop-shadow(0 0 10px white); transform-origin: left center; }
#main .caption { z-index: 9; }
#main .main-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 10; }
@media screen and (max-width: 768px) { #main a { padding-bottom: 113.2075471698%; }
  #main .main-rectline { width: 44.6540880503%; top: 14.2%; left: 21.0%; }
  #main .main-txt { width: 29%; top: 27.5%; left: 7%; }
  #main .main-txt .main-txt-line { height: calc(0.4vw + 0.5px); }
  #main .main-bnr { width: 100%; top: 64.3055555556%; left: 0%; } }