*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand-blue:#00afec;--brand-blue-dark:#0097cc;--brand-blue-light:#eaf7fd;--brand-pink:#ec6d81;--brand-pink-dark:#d95970;--brand-pink-light:#fef3f5;--day-main:#ec6d81;--day-dark:#d95970;--day-bg:#fef3f5;--day-text:#c04560;--time-main:#00afec;--time-dark:#0097cc;--time-bg:#eaf7fd;--time-text:#07a;--both-main:#9b6fd4;--both-bg:#f3f0ff;--both-text:#7c52b8;--bg-white:#fff;--bg-pink-light:#fef3f5;--bg-yellow-light:#fffce2;--bg-gray-light:#f7f7f7;--footer-dark:#131e32;--text-primary:#313131;--text-muted:#888;--text-light:#aaa;--border-light:#e8e8e8;--border-mid:#ccc;--shadow-sm:0 1px 4px rgba(0,0,0,.06);--shadow-md:0 2px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--radius-btn:6px;--radius-card:12px;--radius-pill:100px;--transition:0.2s ease}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg-white);color:var(--text-primary);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.75;overflow-x:hidden}.container{margin:0 auto;max-width:1080px;padding:0 24px}.gradient-text{color:var(--day-main)}.gradient-text-blue{color:var(--time-main)}.hide-sp{display:inline}@media (max-width:640px){.hide-sp{display:none}}.btn{align-items:center;border:2px solid transparent;border-radius:var(--radius-btn);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.02em;line-height:1;padding:14px 32px;position:relative;text-decoration:none;transition:var(--transition)}.btn--primary{background:var(--brand-pink);color:#fff;font-size:1.1rem;padding:16px 40px}.btn--primary:hover{background:var(--brand-pink-dark);box-shadow:0 4px 16px rgba(236,109,129,.35);transform:translateY(-1px)}.btn--day{background:var(--day-main);border-color:var(--day-main);color:#fff}.btn--day:hover{background:var(--day-dark);border-color:var(--day-dark);box-shadow:0 4px 14px rgba(236,109,129,.3);transform:translateY(-1px)}.btn--time{background:var(--time-main);border-color:var(--time-main);color:#fff}.btn--time:hover{background:var(--time-dark);border-color:var(--time-dark);box-shadow:0 4px 14px rgba(0,175,236,.3);transform:translateY(-1px)}.btn--outline{background:transparent;border-color:var(--border-mid);color:var(--text-muted)}.btn--outline:hover{background:var(--bg-gray-light);border-color:var(--text-muted);color:var(--text-primary)}.btn--white{background:#fff;border-color:transparent;color:var(--day-main);font-weight:800}.btn--white:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--ghost{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.5);color:#fff}.btn--ghost:hover{background:hsla(0,0%,100%,.25)}.btn__icon{font-size:1.1em}.hero{background:var(--bg-pink-light);color:var(--text-primary);overflow:hidden;padding:80px 0 72px;position:relative;text-align:center}.hero:before{background:linear-gradient(90deg,var(--brand-pink) 0,var(--brand-blue) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.hero__particles{display:none}.hero__inner{position:relative;z-index:2}.hero__badge{animation:fade-up .6s ease-out both;background:#fff;border:1.5px solid var(--brand-pink);border-radius:var(--radius-pill);color:var(--brand-pink);display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:24px;padding:6px 20px}.hero__title{animation:fade-up .6s ease-out .1s both;color:var(--text-primary);font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;line-height:1.45;margin-bottom:18px}.hero__title-sub{color:var(--brand-blue);display:block;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;margin-bottom:8px}.hero__desc{animation:fade-up .6s ease-out .2s both;color:var(--text-muted);font-size:1rem;margin-bottom:36px}#startQuiz{animation:fade-up .6s ease-out .3s both}.hero__scroll-link{animation:fade-up .6s ease-out .4s both;color:var(--text-light);display:block;font-size:.875rem;margin-top:20px;text-decoration:none;transition:var(--transition)}.hero__scroll-link:hover{color:var(--text-muted)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.quiz{background:var(--bg-white);display:none;padding:80px 0}.quiz.active{animation:fade-in .5s ease-out;display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quiz__card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;padding:48px 40px;position:relative}.quiz__progress{background:var(--border-light);border-radius:var(--radius-pill);height:6px;margin-bottom:12px;overflow:hidden}.quiz__progress-bar{background:var(--brand-pink);border-radius:var(--radius-pill);height:100%;transition:width .4s ease;width:0}.quiz__step-label{color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:28px;text-align:right}.quiz__question{display:none}.quiz__question.active{animation:slide-in .4s ease-out;display:block}@keyframes slide-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.quiz__q-number{background:var(--brand-pink);border-radius:var(--radius-btn);color:#fff;display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin-bottom:16px;padding:4px 14px}.quiz__q-text{color:var(--text-primary);font-size:1.4rem;font-weight:800;margin-bottom:8px}.quiz__q-hint{color:var(--text-muted);font-size:.875rem;margin-bottom:28px}.quiz__options{display:grid;gap:12px}.quiz__option{align-items:center;background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:var(--radius-card);column-gap:16px;cursor:pointer;display:grid;font-family:inherit;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:18px 22px;position:relative;row-gap:2px;text-align:left;transition:var(--transition)}.quiz__option:hover{background:var(--day-bg);border-color:var(--brand-pink);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quiz__option:active{transform:translateY(0)}.quiz__option-icon{font-size:1.8rem;grid-row:1/3}.quiz__option-label{color:var(--text-primary);font-size:.95rem;line-height:1.55}.quiz__option-example{color:var(--text-muted);font-size:.8rem}.quiz__option.selected{background:var(--day-bg);border-color:var(--brand-pink);box-shadow:0 0 0 3px rgba(236,109,129,.18)}.quiz__result{animation:result-in .6s ease-out;display:none;text-align:center}.quiz__result.active{display:block}@keyframes result-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.quiz__result-icon{animation:bounce-in .7s ease-out;font-size:3.5rem;margin-bottom:8px}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.quiz__result-badge{border-radius:var(--radius-pill);display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:16px;padding:5px 18px}.quiz__result-badge--day{background:var(--day-bg);border:1px solid rgba(236,109,129,.3);color:var(--day-text)}.quiz__result-badge--time{background:var(--time-bg);border:1px solid rgba(0,175,236,.3);color:var(--time-text)}.quiz__result-badge--both{background:var(--both-bg);border:1px solid rgba(155,111,212,.3);color:var(--both-text)}.quiz__result-title{color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:16px}.quiz__result-title--day span{color:var(--day-main)}.quiz__result-title--time span{color:var(--time-main)}.quiz__result-title--both span{color:var(--both-main)}.quiz__result-desc{color:var(--text-muted);font-size:.95rem;line-height:1.75;margin:0 auto 28px;max-width:540px}.quiz__result-reasons{background:var(--bg-gray-light);border:1px solid var(--border-light);border-radius:var(--radius-card);margin-bottom:32px;padding:22px 26px;text-align:left}.quiz__result-reasons h3{color:var(--text-primary);font-size:.9rem;font-weight:700;margin-bottom:12px}.quiz__result-reasons ul{list-style:none;padding:0}.quiz__result-reasons li{color:var(--text-muted);font-size:.875rem;line-height:1.6;margin-bottom:8px;padding-left:22px;position:relative}.quiz__result-reasons li:before{color:var(--brand-pink);content:"✓";font-weight:800;left:0;position:absolute}#resultDay .quiz__result-reasons li:before{color:var(--day-main)}#resultTime .quiz__result-reasons li:before{color:var(--time-main)}#resultBoth .quiz__result-reasons li:before{color:var(--both-main)}.quiz__result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.quiz__result-alt{color:var(--text-light);font-size:.85rem}.quiz__result-alt a{color:var(--text-muted);text-decoration:underline;transition:var(--transition)}.quiz__result-alt a:hover{color:var(--text-primary)}.comparison{background:var(--bg-yellow-light);padding:80px 0 64px}.section-header{margin-bottom:48px;text-align:center}.section-header__tag{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--text-muted);display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.04em;margin-bottom:14px;padding:5px 16px}.section-header__title{color:var(--text-primary);font-size:clamp(1.3rem,3.5vw,1.9rem);font-weight:800;margin-bottom:8px}.section-header__title:after{background:var(--brand-pink);border-radius:2px;content:"";display:block;height:3px;margin:10px auto 0;width:48px}.section-header__desc{color:var(--text-muted);font-size:.9rem;margin-top:12px}.comparison__table-wrap{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison__table{border-collapse:collapse;min-width:600px;width:100%}.comparison__table thead{background:var(--text-primary)}.comparison__table th{color:hsla(0,0%,100%,.75);font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:18px 22px;text-align:center}.comparison__th-scene{text-align:left!important;width:55%}.comparison__th-day,.comparison__th-time{width:22.5%}.comparison__logo{border-radius:var(--radius-btn);display:inline-block;font-size:.95rem;font-weight:800;letter-spacing:.04em;padding:4px 16px}.comparison__logo--day{background:var(--day-main);color:#fff}.comparison__logo--time{background:var(--time-main);color:#fff}.comparison__table tbody tr{border-bottom:1px solid var(--border-light);transition:var(--transition)}.comparison__table tbody tr:last-child{border-bottom:none}.comparison__table tbody tr:hover{background:var(--bg-gray-light)}.comparison__scene{align-items:center;display:flex;gap:14px;padding:18px 22px}.comparison__scene-icon{flex-shrink:0;font-size:1.5rem}.comparison__scene-text{display:flex;flex-direction:column}.comparison__scene-text strong{color:var(--text-primary);font-size:.9rem;font-weight:700}.comparison__scene-text span{color:var(--text-muted);font-size:.78rem;margin-top:2px}.comparison__rating{padding:18px 14px;text-align:center;vertical-align:middle}.rating-mark{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;display:inline-flex;font-size:16px;font-weight:900;height:38px;justify-content:center;line-height:1;margin-bottom:4px;width:38px}.rating-mark--best{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.rating-mark--ok{background:#fff8e1;border-color:#ffe082;color:#f57f17}.rating-mark--limited{background:#ffebee;border-color:#ef9a9a;color:#c62828}.rating-mark--ng{background:#e9e9e9;border-color:#c8c8c8;color:#4f4f4f}.rating-label{margin-top:2px}.comparison__legend{gap:24px}.cta{background:var(--bg-white);padding:80px 0}.cta__inner{background:linear-gradient(135deg,var(--brand-pink) 0,#f0889c 50%,var(--brand-blue) 100%);border-radius:var(--radius-card);box-shadow:0 8px 40px rgba(236,109,129,.25);color:#fff;overflow:hidden;padding:64px 40px;position:relative;text-align:center}.cta__inner:before{background:radial-gradient(circle at 25% 50%,hsla(0,0%,100%,.1) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.cta__title{font-size:clamp(1.4rem,4vw,1.9rem);font-weight:800;margin-bottom:12px;position:relative}.cta__title span{color:#fde68a}.cta__desc{font-size:.95rem;margin-bottom:32px;opacity:.85;position:relative}.cta__buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;position:relative}.footer{background:var(--footer-dark);color:hsla(0,0%,100%,.5);font-size:.8rem;padding:28px 0;text-align:center}.footer a{color:hsla(0,0%,100%,.7);text-decoration:underline;transition:var(--transition)}.footer a:hover{color:hsla(0,0%,100%,.95)}.comparison__cta{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin-top:36px}.comparison__cta-btn{align-items:center;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.1);color:#fff;display:inline-flex;font-size:1.05rem;font-weight:800;justify-content:center;letter-spacing:.02em;min-width:420px;padding:22px 36px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.comparison__cta-btn:hover{opacity:.96;transform:translateY(-2px)}.comparison__cta-btn--day{background:#e8617a;box-shadow:0 10px 24px rgba(232,97,122,.22)}.comparison__cta-btn--time{background:#00a0e9;box-shadow:0 10px 24px rgba(0,160,233,.22)}@media (max-width:768px){.comparison__cta{align-items:center;flex-direction:column;gap:14px;margin-top:28px}.comparison__cta-btn{box-sizing:border-box;font-size:1rem;max-width:520px;min-width:0;padding:18px 20px;text-align:center;width:100%}}@media (max-width:480px){.comparison__cta-btn{font-size:.95rem;padding:16px 18px}}@media (max-width:768px){.hero{padding:60px 0 52px}.quiz__card{border-radius:var(--radius-card);padding:32px 18px}.quiz__q-text{font-size:1.2rem}.quiz__option{padding:14px 16px}.quiz__option-icon{font-size:1.5rem}.quiz__result-title{font-size:1.4rem}.quiz__result-actions{align-items:center;flex-direction:column}.quiz__result-actions .btn{max-width:300px;width:100%}.comparison{padding:60px 0 48px}.comparison__legend{align-items:center;flex-direction:column;gap:8px}.cta__inner{padding:48px 22px}.cta__buttons{align-items:center;flex-direction:column}.cta__buttons .btn{max-width:300px;width:100%}}.quiz__options--visual{display:grid;gap:16px;grid-template-columns:1fr 1fr}.quiz__option--visual{align-items:stretch;background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-card);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;grid-template-columns:unset;overflow:hidden;padding:0;text-align:left;transition:var(--transition)}.quiz__option--visual:hover{border-color:var(--brand-pink);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quiz__option--visual.selected{border-color:var(--brand-pink);box-shadow:0 0 0 3px rgba(236,109,129,.18)}.quiz__option-visual-label{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:12px 16px 10px}.quiz__option-plan-badge{border-radius:var(--radius-pill);display:inline-block;flex-shrink:0;font-size:.78rem;font-weight:800;letter-spacing:.04em;padding:3px 12px}.quiz__option-plan-badge--day{background:var(--day-main);color:#fff}.quiz__option-plan-badge--time{background:var(--time-main);color:#fff}.quiz__option-visual-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.quiz__option-img{border-radius:0 0 calc(var(--radius-card) - 2px) calc(var(--radius-card) - 2px);display:block;height:auto;width:100%}.quiz__q-skip{margin-top:16px;text-align:center}.quiz__skip-link{border-bottom:1px dashed var(--border-mid);color:var(--text-light);font-size:.82rem;text-decoration:none;transition:var(--transition)}.quiz__skip-link:hover{color:var(--text-muted)}@media (max-width:640px){.quiz__options--visual{grid-template-columns:1fr}}.shift-preview{align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin-bottom:48px}.shift-preview__card{background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition)}.shift-preview__card--day{border-top:4px solid var(--day-main)}.shift-preview__card--time{border-top:4px solid var(--time-main)}.shift-preview__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.shift-preview__header{align-items:center;background:var(--bg-gray-light);border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:14px 18px}.shift-preview__badge{border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.04em;padding:3px 14px}.shift-preview__badge--day{background:var(--day-main)}.shift-preview__badge--time{background:var(--time-main)}.shift-preview__label{color:var(--text-muted);font-size:.82rem;font-weight:600}.shift-preview__img{display:block;height:auto;width:100%}.shift-preview__vs{color:var(--text-light);flex-shrink:0;font-size:1.2rem;font-weight:900;letter-spacing:.04em;text-align:center}@media (max-width:768px){.shift-preview{grid-template-columns:1fr;grid-template-rows:auto auto auto}.shift-preview__vs{margin:4px auto;transform:rotate(90deg)}}.rating-label{color:var(--text-muted);display:block;font-size:.7rem;font-weight:600;line-height:1.4;margin-top:4px}.comparison__legend{display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:center;margin-top:20px}.comparison__legend-item{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;white-space:nowrap}.rating-mark--sm{border-width:1.5px;font-size:11px;height:22px;margin-bottom:0;width:22px}@media (max-width:768px){.comparison__table{min-width:680px}.comparison__scene{align-items:flex-start;gap:10px;padding:14px}.comparison__scene-icon{font-size:1.25rem;margin-top:2px}.comparison__scene-text strong{font-size:.82rem;line-height:1.45}.comparison__scene-text span{font-size:.72rem;line-height:1.45}.comparison__rating{padding:14px 8px}.rating-mark{font-size:14px;height:34px;width:34px}.rating-label{font-size:.64rem;line-height:1.35}.comparison__legend{gap:10px 14px}.shift-preview__vs{margin:0 auto;transform:none}.comparison__legend{display:grid;gap:12px 18px;grid-template-columns:repeat(2,minmax(120px,1fr));margin:20px auto 0;max-width:320px}.comparison__legend-item{align-items:center;column-gap:8px;display:grid;font-size:.78rem;grid-template-columns:24px 1fr;white-space:nowrap}.rating-mark--sm{justify-self:center}}