:root{font-family:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#111b42;background:#fff;font-size:16px;line-height:1.7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{max-width:1080px;margin:auto}header{padding:30px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.logo{text-decoration:none;font-size:36px;letter-spacing:-2px;font-weight:900}.logo span{font-size:13px;margin-left:12px;letter-spacing:1px}.pill{display:inline-block;background:#d7ff92;border:1px solid #bfdc8d;border-radius:30px;padding:6px 15px;font-size:14px;font-weight:700}.hero{padding:46px 28px 50px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;color:#5149c7}h1{font-size:clamp(34px,5.6vw,62px);line-height:1.32;letter-spacing:-.045em;margin:18px 0 24px}h1 span,.offer h2 span{color:#5548ef}.intro{font-size:18px;color:#46506e;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;background:#5548ef;border:0;border-radius:12px;padding:17px 23px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:#4035ce}.button:disabled{opacity:.65;cursor:wait}.small,small{font-size:14px;color:#626b82}small{display:block;font-weight:400;margin-top:6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 28px 40px}.steps article{border-top:2px solid #e3e5f0;padding-top:20px}.steps b{color:#5548ef;font-size:26px}.steps h2{font-size:19px;margin:10px 0}.steps p{color:#59627b;font-size:16px;margin:0}.offer{margin:0 28px 65px;background:#f2f2ff;border-radius:20px;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.offer h2{font-size:24px;line-height:1.6;margin:0}.offer p{font-size:15px}.form-section{max-width:760px;margin:0 auto 80px;padding:0 28px;scroll-margin-top:25px}.form-heading h2{font-size:32px;margin:8px 0}.form-heading p{color:#59627b}form{margin-top:30px}label{display:block;font-weight:600;margin-bottom:23px}input,textarea,select{font:inherit;display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #c7ccda;border-radius:8px;color:#111b42;background:#fff}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #d8d4ff;border-color:#5548ef}em,.optional{font-size:12px;font-style:normal;margin-left:6px;font-weight:500}em{color:#5548ef}.optional{color:#778099}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:0;padding:0;margin:0 0 24px}legend{font-weight:600;margin-bottom:10px}.choice{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:9px 0}.choice input{width:19px;height:19px;flex-shrink:0;margin:5px 0 0;accent-color:#5548ef}details{background:#f7f8fb;padding:18px;border-radius:10px;margin:28px 0 16px;font-size:14px}summary{cursor:pointer;font-weight:700}.consent{font-size:14px}.submit{width:100%;margin-top:8px}.error{color:#b32744;font-size:14px}.success{border:1px solid #c9d5b7;border-radius:16px;padding:30px;background:#f6fceb}.success a{overflow-wrap:anywhere}.trap{display:none}footer{border-top:1px solid #e6e7ef;padding:30px 28px;font-size:14px}.admin{max-width:1080px;padding:28px}.stats{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}.stats article{background:#f2f2ff;padding:18px 25px;border-radius:12px}.stats strong{display:block;font-size:30px}.entry{padding:22px;border:1px solid #dfe2ec;border-radius:12px;margin:15px 0;overflow-wrap:anywhere}.entry h2{margin:0;font-size:21px}.entry p{white-space:pre-wrap;margin:8px 0}.toolbar{display:flex;gap:12px;flex-wrap:wrap}.secondary{background:#fff;border:1px solid #ccd1df;color:#1a244a} [hidden]{display:none!important}@media(max-width:600px){header{padding:20px}.logo{font-size:30px}.logo span{display:none}.pill{font-size:12px}.hero{padding:28px 20px}.intro{font-size:16px}.intro br{display:none}.steps{grid-template-columns:1fr;padding:10px 20px 30px;gap:18px}.steps article{padding-top:12px}.steps h2{display:inline;margin-left:15px}.steps p{margin-top:8px}.offer{grid-template-columns:1fr;margin:0 20px 45px;padding:22px;gap:6px}.grid{grid-template-columns:1fr;gap:0}.form-section{padding:0 20px}.form-heading h2{font-size:27px}.button{font-size:16px}.success{padding:22px}}
form>h3{font-size:21px;margin:36px 0 20px;padding-top:20px;border-top:1px solid #e2e4ee}.sns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 15px}.conditions{padding:16px 20px;border-radius:12px;background:#f4f5fb;font-size:14px}.conditions p{margin:8px 0}.success #receipt{overflow-wrap:anywhere;font-size:14px}#review{scroll-margin-top:20px}@media(max-width:600px){.sns-grid{grid-template-columns:1fr 1fr}}
.hero-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-facts span{font-size:14px;background:#f1f2fb;border-radius:30px;padding:7px 13px}.value-section,.simple-faq{padding:24px 28px 45px}.value-section>h2{font-size:32px;line-height:1.5}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-grid article{border:1px solid #e1e3ed;padding:25px;border-radius:16px}.value-num{color:#5548ef;font-size:15px;font-weight:700}.value-grid h3{font-size:20px;line-height:1.5}.value-grid p{color:#59627b}.example{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#f5f9ef;border-radius:20px;margin:0 28px 40px;padding:30px}.example h2{font-size:25px}.example-card{background:#fff;border-radius:14px;padding:22px}.example-card strong{display:block;margin:10px 0}.example-card b{color:#5149c7}.simple-faq{max-width:800px;margin:auto}.simple-faq h2{font-size:24px}.simple-faq details{margin:12px 0}#apply{padding-top:25px}@media(max-width:700px){.value-grid,.example{grid-template-columns:1fr}.value-section,.simple-faq{padding:20px}.value-section>h2{font-size:27px}.example{margin:0 20px 35px;padding:22px;gap:10px}.value-grid article{padding:20px}.hero-facts{gap:7px}.hero-facts span{font-size:13px}}
/* Recruitment landing page */
.recruitment{background:#fcfcff}.recruitment header,.recruitment main,.recruitment footer{max-width:1180px}.recruitment header{padding-top:24px;padding-bottom:20px}.recruitment .hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;padding:50px 28px 42px}.recruitment h1{font-size:clamp(36px,4.5vw,57px);line-height:1.45;letter-spacing:-.055em;margin:24px 0}.recruitment h1 span{white-space:nowrap}.recruitment .intro{font-size:20px;line-height:1.9;margin:0 0 20px;color:#323b59}.hero-description{font-size:15px;line-height:1.9;margin-bottom:28px;color:#59627b}.hero-description strong{color:#252b48}.recruitment .button{box-shadow:0 8px 24px #5548ef20}.hero-visual{position:relative;min-height:525px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e9e5ff 0%,#f1eeff 52%,transparent 72%)}.visual-label{position:absolute;top:4px;font-size:13px;letter-spacing:.12em;color:#645b95}.social-card{width:295px;border:1px solid #eeecf5;border-radius:21px;background:white;box-shadow:0 24px 65px #35277719;transform:rotate(-5deg);overflow:hidden}.social-top{display:flex;align-items:center;gap:9px;padding:15px}.social-top strong{font-size:10px;display:block}.social-top small{font-size:9px;margin:0}.social-top>span:last-child{margin-left:auto;font-size:12px}.avatar{width:29px;height:29px;border-radius:50%;background:#ddd5ff;display:grid;place-items:center;font-weight:700;color:#6055aa}.product-scene{height:238px;background:#e5eccd;position:relative;overflow:hidden}.product-scene:before{content:"";width:220px;height:220px;border-radius:50%;position:absolute;background:#f5f6e8;right:-50px;top:-30px}.scene-tag{position:absolute;left:17px;top:16px;font-size:12px;letter-spacing:.1em}.cup{position:absolute;width:108px;height:133px;background:linear-gradient(100deg,#eff0e9,#fff 50%,#deded4);left:98px;top:46px;border-radius:5px 5px 27px 27px;transform:rotate(13deg);box-shadow:15px 18px 14px #6d774536;display:grid;place-items:center}.cup:before{content:"";position:absolute;top:-9px;left:-6px;width:120px;height:18px;border-radius:50%;background:#353b2e;border-bottom:5px solid #545c45}.cup>span{font-size:25px;font-weight:900;letter-spacing:-1px;text-align:center;color:#566340}.cup small{font-size:5px;letter-spacing:.03em;color:#566340}.scene-caption{position:absolute;left:16px;bottom:16px;font-size:15px;font-weight:700;line-height:1.6;color:#4b5835}.social-bottom{padding:14px 17px 18px}.social-icons{display:block;font-size:23px;line-height:1;margin-bottom:12px}.social-bottom strong{font-size:12px}.social-bottom p{font-size:10px;line-height:1.8;margin:6px 0 0;color:#687083}.floating-benefit,.floating-result{position:absolute;background:#fff;box-shadow:0 12px 35px #28234e12;border:1px solid #ebe8f4;display:flex;align-items:center;gap:12px;border-radius:14px;padding:14px 18px}.floating-benefit{right:0;top:108px;transform:rotate(5deg)}.floating-benefit>span{color:#7562d8;font-size:27px}.floating-benefit small,.floating-result small{font-size:10px;margin:0}.floating-benefit strong{font-size:14px}.floating-result{left:0;bottom:52px;transform:rotate(2deg)}.floating-result strong{font-size:12px}.result-check{display:grid;place-items:center;width:30px;height:30px;background:#d7ff92;border-radius:50%;color:#455c2e}.visual-note{position:absolute;bottom:0;font-size:10px;color:#7a8194;text-align:center}.recruitment .hero-facts{margin:10px 28px 75px;padding:22px 0;border-top:1px solid #e6e5ee;border-bottom:1px solid #e6e5ee;justify-content:space-between;gap:15px}.recruitment .hero-facts span{background:none;padding:0;font-size:13px}.hero-facts b{font-size:11px;color:#7363d5;margin-right:9px}.recruitment .value-section{padding-bottom:65px}.recruitment .value-section>h2{margin:14px 0 32px}.recruitment .value-grid article{background:#fff;border:0;box-shadow:0 3px 22px #23194308;padding:29px}.recruitment .value-num{display:inline-grid;place-items:center;width:40px;height:40px;background:#efedff;border-radius:12px}.recruitment .value-grid h3{font-size:19px}.recruitment .value-grid p{font-size:14px;line-height:1.95}.recruitment .example{background:#edf3e5;padding:35px;margin-bottom:32px}.recruitment .offer{background:#efedff;margin-bottom:65px;padding:35px}.section-heading{padding:0 28px 12px}.section-heading h2{font-size:30px;line-height:1.6;margin:10px 0}.recruitment .steps{padding-bottom:55px}.recruitment .steps p{font-size:14px;line-height:1.9}.recruitment .simple-faq{padding-bottom:60px}.recruitment .simple-faq details{background:#fff;border:1px solid #e9e8f0;padding:22px}.recruitment #apply{background:#fff;padding:38px;border:1px solid #e8e5f3;border-radius:24px;box-shadow:0 20px 65px #3d2d7410;margin-top:12px}.recruitment .form-heading .eyebrow{color:#6555bb}.recruitment footer{margin-top:50px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8275ff;outline-offset:5px}
@media(max-width:850px){.recruitment .hero{grid-template-columns:1fr;gap:16px;padding-top:30px}.hero-copy{max-width:600px;margin:auto;width:100%}.hero-visual{max-width:460px;width:100%;margin:auto;min-height:500px}.recruitment h1{font-size:clamp(34px,6vw,51px)}.recruitment .hero-facts{margin-bottom:45px;justify-content:center}.recruitment .value-grid{grid-template-columns:1fr}.recruitment .value-grid h3{margin:14px 0}.recruitment .value-grid p{margin-bottom:0}}
@media(max-width:600px){.recruitment header{padding:18px 20px}.recruitment .hero{padding:25px 20px 22px}.recruitment .intro{font-size:17px}.hero-description{font-size:13px}.recruitment .hero-copy>.small{font-size:12px}.hero-visual{min-height:475px}.social-card{width:265px}.product-scene{height:218px}.floating-benefit{right:-2px;top:85px;padding:10px 12px}.floating-result{left:-2px;bottom:43px;padding:12px}.visual-label{font-size:11px}.visual-note{font-size:9px}.recruitment .hero-facts{display:grid;gap:12px;padding:20px 0;margin:0 20px 30px}.recruitment .value-section>h2{font-size:26px}.recruitment .example,.recruitment .offer{padding:24px}.section-heading{padding:0 20px 15px}.section-heading h2{font-size:25px}.recruitment #apply{margin:0 14px 50px;padding:25px 20px;border-radius:18px}.recruitment .form-heading h2{font-size:24px}.recruitment .simple-faq details{padding:17px}.recruitment .form-heading p{font-size:14px}.recruitment .button{gap:20px;font-size:15px}}
.recruitment h1{font-size:clamp(32px,3.65vw,47px)}.recruitment .intro{font-size:17px}.product-bottle{position:absolute;left:115px;top:54px;width:82px;height:133px;background:linear-gradient(100deg,#694324,#aa7a49 46%,#805632);border-radius:15px 15px 10px 10px;transform:rotate(10deg);box-shadow:14px 14px 18px #5c64332b;display:grid;place-items:center}.product-bottle:before{content:"";position:absolute;top:-30px;left:29px;width:24px;height:32px;background:#242824;border-radius:4px 4px 0 0}.product-bottle:after{content:"";position:absolute;top:-34px;left:29px;width:47px;height:9px;background:#242824;border-radius:3px}.product-bottle>span{background:#f5f2e9;width:70px;padding:14px 4px;color:#414635;font-size:17px;letter-spacing:2px;text-align:center;font-weight:600}.product-bottle small{font-size:7px;color:#666955;letter-spacing:1px}.recruitment .hero-visual .visual-note{font-size:9px}@media(max-width:600px){.recruitment h1{font-size:clamp(28px,7.6vw,42px)}.recruitment .intro{font-size:16px}}
.recruitment .hero{grid-template-columns:1.2fr 1fr;gap:35px;padding-top:38px;padding-bottom:48px}.recruitment h1{font-size:clamp(28px,3.15vw,41px);line-height:1.65;letter-spacing:-.06em}.recruitment .intro{font-size:16px;line-height:2;margin:22px 0 30px}.simple-visual{margin:0;position:relative}.simple-visual img{width:100%;height:auto;display:block;border-radius:24px}.simple-visual figcaption{text-align:right;font-size:10px;color:#788097;margin-top:5px}.simple-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:5px 28px 55px;border-top:1px solid #e6e5ef;padding-top:30px}.simple-flow span{font-size:13px;color:#6556db;font-weight:700}.simple-flow h2{font-size:19px;margin:9px 0}.simple-flow p{font-size:14px;color:#626b82;margin:0}.simple-next{text-align:center;padding:0 20px 42px}.simple-next h2{font-size:27px}.simple-next>p{font-size:15px}.recruitment .offer{margin-bottom:40px}.recruitment .offer h2{font-size:23px}.recruitment .offer p{font-size:14px}@media(max-width:850px){.recruitment .hero{grid-template-columns:1fr}.simple-visual{max-width:500px;margin:auto}.recruitment h1{font-size:clamp(25px,5vw,40px)}.simple-flow{gap:20px}}@media(max-width:600px){.recruitment .hero{gap:22px;padding-top:20px}.recruitment h1{font-size:clamp(24px,6.3vw,37px)}.recruitment .intro{font-size:14px;margin:18px 0 22px}.simple-flow{grid-template-columns:1fr;margin:0 20px 35px;gap:22px}.simple-flow h2{display:inline;margin-left:12px;font-size:18px}.simple-flow p{margin:7px 0 0 31px}.simple-next>p{font-size:13px}.simple-next h2{font-size:24px}}
.instagram-visual{padding:15px 32px 30px;isolation:isolate}.instagram-visual:before{content:"";position:absolute;inset:9% -2% 7%;z-index:-1;background:radial-gradient(ellipse,#eae5ff 0%,#f4effc 50%,transparent 72%)}.insta-post{background:#fff;border:1px solid #eeebf3;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #38265d12;transform:rotate(-2deg)}.insta-header{display:flex;align-items:center;gap:10px;padding:14px 16px}.insta-avatar{display:grid;place-items:center;width:34px;height:34px;background:#eee6fb;border:3px solid white;outline:2px solid #c888c6;border-radius:50%;color:#78608c;font-size:17px;font-weight:700}.insta-header strong{font-size:12px;letter-spacing:.02em}.insta-header small{margin:0;font-size:9px}.insta-menu{margin-left:auto;letter-spacing:2px;color:#696776}.instagram-visual .insta-post img{border-radius:0;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.insta-footer{padding:13px 16px 16px}.insta-actions{display:flex;gap:14px;color:#302d3d}.insta-actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.insta-actions .insta-save{margin-left:auto}.insta-footer p{font-size:11px;margin:10px 0 0}.insta-footer p span{color:#8072b2;white-space:nowrap}.comment-bubble{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee9f4;border-radius:30px;box-shadow:0 9px 30px #3b28571a;padding:12px 17px 12px 11px;font-size:13px;font-weight:600;white-space:nowrap;animation:comment-arrive .7s both cubic-bezier(.2,.8,.2,1)}.comment-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600}.peach{background:#ffebe2;color:#9e6855}.lilac{background:#eae3ff;color:#8062b5}.mint{background:#e8f4dc;color:#66804c}.comment-heart{font-size:21px;color:#bf79a2;margin-left:10px;line-height:1}.comment-one{top:27%;right:-4px;animation-delay:.25s}.comment-two{top:53%;left:0;animation-delay:.65s}.comment-three{bottom:14%;right:-8px;animation-delay:1.05s}.instagram-visual figcaption{position:absolute;bottom:0;right:30px;font-size:10px}.comment-bubble:after{content:"";position:absolute;width:9px;height:9px;background:#fff;border-right:1px solid #eee9f4;border-bottom:1px solid #eee9f4;bottom:-5px;right:27px;transform:rotate(45deg)}@keyframes comment-arrive{from{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.instagram-visual{padding:10px 21px 27px;width:100%}.insta-header{padding:11px 13px}.comment-bubble{font-size:11px;padding:9px 12px 9px 8px;gap:7px}.comment-avatar{width:24px;height:24px;font-size:11px}.comment-one{right:0;top:28%}.comment-two{left:0;top:53%}.comment-three{right:0;bottom:18%}.insta-footer{padding:11px 12px 13px}.insta-footer p{font-size:10px}.insta-footer p span{display:block}.instagram-visual figcaption{right:20px}.comment-heart{font-size:18px}}@media(prefers-reduced-motion:reduce){.comment-bubble{animation:none}}
