:root{--fv-navy:#14132f;--fv-yellow:#E60039;--fv-white:#fff}
.fv-html{container-type:inline-size;position:relative;width:100%;aspect-ratio:638/360;overflow:hidden;isolation:isolate;background:#14132f;color:#fff}

.fv-html__photo{position:absolute;z-index:-5;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:contrast(1.04) saturate(1.05) brightness(1.02)}
.fv-html__shade{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,rgba(20,19,47,.86) 0%,rgba(20,19,47,.66) 30%,rgba(20,19,47,.30) 56%,rgba(20,19,47,0) 74%)}


.fv-html__copy{position:absolute;z-index:2;top:27%;left:4.5%;width:50%;transform:rotate(-3.8deg);transform-origin:left top}
.fv-html__catch{display:flex;flex-direction:column;align-items:flex-start;margin:0;color:#fff;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:7.6cqw;font-weight:900;line-height:1.08;letter-spacing:-.085em;text-shadow:0 .6cqw 1.2cqw rgba(0,0,0,.38);font-style:italic;transform:scaleX(.91) scaleY(1.08);transform-origin:left top}
.fv-html__catch span{white-space:nowrap}
.fv-html__script{width:max-content;margin:-2.5cqw 0 0 14cqw;color:#FF7D99;font-family:"Snell Roundhand","Brush Script MT","Caveat",cursive;font-size:5.2cqw;font-weight:700;line-height:1;letter-spacing:.01em;text-shadow:0 .35cqw .55cqw rgba(0,0,0,.42);transform:rotate(-7deg)}
.fv-html__statement{position:absolute;z-index:3;left:5.7%;bottom:19%;display:flex;flex-direction:column;align-items:flex-start;gap:1.5cqw;margin:0;font-size:1.38cqw;font-weight:700;line-height:1.3;letter-spacing:.03em;transform:rotate(-1.2deg)}
.fv-html__statement span{padding:.42cqw .75cqw .48cqw;background:rgba(20,19,47,.84);box-shadow:.22cqw .22cqw 0 rgba(230,0,57,.24);white-space:nowrap}
.fv-html__news{position:absolute;z-index:4;left:2.8%;bottom:5.5%;width:24%;height:4.2%;min-height:28px;box-sizing:border-box;overflow:hidden;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.65cqw;padding:0 1.25cqw;background:#fff;color:var(--fv-navy);text-decoration:none;border-radius:100vmax;box-shadow:0 .3cqw .8cqw rgba(0,0,0,.12)}
.fv-html__news b{font-family:'Oswald','Oswald Fallback',sans-serif;font-size:max(11px,.72cqw);letter-spacing:.1em;color:#004098}
.fv-html__news time{font-size:max(11px,.56cqw);color:#9299a6;white-space:nowrap}
.fv-html__news span{overflow:hidden;font-size:max(11px,.62cqw);font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.fv-html__news i{font-style:normal;font-size:max(11px,.9cqw)}

@media(max-width:1199px){.fv-html__news time{display:none}}
.fv-html__news:focus-visible{outline:3px solid #e60039;outline-offset:3px}

.fv-html__trial{position:absolute;z-index:4;right:2.8%;bottom:5.5%;height:7%;min-height:0;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;gap:.9cqw;padding:0 2.6cqw;
  border:0;border-radius:100vmax;background:linear-gradient(160deg,#E60039,#C4002F);color:#fff;
  font-size:1.15cqw;font-weight:700;letter-spacing:.06em;line-height:1;white-space:nowrap;text-align:center;
  text-decoration:none;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.22);transition:filter .2s}
.fv-html__trial:hover{filter:brightness(.94)}
.fv-html__trial b{color:#fff;font-size:1.35cqw;font-weight:700;line-height:1;margin:0}
.fv-html a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:767px){
  
  
  .fv-html{aspect-ratio:1080/1385}
  .fv-html__photo{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}
  .fv-html__shade{background:linear-gradient(180deg,rgba(20,19,47,.14) 0%,rgba(20,19,47,.10) 30%,rgba(20,19,47,.55) 52%,rgba(20,19,47,.78) 72%,rgba(20,19,47,.86) 100%)}
  .fv-html__copy{top:auto;bottom:30%}
  .fv-html__catch{font-size:12cqw;line-height:1.14}
  .fv-html__script{font-size:8cqw;margin-top:-1cqw}
  .fv-html__statement{font-size:max(12px,3cqw);bottom:15%;gap:1.6cqw}
  
  
  .fv-html__news{left:3.5%;right:auto;width:62%;max-width:280px;bottom:3.2%;height:max(34px,7.2cqw);min-height:28px;
    grid-template-columns:auto auto minmax(0,1fr) auto;gap:1.1cqw;padding:0 2.8cqw;border-radius:100vmax}
  .fv-html__news b{font-size:max(11px,2.1cqw)}
  .fv-html__news time{display:none}
  .fv-html__news span{font-size:max(11px,1.8cqw)}
  .fv-html__news i{font-size:max(11px,2.4cqw)}
  
  .fv-html__trial{right:2.8%;bottom:auto;top:4.5%;height:auto;padding:1.5cqw 3.4cqw;font-size:max(11px,2.5cqw);gap:1.4cqw}
  .fv-html__trial b{font-size:max(11px,2.8cqw)}
}
@media(prefers-reduced-motion:reduce){.fv-html *{transition:none!important}}