html:has(body[data-page="top-video"]){--page-color:#0860c7!important}
body[data-page="top-video"]{background:#0860c7;--page-color:#0860c7!important}
body[data-page="top-video"] .logoHeader{width:158px;height:24px;mix-blend-mode:normal}
body[data-page="top-video"] .logoHeader .logo .img{opacity:0}
body[data-page="top-video"] .logoHeader .logo .img:first-child{opacity:1}
body[data-page="top-video"] .logoHeader .logo .gif{display:none}
body[data-page="top-video"] .menuArea .menuList .link{color:#fff}
body[data-page="top-video"] .copyrightFixedArea{color:#fff}
.topVideoArea{min-height:100svh;box-sizing:border-box;padding:120px 100px 100px 240px;display:flex;align-items:center;justify-content:center}
.topVideoFrame{position:relative;width:100%;max-width:1440px;aspect-ratio:16/9;background:#000}
.topVideoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:768px){body[data-page="top-video"] .logoHeader{width:124px;height:19px}.topVideoArea{padding:100px 20px 80px;min-height:100svh}.topVideoFrame{min-height:200px}}

body[data-page="top-video"] .logoHeader .logo .img:first-child{width:158px;left:0;top:0;transform:none;filter:invert(1)}
@media(max-width:768px){body[data-page="top-video"] .logoHeader .logo .img:first-child{width:124px}}