*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif;font-size:16px;line-height:1.9;color:#333;background:#fff}:root{--green:#2d6a4f;--green-light:#40916c;--green-pale:#e8f5ee;--green-dark:#1b4332;--orange:#e07b39;--orange-pale:#fef3ec;--orange-dark:#d4621f;--blue:#2e7eb5;--blue-pale:#eaf4fb;--yellow-pale:#fffbea;--red:#c0392b;--red-pale:#fdecea;--text:#333;--text-sub:#666;--border:#e0e0e0;--bg-gray:#f7f7f7;--max:800px;--radius:10px}a{color:var(--green);transition:opacity .15s}a:hover{opacity:.8}p{margin-bottom:14px}p:last-child{margin-bottom:0}ul,ol{padding-left:1.5em;margin-bottom:14px}li{margin-bottom:6px}img{max-width:100%;height:auto;display:block}strong{font-weight:700}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.section{padding:52px 0}.section--gray{background:var(--bg-gray)}.section--green-pale{background:#eff8f2}.section--quiz{background:linear-gradient(180deg,#f4fbf7 0%,#fff 100%)}h1{font-size:27px;font-weight:700;line-height:1.45;color:#1a1a1a}h2{font-size:22px;font-weight:700;line-height:1.45;color:#1a1a1a}h3{font-size:18px;font-weight:700;line-height:1.5;color:#1a1a1a}h4{font-size:15px;font-weight:700}@media (max-width:600px){h1{font-size:20px}h2{font-size:18px}h3{font-size:15px}body{font-size:15px}.wrap{padding:0 16px}.section{padding:40px 0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease , transform .55s ease}.reveal.visible{opacity:1;transform:none}.section-title{text-align:center;margin-bottom:36px}.section-title>span{display:inline-block;background:var(--green);color:#fff;font-size:12px;font-weight:700;padding:3px 14px;border-radius:20px;margin-bottom:10px;letter-spacing:.06em}.section-title h2{margin:0 0 4px}.section-title::after{content:'';display:block;width:44px;height:3px;background:linear-gradient(90deg,var(--green),var(--orange));margin:12px auto 0;border-radius:2px}.section-title__sub{font-size:14px;color:var(--text-sub);margin-top:8px}.trust-bar{background:#eff4f1;border-bottom:1px solid #c8ddd2;padding:7px 20px;font-size:12px;color:#555;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}.trust-bar strong{color:var(--green)}.site-header{background:#fff;border-bottom:3px solid var(--green);padding:12px 20px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06)}.site-header__inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center}.site-header__logo{text-decoration:none;display:flex;align-items:center;gap:10px}.site-header__logo-img{height:44px;width:auto;display:block}.site-header__logo-text{font-size:16px;font-weight:700;color:var(--green);line-height:1.3}.site-header__logo-text span{display:block;font-size:11px;font-weight:400;color:#888}@media (max-width:640px){.site-header__logo-img{height:36px}.site-header__logo-text{font-size:14px}}.hero{background:linear-gradient(145deg,#f0faf5 0%,#e4f4ec 40%,#fff9f5 100%);padding:44px 0 52px;border-bottom:1px solid #c8ddd2;overflow:hidden;position:relative}.hero__bg-paws{position:absolute;inset:0;pointer-events:none}.hero__bg-paw{position:absolute}.hero__layout{display:flex;align-items:center;gap:40px}.hero__text{flex:1;min-width:0}.hero__eyebrow{font-size:12px;color:#999;margin-bottom:10px}.hero__h1{margin-bottom:18px}.hero__h1 em{font-style:normal;color:var(--green);background:linear-gradient(to right,rgba(45,106,79,.12) 0%,rgba(45,106,79,.08) 100%);border-bottom:3px solid var(--orange);padding-bottom:2px}.hero__lead{font-size:15px;color:#444;line-height:1.9;margin-bottom:22px}.hero__checklist{background:rgba(255,255,255,.85);border:2px solid var(--green);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px;backdrop-filter:blur(4px)}.hero__checklist p{font-size:13px;font-weight:700;color:var(--green);margin-bottom:10px}.hero__checklist ul{list-style:none;padding:0;margin:0}.hero__checklist li{font-size:14px;padding:6px 0;border-bottom:1px dashed #c8ddd2;display:flex;align-items:flex-start;gap:8px;margin:0}.hero__checklist li:last-child{border-bottom:none}.hero__checklist li::before{content:"✅";flex-shrink:0}.hero__cta-scroll{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;font-size:14px;font-weight:700;padding:14px 26px;border-radius:50px;text-decoration:none;cursor:pointer;box-shadow:0 4px 16px rgba(224,123,57,.35);animation:pulse-cta 2.6s ease-in-out infinite;transition:transform .2s}.hero__cta-scroll:hover{opacity:1;color:#fff;transform:translateY(-2px)}@keyframes pulse-cta {
  0%, 100% { box-shadow: 0 4px 16px rgba(224,123,57,.35); }
  50%       { box-shadow: 0 4px 28px rgba(224,123,57,.55); }
}.hero__banner{flex-shrink:0;width:52%;max-width:600px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(45,106,79,.18)}.hero__banner-img{width:100%;height:auto;display:block;animation:banner-float 5s ease-in-out infinite}@keyframes banner-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-6px); }
}@media (max-width:640px){.hero__layout{flex-direction:column;gap:20px}.hero__banner{width:100%;max-width:100%}}.paw-divider{text-align:center;padding:18px 0;background:#fff;position:relative}.paw-divider::before,.paw-divider::after{content:'';display:inline-block;width:72px;height:1px;background:#c8ddd2;vertical-align:middle;margin:0 12px}.paw-divider span{font-size:22px;vertical-align:middle;opacity:.55}.quiz-app{background:#fff;border:2px solid var(--green);border-radius:14px;padding:30px 32px 26px;box-shadow:0 6px 28px rgba(45,106,79,.1);max-width:700px;margin:0 auto}@media (max-width:600px){.quiz-app{padding:20px 16px 20px}}.quiz-progress{height:7px;background:#e8e8e8;border-radius:4px;overflow:hidden;margin-bottom:8px}.quiz-progress__bar{height:100%;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:4px;transition:width .45s cubic-bezier(.4,0,.2,1)}.quiz-progress__text{font-size:12px;color:var(--text-sub);text-align:right;margin-bottom:22px}.quiz-step{display:none}.quiz-step.active{display:block;animation:stepFadeIn .3s ease}@keyframes stepFadeIn {
  from { opacity: 0; transform: translateX(12px); }
  to   { opacity: 1; transform: none; }
}.quiz-step__q{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.5;padding-left:14px;border-left:4px solid var(--green)}@media (max-width:600px){.quiz-step__q{font-size:14px}}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-gray);border:2px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;font-size:14px;color:#333;line-height:1.5;transition:border-color .18s , background .18s , transform .15s}.quiz-option:hover{border-color:var(--green);background:var(--green-pale);transform:translateX(4px)}.quiz-option.selected{border-color:var(--green);background:var(--green-pale);font-weight:700;transform:translateX(4px)}.quiz-option__icon{font-size:24px;flex-shrink:0;line-height:1}.quiz-option__label{flex:1}.quiz-result{animation:stepFadeIn .4s ease}.quiz-result__badge{font-size:56px;text-align:center;margin-bottom:8px}.quiz-result__label{font-size:11px;font-weight:700;color:var(--orange);text-align:center;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.quiz-result__title{font-size:20px;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:18px;line-height:1.4}@media (max-width:600px){.quiz-result__title{font-size:17px}}.quiz-result__reason{font-size:14px;line-height:1.85;color:#444;background:var(--green-pale);border-radius:10px;padding:16px 18px;margin-bottom:12px}.quiz-result__note{font-size:13px;color:var(--text-sub);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:4px}.quiz-result__cta{margin-top:4px}.quiz-result__secondary{margin-top:8px}.result-secondary-label{font-size:12px;font-weight:700;color:var(--text-sub);margin-bottom:6px;margin-top:12px}.quiz-restart{display:block;width:100%;padding:10px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-sub);cursor:pointer;font-family:inherit;margin-top:14px;transition:background .15s}.quiz-restart:hover{background:var(--bg-gray)}.basics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}@media (max-width:640px){.basics-grid{grid-template-columns:1fr;gap:14px}}.basics-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:22px 18px;text-align:center;transition:box-shadow .2s , transform .2s}.basics-card:hover{box-shadow:0 4px 20px rgba(45,106,79,.12);transform:translateY(-3px)}.basics-card__icon{font-size:36px;margin-bottom:10px}.basics-card h3{font-size:16px;margin-bottom:10px}.basics-card p{font-size:13px;color:#444;line-height:1.75;margin:0 0 8px}.box-formula-sm{background:var(--green-pale);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--green);margin-top:8px}.btn{display:block;width:100%;padding:16px 22px;border:none;border-radius:9px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;text-decoration:none;transition:all .22s;line-height:1.4;position:relative;overflow:hidden}.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .2s}.btn:hover::after{background:rgba(255,255,255,.08)}.btn--orange{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:0 4px 14px rgba(224,123,57,.38)}.btn--orange:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,123,57,.45)}.btn--green{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 4px 14px rgba(45,106,79,.32)}.btn--green:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,106,79,.4)}.btn--outline{background:transparent;color:var(--green);border:2px solid var(--green)}.btn--outline:hover{background:var(--green-pale);color:var(--green);text-decoration:none}.btn__sub{display:block;font-size:11px;font-weight:400;opacity:.88;margin-top:3px}.tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;line-height:1.4;white-space:nowrap}.tag--green{background:var(--green);color:#fff}.tag--orange{background:var(--orange);color:#fff}.tag--pale{background:var(--green-pale);color:var(--green);border:1px solid #b5d8c6}.tag--gray{background:#e4e4e4;color:#555}.tag--blue{background:var(--blue);color:#fff}.tag--wet{background:var(--blue-pale);color:var(--blue);border:1px solid #a8ceea;font-weight:700;font-size:10px;padding:2px 7px;border-radius:4px}.box-point{background:var(--yellow-pale);border-left:4px solid #f0c030;border-radius:0 8px 8px 0;padding:16px 20px;margin:20px 0}.box-point__title{font-size:13px;font-weight:700;color:#9a7000;margin-bottom:8px;display:flex;align-items:center;gap:6px}.box-point__title::before{content:"💡"}.box-caution{background:var(--orange-pale);border-left:4px solid var(--orange);border-radius:0 8px 8px 0;padding:16px 20px;margin:20px 0}.box-caution__title{font-size:13px;font-weight:700;color:var(--orange-dark);margin-bottom:8px;display:flex;align-items:center;gap:6px}.box-caution__title::before{content:"⚠️"}.box-green{background:var(--green-pale);border:2px solid var(--green);border-radius:var(--radius);padding:18px 22px;margin:20px 0}.box-green__title{font-size:13px;font-weight:700;color:var(--green);margin-bottom:10px}.box-formula{background:#fff;border:2px dashed var(--green);border-radius:8px;padding:16px 20px;margin:16px 0;text-align:center;font-size:15px;font-weight:700;color:#222}.box-formula small{display:block;font-size:12px;font-weight:400;color:var(--text-sub);margin-top:6px}.rank-card{border-radius:14px;overflow:hidden;margin-bottom:28px;border:2px solid var(--border);box-shadow:0 2px 16px rgba(0,0,0,.07);transition:box-shadow .2s , transform .2s}.rank-card:hover{box-shadow:0 6px 28px rgba(0,0,0,.11);transform:translateY(-2px)}.rank-card--1st{border-color:var(--orange);box-shadow:0 4px 22px rgba(224,123,57,.18)}.rank-card--2nd{border-color:var(--green);box-shadow:0 4px 18px rgba(45,106,79,.14)}.rank-card--wet{border-color:var(--blue)}.rank-card__header{padding:14px 22px;display:flex;align-items:center;gap:16px}.rank-card--1st .rank-card__header{background:linear-gradient(135deg,#fef0e4,#fddcc4)}.rank-card--2nd .rank-card__header{background:linear-gradient(135deg,#e8f5ee,#c8e8d4)}.rank-card__header--default{background:var(--bg-gray)}.rank-card__header--wet{background:linear-gradient(135deg,#eaf4fb,#cde3f2)}.rank-num{font-size:28px;font-weight:900;line-height:1;min-width:36px;text-align:center}.rank-card--1st .rank-num{color:var(--orange)}.rank-card--2nd .rank-num{color:var(--green)}.rank-card--wet .rank-num{color:var(--blue)}.rank-card__header--default .rank-num{color:#888;font-size:22px}.rank-card__header-info{flex:1}.rank-card__type{font-size:11px;color:#888;margin-bottom:2px}.rank-card__name{font-size:17px;font-weight:700;color:#1a1a1a;line-height:1.35}@media (max-width:600px){.rank-card__name{font-size:15px}}.rank-card__body{padding:22px;background:#fff}.rank-card__img-area{width:100%;height:200px;background:#f8f8f8;border-radius:10px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #eee}.rank-card__img-area img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .3s ease}.rank-card:hover .rank-card__img-area img{transform:scale(1.04)}.img-placeholder-text{font-size:12px;color:#bbb;margin:0}.rank-card__summary-box{background:var(--orange-pale);border-left:4px solid var(--orange);border-radius:0 8px 8px 0;padding:12px 16px;margin-bottom:16px}.rank-card__summary-box p{font-size:14px;font-weight:700;color:#333;margin:0}.rank-card__summary-box--gray{background:var(--bg-gray);border-left-color:#888}.rank-card__summary-box--gray p{font-weight:600}.rank-card__summary-box--blue{background:var(--blue-pale);border-left-color:var(--blue)}.summary-label{display:inline-block;font-size:10px;font-weight:700;color:var(--orange-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.rank-card__summary-box--gray .summary-label{color:#777}.rank-card__summary-box--blue .summary-label{color:var(--blue)}.match-badges{margin-bottom:16px}.match-badges__title{font-size:12px;font-weight:700;color:var(--text-sub);margin-bottom:8px}.match-badges__list{display:flex;flex-wrap:wrap;gap:6px}.match-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:20px;background:#f0f8f4;border:1px solid #b5d8c6;color:var(--green);font-weight:600;white-space:nowrap}.rank-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.rank-card__summary{font-size:14px;line-height:1.85;color:#444;margin-bottom:16px}.reason-list{display:flex;flex-direction:column;gap:16px}.reason-item{display:flex;gap:14px;align-items:flex-start}.reason-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--green);color:#fff;font-size:13px;font-weight:900;border-radius:50%;flex-shrink:0;margin-top:2px}.reason-item strong{font-size:14px;font-weight:700;display:block;margin-bottom:4px}.reason-item p{font-size:13px;color:#444;line-height:1.8;margin:0}.rank-card__merit-list{list-style:none;padding:0;margin:16px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.rank-card__merit-list li{font-size:13px;padding:9px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:8px;margin:0;background:#fff;transition:background .15s}.rank-card__merit-list li:last-child{border-bottom:none}.rank-card__merit-list li::before{content:"✅";flex-shrink:0}.rank-card__merit-list li:hover{background:var(--green-pale)}.rank-card__demerit{background:#fafafa;border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:13px;color:#666;margin-bottom:16px}.rank-card__demerit strong{color:#888;display:block;margin-bottom:5px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}table.comp{width:100%;min-width:560px;border-collapse:collapse;font-size:13px}table.comp th{background:var(--green);color:#fff;padding:11px 13px;text-align:center;font-weight:700;white-space:nowrap;border-right:1px solid rgba(255,255,255,.15)}table.comp th:first-child{text-align:left;min-width:130px}table.comp td{padding:10px 13px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}table.comp td:first-child{text-align:left;font-weight:600}table.comp tr:nth-child(even) td {background:#fafafa}table.comp tr.row-1st td{background:#fef3ec!important}table.comp tr.row-1st td:first-child{border-left:3px solid var(--orange)}table.comp tr.row-wet td{background:#eef6fb!important}.fat-ok{color:#1e8449;font-weight:700;background:#e8f5e9!important}.fat-warn{color:var(--blue);font-weight:700}.fat-ng{color:var(--red);font-weight:700;background:var(--red-pale)!important}.table-link{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none;border:1px solid var(--border);color:var(--text);transition:background .15s}.table-link:hover{background:var(--green-pale);color:var(--green)}.table-link--orange{background:var(--orange);color:#fff;border-color:var(--orange)}.table-link--orange:hover{opacity:.9;background:var(--orange);color:#fff}.table-link--green{background:var(--green);color:#fff;border-color:var(--green)}.table-link--green:hover{opacity:.9;background:var(--green);color:#fff}.tag-wet{display:inline-block;font-size:10px;font-weight:700;background:var(--blue-pale);color:var(--blue);border:1px solid #a8ceea;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:middle}@media (max-width:600px){table.comp td:first-child,table.comp th:first-child{position:sticky;left:0;z-index:1}table.comp tr:nth-child(even) td:first-child {background:#fafafa}table.comp tr:nth-child(odd)  td:first-child {background:#fff}table.comp tr.row-1st td:first-child{background:#fef3ec}table.comp tr.row-wet td:first-child{background:#eef6fb}table.comp th:first-child{background:var(--green)}}.judge-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:8px}@media (max-width:600px){.judge-grid{grid-template-columns:1fr}}.judge-card{border-radius:var(--radius);padding:20px 20px;border:2px solid var(--border)}.judge-card--caution{background:var(--orange-pale);border-color:var(--orange)}.judge-card--ok{background:var(--green-pale);border-color:var(--green)}.judge-card__title{font-size:14px;font-weight:700;margin-bottom:12px}.judge-card--caution .judge-card__title{color:var(--orange-dark)}.judge-card--ok .judge-card__title{color:var(--green)}.judge-card ul{font-size:13px;margin:0}.judge-card li{padding:4px 0}.judge-card__note{margin-top:12px;font-size:13px;font-weight:600;color:var(--green);border-top:1px dashed #b5d8c6;padding-top:10px}.cta-block{border:2px solid var(--orange);border-radius:14px;padding:24px;background:linear-gradient(135deg,#fffaf6,#fef3ec)}.cta-block__label{font-size:12px;font-weight:700;color:var(--orange-dark);letter-spacing:.06em;margin-bottom:12px}.faq-list{max-width:700px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:10px;transition:box-shadow .2s , border-color .2s}.faq-item.faq-open{border-color:var(--green);box-shadow:0 3px 14px rgba(45,106,79,.12)}.faq-item__q{width:100%;background:var(--green-pale);border:none;padding:15px 18px;font-weight:700;font-size:14px;display:flex;gap:10px;align-items:center;justify-content:space-between;color:#1a1a1a;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s}.faq-item__q:hover,.faq-item__q[aria-expanded="true"]{background:#c8e8d4}.faq-item__q span:first-child{flex:1}.faq-item__q::before{content:"Q";background:var(--green);color:#fff;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.faq-item__icon{font-size:16px;color:var(--green);flex-shrink:0;transition:transform .3s;font-style:normal;min-width:16px;text-align:center}.faq-item__q[aria-expanded="true"] .faq-item__icon{transform:rotate(45deg)}.faq-item__a{max-height:0;overflow:hidden;padding:0 18px;font-size:14px;line-height:1.85;color:#444;background:#fff;transition:max-height .35s ease , padding .3s ease}.related-link{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:14px;color:var(--text);background:#fff;margin-bottom:10px;transition:background .15s , transform .15s}.related-link:hover{background:var(--green-pale);transform:translateX(4px)}.related-link::before{content:"→";color:var(--green);font-weight:700;flex-shrink:0}.disclaimer{background:var(--bg-gray);border-top:1px solid var(--border);padding:28px 0;font-size:12px;color:#888;line-height:1.8}.disclaimer p{margin-bottom:8px}.mt-8{margin-top:8px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-32{margin-top:32px!important}.mb-8{margin-bottom:8px!important}.mb-16{margin-bottom:16px!important}.mb-24{margin-bottom:24px!important}.mb-32{margin-bottom:32px!important}.text-center{text-align:center}.text-sm{font-size:13px;color:var(--text-sub)}.text-green{color:var(--green);font-weight:700}.text-orange{color:var(--orange);font-weight:700}