.slogan-page{--font-noto-sans-jp:"Noto Sans JP",sans-serif;--font-open-sans:"Open Sans",sans-serif;--color-primary:#044362;--color-link:#0080ff;--color-text:#333;--color-muted:#a1bac9;--color-bg:#e6eef5;font-family:var(--font-noto-sans-jp)}.font-en .slogan-page{font-family:var(--font-open-sans),sans-serif}.slogan-page #slogan-area{z-index:1;min-height:200lvh;position:relative}.slogan-page .main-content{z-index:3;isolation:isolate;position:relative}.slogan-page .container{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:1280px){.slogan-page .container{padding-left:0;padding-right:0}}.slogan-page .two-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.slogan-page .two-column-grid{grid-template-columns:repeat(2,1fr)}}.slogan-page .three-column-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.slogan-page .three-column-grid{grid-template-columns:repeat(3,1fr)}}.slogan-page .main-content{flex:1;padding-bottom:80px}@media (min-width:640px){.slogan-page .main-content{padding-bottom:0}}.slogan-page .content-wrapper{margin-top:10px}@media (min-width:640px){.slogan-page .content-wrapper{margin-top:13px}}.slogan-page .breadcrumb{margin-bottom:28px;font-size:11px}.slogan-page .breadcrumb ol{flex-wrap:wrap;align-items:center;gap:3px;margin:0;padding:0;list-style:none;display:flex}.slogan-page .breadcrumb li{align-items:center;display:flex}.slogan-page .breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color .2s}.slogan-page .breadcrumb a:hover{color:var(--color-link)}.slogan-page .breadcrumb .separator{color:var(--color-primary);margin:0 0 0 5px}.slogan-page .breadcrumb .current{color:var(--color-link)}@media (min-width:640px){.slogan-page .breadcrumb{margin-bottom:36px;font-size:12px}.slogan-page .breadcrumb ol{gap:4.25px}}.slogan-page .page-title{color:var(--color-primary);margin:0 0 32px;font-size:24px;font-weight:400}@media (min-width:640px){.slogan-page .page-title{font-size:32px}}.slogan-page .section{background:#fff;border-radius:8px;margin-bottom:32px;padding:24px}@media (min-width:640px){.slogan-page .section{padding:32px}}.slogan-page .section-title{color:var(--color-primary);margin:0 0 16px;font-size:20px;font-weight:700}@media (min-width:640px){.slogan-page .section-title{font-size:24px}}.slogan-page .section-subtitle{color:var(--color-primary);margin:0 0 12px;font-size:18px;font-weight:700}.slogan-page .section p{color:var(--color-text);margin:0 0 16px;line-height:1.625}.slogan-page .section p:last-child{margin-bottom:0}.slogan-page .section ul{color:var(--color-text);margin:0;padding-left:1.5em}.slogan-page .section ul li{margin-bottom:8px}.slogan-page .section ul li:last-child{margin-bottom:0}.slogan-page .hero-container{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 20px);display:flex;position:relative}.slogan-page .hero-bg{width:100%;height:100%;position:absolute;inset:0}.slogan-page .hero-bg img{object-fit:cover;width:100%;height:100%}.slogan-page .hero-content{z-index:10;text-align:center;color:#fff;padding:0 16px;position:relative}.slogan-page .hero-title{margin-bottom:16px;font-size:30px;font-weight:700}.slogan-page .hero-subtitle{font-size:18px}@media (min-width:1024px){.slogan-page .hero-title{font-size:48px}.slogan-page .hero-subtitle{font-size:20px}}.slogan-page .slogan__desktop{display:block}.slogan-page .slogan__mobile{display:none}.slogan-page .pc-only{display:block}.slogan-page .sp-only{display:none}@media (max-width:768px){.slogan-page .pc-only{display:none}.slogan-page .sp-only{display:block}}.slogan-page .slogan__copy1{--slogan-fv-inset:calc(10px*(1 - var(--slogan-fv-progress,0)));width:100%;min-height:calc(100vh - 20px);padding:10px;position:relative}.slogan-page .fv__slogan{margin-bottom:100lvh}.slogan-page .slogan__bg{top:var(--slogan-fv-inset,10px);left:var(--slogan-fv-inset,10px);right:var(--slogan-fv-inset,10px);bottom:var(--slogan-fv-inset,10px);z-index:0;pointer-events:none;opacity:0;will-change:opacity,top,left,right,bottom;width:auto;height:auto;transition:opacity .45s,top 80ms linear,left 80ms linear,right 80ms linear,bottom 80ms linear;position:fixed}.slogan-page .slogan__copy1,.slogan-page .slogan__wrap,.slogan-page .movie__area,.slogan-page .slogan__mobile-intro{z-index:2;position:relative}.slogan-page .slogan__bg.is-active{opacity:1}.slogan-page .slogan__bg img{object-fit:cover;width:100%;height:100%}.slogan-page .slogan__title{z-index:1;justify-content:space-between;align-items:center;width:100%;padding:0 100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(10px - 50%))}@media (max-width:980px){.slogan-page .slogan__title{padding:0 25px}}.slogan-page .slogan__title h1{margin:0;line-height:1}.slogan-page .slogan__title h1 img{height:auto;display:block}.slogan-page .slogan__title p{margin:0;line-height:1}.slogan-page .slogan__title p img{height:auto;display:block}.slogan-page .slogan__copy1 .breadcrumb{z-index:1;position:absolute;bottom:0;left:100px}.slogan-page .slogan__copy1 .breadcrumb .current{color:#fff}.slogan-page .slogan__copy1 .breadcrumb a,.slogan-page .slogan__copy1 .breadcrumb .separator{opacity:.5;color:#fff}.slogan-page .slogan__copy2{width:100%;position:relative}.slogan-page .slogan__wrap{width:100%;min-height:0;padding-bottom:37lvh;position:relative}.slogan-page .slogan__copy-block{display:block}.slogan-page .slogan__wrap p{color:var(--color-primary);margin:0;font-size:22px;font-weight:400;line-height:3;position:relative;top:auto;transform:none}.slogan-page .slogan__copy-text--pc{display:inline}.slogan-page .slogan__copy-text--sp{display:none}.slogan-page .slogan__copy-line{height:66px;line-height:66px;display:inline-block}.slogan-page .slogan__copy-line-inner{line-height:66px;display:inline-block}.slogan-page .slogan__copy--left p{margin-left:100px;left:auto}.slogan-page .slogan__copy--right p{width:fit-content;margin-left:auto;margin-right:100px;left:auto}.slogan-page .movie__area{aspect-ratio:16/9;background-color:#000;width:100%;max-width:640px;margin:0 auto 480px;position:relative}.slogan-page .movie__area iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.slogan-page #slogan-area.slogan-live-area .slogan__bg{opacity:0;transition:opacity .32s ease-out;animation:none}.slogan-page #slogan-area.slogan-live-area .slogan__bg.is-active{opacity:1}@media (max-width:768px){.slogan-page #slogan-area.slogan-live-area:before,.slogan-page #slogan-area.slogan-live-area:after{content:"";height:var(--slogan-fv-inset,10px);background-color:var(--color-bg);pointer-events:none;z-index:4;transition:height 80ms linear;position:fixed;left:0;right:0}.slogan-page #slogan-area.slogan-live-area:before{top:0}.slogan-page #slogan-area.slogan-live-area:after{bottom:0}.slogan-page #slogan-area.slogan-live-area .slogan__mobile .slogan__mobile-fv{min-height:100lvh;position:relative}.slogan-page #slogan-area.slogan-live-area .slogan__mobile .slogan__bg-stack{pointer-events:none;z-index:0;width:100%;height:100lvh;position:sticky;top:0}.slogan-page #slogan-area.slogan-live-area .slogan__mobile .slogan__content-layer{z-index:2;position:relative}.slogan-page #slogan-area.slogan-live-area .slogan__mobile .slogan__bg-stack .slogan__bg{box-sizing:border-box;width:100%;height:100lvh;padding:var(--slogan-fv-inset,10px);pointer-events:none;position:absolute;inset:0}.slogan-page .slogan__desktop{display:none}.slogan-page .slogan__mobile{display:block;position:relative}.slogan-page .slogan__mobile .slogan__mobile-fv{min-height:100lvh;position:relative}.slogan-page .slogan__mobile .slogan__content-layer{z-index:2;margin-top:-50lvh;position:relative}.slogan-page .slogan__mobile .slogan__bg{will-change:opacity;transition:opacity .18s linear}.slogan-page .slogan__mobile .slogan__mobile-intro{padding:calc(50svh - 175px) 30px 0}.slogan-page .slogan__mobile .slogan__mobile-intro .slogan__title{width:100%;padding:0;display:block;position:relative;top:auto;left:auto;transform:none}.slogan-page .slogan__mobile .slogan__mobile-intro .slogan__title h1{width:100%}.slogan-page .slogan__mobile .slogan__mobile-intro .breadcrumb{margin-top:30px;margin-bottom:0;position:relative;bottom:auto;left:auto}.slogan-page .slogan__mobile .slogan__mobile-intro .breadcrumb .current{color:#fff}.slogan-page .slogan__mobile .slogan__mobile-intro .breadcrumb a,.slogan-page .slogan__mobile .slogan__mobile-intro .breadcrumb .separator{opacity:.5;color:#fff}.slogan-page .slogan__mobile .slogan__copy-block{align-items:flex-start;display:flex}.slogan-page .slogan__mobile .slogan__wrap{padding-bottom:0}.slogan-page .slogan__wrap p{margin-top:calc(50lvh - 72px);padding:0 15px;font-size:15px;font-weight:400;line-height:3}.slogan-page .slogan__copy-text--pc{display:none}.slogan-page .slogan__copy-text--sp{display:inline}.slogan-page .slogan__copy-line{height:45px;line-height:45px}.slogan-page .slogan__copy-line-inner{line-height:45px}.slogan-page .slogan__copy--left p{margin-left:0;left:auto}.slogan-page .slogan__copy--right p{width:auto;margin-left:0;margin-right:0;left:auto;right:auto}.slogan-page .slogan__mobile .slogan__copy6{padding-bottom:200lvh}.slogan-page .movie__area{max-width:93%;height:200px;margin:-150lvh auto 160px}.slogan-page .play__mark img{object-fit:cover;width:100%;height:100%}.slogan-page .main-content{padding-bottom:0}}
