/* メインビジュアル専用。写真はindex.htmlのpictureで指定します。 */
body.pj-home {
 --pj-hero-position-pc: 50% 43%;
 --pj-hero-position-tablet: 50% 43%;
 --pj-hero-position-mobile: 57% 40%;
 --pj-hero-tablet-height: 360px;
 --pj-hero-mobile-height: 260px;
}
body.pj-home .pj-hero-image{background-image:none!important}
body.pj-home .pj-hero-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pj-hero-position-pc)}
@media(min-width:701px) and (max-width:999px){
 body.pj-home .pj-hero{display:block!important;height:auto!important;min-height:0!important;flex-shrink:0!important}
 body.pj-home .pj-hero-image{position:relative!important;inset:auto!important;display:block!important;z-index:0!important;height:var(--pj-hero-tablet-height)!important;min-height:0!important}
 body.pj-home .pj-hero-image>img{object-position:var(--pj-hero-position-tablet)}
 body.pj-home .pj-hero-overlay{display:block;height:auto;background:white}
 body.pj-home .pj-hero-copy{width:100%!important;max-width:none!important;margin:0!important;padding:24px 30px 30px;text-align:center}
 body.pj-home .pj-hero-actions{justify-content:center}
}
@media(max-width:700px){
 body.pj-home .pj-hero-image{height:var(--pj-hero-mobile-height)!important;min-height:var(--pj-hero-mobile-height)!important}
 body.pj-home .pj-hero-image>img{object-position:var(--pj-hero-position-mobile)}
}