nav[data-astro-cid-5hfahyes]{height:116px;.order{.order-button{img{width:429px;height:116px}}}@media screen and (max-width:768px){height:108px;.order{.order-button{img{width:342px;height:108px}}}}}.hero[data-astro-cid-5hfahyes]{--hero-height: 780px;position:relative;margin-top:var(--header-height);width:100%;height:var(--hero-height);background-image:url(/assets/urusetori/main/hero/bg@2x.png);background-image:image-set(url(/assets/urusetori/main/hero/bg@1x.png) 1x,url(/assets/urusetori/main/hero/bg@2x.png) 2x,url(/assets/urusetori/main/hero/bg@2x.png) 3x,url(/assets/urusetori/main/hero/bg@2x.png) 4x);background-size:auto 100%;background-repeat:no-repeat;background-position:center;@media screen and (max-width:768px){--hero-height: 607px;background-image:url(/assets/urusetori/main/hero/bg.mobile@2x.png);background-image:image-set(url(/assets/urusetori/main/hero/bg.mobile@1x.png) 1x,url(/assets/urusetori/main/hero/bg.mobile@2x.png) 2x,url(/assets/urusetori/main/hero/bg.mobile@2x.png) 3x,url(/assets/urusetori/main/hero/bg.mobile@2x.png) 4x)}&[data-astro-cid-5hfahyes]:before{content:"";position:fixed;left:0;right:0;top:-50vh;height:calc(50vh + var(--hero-height));z-index:-1;background-color:#b9eefe}&[data-astro-cid-5hfahyes]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:320px;z-index:-1;background-color:#8ed35f}.hero-logo{position:absolute;right:0;left:0;top:55px;margin:0 auto;width:630px;height:200px;background-image:url(/assets/urusetori/main/hero/logo.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:625px;height:216px;background-image:url(/assets/urusetori/main/hero/logo.ja.png)}@media screen and (max-width:768px){top:40px;width:315px;height:103px;&:lang(ja){width:323px;height:117px}}}.hero-characters{position:absolute;right:0;left:0;bottom:205px;margin:0 auto;width:778px;height:329px;background-image:url(/assets/urusetori/main/hero/characters.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){top:199px;width:333px;height:141px}}.hero-buttons{position:absolute;right:0;left:0;bottom:48px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;@media screen and (max-width:768px){gap:6px;bottom:35px}.hero-buttons-2{display:flex;flex-direction:row;align-items:center;gap:16px;@media screen and (max-width:768px){flex-direction:column;gap:6px}.official-link{width:251px;height:64px;background-image:url(/assets/urusetori/main/hero/official-link.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:242px;height:64px;background-image:url(/assets/urusetori/main/hero/official-link.ja.png)}}.guide-link{width:251px;height:64px;background-image:url(/assets/urusetori/main/hero/guide-link.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:242px;height:64px;background-image:url(/assets/urusetori/main/hero/guide-link.ja.png)}}}}}.about[data-astro-cid-5hfahyes]{background-color:#fafafa;display:flex;justify-content:center;align-items:center;.about-body{margin:92px auto 152px;&:lang(ja){margin:72px auto 152px}@media screen and (max-width:768px){margin:40px auto;&:lang(ja){margin:40px auto}}display:flex;flex-direction:column;align-items:center;gap:48px;@media screen and (max-width:768px){gap:32px}.about-body-1{display:flex;flex-direction:column;align-items:center;gap:36px;&:lang(ja){gap:24px}.about-title{width:864px;height:96px;background-image:url(/assets/urusetori/main/about/title.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:793px;height:129px;background-image:url(/assets/urusetori/main/about/title.ja.png)}@media screen and (max-width:768px){width:315px;height:134.5px;background-image:url(/assets/urusetori/main/about/title.en.mobile.png);&:lang(ja){width:323px;height:158px;background-image:url(/assets/urusetori/main/about/title.ja.mobile.png)}}}.about-decoration{width:626px;height:205px;background-image:url(/assets/urusetori/main/about/decoration.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){width:213px;height:70px}}}.about-body-2{display:flex;flex-direction:column;align-items:center;gap:32px;.about-description{width:576px;height:184px;background-image:url(/assets/urusetori/main/about/description.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:621px;height:192px;background-image:url(/assets/urusetori/main/about/description.ja.png)}@media screen and (max-width:768px){width:345px;height:268px;background-image:url(/assets/urusetori/main/about/description.en.mobile.png);&:lang(ja){width:336px;height:260px;background-image:url(/assets/urusetori/main/about/description.ja.mobile.png)}}}.about-sales-period{padding:16px 32px;border:solid 3px #E3E3E3;border-radius:9999px;font-weight:700;font-size:14px;line-height:20px;color:#3b3b3b}.about-price{position:relative;width:447px;height:92px;background-image:url(/assets/urusetori/main/about/price.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:464px;height:92px;background-image:url(/assets/urusetori/main/about/price.ja.png)}@media screen and (max-width:768px){width:243px;height:96px;background-image:url(/assets/urusetori/main/about/price.en.mobile.png);&:lang(ja){width:250px;height:96px;background-image:url(/assets/urusetori/main/about/price.ja.mobile.png)}}.about-price-chara{position:absolute;top:0;left:-75px;width:91px;height:95px;background-image:url(/assets/urusetori/main/about/price-chara.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){top:14px;left:-56px;width:66px;height:69px}}}.about-nft-images{--page-margin-horizontal: 24px;--img-width: 509px;--img-height: 378px;--img-aspect: calc(var(--img-height) / var(--img-width));--width: min(calc(100vw - var(--page-margin-horizontal) * 2), var(--img-width));width:var(--width);height:calc(var(--width) * var(--img-aspect));background-image:url(/assets/urusetori/main/about/nft-images@1x.png);background-image:image-set(url(/assets/urusetori/main/about/nft-images@1x.png) 1x,url(/assets/urusetori/main/about/nft-images@2x.png) 2x,url(/assets/urusetori/main/about/nft-images@2x.png) 3x,url(/assets/urusetori/main/about/nft-images@2x.png) 4x);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){--img-width: 361px;--img-height: 268px;background-image:url(/assets/urusetori/main/about/nft-images.mobile@1x.png);background-image:image-set(url(/assets/urusetori/main/about/nft-images.mobile@1x.png) 1x,url(/assets/urusetori/main/about/nft-images.mobile@2x.png) 2x,url(/assets/urusetori/main/about/nft-images.mobile@2x.png) 3x,url(/assets/urusetori/main/about/nft-images.mobile@2x.png) 4x)}}.about-notice{max-width:640px;@media screen and (max-width:768px){max-width:calc(100vw - 48px)}display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;>div{color:#3b3b3b;font-weight:500;font-size:14px;line-height:20px}}}.about-saify-theme{position:relative;box-sizing:border-box;max-width:calc(100vw - 48px);width:min(calc(100vw - 48px),640px);padding:0 0 24px;background-color:#f0f0f0;border:3px solid #E3E3E3;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:24px;.saify-theme-lead{padding:16px 0;width:100%;background-color:#94501d;background-image:url(/assets/urusetori/main/about/saify-theme/lead-bg.png);background-repeat:repeat;background-size:6px;border-radius:13px 13px 0 0;display:flex;justify-content:center;color:#fafafa;font-weight:800;font-size:20px;line-height:28px}.saify-theme-explanation{width:100%;padding:0 64px;@media screen and (max-width:768px){padding:0 24px}display:flex;flex-direction:column;align-items:center;.saify-theme-explanation-title-wrapper{display:flex;gap:16px;.saify-theme-explanation-title-left-hand{width:12px;height:28px;background-image:url(/assets/urusetori/main/about/saify-theme/explanation-title-left-hand.svg);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){width:10px;height:24px}}.saify-theme-explanation-title{color:#3b3b3b;font-weight:800;font-size:20px;line-height:28px;@media screen and (max-width:768px){font-weight:800;font-size:16px;line-height:24px}}.saify-theme-explanation-title-right-hand{width:12px;height:28px;background-image:url(/assets/urusetori/main/about/saify-theme/explanation-title-right-hand.svg);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){width:10px;height:24px}}}.saify-theme-explanation-message{margin:8px 0 16px;color:#3b3b3b;font-weight:700;font-size:14px;line-height:20px;text-align:center;word-break:keep-all;overflow-wrap:break-word;@media screen and (max-width:768px){font-weight:700;font-size:12px;line-height:16px}}}.saify-theme-example{display:flex;flex-direction:row;align-items:center;gap:24px;@media screen and (max-width:768px){flex-direction:column;gap:24px}.saify-theme-example-before,.saify-theme-example-after{width:137px;height:296px}.saify-theme-example-arrow{width:129px;height:162px;background-image:url(/assets/urusetori/main/about/saify-theme/screen-arrow-horizontal.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:147px;height:162px;background-image:url(/assets/urusetori/main/about/saify-theme/screen-arrow-horizontal.ja.png)}@media screen and (max-width:768px){width:113px;height:140px;background-image:url(/assets/urusetori/main/about/saify-theme/screen-arrow-vertical.en.png);&:lang(ja){width:129px;height:140px;background-image:url(/assets/urusetori/main/about/saify-theme/screen-arrow-vertical.ja.png)}}}}.saify-theme-annotation{width:100%;padding:0 64px;color:#3b3b3b;font-weight:500;font-size:14px;line-height:20px;text-align:center;word-break:keep-all;overflow-wrap:break-word;@media screen and (max-width:768px){padding:0 24px;font-weight:500;font-size:12px;line-height:16px}}.saify-theme-chara-1{position:absolute;bottom:-84px;left:-108px;width:160px;height:167px;background-image:url(/assets/urusetori/main/about/saify-theme/chara-1.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){display:none}}.saify-theme-chara-2{position:absolute;bottom:-84px;right:-108px;width:160px;height:166px;background-image:url(/assets/urusetori/main/about/saify-theme/chara-2.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){display:none}}}}}.how[data-astro-cid-5hfahyes]{background-color:#fefccf;border-bottom:var(--section-border-size) solid var(--section-border-color);display:flex;justify-content:center;align-items:center;.how-body{margin:72px auto 146px;display:flex;flex-direction:column;align-items:center;gap:42px;@media screen and (max-width:768px){margin:40px auto 112px;gap:48px}.how-title{width:348px;height:44px;background-image:url(/assets/urusetori/main/how/title.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:206px;height:50px;background-image:url(/assets/urusetori/main/how/title.ja.png)}@media screen and (max-width:768px){width:268px;height:34px;&:lang(ja){width:158px;height:38px}}}.how-explanation{display:inline-block;padding:16px 32px;background-color:#fafafa;border-radius:32px;color:#3b3b3b;font-weight:700;font-size:14px;line-height:20px;text-align:center;word-break:keep-all;overflow-wrap:break-word}.how-steps{position:relative;margin-top:14px;display:flex;flex-direction:row;gap:32px;@media screen and (max-width:768px){margin-top:12px;flex-direction:column}>.how-step{width:180px;height:260px;background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){width:240px;height:260px}}.how-step-1{background-image:url(/assets/urusetori/main/how/step-1.en.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-1.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/urusetori/main/how/step-1.en.mobile.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-1.ja.mobile.png)}}}.how-step-2{background-image:url(/assets/urusetori/main/how/step-2.en.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-2.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/urusetori/main/how/step-2.en.mobile.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-2.ja.mobile.png)}}}.how-step-3{background-image:url(/assets/urusetori/main/how/step-3.en.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-3.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/urusetori/main/how/step-3.en.mobile.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-3.ja.mobile.png)}}}.how-step-4{background-image:url(/assets/urusetori/main/how/step-4.en.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-4.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/urusetori/main/how/step-4.en.mobile.png);&:lang(ja){background-image:url(/assets/urusetori/main/how/step-4.ja.mobile.png)}}}.how-chara-1{position:absolute;top:-108px;right:-106.5px;width:160px;height:175px;background-image:url(/assets/urusetori/main/how/chara-1.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){top:-45px;right:-57.62px;width:120px;height:131px}}.how-chara-2{position:absolute;bottom:-74px;left:-131.5px;width:160px;height:146px;background-image:url(/assets/urusetori/main/how/chara-2.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){bottom:-88px;left:-59.38px;width:120px;height:110px}}}}}.payment[data-astro-cid-5hfahyes]{background-color:#fafafa;display:flex;justify-content:center;align-items:center;.payment-body{margin:72px auto 142px;display:flex;flex-direction:column;align-items:center;gap:90px;@media screen and (max-width:768px){margin:40px auto 72px;gap:48px}.payment-title{width:354px;height:44px;background-image:url(/assets/urusetori/main/payment/title.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:206px;height:50px;background-image:url(/assets/urusetori/main/payment/title.ja.png)}@media screen and (max-width:768px){width:272px;height:34px;&:lang(ja){width:158px;height:38px}}}.payment-explanation{padding:40px;background-color:#fff;border-radius:16px;border:3px solid #E3E3E3;display:flex;flex-direction:column;gap:32px;@media screen and (max-width:768px){width:min(calc(100vw - 32px),320px)}.payment-mode-iap,.payment-mode-credit-card,.payment-mode-cryptocurrency{display:flex;flex-direction:column;align-items:center;gap:16px;.payment-explanation-label{color:#3b3b3b;font-weight:800;font-size:20px;line-height:28px;text-align:center}.payment-explanation-message{color:#3b3b3b;font-weight:700;font-size:14px;line-height:20px;text-align:center}.payment-brands{display:flex;flex-direction:row;align-items:center}}.payment-mode-iap{.payment-brands{gap:24px;img{width:auto;height:42px;margin:8px 0 0}@media screen and (max-width:768px){gap:8px;img{height:25px;margin:0}}}}.payment-mode-credit-card{.payment-brands{gap:8px;img{width:80px;height:auto;padding:2px 8px 0;&.payment-brand-img-visa{width:100px}}@media screen and (max-width:768px){gap:0;img{width:44px;padding:0;&.payment-brand-img-visa{width:58px}}}}}.payment-mode-cryptocurrency{.payment-brands{img{width:auto;height:42px}@media screen and (max-width:768px){img{height:25px}}}.payment-notes{font-weight:500;font-size:12px;line-height:16px;.payment-notes-title{padding-bottom:8px}ul{padding-inline-start:1.5em;text-align:left;li{>div{display:flex;flex-direction:column}}&:lang(ja){padding-inline-start:0;list-style-type:none;text-align:center;li{>div{display:inline}}}}a{color:#08f;text-decoration:underline}}}}}}
