html.home,body.home{overflow-x:hidden!important}body.home .l-content,body.home .l-content__inner,body.home .l-content__main,body.home .l-content__body,body.home .l-mainContent,body.home .post_content,body.home .c-postContent,body.home article,body.home [class*="l-"]{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}body.home .l-sidebar,body.home .l-content__side{display:none!important}body.home .l-content__inner{display:block!important}body.home .l-content__main{flex:0 0 100%!important;max-width:100%!important}body.home .c-breadcrumb,body.home .p-breadcrumb{display:none!important}:root{--white:#ffffff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--primary:#0066cc;--primary-light:#0055aa;--primary-lighter:#e0f2fe;--accent:#3b82f6;--orange:#ea580c;--orange-light:#fed7aa;--gold:#b45309;--font:"Noto Sans JP", "Hiragino Sans", sans-serif}.front-page{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow-x:hidden!important;font-family:var(--font);line-height:1.8;color:var(--gray-800)}.front-page a{text-decoration:none;color:inherit}.front-page img{max-width:100%;height:auto}.hero{background:var(--gray-900);padding:80px 24px 100px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.1) 100%);pointer-events:none}.hero__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}.hero__content{color:var(--white)}.hero__label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,.9);background:rgba(255,255,255,.1);padding:6px 14px;border-radius:100px;margin-bottom:20px}.hero__label::before{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%}.hero__title{font-size:38px;font-weight:700;line-height:1.4;margin-bottom:20px}.hero__title-accent{color:inherit}.hero__desc{font-size:15px;line-height:1.8;color:rgba(255,255,255,.85);margin-bottom:32px}.hero__btns{display:flex;gap:12px;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;border-radius:6px;transition:all 0.2s}.hero__btn--primary{background:var(--primary);color:var(--white)}.hero__btn--primary:hover{background:var(--primary-light);transform:translateY(-1px)}.hero__btn--secondary{background:rgba(255,255,255,.2);color:#fff;border:2px solid #fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.hero__btn--secondary:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.hero__btn svg{width:16px;height:16px}.hero__visual{display:flex;flex-direction:column;gap:16px}.hero__card{background:var(--white);border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 24px rgba(0,0,0,.15);transition:transform 0.2s}.hero__card:hover{transform:translateX(4px)}.hero__card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gray-100);color:var(--gray-700)}.hero__card-icon svg{width:24px;height:24px}.hero__card-text{font-size:14px;font-weight:600;color:var(--gray-800)}.hero__card-text strong{display:block;font-size:13px;color:var(--gray-500);font-weight:400;margin-top:2px}.hero__stats{display:flex;justify-content:center;gap:24px;margin-top:48px;max-width:1100px;margin-left:auto;margin-right:auto}.hero__stat{text-align:center;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px 32px;min-width:140px}.hero__stat-num{display:block;font-size:28px;font-weight:700;color:#fff}.hero__stat-label{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.9);margin-top:4px}@media (max-width:900px){.hero__inner{grid-template-columns:1fr;gap:40px}.hero__title{font-size:28px}.hero__visual{max-width:400px}.hero__stats{gap:16px}.hero__stat{padding:16px 24px;min-width:120px}.hero__stat-num{font-size:24px}}@media (max-width:600px){.hero{padding:60px 20px 80px}.hero__btns{flex-direction:column}.hero__btn{justify-content:center}.hero__stats{flex-wrap:wrap;gap:12px}.hero__stat{padding:14px 20px;min-width:100px;flex:1}.hero__stat-num{font-size:20px}.hero__stat-label{font-size:11px}}.section{padding:80px 24px}.section--gray{background:var(--gray-50)}.section--white{background:var(--white)}.section--primary{background:var(--gray-900);color:var(--white)}.section__inner{max-width:1100px;margin:0 auto}.section__header{margin-bottom:40px}.section__header--center{text-align:center}.section__label{display:inline-block;font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.section--primary .section__label{color:var(--accent)}.section__title{font-size:28px;font-weight:700;color:var(--gray-800);margin-bottom:10px}.section--primary .section__title{color:var(--white)}.section__subtitle{font-size:15px;color:var(--gray-500)}.section--primary .section__subtitle{color:rgba(255,255,255,.75)}@media (max-width:600px){.section{padding:60px 20px}.section__title{font-size:22px}}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature__card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:32px;text-align:center;transition:all 0.2s}.feature__card:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(0,102,204,.08);transform:translateY(-2px)}.feature__icon{width:56px;height:56px;margin:0 auto 20px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);color:var(--primary)}.feature__icon svg{width:28px;height:28px}.feature__title{font-size:17px;font-weight:700;color:var(--gray-800);margin-bottom:10px}.feature__text{font-size:14px;color:var(--gray-500);line-height:1.7}@media (max-width:900px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features__grid{grid-template-columns:1fr}}.steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.steps__grid::before{content:'';position:absolute;top:32px;left:80px;right:80px;height:2px;background:var(--gray-200);z-index:0}.step__item{text-align:center;position:relative;z-index:1}.step__num{width:64px;height:64px;border-radius:50%;background:var(--primary);color:var(--white);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 12px rgba(0,102,204,.2)}.step__title{font-size:16px;font-weight:700;color:var(--gray-800);margin-bottom:10px}.step__text{font-size:13px;color:var(--gray-500);line-height:1.7}@media (max-width:900px){.steps__grid{grid-template-columns:repeat(2,1fr);gap:32px}.steps__grid::before{display:none}}@media (max-width:600px){.steps__grid{grid-template-columns:1fr}}.categories__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category__card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:24px 20px;text-align:center;transition:all 0.2s}.category__card:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(0,102,204,.08);transform:translateY(-2px)}.category__icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);color:var(--primary);transition:all 0.2s}.category__card:hover .category__icon{background:var(--primary);color:var(--white)}.category__icon svg{width:22px;height:22px}.category__name{font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:4px}.category__count{font-size:12px;color:var(--gray-400)}@media (max-width:900px){.categories__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.categories__grid{grid-template-columns:repeat(2,1fr);gap:12px}.category__card{padding:20px 16px}}.comparison__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.comparison__card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;display:flex;overflow:hidden;transition:all 0.2s}.comparison__card:hover{border-color:var(--gray-300);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.comparison__card-visual{width:140px;flex-shrink:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:32px;font-weight:700}.comparison__card-body{flex:1;padding:24px}.comparison__card-title{font-size:17px;font-weight:700;color:var(--gray-800);margin-bottom:8px}.comparison__card-desc{font-size:14px;color:var(--gray-500);line-height:1.7;margin-bottom:12px}.comparison__card-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary)}.comparison__card-link svg{width:16px;height:16px;transition:transform 0.2s}.comparison__card:hover .comparison__card-link svg{transform:translateX(4px)}@media (max-width:900px){.comparison__cards{grid-template-columns:1fr}}@media (max-width:600px){.comparison__card{flex-direction:column}.comparison__card-visual{width:100%;height:80px}}.popular__list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.popular__item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;transition:all 0.2s}.popular__item:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(0,102,204,.08);transform:translateY(-2px)}.popular__rank{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-200);border-radius:8px;font-size:14px;font-weight:700;color:var(--gray-600)}.popular__rank--1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7a5c00}.popular__rank--2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.popular__rank--3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.popular__thumb{flex-shrink:0;width:72px;height:48px;border-radius:6px;overflow:hidden;background:var(--gray-200)}.popular__thumb img{width:100%;height:100%;object-fit:cover}.popular__thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.popular__body{flex:1;min-width:0}.popular__cat{display:inline-block;font-size:10px;font-weight:600;color:var(--primary);margin-bottom:4px}.popular__title{font-size:13px;font-weight:600;line-height:1.5;color:var(--gray-800);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.popular__item:hover .popular__title{color:var(--primary)}@media (max-width:768px){.popular__list{grid-template-columns:1fr}}@media (max-width:600px){.popular__item{padding:12px;gap:10px}.popular__rank{width:28px;height:28px;font-size:12px}.popular__thumb{width:60px;height:40px}.popular__title{font-size:12px}}.articles__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.articles__more{font-size:14px;font-weight:500;color:var(--primary);display:flex;align-items:center;gap:6px}.articles__more svg{width:18px;height:18px;transition:transform 0.2s}.articles__more:hover svg{transform:translateX(4px)}.articles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article__card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;transition:all 0.2s}.article__card:hover{border-color:var(--gray-300);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.article__thumb{aspect-ratio:16/9;background:var(--gray-200);position:relative;overflow:hidden}.article__thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.article__card:hover .article__thumb img{transform:scale(1.05)}.article__thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.article__body{padding:20px}.article__cat{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;background:var(--primary-lighter);color:var(--primary);border-radius:4px;margin-bottom:10px}.article__title{font-size:15px;font-weight:700;color:var(--gray-800);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.article__date{font-size:12px;color:var(--gray-400);margin-top:10px}@media (max-width:900px){.articles__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:600px){.articles__header{flex-direction:column;align-items:flex-start;gap:12px}.articles__grid{grid-template-columns:repeat(2,1fr);gap:12px}.article__body{padding:14px}.article__title{font-size:13px}.article__cat{font-size:10px;padding:3px 8px;margin-bottom:8px}}.faq__inner{max-width:800px;margin:0 auto}.faq__list{display:flex;flex-direction:column;gap:12px}.faq__item{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;transition:border-color 0.2s}.faq__item:hover,.faq__item.is-open{border-color:var(--primary)}.faq__question{width:100%;padding:22px 24px;font-size:15px;font-weight:600;font-family:inherit;color:var(--gray-800);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:none;text-align:left}.faq__icon{width:28px;height:28px;border-radius:6px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;position:relative}.faq__icon::before,.faq__icon::after{content:'';position:absolute;background:var(--primary);transition:transform 0.3s}.faq__icon::before{width:14px;height:2px}.faq__icon::after{width:2px;height:14px}.faq__item.is-open .faq__icon{background:var(--primary)}.faq__item.is-open .faq__icon::before,.faq__item.is-open .faq__icon::after{background:var(--white)}.faq__item.is-open .faq__icon::after{transform:rotate(90deg)}.faq__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s}.faq__item.is-open .faq__answer{grid-template-rows:1fr}.faq__answer-inner{overflow:hidden}.faq__answer-inner p{padding:0 24px 22px;font-size:14px;line-height:1.8;color:var(--gray-600);margin:0}@media (max-width:600px){.faq__question{padding:18px 16px;font-size:14px}.faq__answer-inner p{padding:0 16px 18px;font-size:13px}}.p-diagnosis{background:var(--primary);padding:60px 24px;color:var(--white)}.p-diagnosis__inner{max-width:500px;margin:0 auto}.p-diagnosis__title{font-size:22px;font-weight:700;text-align:center;margin-bottom:10px}.p-diagnosis__desc{text-align:center;font-size:14px;color:rgba(255,255,255,.85);margin-bottom:28px}.p-diagnosis__start{text-align:center}.p-diagnosis__start-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--white);color:var(--primary);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s}.p-diagnosis__start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.p-diagnosis__progress{background:rgba(255,255,255,.2);height:4px;border-radius:2px;margin-bottom:20px;overflow:hidden}.p-diagnosis__progress-bar{height:100%;background:var(--white);border-radius:2px;transition:width 0.3s;width:0}.p-diagnosis__step{text-align:center;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:20px}.p-diagnosis__question{display:none}.p-diagnosis__question.is-active{display:block;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.p-diagnosis__question-title{font-size:17px;font-weight:600;text-align:center;margin-bottom:20px}.p-diagnosis__options{display:flex;flex-direction:column;gap:10px}.p-diagnosis__option{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px 20px;text-align:left;color:var(--white);font-size:15px;font-weight:500;cursor:pointer;transition:background 0.2s,border-color 0.2s,transform 0.2s}.p-diagnosis__option:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateX(4px)}.p-diagnosis__result{display:none}.p-diagnosis__result.is-active{display:block;animation:fadeIn 0.3s ease}.p-diagnosis__result-header{text-align:center;margin-bottom:24px}.p-diagnosis__result-title{font-size:14px;font-weight:500;color:rgba(255,255,255,.7);margin-bottom:10px}.p-diagnosis__result-type{display:inline-block;font-size:20px;font-weight:700;padding:6px 16px;background:rgba(255,255,255,.15);border-radius:100px;margin-bottom:12px}.p-diagnosis__result-desc{font-size:14px;color:rgba(255,255,255,.85)}.p-diagnosis__recommend{background:var(--white);border-radius:12px;padding:24px;color:var(--gray-800)}.p-diagnosis__recommend-title{font-size:13px;font-weight:700;color:var(--primary);margin-bottom:16px}.p-diagnosis__recommend-list{list-style:none;margin:0;padding:0}.p-diagnosis__recommend-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--gray-200)}.p-diagnosis__recommend-item:last-child{border-bottom:none}.p-diagnosis__recommend-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--white);border-radius:6px;font-size:13px;font-weight:700;margin-right:14px;flex-shrink:0}.p-diagnosis__recommend-item:first-child .p-diagnosis__recommend-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.p-diagnosis__recommend-link{display:flex;align-items:center;flex:1;color:inherit;text-decoration:none;transition:opacity 0.2s}.p-diagnosis__recommend-link:hover{opacity:.7}.p-diagnosis__recommend-name{font-size:15px;font-weight:600;color:var(--primary);min-width:100px}.p-diagnosis__recommend-desc{font-size:13px;color:var(--gray-500)}.p-diagnosis__restart{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background 0.2s}.p-diagnosis__restart:hover{background:rgba(255,255,255,.1)}@media (max-width:600px){.p-diagnosis{padding:48px 20px}.p-diagnosis__title{font-size:18px}.p-diagnosis__recommend-link{flex-wrap:wrap}.p-diagnosis__recommend-name{width:100%;min-width:auto;margin-bottom:4px}}.cta{background:linear-gradient(135deg,var(--primary) 0%,#0044aa 100%);padding:100px 24px;text-align:center;position:relative;overflow:hidden}.cta::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none}.cta__inner{max-width:640px;margin:0 auto;position:relative}.cta__title{font-size:30px;font-weight:700;color:var(--white);margin-bottom:14px}.cta__desc{font-size:16px;color:rgba(255,255,255,.85);margin-bottom:36px;line-height:1.8}.cta__btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;border-radius:8px;transition:all 0.2s}.cta__btn--primary{background:var(--white);color:var(--primary)}.cta__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,255,255,.2)}.cta__btn--secondary{background:#fff;color:var(--primary);border:2px solid #fff}.cta__btn--secondary:hover{background:var(--gray-100);transform:translateY(-2px)}.cta__btn svg{width:18px;height:18px}@media (max-width:600px){.cta{padding:80px 20px}.cta__title{font-size:24px}.cta__btns{flex-direction:column}.cta__btn{justify-content:center}}.more{text-align:center;margin-top:32px}.more__link{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary);color:var(--white);font-size:14px;font-weight:600;border-radius:6px;transition:all 0.2s}.more__link:hover{background:var(--primary-light);transform:translateY(-1px)}.more__link svg{width:16px;height:16px}.js-reveal{opacity:0;transform:translateY(30px);transition:all 0.6s cubic-bezier(.16,1,.3,1)}.js-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.js-reveal{opacity:1;transform:none}}