/* スマートフォンFVの配置をここで統一。PCの構図には適用しない。 */
@media(max-width:640px){
 .hero{width:100%;min-height:0;aspect-ratio:auto;background:#f4f8fa}
 .hero:before,.hero-inner:before{display:none}
 .hero-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;width:100%;max-width:none;min-height:0;height:auto;aspect-ratio:auto;margin:0;padding:28px 20px 24px;gap:24px}
 .hero-copy-artwork{grid-column:1;grid-row:1;position:relative;inset:auto;min-width:0;width:100%;max-width:100%;margin:0;align-self:auto}
 .hero-copy-artwork h1{width:100%;gap:14px}
 .portrait-photo{grid-column:1;grid-row:2;display:block;position:relative;inset:auto;align-self:auto;justify-self:stretch;width:calc(100% + 40px);max-width:none;min-width:0;margin:0 -20px;aspect-ratio:4/3;overflow:hidden;-webkit-mask-image:none;mask-image:none}
 .portrait-photo:after{display:none}
 .portrait-photo .photo-crop{position:relative;width:100%;height:100%;overflow:hidden}
 .portrait-photo .photo-crop img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:70% center;transform:none;clip-path:none}
 .mayumikai-notice{grid-column:1;grid-row:3;position:relative;inset:auto;justify-self:stretch;min-width:0;width:100%;max-width:100%;margin:0;padding:18px 14px;border-radius:16px;font-size:16px;line-height:1.8}
 .mayumikai-notice h2{display:block;width:fit-content;max-width:100%;padding:0 0 6px;font-size:20px;line-height:1.6;letter-spacing:0;word-break:normal;overflow-wrap:normal}
 .mayumikai-notice p{overflow-wrap:break-word;word-break:normal}
}
/* スマホではコピーと写真を同じ行に重ねる。 */
@media(max-width:640px){
 .hero-inner{padding-top:0;grid-template-rows:auto auto;row-gap:24px}
 .portrait-photo{grid-row:1;aspect-ratio:4/5}
 .portrait-photo .photo-crop img{object-position:68% center}
 .hero-copy-artwork{grid-row:1;grid-column:1;z-index:2;align-self:start;justify-self:start;width:58%;max-width:58%;margin-top:20px;margin-left:-10px}
 .hero-copy-artwork h1{gap:8px;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #fff)}
 .mayumikai-notice{grid-row:2}
}