:root{--c-bg: #f4f4f0;--c-text: #333333;--c-accent: #000000}.bg-decor{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 10% 20%,rgba(255,0,85,.03) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,255,255,.03) 0%,transparent 20%)}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(#e0e0e0 1px,transparent 1px),linear-gradient(90deg,#e0e0e0 1px,transparent 1px);background-size:50px 50px;opacity:.3;pointer-events:none}.back-link{position:absolute;top:30px;left:30px;z-index:100;font-family:var(--font-en);font-size:1.2rem;color:var(--c-text);text-decoration:none;border:3px solid var(--c-text);padding:10px 25px;border-radius:30px;transition:.3s;background:rgba(255,255,255,.9);font-weight:700;box-shadow:5px 5px 0 var(--c-text)}.back-link:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--pop-2);background:var(--c-text);color:#fff}.hamburger-btn{position:fixed;top:30px;right:30px;z-index:11000;width:80px;height:80px;background:var(--c-text);border:4px solid var(--pop-2);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:background .3s;box-shadow:5px 5px #0003}.hamburger-btn:hover{background:var(--pop-1);border-color:var(--c-white)}.hamburger-btn:hover .h-line{background:var(--c-white)}.h-line{width:40px;height:5px;background:var(--c-white);transition:.3s;pointer-events:none;border-radius:4px}.hamburger-btn.is-active{background:var(--c-white)!important;border-color:var(--c-text)!important;transform:rotate(0)!important}.hamburger-btn.is-active .h-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-btn.is-active .h-line:nth-child(2){opacity:0}.hamburger-btn.is-active .h-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.hamburger-btn.is-active .h-line{background:var(--c-text)}.pop-sidebar{position:fixed;top:0;right:0;width:500px;max-width:90vw;height:100vh;background:rgba(255,255,255,.95);border-left:8px solid var(--c-text);z-index:10500;transform:translate(120%) skew(-5deg);transform-origin:top right;box-shadow:-20px 0 50px #00000080;display:flex;flex-direction:column;justify-content:center;padding:40px;background-image:radial-gradient(var(--pop-5) 2px,transparent 2px);background-size:30px 30px}.menu-list{list-style:none;width:100%;text-align:right}.menu-item{margin:15px 0;perspective:1000px}.menu-link{display:inline-block;font-family:var(--font-en);font-size:4rem;font-weight:900;color:var(--c-text);text-decoration:none;line-height:1;text-transform:uppercase;position:relative;transition:.3s;padding:0 10px;background:transparent}.menu-link .menu-num{color:#0006}.menu-item:nth-child(1) .menu-link:hover{color:var(--pop-1);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(2) .menu-link:hover{color:var(--pop-2);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(3) .menu-link:hover{color:var(--pop-3);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(4) .menu-link:hover{color:var(--pop-4);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(5) .menu-link:hover{color:var(--pop-5);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(6) .menu-link:hover{color:var(--pop-6);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(7) .menu-link:hover{color:var(--pop-1);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(8) .menu-link:hover{color:var(--pop-6);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-text)}.menu-deco{position:absolute;bottom:20px;right:40px;font-family:var(--font-digi);font-size:1rem;color:var(--c-text);opacity:.5;text-align:right}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:10400;visibility:hidden;opacity:0;transition:.3s;backdrop-filter:blur(2px)}.menu-overlay.is-active{visibility:visible;opacity:1}.br-pc{display:block}.br-sp{display:none}@media (max-width: 768px){.br-pc{display:none}.br-sp{display:block}}.nowrap{white-space:nowrap}.hero{height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding-top:60px}.hero-tag{font-family:var(--font-en);font-size:1rem;color:var(--c-text);background:var(--pop-2);border:2px solid var(--c-text);padding:5px 20px;border-radius:50px;margin-bottom:15px;box-shadow:4px 4px 0 var(--c-text);display:inline-block}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:20px;color:var(--c-text);letter-spacing:.05em;white-space:nowrap}@media (max-width: 900px){.hero-title{white-space:normal;font-size:2.5rem;line-height:1.3}}.hero-desc{font-size:1rem;font-weight:700;line-height:1.8;max-width:700px;color:#555;margin-bottom:30px}.hero-btn{display:inline-block;padding:15px 50px;font-size:1.2rem;font-weight:900;color:var(--c-text);background:linear-gradient(90deg,var(--pop-5),var(--pop-4));border:3px solid var(--c-text);border-radius:12px;text-decoration:none;font-family:var(--font-en);box-shadow:8px 8px 0 var(--c-text);transition:.2s;position:relative;overflow:hidden;text-transform:uppercase}.hero-btn:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--pop-1);background:var(--c-white)}.flow-section{padding:80px 5%;position:relative;overflow:hidden;background-color:var(--pop-6);background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.3) 20px,rgba(255,255,255,.3) 40px);border-bottom:5px solid var(--c-text)}.section-title{font-size:4rem;font-family:var(--font-en);text-align:center;margin-bottom:50px;color:var(--c-text);position:relative;display:block;text-shadow:4px 4px 0px var(--c-white);background:var(--c-text);color:var(--pop-6);display:inline-block;padding:5px 30px;transform:skew(-10deg) translate(-50%);left:50%;box-shadow:10px 10px #0000001a}.flow-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;position:relative;flex-wrap:wrap;align-items:flex-start}.flow-card{flex:1;min-width:260px;background:#ffffff;color:var(--c-text);border-radius:16px;padding:30px 20px;position:relative;cursor:pointer;transition:.3s;border:4px solid var(--c-text);box-shadow:10px 10px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:350px;z-index:1;height:auto}.flow-card:hover{transform:translateY(-10px) rotate(2deg);z-index:10}.step-num{font-family:var(--font-en);font-size:1.8rem;color:var(--c-text);background:var(--pop-5);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:3px solid var(--c-text);margin-bottom:15px;position:absolute;top:-25px}.flow-card:nth-child(1) .step-num{background:var(--pop-1);color:#fff}.flow-card:nth-child(3) .step-num{background:var(--pop-5);color:#000}.flow-card:nth-child(5) .step-num{background:var(--pop-2);color:#000}.flow-card:nth-child(7) .step-num{background:var(--pop-4);color:#fff}.step-illust{width:100%;height:140px;border-radius:12px;margin-bottom:15px;margin-top:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;transition:.3s}.step-illust img{width:100%;height:100%;object-fit:cover;border-radius:12px}.flow-card:nth-child(1) .step-illust{background:linear-gradient(135deg,#ffebf0 0%,#ffe0e8 100%);border:3px solid var(--pop-1)}.flow-card:nth-child(3) .step-illust{background:linear-gradient(135deg,#e0f7ff 0%,#ccf2ff 100%);border:3px solid var(--pop-5)}.flow-card:nth-child(5) .step-illust{background:linear-gradient(135deg,#f7ffe0 0%,#eeff99 100%);border:3px solid var(--pop-2)}.flow-card:nth-child(7) .step-illust{background:linear-gradient(135deg,#f3e8ff 0%,#e8d5ff 100%);border:3px solid var(--pop-4)}.flow-card:hover .step-illust{transform:scale(1.05) rotate(-2deg)}.step-title{font-size:1.4rem;font-weight:900;margin-bottom:10px}.step-short{font-size:1rem;line-height:1.5;margin-bottom:15px;font-weight:700;color:#555;min-height:4.5em}.toggle-icon{margin-top:auto;font-size:1rem;font-weight:700;transition:.3s;color:#fff;background:var(--c-text);padding:5px 15px;border-radius:20px}.flow-card:hover .toggle-icon{background:var(--pop-1)}.card-detail{display:none;width:100%;margin-top:15px;padding-top:15px;border-top:2px dashed #ccc;text-align:left;font-size:.95rem;line-height:1.6;color:#333;animation:fadeIn .5s ease}.flow-card.active .card-detail,.case-card.active .card-detail{display:block}.flow-card.active .toggle-icon,.case-card.active .case-price{background:var(--c-text);color:var(--pop-2)}.flow-card.active .toggle-icon:after{content:" ▼ OPEN"}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.flow-arrow{font-size:2rem;color:var(--c-text);align-self:center;margin:0 5px;opacity:.5}.flow-detail-list{list-style:none;padding:0;margin-top:10px}.flow-detail-list li{margin-bottom:12px;font-size:.95rem;line-height:1.6;text-align:left;padding-left:0;display:flex;align-items:baseline}.flow-detail-list li .emoji{font-size:1.2rem;margin-right:8px;flex-shrink:0;width:20px;text-align:center}.flow-detail-list strong{margin-right:5px;font-weight:900;font-family:var(--font-jp)}.flow-detail-list .txt{flex-grow:1}.flow-card:nth-child(1) .flow-detail-list strong{color:var(--pop-1)}.flow-card:nth-child(3) .flow-detail-list strong{color:#00838f}.flow-card:nth-child(5) .flow-detail-list strong{color:#558b2f}.flow-card:nth-child(7) .flow-detail-list strong{color:var(--pop-4)}.case-section{padding:80px 5%;background:#fdf0f3;position:relative;background-image:radial-gradient(#eec0c0 1px,transparent 1px);background-size:20px 20px}.case-header{text-align:center;margin-bottom:40px;margin-top:0}.case-section .section-title{margin-bottom:5px;color:var(--c-text);font-size:3.5rem;background:none;transform:none;left:auto;box-shadow:none;display:inline-block;text-shadow:2px 2px 0 white}.case-sub{font-weight:700;color:#666;font-size:1rem;background:white;padding:5px 15px;border-radius:20px;display:inline-block;border:1px solid #ddd}.case-container{max-width:1200px;margin:0 auto}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;align-items:start}.case-card{background:white;border:2px solid white;border-left:6px solid var(--c-text);border-radius:12px;padding:25px;position:relative;transition:.3s;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 10px 20px #0000000d;z-index:1;height:auto}.case-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 20px 40px #0000001a;z-index:10}.case-tag{display:inline-block;padding:3px 10px;background:#eee;color:#333;font-size:.8rem;font-weight:700;border-radius:20px;margin-bottom:10px;width:fit-content;border:1px solid #ddd}.case-title{font-size:1.3rem;font-weight:900;margin-bottom:10px;line-height:1.4;color:var(--c-text)}.case-digest{flex-grow:1;font-size:.9rem;color:#666;line-height:1.6;margin-bottom:20px}.case-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;border-top:2px dashed #f0f0f0;padding-top:15px;width:100%}.case-price{color:var(--pop-1);font-family:var(--font-en);font-size:1.3rem}.case-detail-list{margin-top:10px;list-style:none;padding:0}.case-detail-list li{margin-bottom:5px;font-size:.9rem;border-bottom:1px dashed #eee;padding-bottom:3px}.case-detail-list span{font-weight:700;margin-right:5px;color:var(--pop-1);font-family:var(--font-en)}.faq-section{padding:80px 5%;background:#fff;position:relative;border-top:5px solid var(--c-text);background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:40px 40px}.faq-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.faq-item{background:white;border:3px solid var(--c-text);border-radius:12px;margin-bottom:15px;cursor:pointer;transition:.2s;box-shadow:5px 5px #0000001a}.faq-item:hover{border-color:var(--pop-4);box-shadow:8px 8px 0 var(--pop-4);transform:translate(-2px,-2px)}.faq-q{padding:20px;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.faq-q:after{content:"+";font-family:var(--font-en);font-size:1.5rem;color:var(--c-text)}.faq-item.active .faq-q:after{content:"-"}.faq-item.active .faq-q{background:var(--pop-4);color:#fff}.faq-a{padding:0 20px 20px;display:none;font-size:.95rem;line-height:1.6;color:#555}.faq-item.active .faq-a{display:block}.reserve-section{padding:100px 5%;text-align:center;background:#f0f0f0;border-top:5px solid var(--c-text)}.reserve-wrapper{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.reserve-info{text-align:left}.reserve-box{background:white;border:4px solid var(--c-text);border-radius:20px;padding:30px;box-shadow:15px 15px 0 var(--pop-4)}.safe-badge{background:white;border:2px solid var(--c-text);padding:8px 15px;border-radius:30px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:10px;width:fit-content;cursor:default;transition:.2s;box-shadow:3px 3px #0000001a}.safe-badge:hover{transform:scale(1.05);background:var(--pop-2)}.safe-icon{font-size:1.2rem}.cal-mock{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;margin-top:20px}.cal-cell{padding:10px;background:#f5f5f5;border-radius:4px;font-size:.8rem;cursor:pointer;transition:.2s}.cal-cell:hover{background:var(--pop-5);font-weight:700;transform:scale(1.1)}.cal-cell.ok{border:2px solid var(--pop-2);background:#fff}.input-group{margin-bottom:15px}.input-field{width:100%;padding:15px;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:.3s}.input-field:focus{border-color:var(--pop-1);outline:none;box-shadow:0 0 10px #ff00551a;background:white}.submit-btn{width:100%;padding:15px;background:var(--c-text);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:900;cursor:pointer;font-family:var(--font-en);text-transform:uppercase;transition:.3s;box-shadow:0 5px 15px #0000004d}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003;background:var(--pop-1)}footer{background:var(--c-text);color:#fff;padding:50px 5%;text-align:center}@media (max-width: 900px){.hero-title{font-size:2.5rem}.flow-container{flex-direction:column}.flow-card{min-height:auto}.flow-arrow{transform:rotate(90deg);margin:10px 0}.reserve-wrapper,.case-grid{grid-template-columns:1fr}.section-title{font-size:3rem}}