:root{--section-border-size: 3px;--section-border-color: #815528;--section-padding-top: 100px;--section-padding-bottom: 75px;--payment-padding-bottom: 160px;@media screen and (max-width:768px){--section-padding-top: 40px;--section-padding-bottom: 40px;--payment-padding-bottom: 64px}}nav[data-astro-cid-yhvg3ow4]{z-index:3;pointer-events:none;position:absolute;top:0;left:0;width:100vw;height:100dvh;.order{box-sizing:border-box;width:100%;margin-top:100dvh;padding-bottom:8px;transform:translateY(-100%);display:flex;flex-direction:column;align-items:center;justify-content:center;.order-button{margin:0 0 10px;img{width:191px}}@media screen and (max-width:768px){position:fixed;bottom:0;left:0;margin:0;padding:0;transform:translate(0);align-items:end;.order-button{margin:0 6px 6px 0;img{width:156px}}}}}.hero[data-astro-cid-yhvg3ow4]{--nft-preview-label-height: 60px;--nft-preview-img-size: 184px;--hero-img-height: calc(var(--section-border-size) + var(--nft-preview-img-size) + var(--section-border-size));--hero-img-bg-offset-y: 10px;--hero-img-bg-size: max(1280px, 100%);@media screen and (max-width:768px){--nft-preview-label-height: 56px;--nft-preview-img-size: 120px;--hero-img-bg-size: max(720px, 100%)}position:relative;width:100%;height:100svh;.hero-img{width:100%;height:calc(100svh - var(--hero-img-height));background-image:url(/assets/keshikasu/main/hero/bg.en@2x.png);background-image:image-set(url(/assets/keshikasu/main/hero/bg.en@1x.png) 1x,url(/assets/keshikasu/main/hero/bg.en@2x.png) 2x,url(/assets/keshikasu/main/hero/bg.en@3x.png) 3x,url(/assets/keshikasu/main/hero/bg.en@4x.png) 4x);&:lang(ja){background-image:url(/assets/keshikasu/main/hero/bg.ja@2x.png);background-image:image-set(url(/assets/keshikasu/main/hero/bg.ja@1x.png) 1x,url(/assets/keshikasu/main/hero/bg.ja@2x.png) 2x,url(/assets/keshikasu/main/hero/bg.ja@3x.png) 3x,url(/assets/keshikasu/main/hero/bg.ja@4x.png) 4x)}background-position:50% calc(50% + var(--hero-img-bg-offset-y));background-size:var(--hero-img-bg-size);background-repeat:no-repeat}.links{position:absolute;top:var(--header-height);right:0;margin:24px 18px 0 0;display:flex;flex-direction:row;gap:12px;@media screen and (max-width:768px){margin:16px 10px 0 0;flex-direction:column}.official-link,.guide-link{width:203px;height:60px;&:lang(ja){width:192px;height:60px}background-size:cover;background-repeat:no-repeat}.official-link{background-image:url(/assets/keshikasu/main/hero/official-link.en.png);&:lang(ja){background-image:url(/assets/keshikasu/main/hero/official-link.ja.png)}}.guide-link{background-image:url(/assets/keshikasu/main/hero/guide-link.en.png);&:lang(ja){background-image:url(/assets/keshikasu/main/hero/guide-link.ja.png)}}}.nft-preview{position:absolute;bottom:0;width:100%;.nft-preview-label{box-sizing:border-box;height:var(--nft-preview-label-height);background-color:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;>img{width:181px;@media screen and (max-width:768px){width:159px}&:lang(ja){width:130px;@media screen and (max-width:768px){width:114px}}}.nft-preview-annotation{font-weight:700;font-size:12px;line-height:16px;text-align:center}}.nft-preview-images{display:flex;overflow:hidden;border:var(--section-border-size) solid var(--section-border-color);border-left:none;border-right:none;.nft-preview-scroll{display:flex;animation:auto-scroll 20s linear infinite}.nft-preview-img{width:var(--nft-preview-img-size);height:var(--nft-preview-img-size);background-size:cover;background-repeat:no-repeat}}}}.about[data-astro-cid-yhvg3ow4]{padding:var(--section-padding-top) 0 var(--section-padding-bottom);border-bottom:var(--section-border-size) solid var(--section-border-color);background-color:#fcecef;background-image:url(/assets/keshikasu/main/about/bg.png);background-position:center calc(var(--section-padding-top) + 130px);background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;gap:60px;overflow:hidden;@media screen and (max-width:768px){background-image:none;gap:40px}.about-title{width:654px;height:142px;background-image:url(/assets/keshikasu/main/about/title.en.png);&:lang(ja){width:661px;height:108px;background-image:url(/assets/keshikasu/main/about/title.ja.png)}background-size:cover;background-repeat:no-repeat;@media screen and (max-width:768px){margin-bottom:-24px;width:262px;height:149px;background-image:url(/assets/keshikasu/main/about/title.en.mobile.png);&:lang(ja){width:262px;height:140px;background-image:url(/assets/keshikasu/main/about/title.ja.mobile.png)}}}.about-description{width:636px;height:429px;background-image:url(/assets/keshikasu/main/about/description.en.pc.png);@media screen and (max-width:768px){background-image:url(/assets/keshikasu/main/about/description.en.mobile.png)}&:lang(ja){background-image:url(/assets/keshikasu/main/about/description.ja.png);@media screen and (max-width:768px){background-image:url(/assets/keshikasu/main/about/description.ja.png)}}background-size:cover;background-repeat:no-repeat}.about-saify-theme{box-sizing:border-box;width:min(calc(100% - 48px),600px);padding:36px;background-color:#fffc;border:var(--section-border-size) solid var(--section-border-color);border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:24px;.saify-theme-lead{width:216px;height:23px;&:lang(ja){width:229.5px;height:24px}}.saify-theme-explanation{position:relative;display:inline-block;padding:8px 16px;background-color:#fffbca;border:1px solid #EBCFB3;border-radius:8px;color:#815528;font-weight:700;font-size:14px;line-height:20px;@media screen and (max-width:768px){font-size:12px;line-height:16px}text-align:center;word-break:keep-all;overflow-wrap:break-word;&:after{content:"";position:absolute;top:-24px;left:-32px;width:62.5px;height:39.3px;background-image:url(/assets/keshikasu/main/about/saify-theme/saify-is.en.png);background-size:cover;background-repeat:no-repeat}&:lang(ja){&:after{width:76px;height:42.8px;background-image:url(/assets/keshikasu/main/about/saify-theme/saify-is.ja.png)}}}.saify-theme-example{display:flex;align-items:center;gap:24px;.saify-theme-example-before,.saify-theme-example-after{width:137px;height:296px}.saify-theme-example-arrow{width:147px;height:80px;background-image:url(/assets/keshikasu/main/about/saify-theme/screen-arrow-horizontal.en.png);&:lang(ja){background-image:url(/assets/keshikasu/main/about/saify-theme/screen-arrow-horizontal.ja.png)}background-size:contain;background-repeat:no-repeat}@media screen and (max-width:600px){flex-direction:column;gap:8px;.saify-theme-example-arrow{width:129px;height:126px;background-image:url(/assets/keshikasu/main/about/saify-theme/screen-arrow-vertical.en.png);&:lang(ja){background-image:url(/assets/keshikasu/main/about/saify-theme/screen-arrow-vertical.ja.png)}background-size:contain;background-repeat:no-repeat}}}.saify-theme-annotation{color:#815528;font-weight:700;font-size:12px;line-height:16px;text-align:center;word-break:keep-all;overflow-wrap:break-word}}}.how[data-astro-cid-yhvg3ow4]{padding:var(--section-padding-top) 0 var(--section-padding-bottom);border-bottom:var(--section-border-size) solid var(--section-border-color);background-color:#e6f3d8;display:flex;flex-direction:column;align-items:center;gap:0;overflow:hidden;.how-title{margin-bottom:32px;@media screen and (max-width:768px){margin-bottom:20px}--img-width: 437.5px;--img-height: 106.5px;--img-aspect: calc(106.5 / 437.5);@media screen and (max-width:768px){--img-width: 261.7px;--img-height: 62px}--width: min( calc(100vw - 48px) ,var(--img-width));width:var(--width);height:calc(var(--width) * var(--img-aspect));background-image:url(/assets/keshikasu/main/how/title.en.png);&:lang(ja){--img-width: 437.5px;--img-height: 102px;--img-aspect: calc(102 / 437.5);@media screen and (max-width:768px){--img-width: 261.7px;--img-height: 58.2px}background-image:url(/assets/keshikasu/main/how/title.ja.png)}background-size:cover;background-repeat:no-repeat}.how-explanation{display:inline-block;padding:8px 16px;background-color:#fffbca;border:1px solid #EBCFB3;border-radius:8px;color:#815528;font-weight:700;font-size:14px;line-height:20px;text-align:center;word-break:keep-all;overflow-wrap:break-word}.how-steps{display:flex;flex-wrap:wrap;gap:8px 40px;width:540px;>img{width:249px;height:229.5px}@media screen and (max-width:600px){width:249px;gap:12px;margin-left:-33px;>*:nth-child(2n){margin-left:33px}}}}.payment[data-astro-cid-yhvg3ow4]{padding:var(--section-padding-top) 0 var(--payment-padding-bottom);background-color:#fff7d8;display:flex;flex-direction:column;align-items:center;gap:0px;overflow:hidden;.payment-title{margin-bottom:68px;@media screen and (max-width:768px){margin-bottom:38px}--img-width: 437.5px;--img-height: 104px;--img-aspect: calc(104 / 437.5);@media screen and (max-width:768px){--img-width: 266.4px;--img-height: 61.5px}--width: min( calc(100vw - 48px) ,var(--img-width));width:var(--width);height:calc(var(--width) * var(--img-aspect));background-image:url(/assets/keshikasu/main/payment/title.en.png);&:lang(ja){--img-width: 437.5px;--img-height: 102.5px;--img-aspect: calc(102.5 / 437.5);@media screen and (max-width:768px){--img-width: 266.4px;--img-height: 59px}background-image:url(/assets/keshikasu/main/payment/title.ja.png)}background-size:cover;background-repeat:no-repeat}.payment-explanation{padding:74px 84px;@media screen and (max-width:768px){padding:38px 34px}background-image:url(/assets/keshikasu/main/payment/bg.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;gap:16px;.payment-explanation-outer-frame{padding:min(6vw,36px) min(6vw,36px);@media screen and (max-width:768px){padding:16px 24px}border:var(--section-border-size) dashed #FFFFFF;border-radius:24px;.payment-explanation-inner-frame{margin-top:16px;padding:min(8vw,40px) min(6vw,24px);@media screen and (max-width:768px){padding:24px 18.5px}background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:16px;font-weight:700;font-size:14px;line-height:20px;text-align:left;@media screen and (max-width:768px){font-size:12px;text-align:center}.payment-brands{margin:auto;display:flex;align-items:center}}&.payment-mode-credit-card{.payment-label{img{width:212.5px;height:23px;&:lang(ja){width:201px;height:23px}}}.payment-brands{gap:0;img{width:min(10vw,96px);height:auto;padding:8px}@media screen and (max-width:768px){gap:8px;img{padding:0}}}}&.payment-mode-iap{.payment-label{img{width:171px;height:23px;&:lang(ja){width:153.5px;height:23px}}}.payment-brands{gap:16px;img{width:auto;height:42px}@media screen and (max-width:768px){gap:8px;img{height:30px}}}}}}}.chara[data-astro-cid-yhvg3ow4]{display:none;@media screen and (max-width:768px){display:block}border-top:var(--section-border-size) solid var(--section-border-color);background-color:#cbeaec;.chara-images{display:flex;overflow:hidden;border-left:none;border-right:none;.chara-scroll{display:flex;animation:auto-scroll 4s linear infinite}.chara-img{margin:16px;width:32px;height:32px;background-size:cover;background-repeat:no-repeat}}}@keyframes auto-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}