.site-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--brand-dark);padding:10px 20px;color:#fff}.logo{height:70px}.site-header nav ul{list-style:none;display:flex;gap:15px;margin:0;padding:0}.site-header nav a{color:#fff;text-decoration:none;font-weight:700}@media(max-width:600px){.site-header{flex-direction:column;gap:10px}}.hero{background:linear-gradient(to right,#4facfe,var(--brand-navy));color:#fff;padding:60px 20px;text-align:center;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease-out forwards}.hero-text{font-weight:700;text-align:center;background:linear-gradient(270deg,#fff,#fff,#5adafd);background-size:600% 600%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 6s ease infinite}.card{position:relative;display:block;text-align:center;border-radius:12px;overflow:hidden;margin:50px 30px;padding:10px;background-size:cover;background-position:center}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:0}.card-text{position:relative;color:#fff;z-index:1}.card-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;text-align:center}.card-grid-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:15px;box-sizing:border-box;border-radius:var(--radius-lg);background-color:#eaf4fb;border:2px solid #ccc}.card-grid-item--warm{background-color:#fff9f2}.card-grid-item img{max-width:100%;height:auto;margin-bottom:10px}.card-grid-item__body{margin:10px;padding:10px;width:100%;box-sizing:border-box;text-align:center;overflow-wrap:break-word;word-break:break-word}.card-grid-item__body p{margin:0;width:100%}.card-grid-item__actions{position:relative;z-index:1;margin-top:10px}.card-grid-item--featured{overflow:hidden;justify-content:flex-end;border:none;background:linear-gradient(135deg,#eaf4fb,#f7fbff 60%,#fff);background-color:transparent;box-shadow:0 6px 24px #00000014;min-height:380px}.card-grid-item--featured>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;object-fit:cover;transform:scale(1.05);filter:saturate(.95) contrast(1.05);-webkit-mask-image:radial-gradient(120% 120% at 80% 20%,#000 60%,transparent 100%);mask-image:radial-gradient(120% 120% at 80% 20%,#000 60%,transparent 100%);z-index:0}.card-grid-item--featured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#0073e624,#fff0 45%,#0000000a);z-index:0}.card-grid-item--featured .card-grid-item__body{position:relative;z-index:1;width:min(90%,560px);margin:auto auto 6px;padding:14px 16px;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius);box-shadow:0 8px 22px #00000014}.card-grid-item--featured .card-grid-item__body h3{margin:0 0 6px;font-weight:800;letter-spacing:.01em;color:#0a3d7a}.card-grid-item--featured .card-grid-item__body p{margin:0;color:#2c3e50;line-height:1.6}.card-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.works ul{max-width:720px;margin-inline:auto;line-height:1.9}.voice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:960px;margin-inline:auto}.voice-list blockquote{margin:0;padding:20px;background:var(--surface);border-radius:var(--radius);box-shadow:0 6px 20px #0000000f}.voice-list cite{display:block;margin-top:10px;color:var(--muted);font-style:normal;text-align:right}.about__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:center;gap:2rem}.about__list{display:grid;row-gap:.8rem;column-gap:1rem;margin:0}.about__item{display:flex}.about__item dt{font-weight:700;text-align:right;color:#333;width:30%}.about__item dd{margin-left:10%;text-align:left}.about__image{text-align:center}.logo-about{max-width:80%;height:auto}.contact-section{position:relative;width:min(80vw,1080px);margin-inline:auto;padding:28px;border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff9,#ffffff4d);box-shadow:0 10px 30px #00000014}.contact-section:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,var(--accent),var(--accent-2));opacity:.15;filter:blur(10px)}.contact-title{margin:0 0 20px;font-size:clamp(1.4rem,1.2rem + 1vw,2rem);font-weight:800;letter-spacing:.02em;color:var(--brand-navy)}.contact-form{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.contact-form .field,.contact-form .button,.contact-section .message-area{width:clamp(280px,80%,720px)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.95rem;font-weight:600;color:var(--brand-navy)}.input,.textarea{width:100%;padding:12px 14px;box-sizing:border-box;font:inherit;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--surface);color:var(--text);outline:none;transition:box-shadow .2s ease,border-color .2s ease}.textarea{resize:vertical;min-height:140px}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.textarea:focus{border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.input.is-error,.textarea.is-error{border-color:var(--danger);box-shadow:0 0 0 2px #b000202e}.field-error{margin:4px 0 0;min-height:1em;font-size:.9rem;color:var(--danger)}.message-area{margin-top:14px;margin-inline:auto;min-height:1.3em;font-size:.95rem;text-align:center}.message-area.is-success{color:var(--success)}.message-area.is-error{color:var(--danger)}@media(max-width:768px){.contact-section{width:min(92vw,1080px);padding:20px}.contact-form .button{width:clamp(280px,100%,720px)}}.site-footer{text-align:center;padding:20px;background-color:#eee}.site-footer a{color:var(--brand-navy)}.sns-links{margin-top:8px}:root{--brand-dark: #01545a;--brand-navy: #004d99;--accent: #0072ff;--accent-2: #00c6ff;--surface: #ffffff;--surface-muted: #f7f8fa;--page-bg: #f5f8fa;--text: #111;--muted: #6b7280;--danger: #b00020;--success: #0a7f45;--radius: 14px;--radius-lg: 15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .08s ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 8px 20px #0000001f}.button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 14px #005bbb40}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.2)}.button--outline{background:#fff;color:#007bff;border:2px solid #007bff;box-shadow:0 4px 10px #0000001a}.button--outline:hover{background:#007bff;color:#fff}body{margin:0;font-family:Helvetica Neue,Hiragino Sans,Noto Sans JP,sans-serif;background-color:var(--page-bg);color:#333}section{padding:40px 20px}h2{color:var(--brand-navy);text-align:center}h3{font-weight:700}img{max-width:100%}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}