:root{--color-primary:#0073aa;--color-primary-hover:#045cb4;--color-secondary:#046bd2;--color-text:#334155;--color-text-dark:#1e293b;--color-text-light:#64748b;--color-border:#d1d5db;--color-bg:#ffffff;--color-bg-light:#f7f7f7;--color-bg-very-light:#f0f5fa;--color-gray:#f3f4f6;--color-red:#d63638;--color-red-light:#fff5f5;--color-green:#46b450;--color-green-light:#f0f9ff;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:60px;--spacing-5xl:80px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-full:9999px;--font-scale:1.2;--font-size-sm:calc(14px * var(--font-scale));--font-size-md:calc(16px * var(--font-scale));--font-size-lg:calc(18px * var(--font-scale));--font-size-xl:calc(20px * var(--font-scale));--font-size-2xl:calc(24px * var(--font-scale));--font-size-3xl:calc(30px * var(--font-scale));--font-size-4xl:calc(36px * var(--font-scale));--font-size-5xl:calc(48px * var(--font-scale));--shadow-sm:0px 1px 2px 0px rgba(0, 0, 0, 0.05);--shadow-md:0px 2px 10px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 20px rgba(0, 0, 0, 0.12);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;font-size:var(--font-size-md);line-height:1.65;color:var(--color-text);background-color:var(--color-bg);margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--color-text-dark);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-lg)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--spacing-md);line-height:1.8}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:focus,a:hover{color:var(--color-primary-hover);text-decoration:underline}ol,ul{padding-left:20px;margin-bottom:var(--spacing-lg)}.full-width-callout{width:100%;padding:0 var(--spacing-xl)}li{margin-bottom:var(--spacing-sm);line-height:1.8}.container{max-width:90%;margin:0 auto;padding:0 var(--spacing-lg);width:90%}.container-narrow{max-width:750px}.page{display:flex;flex-direction:column;min-height:100vh}.site-content{flex-grow:1}header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.primary-header-bar{display:flex;justify-content:space-between;align-items:center;min-height:80px;padding:var(--spacing-lg) 0}.site-logo{display:flex;align-items:center;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-dark);text-decoration:none}.site-logo img{max-width:50px;width:50px;height:auto;margin-right:var(--spacing-md)}.site-logo:hover{color:var(--color-primary)}.main-navigation ul{list-style:none;display:flex;gap:var(--spacing-2xl);margin:0;padding:0}.main-navigation a{color:var(--color-text);font-size:var(--font-size-md);font-weight:500;display:flex;align-items:center;height:100%;transition:var(--transition)}.main-navigation a:hover{color:var(--color-primary);text-decoration:none}footer{background-color:#2c3e50;color:#ecf0f1;margin-top:auto}.footer-content{padding:var(--spacing-5xl) 0 var(--spacing-2xl)}.footer-widgets{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5xl);margin-bottom:var(--spacing-3xl)}.footer-widget h3{font-size:var(--font-size-lg);font-weight:600;color:#fff;margin-bottom:var(--spacing-lg)}.footer-widget p{font-size:var(--font-size-sm);line-height:1.8;color:#ecf0f1}.footer-widget ul{list-style:none;padding-left:0;margin:0}.footer-widget ul li{margin-bottom:var(--spacing-lg);line-height:1}.footer-widget a{color:#ecf0f1;text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition)}.footer-widget a:hover{color:var(--color-secondary);text-decoration:underline}.footer-bottom{border-top:1px solid #34495e;padding-top:var(--spacing-2xl);text-align:center;font-size:var(--font-size-sm);color:#ecf0f1}.footer-bottom a{color:#3498db;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.btn,button,input[type=button],input[type=submit]{display:inline-block;padding:15px 30px;font-size:var(--font-size-md);font-weight:500;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:var(--transition);text-decoration:none;text-align:center;line-height:1em;family:inherit}.btn-primary,.wp-block-button__link{background-color:var(--color-primary);color:#fff;border:none}.btn-primary:hover,.wp-block-button__link:hover{background-color:var(--color-primary-hover);color:#fff;text-decoration:none}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff;text-decoration:none}.btn-outline-white{background-color:transparent;color:#fff;border:2px solid #fff}.btn-outline-white:hover{background-color:#fff;color:var(--color-primary);text-decoration:none}section{padding:var(--spacing-5xl) 0}section.alt{background-color:var(--color-bg-light)}section.hero{background:linear-gradient(135deg,#0073aa 0,#00a0d2 100%);color:#fff;padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}section.hero h1,section.hero h2{color:#fff;font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg)}section.hero p{color:#fff;font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.hero-content{text-align:center}.card,.feature-item,.plan-card{background-color:var(--color-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover,.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-title{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md);font-weight:600}.card-body{font-size:var(--font-size-md);line-height:1.8}.plan-card{border:2px solid var(--color-border);display:flex;flex-direction:column;height:100%;padding:0;border-radius:var(--border-radius-xl)}.plan-card.featured{border-width:3px;border-color:var(--color-primary);background-color:#e6f3f8;position:relative}.plan-card.featured .plan-header::before{content:'おすすめ';display:block;text-align:center;color:var(--color-primary);margin-bottom:8px;font-size:calc(12px * var(--font-scale));font-weight:700}.plan-header{padding:32px 24px;background-color:#fff;border-radius:10px 10px 0 0}.plan-header h3{text-align:center;color:var(--color-primary);font-size:calc(24px * var(--font-scale));font-weight:700;margin:0}.plan-body{padding:24px;background-color:#fff;border-radius:0 0 10px 10px;flex-grow:1;display:flex;flex-direction:column}.plan-features{margin:16px 0;flex-grow:1;padding-left:0}.plan-features li{list-style:none;margin-bottom:0;font-size:calc(14px * var(--font-scale));line-height:2}.plan-cta{margin-top:24px}.badge{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-full);font-size:10px;font-weight:600;margin-left:8px;vertical-align:middle}.badge-ai{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;box-shadow:0 2px 4px rgba(102,126,234,.3)}.badge-option{background:linear-gradient(135deg,#86f7ff 0,#764ba2 100%);color:#fff;box-shadow:0 2px 4px rgba(102,126,234,.3)}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.before{padding:var(--spacing-2xl);background-color:var(--color-red-light);border-left:4px solid var(--color-red);border-radius:var(--border-radius-lg)}.before h3{font-size:var(--font-size-xl)}.after{padding:var(--spacing-2xl);background-color:var(--color-green-light);border-left:4px solid var(--color-green);border-radius:var(--border-radius-lg)}.after h3{font-size:var(--font-size-xl)}.grid{display:grid;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}form{margin-bottom:var(--spacing-2xl)}input[type=date],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);font-family:inherit;box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:var(--spacing-md)}input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-dark);font-size:var(--font-size-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mt-7{margin-top:var(--spacing-3xl)}.mt-8{margin-top:var(--spacing-4xl)}.mt-9{margin-top:var(--spacing-5xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.mb-7{margin-bottom:var(--spacing-3xl)}.mb-8{margin-bottom:var(--spacing-4xl)}.mb-9{margin-bottom:var(--spacing-5xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.hidden{display:none}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.gap-6{gap:var(--spacing-2xl)}@media (max-width:921px){.container{padding:0 var(--spacing-lg)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}section{padding:var(--spacing-3xl) 0}section.hero{padding:var(--spacing-3xl) var(--spacing-lg)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.primary-header-bar{min-height:70px;padding:var(--spacing-md) 0}.main-navigation ul{gap:var(--spacing-lg)}.footer-widgets{grid-template-columns:1fr;gap:var(--spacing-3xl)}.before-after{grid-template-columns:1fr}}@media (max-width:544px){html{font-size:14px}.container{padding:0 var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}section{padding:var(--spacing-2xl) 0}.card,.feature-item,.plan-card{padding:var(--spacing-lg)}.btn{padding:12px 24px;font-size:var(--font-size-sm)}.primary-header-bar{min-height:60px;padding:var(--spacing-sm) 0;flex-wrap:wrap}.main-navigation{display:none}.filter-horizontal ul{flex-wrap:wrap}}