.video{position:relative}.video__src{position:absolute;top:0;left:0;width:100%;height:100%}.video__src video,.video__src iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video__src:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--color-black);opacity:.2;pointer-events:none}.video__play{position:absolute;display:flex;align-items:center;justify-content:center;width:56px;height:56px;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;backface-visibility:hidden;background-color:var(--color-white);border-radius:50%;color:var(--color-primary);transition:opacity var(--t),background var(--t),width var(--t),height var(--t)}.promo-box .video__play{width:72px;height:72px}.video__play .icon-svg{width:28px;height:28px}.promo-box .video__play .icon-svg{width:32px;height:32px;margin-left:1px}.is-playing .video__play{opacity:0;pointer-events:none}.video__bg{aspect-ratio:16/9;background:url(/img/illust/banner-bg.jpg) var(--color-primary) 50%;background-size:cover}.video__bg img{aspect-ratio:16/9}.video__title{margin-bottom:40px}@media(min-width:999px){.video__title{text-align:center}.video__play,.promo-box .video__play{width:100px;height:100px}.video__play .icon-svg{width:48px;height:48px;margin-left:2px;transition:width var(--t),height var(--t)}.promo-box .video__play .icon-svg{width:48px;height:48px;margin-left:2px}}@media(hover:hover){.video__play:hover{width:108px;height:108px;background-color:var(--color-inverse-hover)}.video__play:hover .icon-svg{width:52px;height:52px;margin-left:2px}}