.hero-collage{position:relative;width:100%;height:380px;overflow:hidden;background-image:url(//mdphd.hiroshima-u.ac.jp/wp-content/themes/re74_mdph/css/../images/slider_background.png);background-repeat:no-repeat;background-position:top center;background-size:cover;background-color:#fff}.hero-collage__inner{position:relative;width:100%;height:100%}.hero-img{position:absolute;object-fit:cover;opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease;border-radius:10px}.hero-img.is-visible{opacity:1;transform:translateY(0)}.hero-img--1{top:15px;left:8%;width:22%;height:45%;transition-delay:0s}.hero-img--2{top:0;left:33%;width:40%;height:90%;transition-delay:.15s}.hero-img--3{top:20%;left:83%;width:18%;height:33%;transition-delay:.3s}.hero-img--4{bottom:0;left:70%;width:20%;height:46%;transition-delay:.45s}.hero-text{position:absolute;left:14%;bottom:8%;z-index:5;font-weight:500;font-size:3.5vw;color:#222;line-height:1.1}.hero-text_topline,.hero-text_bottomline{position:absolute;margin:0;display:inline-block;white-space:nowrap;background-color:rgba(255,255,255,.8);z-index:1}.hero-text_topline{top:-2.6em;left:0}.hero-text_bottomline{top:-.9em;left:4em}.hero-text_cross{position:absolute;top:-1.9em;left:2.6em;width:2.2em;max-width:max-content;height:auto;z-index:-1;pointer-events:none;font-size:inherit}@media (max-width:1024px){.hero-collage{height:260px}.hero-text_cross{max-width:none}}@media (max-width:600px){.hero-collage{height:140px}}