.main { width: 100%; background-color: #e50012; position: relative; padding-top: 2%; z-index: 10; }
.main img { width: 100%; height: auto; display: block; }
.main .main-logo { position: absolute; top: 7.5%; right: 5%; width: 14%; }
.main .main-visual { width: 96%; margin: 0 auto 0; border-radius: 2rem; overflow: hidden; position: relative; background-color: #fff; }
.main .main-visual .main-visual-img { opacity: 0; transform-origin: 50% 75%; }
.main .main-visual .main-copy1 { position: absolute; top: 3.5%; left: 20%; width: 60%; opacity: 0; }
.main .main-visual .main-copy1 .line2 { width: 38%; margin: 1% auto 0; filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px #fff); }
.main .main-visual .main-flag-vietnam { position: absolute; top: 1%; left: 18%; width: 15%; transform: rotate(340deg); opacity: 0; }
.main .main-visual .main-flag-japan { position: absolute; top: 1%; right: 18%; width: 15%; transform: rotate(20deg); opacity: 0; }
.main .main-block { width: 95%; padding: 2% 0; margin: 0 auto 0; display: flex; justify-content: space-between; }
.main .main-block .main-copy2 { width: 72.9323308271%; margin-left: 1%; opacity: 0; }
.main .main-block .main-badge { width: 25.2%; margin-right: -1%; margin-top: -4.5%; margin-bottom: -10%; z-index: 10; position: relative; }
.main .main-block .main-badge .main-badge-img { filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.6)); position: relative; }
.main .main-block .main-badge::after { content: ""; display: block; transform: translate(-50%, -50%); position: absolute; top: 42.5%; left: 50%; width: 110%; height: 110%; background-image: url("../img/main/badge_effect.webp"); mix-blend-mode: color-dodge; background-size: contain; background-repeat: no-repeat; background-position: center center; }