:root{--pink:#ee1d57;--deep:#171517;--teal:#00b6ad;--gold:#f6b72e;--cream:#fff9f2}*{box-sizing:border-box}body{margin:0;background:#eee7e2;color:var(--deep);font-family:"Noto Sans JP",sans-serif}main{max-width:1080px;margin:auto;background:#fff;overflow:hidden}.hero{min-height:1110px;display:grid;grid-template-columns:55% 45%;position:relative;background:linear-gradient(122deg,#fff 0%,#fff9f2 54%,#f9eee7 54%,#fff 100%);isolation:isolate}.grain{position:absolute;inset:0;opacity:.5;z-index:-1;background:repeating-linear-gradient(132deg,transparent 0 10px,#f5eeea 10px 13px);clip-path:polygon(0 0,38% 0,0 31%)}.hero-copy{padding:58px 0 36px 42px;position:relative;z-index:3}.ribbon{display:inline-block;margin:0 0 20px;background:linear-gradient(100deg,#f62e68,#d81179);color:#fff;padding:9px 25px 10px;font-size:22px;font-weight:900;transform:skewX(-7deg)}.ribbon::first-letter{}.eyebrow{letter-spacing:.18em;font:800 11px Outfit,sans-serif;color:var(--pink);margin:0}.hero h1{font-size:52px;line-height:1.23;letter-spacing:-.06em;margin:7px 0 15px;font-weight:900;white-space:nowrap}.hero h1 span{font-family:Outfit,sans-serif;font-size:70px;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--pink);font-size:61px}.recruit{display:inline-block;background:#0d0d0d;color:#fff;font-size:25px;font-weight:900;margin:0;padding:12px 24px;transform:skewX(-7deg)}.recruit b{color:#00c9bd}.lead{text-align:center;font-size:21px;line-height:1.8;font-weight:800;margin:27px 0 19px}.lead span{color:var(--pink)}.benefits h2{background:var(--pink);display:inline-block;color:white;font-size:19px;margin:0 -12px 7px 0;padding:7px 22px;position:relative}.benefits h2:after{content:"";position:absolute;right:-15px;top:0;border-top:17px solid var(--pink);border-bottom:17px solid var(--pink);border-right:15px solid transparent}.benefits article{height:82px;margin:5px 0;background:#fff;border-radius:18px;display:flex;align-items:center;padding:8px 12px;box-shadow:0 4px 13px #d8c9c166}.icon{width:57px;height:57px;flex:0 0 57px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:33px;font-style:normal;font-weight:900;margin-right:13px}.shop,.graph,.yen{background:var(--pink)}.book,.people{background:var(--teal)}.benefits b{font-size:21px;line-height:1.15;display:block;letter-spacing:-.04em}.benefits small{font-size:14px;font-weight:700}.hero-visual{position:relative;overflow:hidden}.sparkles{position:absolute;top:60px;left:45px;color:var(--gold);font-size:33px;letter-spacing:6px;z-index:4}.portrait{width:330px;height:505px;position:absolute;top:0;right:12px;overflow:hidden}.hair{background:#201713;border-radius:48% 50% 36% 42%;width:285px;height:420px;position:absolute;left:27px;top:-30px;box-shadow:inset 30px 0 #4b2a1e}.face{position:absolute;left:77px;top:53px;width:178px;height:231px;background:#f5c5a8;border-radius:44% 42% 51% 49%;box-shadow:inset -13px -5px #e7a988}.face:before{content:"";position:absolute;width:156px;height:79px;top:-24px;left:-8px;border-radius:50%;border-top:24px solid #362018;transform:rotate(-8deg)}.eye{position:absolute;top:100px;width:29px;height:12px;border-bottom:4px solid #49332e;border-radius:50%}.eye.left{left:30px}.eye.right{right:27px}.smile{position:absolute;width:42px;height:22px;left:65px;top:159px;border-bottom:5px solid #e55159;border-radius:50%}.neck{position:absolute;z-index:-1;background:#efc0a3;width:64px;height:95px;top:255px;left:138px}.shirt{position:absolute;z-index:-2;top:315px;left:17px;width:320px;height:260px;background:linear-gradient(110deg,#fff,#f0e6dd);clip-path:polygon(31% 0,48% 17%,67% 0,100% 16%,100% 100%,0 100%,0 17%)}.begin{position:absolute;top:390px;right:40px;color:var(--pink);font-size:21px;font-weight:900;line-height:1.45;transform:rotate(-6deg);z-index:5}.phone{position:absolute;z-index:4;top:555px;left:20px;width:210px;height:410px;border:9px solid #121212;border-radius:30px;background:#fff;padding:28px 15px 13px;box-shadow:0 11px 18px #63544e88;transform:rotate(2deg)}.notch{position:absolute;top:0;left:67px;width:61px;height:14px;background:#111;border-radius:0 0 10px 10px}.phone b{font:800 17px Outfit,sans-serif}.tiktok{color:var(--pink);font-size:23px}.phone small{display:block;font-size:10px;margin-top:20px}.phone strong{font:800 22px Outfit,sans-serif;display:block}.phone em{font-size:10px;color:#00a89d;font-style:normal;font-weight:800}.chart{height:112px;border-bottom:1px solid #ddd;background:linear-gradient(150deg,transparent 49%,#f22558 50% 52%,transparent 53%),linear-gradient(25deg,transparent 49%,#f22558 50% 52%,transparent 53%);background-size:47px 55px}.orders{font-size:16px!important}.bars{height:55px;background:repeating-linear-gradient(90deg,#ee275d 0 7px,transparent 7px 11px);clip-path:polygon(0 95%,8% 43%,16% 68%,27% 15%,35% 59%,44% 24%,54% 82%,63% 6%,73% 56%,81% 25%,90% 70%,100% 42%,100% 100%,0 100%)}.award{position:absolute;z-index:3;top:540px;right:5px;width:185px;height:210px;border:4px solid var(--gold);border-radius:50%;text-align:center;background:#fffcf8e8;padding-top:20px;color:#222}.award:before,.award:after{content:"✦";color:var(--gold);position:absolute;font-size:44px;top:-34px}.award:before{left:14px}.award:after{right:14px}.award span{font-size:37px;color:var(--gold);display:block;line-height:.65}.award b,.award strong,.award small{display:block}.award b{font-size:13px}.award strong{font-size:20px}.award strong em{font:bold 42px Outfit,sans-serif;color:var(--pink);font-style:normal;line-height:1}.award small{font-size:9px;margin-top:8px}.boxes{position:absolute;z-index:5;bottom:12px;right:3px;display:flex;align-items:end;gap:5px}.boxes div{display:grid;place-items:center;background:#d99c6f;width:83px;height:105px;border:1px solid #b67c50;font-size:34px;color:#744a2d;box-shadow:inset 8px 0 #edb284}.boxes div:nth-child(2){height:75px;width:70px}.boxes .cart{font-size:45px;background:#eee0d1;width:82px;height:65px;border:2px solid #704b35}.contact{background:#fffdf9;padding:24px 33px 28px}.contact>p{font-size:27px;font-weight:900;text-align:center;margin:0 0 12px}.contact>p span{color:#13bd27;font:900 45px Outfit,sans-serif;vertical-align:middle}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.perks{display:flex;gap:12px}.perks div{width:135px;height:135px;border:2px solid #e39a22;border-radius:50%;display:grid;place-items:center;align-content:center;background:#fff}.perks i{font-size:43px;font-style:normal;color:var(--pink);line-height:1}.perks div:nth-child(2) i{color:var(--teal)}.perks b{font-size:14px;margin-top:8px}.line-button{flex:1;min-height:120px;border:2px solid #12b749;border-radius:22px;color:#111;background:white;text-decoration:none;display:flex;align-items:center;gap:21px;padding:12px 20px;box-shadow:0 5px 12px #35a2603d}.line-logo{width:90px;height:90px;background:#18bd2d;color:white;border-radius:20px;display:grid;place-items:center;font:900 22px Outfit,sans-serif}.line-button b{font-size:33px;line-height:1.35}.line-button i{margin-left:auto;color:#0aab94;font-size:58px;font-style:normal}footer{max-width:1080px;margin:auto;background:#141313;color:#fff;text-align:center;font-size:22px;padding:13px;font-weight:900}footer::first-letter{color:var(--gold)}@media(max-width:760px){.hero{display:block;min-height:unset}.hero-copy{padding:27px 18px 0}.ribbon{font-size:15px}.hero h1{font-size:35px;white-space:normal}.hero h1 span{font-size:45px}.hero h1 em{font-size:41px}.recruit{font-size:17px}.lead{font-size:16px}.hero-visual{height:590px;margin-top:0}.portrait{right:0;transform:scale(.9);transform-origin:top right}.sparkles{top:5px}.benefits b{font-size:17px}.benefits small{font-size:12px}.phone{top:180px;left:10px;transform:scale(.82) rotate(2deg);transform-origin:top left}.award{top:220px;right:8px;transform:scale(.82);transform-origin:top right}.boxes{transform:scale(.74);transform-origin:bottom right}.begin{top:110px;right:25px;font-size:17px}.contact{padding:20px 14px}.contact>p{font-size:20px}.contact>p span{font-size:31px}.contact-row{display:block}.perks{justify-content:center;margin-bottom:15px}.perks div{width:94px;height:94px}.perks i{font-size:29px}.perks b{font-size:10px}.line-button{min-height:95px;gap:12px}.line-logo{width:64px;height:64px;font-size:16px;border-radius:14px}.line-button b{font-size:22px}.line-button i{font-size:45px}footer{font-size:15px}}
