@charset "utf-8";

/* main visual */
.main_visual { overflow:hidden; background:linear-gradient(180deg,#f5e5e4 0%,#ff93c2 100%); }
.main_visual_scene { position:relative; display:flex; width:100%; max-width:1920px; margin:0 auto; padding-top:130px; align-items:flex-end; justify-content:center; isolation:isolate; }
.main_visual_title { position:absolute; z-index:-1; top:420px; display:flex; width:100%; max-width:1440px; flex-direction:column; color:var(--color_primary); font-family:"MedievalSharp", serif; font-size:200px; font-weight:400; line-height:1.2; }
.main_visual_word { display:block; align-self:flex-start; color:inherit; font:inherit; white-space:nowrap; }
.main_visual_word:first-child { margin-left:clamp(0px,calc(100% - 1030px),60px); }
.main_visual_word + .main_visual_word { align-self:flex-end; margin-top:-40px; }
.visual_glyph { display:inline-block; color:inherit; font:inherit; }
.main_visual_portrait { width:100%; max-width:585px; }
.portrait_motion { width:100%; }
.main_visual_portrait img { display:block; width:100%; height:auto; }

/* hover */
@media (hover: hover) and (pointer:fine){
  .main_visual { cursor:default; }
  .main_visual_word.is_waving .visual_glyph { will-change:transform; }
}

@media (max-width:1024px){
  .main_visual_scene { padding-top:205px; }
  .main_visual_title { top:105px; align-items:center; font-size:60px; text-align:center; }
  .main_visual_word, .main_visual_word + .main_visual_word { align-self:center; margin:0; }
  .main_visual_portrait { width:calc(100% - 30px); }
}