:root{font-size:1.1713vw;--side: 2rem;--head: 4.375rem}@media screen and (min-width: 1367px){:root{font-size:16px}}@media screen and (max-width: 768px){:root{font-size:14px;--side: 5%;--head: 3.75rem}}@media screen and (max-width: 767px){:root{font-size:14px;--head: 3.75rem;--side: 5%}}.hero{position:fixed;width:100%;height:100vh;overflow:hidden;z-index:1}.hero-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.site-prologue{position:relative;z-index:2}.site-prologue section{background-color:#e6e6e6}.site-prologue section .splide__pagination{margin-top:3.125rem;position:relative;bottom:0}@media screen and (max-width: 767px){.site-prologue section .splide__pagination{margin-top:2.125rem}}.site-prologue section .splide__pagination__page{width:.9375rem;height:.9375rem;border:.1875rem solid #333;background-color:#e6e6e6}@media screen and (max-width: 767px){.site-prologue section .splide__pagination__page{width:.75rem;height:.75rem}}.site-prologue section .splide__pagination__page.is-active{background-color:#333;transform:none}.site-prologue section .splide__arrows{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;gap:3.4375rem}@media screen and (max-width: 767px){.site-prologue section .splide__arrows{gap:2.75rem}}.site-prologue section .splide__arrows .splide__arrow{position:static;border-radius:0;width:clamp(79px,8vw,115px);height:auto;aspect-ratio:115/50;border:2px solid #295c91;background:url(../../images/prologue/arrow_01.svg) no-repeat center;background-size:auto 70%;transform:none}.site-prologue section .splide__arrows .splide__arrow svg{display:none}.site-prologue section .splide__arrows .splide__arrow.splide__arrow--next{transform:scale(-1, 1)}.site-prologue .firstview{width:100%;height:100vh;font-family:"Noto Serif JP","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;font-size:1rem;font-feature-settings:"palt";letter-spacing:.04em;color:#fff;background-color:initial;position:relative}.site-prologue .firstview .fv__content{position:absolute;bottom:3.125rem;right:0}@media screen and (max-width: 767px){.site-prologue .firstview .fv__content{width:85%;bottom:2.125rem}}@media screen and (max-width: 767px){.site-prologue .firstview .fv__content img{max-width:100%;height:auto}}.site-prologue .project{overflow:hidden}.site-prologue .project .hgroup:not(:first-child){margin-top:6.25rem}@media screen and (max-width: 767px){.site-prologue .project .hgroup:not(:first-child){margin-top:5rem}}.site-prologue .project .hgroup .en{background-color:#295c91;color:#fff;display:inline-flex;align-items:center;line-height:1;font-size:1.4375rem;font-weight:700;padding:.75rem 1rem .65rem}@media screen and (max-width: 767px){.site-prologue .project .hgroup .en{font-size:1rem}}.site-prologue .project .hgroup .en>span{display:block;font-size:2.5rem;line-height:.8;padding-left:1rem;margin-left:1rem;border-left:1px solid #fff}@media screen and (max-width: 767px){.site-prologue .project .hgroup .en>span{font-size:1.5rem;padding-left:.5rem;margin-left:.5rem}}.site-prologue .project .hgroup .jp{font-size:2.5rem;font-weight:700;color:#295c91;background-color:#fff;border:2px solid #295c91;padding:0 1rem .1rem}@media screen and (max-width: 767px){.site-prologue .project .hgroup .jp{font-size:1.45rem;padding:0 .5rem .1rem}}.site-prologue .project .hgroup .min{color:#295c91;font-size:2.8125rem;line-height:1.4}@media screen and (max-width: 767px){.site-prologue .project .hgroup .min{font-size:1.375rem}}.site-prologue .project .splide{margin-top:1.875rem}.site-prologue .project .splide .splide__track{overflow:visible}.site-prologue .project .splide .splide__slide{width:clamp(280px,52vw,750px)}.site-prologue .project .splide .splide__slide:not(.is-visible) img{pointer-events:none;opacity:.4}.site-prologue .project .splide img{display:block;width:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover}.site-prologue .project .prj__box__image{display:block;margin:3.125rem 0 2rem}@media screen and (max-width: 767px){.site-prologue .project .prj__box__image{margin:1.45rem 0 2.125rem}}.site-prologue .project .prj__box__image img{max-width:100%;height:auto}@media screen and (max-width: 767px){.site-prologue .project .prj__box__image img{aspect-ratio:173/61}}.site-prologue .project .prj__box__detail{border:2px solid #295c91;padding:2rem 1.75rem;line-height:2}@media screen and (max-width: 767px){.site-prologue .project .prj__box__detail{padding:1rem}}.site-prologue .project .prj__box__reference{display:block;text-align:right;color:#295c91;font-size:.625rem;margin-top:1.25rem}.site-prologue .project .prj__box__reference a{display:block;color:#295c91}.site-prologue .business{overflow:hidden}.site-prologue .business .splide{margin-bottom:7.5rem}@media screen and (max-width: 767px){.site-prologue .business .splide{margin-bottom:3.6rem}}.site-prologue .business .splide .splide__track{overflow:visible}.site-prologue .business .splide .splide__slide{width:clamp(200px,32vw,494px)}.site-prologue .business .splide img{display:block;width:100%;aspect-ratio:247/150;-o-object-fit:cover;object-fit:cover}.site-prologue .business .bsn__box{display:grid;grid-template-columns:repeat(2, 1fr);gap:3.125rem .625rem}@media screen and (max-width: 767px){.site-prologue .business .bsn__box{display:block}}.site-prologue .business .bsn__box dl{border-top:2px solid #295c91;border-bottom:2px solid #295c91;padding:5px 0;display:grid;grid-template-columns:auto 1fr}@media screen and (max-width: 767px){.site-prologue .business .bsn__box dl{margin-bottom:1.125rem;grid-template-columns:24% 1fr}}.site-prologue .business .bsn__box dl dt{border-top:1px solid #295c91;border-bottom:1px solid #295c91;color:#295c91;font-size:1.25rem;line-height:1.3;text-align:center;padding:.15rem 1.25rem 0}@media screen and (max-width: 767px){.site-prologue .business .bsn__box dl dt{font-size:1.125rem;padding:.15rem .5rem 0}}.site-prologue .business .bsn__box dl dt small{display:block;font-family:"Josefin Sans",sans-serif;font-size:.8125rem;font-weight:400}.site-prologue .business .bsn__box dl dd{border-top:1px solid #295c91;border-bottom:1px solid #295c91;border-left:1px solid #295c91;font-size:1.5625rem;padding:0 1.25rem;display:grid;align-items:center}@media screen and (max-width: 767px){.site-prologue .business .bsn__box dl dd{font-size:1.45rem}}.site-prologue .business .bsn__box dl.works{width:-moz-fit-content;width:fit-content;margin-bottom:1.25rem}@media screen and (max-width: 767px){.site-prologue .business .bsn__box dl.works{display:block;width:24%}}.site-prologue .business .bsn__box__works{grid-column:span 2/span 2}.site-prologue .business .bsn__box__works figure{display:grid;grid-template-columns:repeat(5, 1fr);gap:.75rem;margin-bottom:3.125rem}@media screen and (max-width: 767px){.site-prologue .business .bsn__box__works figure{display:flex;flex-flow:row wrap;justify-content:center;margin-bottom:1.45rem}}.site-prologue .business .bsn__box__works figure img{max-width:100%;height:auto}@media screen and (max-width: 767px){.site-prologue .business .bsn__box__works figure img{max-width:31%}}.site-prologue .business .bsn__box__works figure img.hide{opacity:.5}.site-prologue .business .bsn__box__works ul li{border-top:3px solid #295c91;border-bottom:3px solid #295c91;background-color:#fff;color:#295c91;font-size:1.5625rem;font-weight:600;padding:.75rem 1.875rem}@media screen and (max-width: 767px){.site-prologue .business .bsn__box__works ul li{font-size:.725rem;padding:.25rem .625rem;border-width:2px}}.site-prologue .business .bsn__box__works ul li:not(:last-child){margin-bottom:1.25rem}@media screen and (max-width: 767px){.site-prologue .business .bsn__box__works ul li:not(:last-child){margin-bottom:.625rem}}.site-prologue .story.slide{overflow:hidden}.site-prologue .story.slide .hgroup{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.5rem;margin-bottom:4.5rem}@media screen and (max-width: 767px){.site-prologue .story.slide .hgroup{gap:1rem;margin-bottom:3rem}}.site-prologue .story.slide .hgroup .en{color:#295c91;font-size:6.25rem;font-weight:500;line-height:1}@media screen and (max-width: 767px){.site-prologue .story.slide .hgroup .en{font-size:2.1875rem;font-weight:700}}.site-prologue .story.slide .hgroup .jp{font-size:1.25rem;font-weight:700;line-height:1.5;border-left:3px solid #295c91;padding:.5rem 0 .5rem 2.5rem;margin-bottom:1.25rem}@media screen and (max-width: 767px){.site-prologue .story.slide .hgroup .jp{font-size:1rem;padding:0 0 0 1rem;margin-top:.5rem}}.site-prologue .story.slide .story__box{display:grid;grid-template-columns:repeat(4, 1fr);gap:.875rem}@media screen and (max-width: 767px){.site-prologue .story.slide .story__box{grid-template-columns:repeat(2, 1fr)}}.site-prologue .story.slide .story__box .story__box__case{position:relative}.site-prologue .story.slide .story__box figure{border:3px solid #295c91;outline:3px solid #295c91;outline-offset:-12px}@media screen and (max-width: 767px){.site-prologue .story.slide .story__box figure{border-width:2px;outline-width:2px;outline-offset:-8px}}.site-prologue .story.slide .story__box figure img{display:block;width:100%;aspect-ratio:45/37;-o-object-fit:cover;object-fit:cover}.site-prologue .story.slide .story__box span{display:inline-block;background-color:#295c91;color:#fff;font-size:.975rem;padding:2px .85rem}@media screen and (max-width: 767px){.site-prologue .story.slide .story__box span{font-size:1rem}}.site-prologue .story.slide .story__box p{background-color:#295c91;color:#fff;font-family:"Noto Serif JP","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;font-size:1rem;font-feature-settings:"palt";letter-spacing:.04em;font-size:1rem;font-weight:700;line-height:1.4;padding:.25rem .75rem;min-height:3.25rem}@media screen and (max-width: 767px){.site-prologue .story.slide .story__box p{font-size:.875rem}}.site-prologue .story.slide .splide{padding-bottom:5rem}.site-prologue .story.slide .splide .splide__track{overflow:visible}.site-prologue .story.detail{background-color:#e6e6e6;padding-bottom:12.5rem}@media screen and (max-width: 767px){.site-prologue .story.detail{padding-bottom:10.75rem}}.site-prologue .story.detail .inner{background-color:#295c91;padding:2.5rem 2.5rem;outline:3px solid #e6e6e6;outline-offset:-19px;color:#e6e6e6}@media screen and (max-width: 767px){.site-prologue .story.detail .inner{padding:1.55rem 1.55rem;outline:1px solid #e6e6e6;outline-offset:-7px}}.site-prologue .story.detail .kv__image{position:relative;margin-bottom:2.25rem}@media screen and (max-width: 767px){.site-prologue .story.detail .kv__image{margin:-1.55rem -1.55rem 2.25rem;border:2px solid #295c91}}.site-prologue .story.detail .kv__image img{width:100%;height:auto}@media screen and (max-width: 767px){.site-prologue .story.detail .kv__image img{aspect-ratio:69/73;-o-object-fit:cover;object-fit:cover}}.site-prologue .story.detail .kv__image__text{position:absolute;bottom:1.25rem}.site-prologue .story.detail .kv__image__text.right{right:1.25rem;text-align:right}@media screen and (max-width: 767px){.site-prologue .story.detail .kv__image__text.right{right:.45rem}}.site-prologue .story.detail .kv__image__text.left{left:1.25rem}.site-prologue .story.detail .kv__image__text p{background-color:#295c91;color:#fff;font-family:"Noto Serif JP","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;font-size:1rem;font-feature-settings:"palt";letter-spacing:.04em;font-size:1.875rem;font-weight:700;padding:0 .75rem;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.site-prologue .story.detail .kv__image__text p{font-size:.95rem}}.site-prologue .story.detail .kv__image__text p+p{margin-top:.625rem}@media screen and (max-width: 767px){.site-prologue .story.detail .kv__image__text p+p{margin-top:.35rem}}.site-prologue .story.detail .kv__image__text span{display:inline-flex;align-items:baseline;gap:.75rem;background-color:#e6e6e6;color:#295c91;margin-top:1.375rem;font-size:2.125rem;line-height:1.4;padding:0 .625rem}@media screen and (max-width: 767px){.site-prologue .story.detail .kv__image__text span{font-size:1.35rem;margin-top:.75rem}}.site-prologue .story.detail .kv__image__text span small{display:inline-block;font-size:1rem}@media screen and (max-width: 767px){.site-prologue .story.detail .kv__image__text span small{font-size:1rem}}.site-prologue .story.detail .hgroup.center{text-align:center}.site-prologue .story.detail .hgroup .tag{display:inline-block;font-size:1.25rem;border:2px solid #e6e6e6;padding:0 .875rem}@media screen and (max-width: 767px){.site-prologue .story.detail .hgroup .tag{font-size:clamp(15px,15px + (100vw - 375px)*3/392,17px)}}.site-prologue .story.detail .hgroup h2{font-size:1.875rem;font-weight:700;padding:1.375rem 0 1rem;border-bottom:2px solid #e6e6e6;margin-bottom:1.125rem}@media screen and (max-width: 767px){.site-prologue .story.detail .hgroup h2{font-size:clamp(20px,20px + (100vw - 375px)*3/392,28px);padding:1.25rem 0 1rem}}.site-prologue .story.detail h3{width:-moz-fit-content;width:fit-content;font-family:"Noto Serif JP","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;font-size:1rem;font-feature-settings:"palt";letter-spacing:.04em;font-size:1.625rem;font-weight:700;line-height:1.6;background-color:#e6e6e6;color:#295c91;padding:0 .75rem;margin-bottom:1rem;margin-top:4.375rem}@media screen and (max-width: 767px){.site-prologue .story.detail h3{font-size:clamp(17px,17px + (100vw - 375px)*3/392,22px);margin-top:3rem;padding:0 .5rem}}.site-prologue .story.detail h3.pc{display:block}@media screen and (max-width: 767px){.site-prologue .story.detail h3.pc{display:none}}.site-prologue .story.detail h3.sp{display:none !important}@media screen and (max-width: 767px){.site-prologue .story.detail h3.sp{display:block !important}}.site-prologue .story.detail h3.sp+.sp{margin-top:.25rem}.site-prologue .story.detail h3.sp:has(+.sp){margin-bottom:.25rem}.site-prologue .story.detail h4{margin-bottom:.75rem;margin-top:3.5rem;font-size:1.125rem}@media screen and (max-width: 767px){.site-prologue .story.detail h4{font-size:clamp(14px,14px + (100vw - 375px)*3/392,18px)}}.site-prologue .story.detail .media__box{display:grid;grid-template-columns:55% 1fr;gap:1.25rem}@media screen and (max-width: 767px){.site-prologue .story.detail .media__box{grid-template-columns:1fr;gap:.75rem}}.site-prologue .story.detail .media__box.reverse figure{order:2}@media screen and (max-width: 767px){.site-prologue .story.detail .media__box.reverse figure{order:1}}.site-prologue .story.detail .media__box.reverse p{order:1}@media screen and (max-width: 767px){.site-prologue .story.detail .media__box.reverse p{order:2}}.site-prologue .story.detail .media__box figure img{max-width:100%;height:auto}@media screen and (max-width: 767px){.site-prologue .story.detail .media__box figure img{aspect-ratio:15/16;-o-object-fit:cover;object-fit:cover}}.site-prologue .story.detail .image__box{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}@media screen and (max-width: 767px){.site-prologue .story.detail .image__box{grid-template-columns:1fr;gap:.75rem}}.site-prologue .story.detail .image__box img{max-width:100%;height:auto;aspect-ratio:223/149;-o-object-fit:cover;object-fit:cover}.site-prologue .story.detail .image__box figcaption{display:block;margin-top:.5rem}.site-prologue .story.detail .image__box+p{margin-top:1rem}.site-prologue .ctv{background:url(../../images/prologue/ctv_bg_01.webp) no-repeat center;background-size:cover;color:#fff;text-align:center;padding:6rem 0;position:relative}@media screen and (max-width: 767px){.site-prologue .ctv{background:url(../../images/prologue/ctv_bg_01_sp.webp) no-repeat center;padding:4rem var(--side)}}.site-prologue .ctv:before{content:"";width:100%;height:100%;background-color:rgba(39,72,106,.9);mix-blend-mode:multiply;position:absolute;inset:0}.site-prologue .ctv .mid{position:relative}.site-prologue .ctv .hgroup{margin-bottom:2.5rem}@media screen and (max-width: 767px){.site-prologue .ctv .hgroup{margin-bottom:2.25rem}}.site-prologue .ctv .hgroup .en{font-size:clamp(2.75rem,3.75vw,3.75rem);font-weight:600;font-style:italic;line-height:1}@media screen and (max-width: 767px){.site-prologue .ctv .hgroup .en{font-size:clamp(30px,30px + (100vw - 375px)*3/392,40px);line-height:1.2}}.site-prologue .ctv .hgroup .jp{font-size:1.5625rem;font-weight:400}@media screen and (max-width: 767px){.site-prologue .ctv .hgroup .jp{margin-top:1.45rem;font-size:clamp(18px,18px + (100vw - 375px)*3/392,22px)}}@media screen and (max-width: 767px){.site-prologue .ctv .button-area{display:inline-flex}}.site-prologue .ctv .button-area.center{gap:1.5625rem}@media screen and (max-width: 767px){.site-prologue .ctv .button-area.center{gap:.625rem}}.site-prologue .ctv .button-area .btn{font-size:clamp(1.125rem,1.6vw,1.5625rem);color:#fff}@media screen and (max-width: 767px){.site-prologue .ctv .button-area .btn{font-size:1.125rem}}.site-prologue .ctv .button-area .btn span{font-family:"Josefin Sans",sans-serif;font-weight:400;line-height:1.5;display:inline-block;padding-left:1rem;margin-left:1rem;border-left:1px solid #fff}@media screen and (max-width: 767px){.site-prologue .ctv .button-area .btn span{font-size:1.225rem}}