.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:background .3s ease,box-shadow .3s ease}.header-content{margin:0 auto;padding:0 var(--m-space-64);height:var(--m-header-height);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-icon{width:150px;border-radius:8px;overflow:hidden}.logo-icon img{width:100%;height:100%;object-fit:contain}.nav{display:flex;gap:4px}.nav-link{padding:10px 24px;font-size:var(--m-fs-14);font-weight:500;color:var(--primary);background:transparent;border-radius:8px;transition:all .3s ease}.nav-link:hover{background:#ffffff26;color:var(--primary)}.menu-toggle{display:none;padding:10px;font-size:24px;color:var(--primary)}@media(max-width:768px){.header-content{padding:0 var(--m-space-16);height:var(--m-header-height-mobile)}.logo-icon{width:100px}.nav{position:fixed;top:var(--m-header-height-mobile);left:0;right:0;background:var(--primary-dark);flex-direction:column;padding:var(--m-space-24);transform:translateY(-120%);opacity:0;transition:all .3s ease;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg)}.nav-open{transform:translateY(0);opacity:1}.nav-link{width:100%;padding:16px;text-align:center;border-radius:8px;color:var(--text-white)}.nav-link:hover{background:#ffffff1a}.menu-toggle{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--bg-light)}.hero-bg{display:none}.hero-circle-image{position:absolute;top:50%;right:-10%;transform:translateY(-50%);width:65vw;height:65vw;max-width:900px;max-height:900px;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px #0000000f;z-index:1}.hero-circle-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:var(--m-header-height) var(--m-space-64) var(--m-space-64)}.hero-text{max-width:500px;animation:heroFadeIn 1s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-tag{display:inline-block;padding:8px 18px;background:var(--primary);border-radius:24px;font-size:var(--m-fs-12);font-weight:500;color:var(--text-white);letter-spacing:.1em;margin-bottom:var(--m-space-24);animation:heroFadeIn 1s ease-out .2s backwards}.hero-title{display:flex;flex-direction:column;gap:0;margin-bottom:var(--m-space-32)}.hero-title-line{display:block;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.3;color:var(--text-dark);animation:heroSlideIn .8s ease-out backwards}.hero-title-line:nth-child(1){animation-delay:.3s}.hero-title-line:nth-child(2){animation-delay:.5s}@keyframes heroSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hero-title-accent{color:var(--primary)}.hero-description{font-size:var(--m-fs-16);color:var(--text-muted);line-height:2;margin-bottom:var(--m-space-32);animation:heroFadeIn 1s ease-out .6s backwards}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;animation:heroFadeIn 1s ease-out .8s backwards}.btn-hero{padding:16px 32px;font-size:var(--m-fs-15);border-radius:50px;font-weight:600}.btn-hero.btn-primary{background:var(--primary);color:var(--text-white);box-shadow:0 4px 20px #1d385540}.btn-hero.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 24px #1d38554d}.btn-outline{background:transparent;color:var(--text-body);border:2px solid var(--border-medium)}.btn-outline:hover{background:var(--bg-white);border-color:var(--primary);color:var(--primary)}.hero-scroll{position:absolute;bottom:32px;left:var(--m-space-64);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;animation:heroFadeIn 1s ease-out 1s backwards}.hero-scroll-text{font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.15em;writing-mode:vertical-rl}.hero-scroll-line{width:1px;height:40px;background:var(--border-medium);position:relative;overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:var(--primary);animation:scrollMove 1.5s ease-in-out infinite}@keyframes scrollMove{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@media(max-width:1024px){.hero-circle-image{width:55vw;height:55vw;right:-15%}.hero-content{padding:var(--m-header-height) var(--m-space-40) var(--m-space-40)}.hero-text{max-width:45%}}@media(max-width:768px){.hero{min-height:100svh;align-items:flex-end;background:transparent}.hero-bg{display:block;position:absolute;inset:0;z-index:1}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 30%,rgba(255,255,255,.1) 60%,transparent 100%)}.hero-circle-image{display:none}.hero-content{padding:0 var(--m-space-16) var(--m-space-100);display:block;min-height:auto}.hero-text{max-width:100%;text-align:left;padding-top:0}.hero-tag{padding:6px 14px;font-size:10px;margin-bottom:var(--m-space-16)}.hero-title{margin-bottom:var(--m-space-24)}.hero-title-line{font-size:32px;color:var(--text-dark)}.hero-description{font-size:var(--m-fs-14);line-height:1.9;margin-bottom:var(--m-space-24);color:var(--text-body)}.hero-buttons{flex-direction:column;gap:12px}.btn-hero{width:100%;padding:14px 24px;font-size:var(--m-fs-14)}.btn-hero.btn-primary{background:var(--primary);color:var(--text-white)}.btn-outline{background:#ffffffe6;border-color:var(--border-medium);color:var(--text-body)}.hero-scroll{display:none}}.services{background:var(--bg-light)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.service-card{background:var(--bg-white);border-radius:16px;padding:var(--m-space-40);transition:all .4s cubic-bezier(.4,0,.2,1)}.service-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:14px;margin-bottom:var(--m-space-24);font-size:26px;color:var(--text-white)}.service-title{font-size:var(--m-fs-20);font-weight:700;margin-bottom:var(--m-space-12);color:var(--text-dark)}.service-description{color:var(--text-muted);margin-bottom:var(--m-space-24);line-height:1.7;font-size:var(--m-fs-15)}.service-features{display:flex;flex-direction:column;gap:10px}.service-features li{display:flex;align-items:center;gap:10px;font-size:var(--m-fs-14);color:var(--text-body)}.service-features li svg{color:var(--primary);font-size:14px}@media(max-width:768px){.services-grid{grid-template-columns:1fr}.service-card{padding:var(--m-space-24)}}.works{background:var(--bg-light)}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.work-card{background:var(--bg-white);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.work-image{height:200px;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.work-info{padding:var(--m-space-24)}.work-category{display:inline-block;font-size:var(--m-fs-12);font-weight:600;color:var(--primary);background:#1d385514;padding:5px 12px;border-radius:6px;margin-bottom:var(--m-space-12)}.work-title{font-size:var(--m-fs-18);font-weight:600;margin-bottom:var(--m-space-8);color:var(--text-dark)}.work-description{font-size:var(--m-fs-14);color:var(--text-muted);line-height:1.6}@media(max-width:768px){.works-grid{grid-template-columns:1fr}}.about{background:var(--bg-light)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-headline{font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.5;margin-bottom:var(--m-space-24);color:var(--primary)}.about-description{color:var(--text-muted);margin-bottom:var(--m-space-16);line-height:1.8}.about-features{display:flex;gap:40px;margin-top:var(--m-space-40);padding-top:var(--m-space-32);border-top:1px solid var(--border-light)}.about-feature{display:flex;flex-direction:column;gap:0px}.feature-number{font-size:var(--m-fs-40);font-weight:700;color:var(--primary);font-family:var(--m-ff-en)}.feature-label{font-size:var(--m-fs-14);color:var(--text-muted)}.about-image{border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--shadow-xl)}.about-image:after{content:"";position:absolute;inset:0;border:4px solid var(--primary);border-radius:20px;transform:translate(12px,12px);z-index:-1;opacity:.2}.about-image img{width:100%;height:450px;object-fit:cover;object-position:top;display:block}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:40px}.about-image{order:-1}}@media(max-width:768px){.about-features{justify-content:space-around;gap:24px}.about-image img{height:320px}}.contact{background:var(--primary);color:var(--text-white)}.contact .section-tag{background:#ffffff26;color:var(--text-white)}.contact .section-title{color:var(--text-white)}.contact .section-subtitle{color:#fffc}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}.contact-info{display:flex;flex-direction:column;gap:28px}.contact-item{display:flex;align-items:flex-start;gap:20px}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:12px;color:var(--text-white);font-size:20px;flex-shrink:0}.contact-detail{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:var(--m-fs-12);color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em}.contact-value{font-size:var(--m-fs-18);font-weight:500;color:var(--text-white)}.contact-value:hover{opacity:.8}.contact-line{margin-top:var(--m-space-24);padding:var(--m-space-24);background:#ffffff1a;border-radius:16px;text-align:center}.contact-line-title{font-size:var(--m-fs-14);font-weight:600;color:var(--text-white);margin-bottom:var(--m-space-16)}.contact-line-qr{width:140px;height:140px;background:var(--bg-white);border-radius:12px;padding:8px;margin:0 auto}.contact-line-qr img{width:100%;height:100%;object-fit:contain}.contact-form{background:var(--bg-white);border-radius:20px;padding:var(--m-space-40);box-shadow:var(--shadow-xl)}.form-group{margin-bottom:var(--m-space-24)}.form-group label{display:block;margin-bottom:8px;color:var(--text-dark)}.required{color:#dc3545}.field-error{display:block;margin-top:6px;color:#dc3545;font-size:var(--m-fs-14)}.form-group input,.form-group textarea{background:var(--bg-light);border:1px solid var(--border-light);color:var(--text-body)}.recaptcha-container{display:flex;flex-direction:column;align-items:center;gap:8px}.recaptcha-container.is-disabled{pointer-events:none;opacity:.6}.recaptcha-error{color:#dc3545;font-size:var(--m-fs-14)}.submit-row{display:flex;flex-direction:column;align-items:stretch;gap:10px}.loading-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-dark);font-size:var(--m-fs-14)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.contact-content{grid-template-columns:1fr}}@media(max-width:768px){.contact-form{padding:var(--m-space-24)}}.footer{background:var(--primary-dark);color:var(--text-white)}.footer-content{max-width:var(--m-screen-max-width);margin:0 auto;padding:var(--m-space-64) var(--m-space-32) var(--m-space-32)}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:var(--m-space-48)}.footer-brand .logo{margin-bottom:var(--m-space-16)}.footer-description{font-size:var(--m-fs-14);color:#ffffffb3;line-height:1.7}.footer-links h4,.footer-contact h4{font-size:var(--m-fs-14);font-weight:600;color:var(--text-white);margin-bottom:var(--m-space-20);letter-spacing:.05em}.footer-links ul{display:flex;flex-direction:column;gap:12px}.footer-links button{padding:0;font-size:var(--m-fs-14);font-weight:400;color:#ffffffb3;justify-content:flex-start}.footer-links button:hover{color:var(--text-white)}.footer-contact p{display:flex;align-items:center;gap:10px;font-size:var(--m-fs-14);color:#ffffffb3;margin-bottom:12px}.footer-contact p svg{color:#ffffffe6}.footer-bottom{padding-top:var(--m-space-32);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{font-size:var(--m-fs-12);color:#ffffff80}@media(max-width:1024px){.footer-main{grid-template-columns:1fr 1fr}}@media(max-width:768px){.footer-main{grid-template-columns:1fr;gap:32px;text-align:center}.footer-links ul,.footer-contact p,.footer-brand .logo{justify-content:center}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--primary);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .6s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-logo{width:180px;height:auto;animation:fadeIn .8s ease-out forwards,bounce 1.5s ease-in-out infinite .8s;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:scale(1)}25%{transform:scale(1.05,.95)}50%{transform:scale(.95,1.05)}75%{transform:scale(1.02,.98)}}@media(max-width:768px){.loading-logo{width:150px}}@media(max-width:480px){.loading-logo{width:120px}}:root{--primary: #1d3855;--primary-light: #2a4d6e;--primary-dark: #152a40;--accent: #4a7c9b;--accent-light: #6b9ab8;--bg-white: #ffffff;--bg-light: #fcfaf8;--bg-gray: #f0f2f5;--bg-dark: #1d3855;--text-dark: #1a1a1a;--text-body: #333333;--text-muted: #6b7280;--text-light: #9ca3af;--text-white: #ffffff;--border-light: #e5e7eb;--border-medium: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--m-transparent: transparent;--m-transparent2: #e4e4e4;--m-border: #e5e5e5;--m-ff-jp: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--m-ff-en: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--m-fs-12: 12px;--m-fs-14: 14px;--m-fs-15: 15px;--m-fs-16: 16px;--m-fs-18: 18px;--m-fs-20: 20px;--m-fs-24: 24px;--m-fs-32: 32px;--m-fs-40: 40px;--m-fs-48: 48px;--m-fs-56: 56px;--m-fs-64: 64px;--m-fs-72: 72px;--m-fs-80: 80px;--m-fs-96: 96px;--m-fs-100: 100px;--m-fs-120: 120px;--m-fs-145: 145px;--m-fw-100: 100;--m-fw-200: 200;--m-fw-300: 300;--m-fw-400: 400;--m-fw-500: 500;--m-fw-600: 600;--m-fw-700: 700;--m-fw-800: 800;--m-fw-900: 900;--m-space-4: 4px;--m-space-8: 8px;--m-space-12: 12px;--m-space-16: 16px;--m-space-24: 24px;--m-space-32: 32px;--m-space-40: 40px;--m-space-48: 48px;--m-space-56: 56px;--m-space-64: 64px;--m-space-72: 72px;--m-space-80: 80px;--m-space-96: 96px;--m-space-100: 100px;--m-space-120: 120px;--m-space-140: 140px;--m-space-160: 160px;--m-space-180: 180px;--m-space-200: 200px;--m-space-220: 220px;--m-space-240: 240px;--m-space-300: 300px;--m-space-360: 360px;--m-screen-max-width: 1200px;--m-header-height: 80px;--m-header-height-mobile: 60px}*{font-family:var(--m-ff-jp);-webkit-tap-highlight-color:transparent;box-sizing:border-box}*::selection{background-color:var(--primary);color:var(--text-white)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--primary-light) var(--bg-light);overflow-x:hidden}body{margin:0;background:var(--bg-white);color:var(--text-body);overflow-x:hidden;line-height:1.6;font-weight:400;min-height:100vh;scrollbar-width:thin;scrollbar-color:var(--primary-light) var(--bg-light);overflow-y:auto}::-webkit-scrollbar{width:8px;background:var(--bg-light)}::-webkit-scrollbar:horizontal{height:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6,p,span,ul,li{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-dark)}p,th,td,ul,li,a,span{font-size:var(--m-fs-16);line-height:1.7;color:var(--text-body)}ul,li{list-style-type:none}code{font-family:var(--m-ff-en)}a{text-decoration:none;color:var(--primary);transition:color .2s ease}a:hover{color:var(--primary-light)}button{align-items:center;background:transparent;border:none;border-radius:0;color:var(--text-body);cursor:pointer;display:inline-flex;font-size:var(--m-fs-16);font-weight:600;justify-content:center;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{transform:none;box-shadow:none}.btn{padding:16px 32px;font-size:var(--m-fs-16);font-weight:600;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary);color:var(--text-white);box-shadow:0 4px 14px #1d38554d}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #1d385559}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--text-white)}.btn-full{width:100%}label{margin-bottom:var(--m-space-4);font-weight:600;color:var(--text-dark);font-size:var(--m-fs-14);letter-spacing:.02em}input,textarea,select{background:var(--bg-white);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-body);font-size:var(--m-fs-16);padding:14px 16px;transition:all .3s ease;width:100%}input:focus,textarea:focus,select:focus{outline:none}input::placeholder,textarea::placeholder{color:var(--text-light)}textarea{resize:none;min-height:120px}.app{position:relative;overflow-x:hidden;min-height:100vh}.main{position:relative;z-index:1}.content{max-width:var(--m-screen-max-width);margin:0 auto;padding:var(--m-space-32)}.section-inner{max-width:var(--m-screen-max-width);margin:0 auto;padding:var(--m-space-100) var(--m-space-32)}.section-header{text-align:center;margin-bottom:var(--m-space-64)}.section-tag{display:inline-block;font-size:var(--m-fs-12);font-weight:700;color:var(--primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--m-space-12);padding:6px 16px;background:#1d385514;border-radius:20px}.section-title{font-size:clamp(28px,4vw,44px);font-weight:700;margin-bottom:var(--m-space-16);color:var(--text-dark)}.section-subtitle{font-size:var(--m-fs-16);color:var(--text-muted)}.sp-only{display:none}@media(max-width:768px){.section-inner{padding:var(--m-space-64) var(--m-space-16)}.sp-only{display:inline}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}