:root{--note-blue:#0b4ea2}.mv_with_note{display:flex;align-items:center;gap:32px}.mv_with_note .mv_img{flex:1;min-width:0}.mv_note{position:relative;flex:0 0 22%;max-width:280px;display:block;box-sizing:border-box;padding:34px 16px 18px;background:#fff;border:2px solid var(--note-blue);border-radius:16px;box-shadow:0 8px 24px rgb(11 78 162 / .15);text-decoration:none;transition:transform .2s,box-shadow .2s}.mv_note:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgb(11 78 162 / .25)}.mv_note img{display:block;width:100%;height:auto}.mv_note_label{position:absolute;top:-19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 18px;background:#fff;border:2px solid var(--note-blue);color:#222;font-size:12px;font-weight:700;letter-spacing:.05em;white-space:nowrap;border-radius:999px}.mv_note .mv_note_label img{width:58px;height:auto}.mv_note_btn{display:block;margin-top:14px;padding:11px 8px;background:var(--note-blue);color:#fff;font-size:15px;font-weight:700;line-height:1.4;text-align:center;border-radius:999px;transition:background .2s}.mv_note_btn::after{content:"→";display:inline-block;margin-left:6px;transition:transform .2s}.mv_note:hover .mv_note_btn::after{transform:translateX(4px)}@media (max-width:767px){.mv_with_note{flex-direction:column;gap:28px}.mv_with_note .mv_img{width:100%}.mv_note{flex:none;width:70%;max-width:260px}.mv_note_btn{font-size:14px;white-space:nowrap}}