:root{--section-border-size: 3px;--section-border-color: #676767}nav[data-astro-cid-osbtba2x]{height:145.5px;.order{.order-button{img{width:282px;height:145.5px;&:lang(ja){width:282px;height:145.5px}}}}}main:has(.hero){background-color:#f0f0f0}.hero[data-astro-cid-osbtba2x]{--hero-logo-base-width: 576px;--hero-logo-base-height: 222px;position:relative;margin-top:var(--header-height);padding:40px 24px;width:100%;min-height:806px;height:auto;background-color:#f0f0f0;background-image:url(/assets/yosistamp/main/hero/bg.png);background-size:cover;background-repeat:no-repeat;background-position:center;border-bottom:var(--section-border-size) solid var(--section-border-color);display:flex;justify-content:center;align-items:center;@media screen and (max-width:768px){min-height:776px;height:auto;background-image:url(/assets/yosistamp/main/hero/bg.mobile.png)}.hero-body{display:flex;flex-direction:column;align-items:center;gap:24px;.hero-body-1{display:flex;flex-direction:column;align-items:center;gap:24px;.hero-logo{width:var(--hero-logo-base-width);height:var(--hero-logo-base-height);background-image:url(/assets/yosistamp/main/hero/logo.svg);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){--hero-logo-width: min(313px, calc(100vw - 80px) );width:var(--hero-logo-width);height:calc(var(--hero-logo-width) * (var(--hero-logo-base-height) / var(--hero-logo-base-width)))}}.hero-nft{width:111px;height:43.5px;background-image:url(/assets/yosistamp/main/hero/nft.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){width:81px;height:36px}}}.hero-body-2{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;.hero-message{max-width:calc(100vw - 500px);@media screen and (max-width:768px){max-width:unset}display:flex;flex-direction:column;align-items:center;gap:8px;>div{color:#676767;font-weight:600;font-size:20px;line-height:28px;@media screen and (max-width:768px){font-weight:600;font-size:16px;line-height:24px}}}.hero-limited-label{padding:8px 16px;border-radius:16px;background-color:#e3e3e3;color:#676767;font-weight:600;font-size:14px;line-height:20px;@media screen and (max-width:768px){font-weight:600;font-size:14px;line-height:20px}}}.hero-body-3{display:flex;flex-direction:column;align-items:center;gap:6px;.hero-body-3-2{display:flex;flex-direction:row;align-items:center;gap:16px;@media screen and (max-width:768px){flex-direction:column;gap:10px}.official-link{width:236px;height:64px;background-image:url(/assets/yosistamp/main/hero/official-link.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:210px;height:64px;background-image:url(/assets/yosistamp/main/hero/official-link.ja.png)}}.guide-link{width:236px;height:64px;background-image:url(/assets/yosistamp/main/hero/guide-link.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:210px;height:64px;background-image:url(/assets/yosistamp/main/hero/guide-link.ja.png)}}}}}.hero-chara{position:absolute;background-size:cover;background-repeat:no-repeat;@media screen and (max-width:768px){display:none}&.hero-chara-1{bottom:248px;left:calc((((100vw - var(--hero-logo-base-width)) / 2) - 158px) / 2 + 3vw);width:158px;height:192px;background-image:url(/assets/yosistamp/main/hero/chara-1.png)}&.hero-chara-2{top:193px;right:calc((((100vw - var(--hero-logo-base-width)) / 2) - 113px) / 2);width:113px;height:177px;background-image:url(/assets/yosistamp/main/hero/chara-2.png)}&.hero-chara-3{top:85px;left:calc((((100vw - var(--hero-logo-base-width)) / 2) - 110px) / 2 - 2vw);width:110px;height:160px;background-image:url(/assets/yosistamp/main/hero/chara-3.png)}&.hero-chara-4{bottom:160px;right:calc((((100vw - var(--hero-logo-base-width)) / 2) - 150px) / 2 + 6vw);width:150px;height:137px;background-image:url(/assets/yosistamp/main/hero/chara-4.png)}}}.about[data-astro-cid-osbtba2x]{background-color:#fafafa;border-bottom:var(--section-border-size) solid var(--section-border-color);display:flex;justify-content:center;align-items:center;.about-body{margin:72px auto;display:flex;flex-direction:column;align-items:center;gap:48px;@media screen and (max-width:768px){margin:40px 24px}.about-body-1{display:flex;flex-direction:column;align-items:center;gap:24px;.about-title{width:777px;height:88px;background-image:url(/assets/yosistamp/main/about/title.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:769px;height:108px;background-image:url(/assets/yosistamp/main/about/title.ja.png)}@media screen and (max-width:768px){width:285.5px;height:136px;background-image:url(/assets/yosistamp/main/about/title.en.mobile.png);&:lang(ja){width:285.5px;height:136px;background-image:url(/assets/yosistamp/main/about/title.ja.mobile.png)}}}.about-chara{width:640px;height:135.5px;background-image:url(/assets/yosistamp/main/about/chara.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){width:345px;height:73px}}}.about-body-2{display:flex;flex-direction:column;align-items:center;gap:24px;.about-description{width:639px;height:184px;background-image:url(/assets/yosistamp/main/about/description.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:563px;height:184px;background-image:url(/assets/yosistamp/main/about/description.ja.png)}@media screen and (max-width:768px){width:345px;height:236px;background-image:url(/assets/yosistamp/main/about/description.en.mobile.png);&:lang(ja){width:345px;height:228px;background-image:url(/assets/yosistamp/main/about/description.ja.mobile.png)}}}.about-price{position:relative;width:447px;height:100px;background-image:url(/assets/yosistamp/main/about/price.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:463px;height:100px;background-image:url(/assets/yosistamp/main/about/price.ja.png)}@media screen and (max-width:768px){width:259px;height:104px;background-image:url(/assets/yosistamp/main/about/price.en.mobile.png);&:lang(ja){width:272px;height:104px;background-image:url(/assets/yosistamp/main/about/price.ja.mobile.png)}}.about-price-chara{position:absolute;top:-2px;right:-64px;width:104px;height:104px;background-image:url(/assets/yosistamp/main/about/price-chara.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){top:12px;right:-50px;width:80px;height:80px}}}.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/yosistamp/main/about/nft-images@1x.png);background-image:image-set(url(/assets/yosistamp/main/about/nft-images@1x.png) 1x,url(/assets/yosistamp/main/about/nft-images@2x.png) 2x,url(/assets/yosistamp/main/about/nft-images@2x.png) 3x,url(/assets/yosistamp/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/yosistamp/main/about/nft-images.mobile@1x.png);background-image:image-set(url(/assets/yosistamp/main/about/nft-images.mobile@1x.png) 1x,url(/assets/yosistamp/main/about/nft-images.mobile@2x.png) 2x,url(/assets/yosistamp/main/about/nft-images.mobile@2x.png) 3x,url(/assets/yosistamp/main/about/nft-images.mobile@2x.png) 4x)}}.about-notice{max-width:720px;@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:600;font-size:14px;line-height:20px}}}.about-saify-theme{box-sizing:border-box;max-width:calc(100vw - 48px);width:min(calc(100vw - 48px),600px);padding:36px;@media screen and (max-width:768px){width:auto;padding:24px 16px}background-color:#fffc;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:24px;.saify-theme-lead{font-weight:700;font-size:20px;line-height:28px}.saify-theme-explanation{padding:0;border-radius:12px;background-color:#e3e3e3;display:flex;flex-direction:column;align-items:start;.saify-theme-explanation-title{padding:4px 16px;border-radius:12px 0;background-color:#3b3b3b;color:#fff;font-weight:700;font-size:14px;line-height:20px}.saify-theme-explanation-message{margin:8px 24px 16px;color:#3b3b3b;font-weight:600;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:600;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:138.5px;height:143.5px;background-image:url(/assets/yosistamp/main/about/saify-theme/screen-arrow-horizontal.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:148px;height:143.5px;background-image:url(/assets/yosistamp/main/about/saify-theme/screen-arrow-horizontal.ja.png)}@media screen and (max-width:768px){width:118px;height:133.5px;background-image:url(/assets/yosistamp/main/about/saify-theme/screen-arrow-vertical.en.png);&:lang(ja){width:129px;height:133.5px;background-image:url(/assets/yosistamp/main/about/saify-theme/screen-arrow-vertical.ja.png)}}}}.saify-theme-annotation{color:#3b3b3b;font-weight:600;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:600;font-size:12px;line-height:16px}}}}}.how[data-astro-cid-osbtba2x]{background-color:#f0f0f0;border-bottom:var(--section-border-size) solid var(--section-border-color);display:flex;justify-content:center;align-items:center;.how-body{margin:72px auto;display:flex;flex-direction:column;align-items:center;gap:32px;@media screen and (max-width:768px){margin:40px auto}.how-title{width:392px;height:51px;background-image:url(/assets/yosistamp/main/how/title.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:211px;height:55px;background-image:url(/assets/yosistamp/main/how/title.ja.png)}@media screen and (max-width:768px){width:303px;height:41px;&:lang(ja){width:164px;height:44px}}}.how-explanation{display:inline-block;padding:16px 24px;background-color:#fafafa;border-radius:12px;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}}.how-steps{position:relative;margin-top:24px;display:flex;flex-wrap:wrap;gap:32px 40px;width:520px;@media screen and (max-width:768px){width:240px;gap:32px}>.how-step{position:relative;width:240px;height:251px;background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){width:240px;height:219px}}.how-step-1{background-image:url(/assets/yosistamp/main/how/step-1.en.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-1.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/yosistamp/main/how/step-1.en.mobile.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-1.ja.mobile.png)}}}.how-step-2{background-image:url(/assets/yosistamp/main/how/step-2.en.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-2.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/yosistamp/main/how/step-2.en.mobile.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-2.ja.mobile.png)}}}.how-step-3{background-image:url(/assets/yosistamp/main/how/step-3.en.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-3.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/yosistamp/main/how/step-3.en.mobile.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-3.ja.mobile.png)}}}.how-step-4{background-image:url(/assets/yosistamp/main/how/step-4.en.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-4.ja.png)}@media screen and (max-width:768px){background-image:url(/assets/yosistamp/main/how/step-4.en.mobile.png);&:lang(ja){background-image:url(/assets/yosistamp/main/how/step-4.ja.mobile.png)}}}.how-chara-1{position:absolute;top:-130px;right:-42px;width:171px;height:171px;background-image:url(/assets/yosistamp/main/how/chara-1.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){top:-80px;right:-28px;width:122px;height:122px}}.how-chara-2{position:absolute;bottom:5px;left:-208px;width:187px;height:187px;background-image:url(/assets/yosistamp/main/how/chara-2.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){bottom:67px;left:-65px;width:107px;height:107px}}}}}.payment[data-astro-cid-osbtba2x]{background-color:#fafafa;display:flex;justify-content:center;align-items:center;.payment-body{position:relative;margin:72px auto 140px;display:flex;flex-direction:column;align-items:center;gap:80px;@media screen and (max-width:768px){margin:40px 24px;gap:40px}.payment-title{width:383px;height:51px;background-image:url(/assets/yosistamp/main/payment/title.en.png);background-size:contain;background-repeat:no-repeat;&:lang(ja){width:211px;height:55px;background-image:url(/assets/yosistamp/main/payment/title.ja.png)}@media screen and (max-width:768px){width:296px;height:41px;&:lang(ja){width:164px;height:44px}}}.payment-explanation{background-color:#fff;border-radius:12px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:40px;.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:700;font-size:20px;line-height:28px;text-align:center;@media screen and (max-width:768px){font-weight:700;font-size:20px;line-height:28px}}.payment-explanation-message{color:#3b3b3b;font-weight:600;font-size:14px;line-height:20px;text-align:center;@media screen and (max-width:768px){font-weight:600;font-size:12px;line-height:16px}}.payment-brands{color:#3b3b3b;display:flex;flex-direction:row;align-items:center}}.payment-mode-iap{.payment-brands{gap:24px;img{width:auto;height:42px;margin:24px 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:8px 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:600;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}}}}.payment-chara-1{position:absolute;bottom:27px;right:-168px;width:223px;height:226px;background-image:url(/assets/yosistamp/main/payment/chara-1.png);background-size:contain;background-repeat:no-repeat;@media screen and (max-width:768px){position:relative;bottom:unset;right:unset;width:141px;height:143px}}}}
