@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap";.x3-hero{position:relative;background:var(--x3-hero-bg, #000);color:var(--x3-hero-title-color, #fff);aspect-ratio:16 / 10;overflow:hidden;container-type:inline-size;container-name:x3hero;margin-top:var(--x3-hero-header-offset, 68px)}.x3-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.x3-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.x3-hero__inner{position:absolute;top:17.875%;left:0;right:0;z-index:1;padding:0 24px;text-align:center}.x3-hero__title{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;color:var(--x3-hero-title-color, #fff);margin:0;display:flex;flex-direction:column;align-items:center;gap:0}.x3-hero__title-line{display:inline-flex;align-items:center;justify-content:center;gap:.6cqw;line-height:1.3;white-space:nowrap}.x3-hero__title-line--1,.x3-hero__title-line--2{font-weight:700;font-size:2.5cqw;letter-spacing:.02em}.x3-hero__title-line--project{width:32.422cqw;height:2.695cqw;margin-top:1.172cqw;display:inline-flex;align-items:center;justify-content:center;background:#fff5e3;border-radius:2.656cqw;color:#392c04;font-weight:400;font-size:1.484cqw;line-height:1.3;letter-spacing:0}.x3-hero__title-heart{width:1.322cqw;height:1.166cqw;display:inline-block;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.x3-hero__subtitle{font-family:var(--font-body-family, "Noto Sans JP"),sans-serif;font-size:.94cqw;line-height:1.6;color:var(--x3-hero-title-color, #fff);margin:1.25cqw 0 0;opacity:.9}.x3-hero__badge-img-wrap{position:absolute;left:50%;transform:translate(-50%);bottom:5%;z-index:2;width:27.27cqw;pointer-events:none}.x3-hero__badge-img{display:block;width:100%;height:auto;filter:drop-shadow(0 .3cqw 1cqw rgba(0,0,0,.15))}.x3-hero__badge--imgbg{background-color:transparent!important;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:none}.x3-hero__badge--imgbg .x3-hero__badge-left{background-color:transparent;background-image:none}.x3-hero__badge-outline{position:absolute;left:50%;transform:translate(-50%);bottom:5%;z-index:3;width:27.27cqw;height:6.17cqw;pointer-events:none;overflow:visible}.x3-hero__badge-outline--long-amount{width:29.4cqw}.x3-hero__badge{position:absolute;left:50%;transform:translate(-50%);bottom:5%;z-index:2;width:27.27cqw;height:6.17cqw;display:flex;align-items:stretch;background:linear-gradient(180deg,#ffd34d,#ffc500);border-radius:.625cqw;font-family:Noto Sans JP,Manrope,sans-serif;line-height:1.2;box-shadow:0 .3cqw 1cqw #00000026;--x3-notch-x: 40%;--x3-notch-r: .55cqw;-webkit-mask:radial-gradient(circle var(--x3-notch-r) at var(--x3-notch-x) 0,transparent 98%,#000 100%),radial-gradient(circle var(--x3-notch-r) at var(--x3-notch-x) 100%,transparent 98%,#000 100%);-webkit-mask-composite:source-in;mask:radial-gradient(circle var(--x3-notch-r) at var(--x3-notch-x) 0,transparent 98%,#000 100%),radial-gradient(circle var(--x3-notch-r) at var(--x3-notch-x) 100%,transparent 98%,#000 100%);mask-composite:intersect}.x3-hero__badge--long-amount{width:29.4cqw}.x3-hero__badge-left{flex:0 0 40%;display:flex;align-items:center;justify-content:center;padding:0 .8cqw;background-color:#fff5e3}.x3-hero__badge-lead{color:#392c04;font-size:1.22cqw;font-weight:500;white-space:normal;text-align:center;line-height:1.2;letter-spacing:.02em;display:block}.x3-hero__badge-right{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.3cqw;padding:0 1.4cqw 0 .8cqw;color:#392d04}.x3-hero__badge-amount-wrap{display:inline-flex;min-width:0;flex-shrink:1;align-items:baseline;gap:.12cqw;position:relative}.x3-hero__badge-prefix{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.15cqw;font-weight:700;line-height:1.05;color:#392d04;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:0}.x3-hero__badge-amount{font-family:Manrope,Noto Sans JP,sans-serif;font-size:clamp(2.75cqw,3.05cqw,3.2cqw);font-weight:800;letter-spacing:-.05em;line-height:1;color:#392d04;white-space:nowrap}.x3-hero__badge-unit{font-family:Manrope,Noto Sans JP,sans-serif;font-size:1.53cqw;font-weight:700;align-self:baseline;color:#392d04;line-height:1;position:relative}.x3-hero__badge-suffix{position:absolute;top:-1.05cqw;left:0;background:#392d04;color:#ffc100;font-size:.46cqw;font-weight:700;padding:.15cqw .3cqw;border-radius:.12cqw;line-height:1.2;white-space:nowrap}@media(max-width:1024px){.x3-hero__title-line--1,.x3-hero__title-line--2{font-size:clamp(20px,4.167vw,32px)}.x3-hero__title-line--project{width:min(430px,calc(100% - 32px));height:36px;margin-top:14px;border-radius:36px;font-size:clamp(14px,3.125vw,24px)}.x3-hero__title-heart{width:17px;height:15px}.x3-hero__subtitle{font-size:clamp(14px,.625vw,16px)}.x3-hero__inner{top:16%}}@media(max-width:640px){.x3-hero{aspect-ratio:auto;min-height:max(660px,var(--x3-hero-min-height-mobile, 660px));container-type:normal}.x3-hero__bg img{object-position:center center}.x3-hero__inner{top:155px;padding:0 21px}.x3-hero__title{gap:0}.x3-hero__title-line{gap:8px;white-space:nowrap}.x3-hero__title-line--1,.x3-hero__title-line--2{font-size:20px;font-weight:700;letter-spacing:.02em;line-height:1.3;white-space:nowrap}.x3-hero__title-line--project{width:min(340px,calc(100% - 30px));height:31px;margin-top:14px;border-radius:31px;font-size:15px;font-weight:400;letter-spacing:0;line-height:1.3;white-space:nowrap}.x3-hero__title-heart{width:11px;height:10px}.x3-hero__subtitle{font-size:15px;margin-top:14px}.x3-hero__badge{bottom:30px;left:50%;right:auto;transform:translate(-50%);width:min(360px,calc(100% - 30px));height:72px;padding:0;border-radius:8px;justify-content:space-between;--x3-notch-r: 8px}.x3-hero__badge:before{display:none}.x3-hero__badge-outline{bottom:30px;left:50%;transform:translate(-50%);width:min(360px,calc(100% - 30px));height:72px}.x3-hero__badge--long-amount,.x3-hero__badge-outline--long-amount{width:min(378px,calc(100% - 18px))}.x3-hero__badge-left{flex:0 0 40%;padding:0 8px}.x3-hero__badge-right{padding:0 6px 0 2px;gap:2px;min-width:0;justify-content:center}.x3-hero__badge-amount-wrap{gap:2px;align-items:baseline}.x3-hero__badge-lead{font-size:14px;line-height:1.3}.x3-hero__badge-prefix{font-size:13px}.x3-hero__badge-amount{font-size:clamp(30px,8.5vw,35px);letter-spacing:-.11em}.x3-hero__badge-unit{display:inline-flex;align-items:baseline;gap:0;font-size:18px;align-self:baseline;position:relative;padding-top:22px}.x3-hero__badge-suffix{position:absolute;top:7px;right:8px;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:11px;align-self:auto;font-size:8px;padding:1px 3px;border-radius:2px;line-height:1;white-space:nowrap;box-sizing:border-box}}@media(min-width:641px)and (max-width:1024px){.x3-hero{aspect-ratio:auto;min-height:724px;container-type:normal}.x3-hero__bg img{object-position:center center}.x3-hero__inner{top:145px;padding:0 24px}.x3-hero__title{gap:0}.x3-hero__title-line{gap:12px}.x3-hero__title-line--1,.x3-hero__title-line--2{font-size:32px;font-weight:700;letter-spacing:.02em;line-height:1.3;white-space:nowrap}.x3-hero__title-line--project{width:430px;height:36px;margin-top:18px;border-radius:36px;font-size:24px;font-weight:400;letter-spacing:0;line-height:1.3;white-space:nowrap}.x3-hero__title-heart{width:17px;height:15px}.x3-hero__subtitle{font-size:24px;margin-top:20px}.x3-hero__badge{bottom:32px;left:50%;right:auto;transform:translate(-50%);width:min(398px,calc(100% - 48px));height:79px;padding:0;border-radius:10px;justify-content:space-between;--x3-notch-r: 10px}.x3-hero__badge:before{display:none}.x3-hero__badge-outline{bottom:32px;left:50%;transform:translate(-50%);width:min(398px,calc(100% - 48px));height:79px}.x3-hero__badge--long-amount,.x3-hero__badge-outline--long-amount{width:min(430px,calc(100% - 32px))}.x3-hero__badge-left{flex:0 0 40%;padding:0 10px}.x3-hero__badge-right{padding:0 8px 0 3px;gap:3px;min-width:0;justify-content:center}.x3-hero__badge-amount-wrap{gap:3px;align-items:baseline}.x3-hero__badge-lead{font-size:15px;line-height:1.3}.x3-hero__badge-prefix{font-size:15px}.x3-hero__badge-amount{font-size:clamp(34px,4.9vw,39px);letter-spacing:-.11em}.x3-hero__badge-unit{display:inline-flex;align-items:baseline;gap:0;font-size:20px;align-self:baseline;position:relative;padding-top:20px}.x3-hero__badge-suffix{position:absolute;top:5px;right:0;align-self:auto;font-size:9px;padding:1px 4px;border-radius:2.5px;line-height:1.2;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/x3-hero.css.map */