#hero::before, .heroA::before{position:absolute;top:0;left:0}.pc .footerOuter{position:absolute;bottom:0;left:0}.viewBtn{position:fixed;left:50%;transform:translateX(-50%)}.heroTxBox{position:absolute;top:50%;transform:translateY(-50%)}#hero, .SVimgWrap{margin-right:auto;margin-left:auto}#hero::before, .heroA::before{display:block;content:""} .asideInView .viewBtn,.viewBtn{visibility:hidden;opacity:0;pointer-events:none}.mainContInView:not(.asideInView) .viewBtn{visibility:visible;opacity:1;pointer-events:auto}.srOnly{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);white-space:nowrap;clip-path:inset(50%)} #SVarch li, .headTt,.viewBtn a{font-family:"Sackers Gothic Medium",verdana,sans-serif}#SVarch li{text-transform:uppercase}#SVarch h2{font-weight:normal;font-family:"Freight Big Light",Times,serif}.lpContents, .lpContents h1, .lpContents h2, .lpContents h3, .lpContents li, .lpContents p{font-size:11px}.SVimgWrap{max-width:1024px}.effFI{opacity:0;transition:1.2s}.effFI.act{opacity:1}@-webkit-keyframes anmFI{0%{opacity:0}100%{opacity:1}}@keyframes anmFI{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes anmFID{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:none;opacity:1}}@keyframes anmFID{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:none;opacity:1}} :-webkit-any(article, aside, nav, section) h1,body{margin:0;padding:0}.lpContents{position:relative;min-width:280px;margin:0 auto;padding:0 0 6em;background:#fff;color:#303030;letter-spacing:.05em;text-align:justify;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.lpContents img{display:block;max-width:100%;height:auto} .lpContents li,.lpContents ul{list-style:none} .lpContents h1, .lpContents h2, .lpContents h3, .lpContents li,.lpContents p{line-height:2.3}.lpContents a{color:#424242;text-decoration:none;cursor:pointer}.lpContents a, .lpContents a img, .lpContents a video{transition:.5s} .lpContents a img:hover, .lpContents a video:hover,.lpContents a:hover{opacity:.7}.breadcrumb{z-index:997;position:relative;margin-bottom:0!important}.site-header{z-index:999}.viewBtn{z-index:9999;bottom:80px;text-align:center;transition:.5s ease-out}.viewBtn a{display:inline-block;margin:0 auto;padding:1.2em 5.8em .86em;border:1px solid #303030;font-size:1em;line-height:1;letter-spacing:.07em;text-indent:.03em;white-space:nowrap}#lpEnd{height:120px}.footerOuter{position:relative;margin-top:-120px}.pc .lpContents{padding-bottom:600px}.pc .footerOuter{width:100%;opacity:0;transition:opacity .5s ease-out,transform 1s ease-out}.pc.footerInView .footerOuter{opacity:1}.videoBox{--ratio:9/16;aspect-ratio:var(--ratio)}.videoBox,.videoBox .hacobune-univideo{width:100%}.videoBox .hacobune-univideo .hacobune-unit-video{margin:0}.videoBox .hacobune-app-container{width:100%!important;padding:0}.headTt{z-index:2;position:relative;margin:2.1em auto 1.8em;line-height:1.6;letter-spacing:0;text-align:center;text-transform:uppercase}.headTt span{display:block;font-size:81.82%} #hero::before,.heroA::before{z-index:3;width:100%;height:100%;background:#fff} #hero::before, .heroA::before,.heroTxBox{opacity:.8;transition:1.1s ease-out 3.5s} .pret #hero::before, .pret .heroA::before,.pret .heroTxBox{visibility:hidden;opacity:0;pointer-events:none}#hero{max-width:1024px;overflow:hidden}#hero,.heroA{position:relative}.heroTxBox{z-index:5;top:40vh;width:100%;font-size:127.27%;line-height:2.3;letter-spacing:.2em;text-align:center}.heroTxBox h1, .heroTxBox p{margin-bottom:1.5em}.pageTt{letter-spacing:0}.lpNotice{margin:-3em auto 0;padding:0 10%;line-height:2.2}.lpCredit{margin:12em auto;line-height:2;text-align:center}.lpCredit p{margin:2em 0 .5em}.lpCredit a{text-decoration:underline}.heroImgs{display:flex;align-items:center}#SVarch h2{margin-bottom:2em;font-size:190%!important;text-align:center}#SVarch ul{display:flex;flex-wrap:wrap;margin:0 2.5%}#SVarch li{width:45%;margin:0 2.5% 5%;font-size:90%;line-height:1.5;letter-spacing:0;text-align:center;text-indent:0}#SVarch img{margin:0 auto 1em}#SVarch span{display:block;text-transform:uppercase}#SVimg{margin-bottom:5em}.SVimgWrap.fullW{max-width:1200px}.SVimgWrap li{width:100%}.flt{position:relative;transition:1.2s ease-out}.flt a, .flt iframe{display:block;opacity:0;transition:.7s ease-out}.flt.act a, .flt.act iframe{opacity:1} li.liCol2pc,li.liCol2sp{display:flex;width:100%;margin:2% auto 4%;gap:5px}@media (750px <= width < 1024px){.pcOnly{display:none!important}}@media (750px <= width){.spOnly{display:none!important}.headTt{z-index:3;margin:3.5em auto;font-size:100%}.headTt span{font-size:85.71%}.heroA{width:45.41%}.heroB{width:29.3%;margin-left:12.7%}#SVarch{max-width:1024px;margin:0 auto;padding:0 7.81%}#SVarch ul{margin:0 -2.5%}#SVarch li{width:20%;margin-bottom:3.5%;font-size:10px}.lpNotice{max-width:390px;padding:0;font-size:12px}.lpCredit{font-size:85%}#SVimg{margin:2em auto 6em}.SVimgWrap ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 7.81%}.SVimgWrap li{width:46.24%;margin-bottom:50px}.SVimgWrap.fullW ul{margin:0 auto}.SVimgWrap.fullW li,li.liCtr{width:100%}li.liCtr{margin-top:10px}li.liCtr .flt{width:46.24%;max-width:400px;margin:0 auto}li.liCtrS{width:100%;margin-top:10px;margin-bottom:50px}li.liCtrS .flt{width:39.31%;max-width:340px;margin:0 auto}li.horizCtr{width:62%;margin:10px auto 50px}li.liS .flt{width:84%;margin:0 auto}li.liLands{width:100%}li.liLands .flt{width:65.9%;margin:0 auto}li.liCol2pc{width:80%}.mb0pc .flt{margin-bottom:0!important}}@media (width >= 750px){.lpContents, .lpContents h1, .lpContents h2, .lpContents h3, .lpContents li, .lpContents p{font-size:14px}}@media (width < 750px){.pcOnly, .pctbOnly, .tbOnly{display:none!important}#hero::before{display:none}.heroImgs{flex-direction:column}@-webkit-keyframes heroSP{0%{transform:scale(1.2);transform-origin:bottom}100%{transform:scale(1)}}@keyframes heroSP{0%{transform:scale(1.2);transform-origin:bottom}100%{transform:scale(1)}}.heroA{width:100%}.pret .heroA{-webkit-animation:heroSP 2.3s ease-in 2s both;animation:heroSP 2.3s ease-in 2s both}.heroB{margin:0 auto 6em}.heroB,.liMspPl1st .flt,.liMspPlLast .flt,li.liMsp .flt,li.liMspPl .flt{width:66.67%} li.liSsp .flt,li.liSspPl .flt{width:76.92%}.SVimgWrap li{padding-top:2em}li.liFullSp{width:100%;margin:4em auto}li.liSsp .flt{margin:3em auto}li.liSspPl .flt{margin:.6em auto}li.liMsp .flt{margin:3em auto}li.liMspPl .flt{margin:.6em auto}.mb0sp .flt{margin-bottom:0!important}.mbsp .flt{margin-bottom:1.5em!important}.reduceMtsp .flt{margin-top:-1.5em!important}.liMspPl1st .flt{margin:2.4em auto 0!important}.liMspPlLast .flt{margin:0 auto 2.4em!important}}@media (1024px <= width){.spTbOnly{display:none!important}}