:root{--navy:#191f3b;--yellow:#fff34c;--gray:#93949b;--pale:#fffef0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#333;font-family:"Noto Sans JP",sans-serif;font-size:16px}img{max-width:100%;display:block}p,h1,h2,h3,ul,dl,dd{margin:0}a{color:inherit}h2{font-size:32px;line-height:1.4;color:var(--navy);text-align:center;font-weight:700}strong{color:var(--navy);background:linear-gradient(transparent 69%,#fff315 0%)}.hero{height:821px;position:relative;overflow:hidden;background:url('assets/download.png') center bottom/100% auto no-repeat}.header{height:92px;display:flex;position:relative;z-index:2}.brand{background:#fff;width:200px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand img{width:122px}.header nav{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;flex:1;padding:0 max(32px,6.7vw) 0 max(32px,16.4vw)}.nav-links{display:flex;gap:42px;white-space:nowrap}.nav-links a{font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--yellow)}.contact-link{background:var(--yellow);color:var(--navy);border-radius:50px;padding:12px 20px;font-size:20px;font-weight:700;text-decoration:none;white-space:nowrap}.contact-link:hover{background:#ffec00}.hero-inner{position:relative;width:1041px;margin:72px auto 0;height:657px}.hero-copy{width:630px;position:relative;z-index:1}.hero-label{background:var(--navy);color:white;text-align:center;border-radius:30px;padding:10px;font-size:20px;font-weight:700;letter-spacing:3px;margin-bottom:9px}.hero h1{color:var(--navy);font-size:48px;font-weight:800;line-height:1.4;margin-bottom:25px;white-space:nowrap}.hero-description{font-size:18px;line-height:1.7;margin-bottom:24px}.services{display:flex;flex-wrap:wrap;gap:5px 6px;list-style:none;padding:0;max-width:600px}.services li{font-size:20px;font-weight:800;color:#fff;background:var(--gray);border-radius:3px;padding:5px 11px;line-height:1.45}.hero-art{position:absolute;width:559px;max-width:none;left:630px;top:4px}.hero-reward{position:absolute;width:173px;left:457px;top:390px}.spark{width:110px;height:72px;object-fit:contain;margin:0 auto 31px}.introduction{padding:100px 24px 140px}.intro-top h2{font-size:36px;margin-bottom:54px}.intro-message{max-width:793px;margin:0 auto 52px;text-align:center;font-size:18px;line-height:2.1}.flow{width:681px;margin:auto}.system{max-width:903px;margin:189px auto 0}.system h2{margin-bottom:29px}.system-description{display:flex;align-items:center;gap:70px;margin-bottom:52px}.system-description p{font-size:18px;line-height:1.9;width:688px}.system-description img{width:105px;flex-shrink:0}.example-title{background:#9092a2;border-radius:4px;color:#fff;font-size:20px;text-align:center;font-weight:500;padding:8px;margin-bottom:30px}.example{display:flex;align-items:center;justify-content:center;gap:14px}.case-a{width:243px}.case-b{width:255px}.example .operator{width:41px}.example .total{width:224px}.voice{padding:60px 24px 90px;background:var(--pale)}.voice h2{margin-bottom:60px}.voices{max-width:1032px;display:flex;gap:32px;margin:auto}.voice-card{background:#fff;padding:44px 26px 40px;flex:1;border-radius:4px}.voice-heading{display:flex;gap:18px;align-items:center;margin-bottom:18px}.voice-heading img{width:96px}.voice-heading h3{font-size:24px;color:var(--navy);line-height:1.3;font-weight:700;white-space:nowrap}.voice-heading p{background:var(--gray);color:#fff;width:146px;border-radius:30px;text-align:center;margin-top:12px;line-height:1.4}.voice-text{line-height:1.65;font-size:16px}.clients{padding:60px 0 70px;overflow:hidden}.clients h2{margin-bottom:55px}.logo-window{overflow:hidden;width:100%}.logo-track{display:flex;align-items:center;width:max-content;animation:logos 60s linear infinite}.logo-track img{width:1270px;flex-shrink:0}.logo-track:hover{animation-play-state:paused}@keyframes logos{to{transform:translateX(-2540px)}}.question{padding:65px 24px 130px}.question h2{margin-bottom:62px}.faq{max-width:800px;margin:auto}.faq>div{margin-bottom:32px}.faq>div:last-child{margin-bottom:0}.faq dt{background:var(--navy);border-radius:40px;color:#fff;font-size:18px;font-weight:600;padding:18px 40px;line-height:1.4}.faq dd{display:flex;gap:16px;align-items:flex-start;margin:25px 10px 0}.faq dd img{width:45px;flex-shrink:0}.faq dd p{font-size:16px;line-height:1.65;padding-top:3px}footer{background:var(--navy);color:#fff;text-align:center;padding:32px 16px;font-size:18px}.contact-section h2{color:var(--navy);margin-bottom:8px;letter-spacing:0}.contact-phone{flex-direction:column;gap:0;color:var(--navy);margin-bottom:24px}.contact-phone::before{content:'お電話でのお問い合わせ';font-size:20px;font-weight:700}.contact-phone a{font-size:40px}.contact-phone span{font-size:20px}.contact-form{border-radius:4px}.contact-form .required{background:var(--yellow);color:#333;font-size:12px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{border-color:#eee;min-height:50px}.contact-submit{background:var(--yellow)}.contact-policy{font-size:11px;line-height:1.5;padding:12px;height:160px}.contact-consent{font-size:14px}
@media(min-width:1500px){.hero{background-size:100% 740px}.header nav{padding-left:10vw}}
@media(max-width:1100px) and (min-width:701px){.header nav{padding:0 25px}.nav-links{gap:24px}.hero-inner{width:90%}.hero-copy{width:60%}.hero-label{font-size:18px;letter-spacing:1px}.hero h1{font-size:4vw}.hero-description{font-size:16px}.hero-art{left:58%;width:50vw}.hero-reward{left:43%}.voice-heading h3{font-size:20px}.voice-heading img{width:70px}.example{gap:12px}.case-a,.case-b{width:27%}.example .total{width:25%}.system-description p{width:auto}.system-description{gap:40px}}
@media(max-width:700px){h2{font-size:26px}.header{height:58px}.brand{width:120px}.brand img{width:102px}.header nav{padding:0 12px;justify-content:flex-end;background:white}.nav-links{display:none}.contact-link{font-size:16px;padding:9px 15px}.hero{height:1016px;background-size:auto 550px;background-position:center bottom}.hero-inner{width:auto;margin:54px 16px 0;height:904px}.hero-copy{width:100%}.hero-label{font-size:16px;letter-spacing:0;padding:10px 0}.hero h1{font-size:clamp(28px,7.8vw,44px);line-height:1.5;margin:20px 0 24px;white-space:normal}.hero-description{font-size:16px;margin-bottom:20px}.services{gap:5px;max-width:340px}.services li{font-size:18px;padding:5px 10px}.hero-art{width:380px;max-width:100%;left:0;top:450px}.hero-reward{width:135px;left:auto;right:0;top:380px;z-index:2}.introduction{padding:70px 20px 80px}.spark{width:90px;height:60px;margin-bottom:28px}.intro-top h2{font-size:27px;margin-bottom:35px}.intro-message{text-align:left;font-size:16px;line-height:2;margin-bottom:40px}.flow{width:100%}.system{margin-top:80px}.system-description{display:block;margin-bottom:35px}.system-description p{width:auto;font-size:16px;line-height:1.9}.system-description img{width:105px;margin:25px auto 0}.example{flex-wrap:wrap;gap:15px;max-width:400px;margin:auto}.case-a,.case-b{width:calc(100% - 75px);max-width:240px}.example .operator{width:32px}.example .total{width:210px}.voice{padding:60px 20px 70px}.voice h2{margin-bottom:35px}.voices{flex-direction:column;gap:25px}.voice-card{padding:28px 20px}.voice-heading{gap:12px}.voice-heading img{width:70px}.voice-heading h3{font-size:19px;white-space:normal}.voice-text{font-size:15px;line-height:1.8}.clients{padding:60px 0 50px}.clients h2{margin-bottom:35px}.logo-track img{width:780px}.logo-track{animation-name:logos-mobile}@keyframes logos-mobile{to{transform:translateX(-1560px)}}.question{padding:50px 20px 80px}.question h2{margin-bottom:40px}.faq dt{font-size:16px;padding:18px 24px}.faq dd{gap:12px;margin:20px 0 0}.faq dd img{width:38px}.faq dd p{font-size:14px}.contact-phone a{font-size:34px}.contact-phone span{font-size:16px}.contact-phone::before{font-size:18px}footer{font-size:14px;padding:30px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-track{animation:none}}
.contact-pair label{display:flex;align-items:center;gap:16px;width:255px}.name-label{font-size:14px;white-space:nowrap}.contact-section{background:var(--pale);padding:65px 24px 100px}.contact-intro{font-size:16px;margin-bottom:25px}.contact-form{padding:30px}.contact-field{margin-bottom:22px}.contact-form .contact-submit{padding:12px 20px}.contact-pair{gap:25px}.contact-policy p{margin:0}@media(max-width:700px){.contact-section{padding:55px 16px 70px}.contact-intro{font-size:14px}.contact-form{padding:22px 16px}.contact-pair{gap:14px}.contact-pair label{width:calc(50% - 7px);gap:8px}.name-label{font-size:12px}.contact-consent{font-size:12px}}
@media(min-width:701px){.hero{background-size:100% 667px}.services li:nth-child(1){width:61px;text-align:center}.services li:nth-child(2),.services li:nth-child(3){width:82px}.services li:nth-child(4){width:100px}.services li:nth-child(5){width:168px;padding-left:7px;padding-right:7px}.services li:nth-child(6){width:55px;padding-left:7px;padding-right:7px}.services li:nth-child(7){width:82px}.services{max-width:600px}.spark{height:62px;margin-bottom:23px}.intro-top>.spark{height:67px}.introduction{padding-bottom:117px}.voice-card{min-width:0;padding:40px 25px 35px}.voice-heading{gap:7px;margin-bottom:15px}.voice-heading p{margin-top:9px}.voice-text{line-height:1.6}.clients{padding-bottom:0}.clients h2{margin-bottom:42px}.logo-window{height:336px}.logo-track{height:336px}.question{padding-top:60px;padding-bottom:117px}.faq dt{font-size:20px}.faq dd p{font-size:16px;line-height:1.8}}
.contact-wrap{max-width:955px}.contact-field{margin-bottom:20px}.contact-field>label,.contact-field>legend{margin-bottom:7px}.contact-form .contact-postal input{min-height:39px;height:39px}.contact-postal{margin-bottom:8px}.contact-section{padding-top:60px}.contact-phone a{line-height:1.4}.contact-phone span{line-height:1.4}.contact-form{margin-top:17px}.contact-form .contact-policy{margin-top:28px;margin-bottom:16px}.contact-consent{margin-bottom:24px}.contact-policy p{line-height:1.5}
.keep{white-space:nowrap}@media(max-width:700px){.hero-art{top:490px}.hero-reward{top:380px}.voice-heading>div{min-width:0}.contact-pair input{min-width:0}.contact-consent{align-items:flex-start}}
.services li{white-space:nowrap;flex-shrink:0}.hero{background-image:none}.hero::before{content:'';position:absolute;inset:0;background:var(--yellow);clip-path:polygon(0 67%,17%97%,100%19%,100%100%,0 100%)}@media(max-width:700px){.hero::before{clip-path:polygon(0 88%,0 100%,100%100%,100%67%)}}@media(min-width:701px) and (max-width:1000px){.brand{width:150px}.header nav{padding:0 18px}.nav-links{gap:18px}.nav-links a{font-size:14px}.contact-link{font-size:16px;padding:12px 15px}.voice-heading h3{font-size:18px;white-space:normal}.voice-heading img{width:65px}.system-description{gap:25px}}