@charset "UTF-8";:root{--main-color: #2c3e50;--accent-color: #c0392b;--bg-color: #fcfcfc;--text-color: #333;--white: #ffffff;--gray: #f4f4f4}body{font-family:Noto Sans JP,sans-serif;color:var(--text-color);line-height:1.8;margin:0;background-color:var(--bg-color);letter-spacing:.05em}a{text-decoration:none;color:inherit;transition:.3s}a:hover{opacity:.7}img{max-width:100%;height:auto;display:block}ul{list-style:none;padding:0;margin:0}.container{max-width:1100px;margin:0 auto;padding:0 20px}section{padding:90px 0}h2{font-family:Montserrat,sans-serif;text-align:center;font-size:2.2rem;margin-bottom:50px;color:var(--main-color);letter-spacing:.1em}h2 span{display:block;font-size:1rem;color:#888;font-family:Noto Sans JP,sans-serif;font-weight:400;margin-top:10px;letter-spacing:.05em}header{background-color:var(--white);border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-weight:700;font-size:1.2rem;color:var(--main-color);letter-spacing:.1em}.nav-list{display:flex;gap:25px;font-size:.9rem;font-weight:500}.nav-list a{position:relative}.nav-list a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-color);transition:.3s}.nav-list a:hover:after{width:100%}@media(max-width:768px){.nav-list{display:none}}.hero{background:linear-gradient(#2c3e50b3,#2c3e5080),url(/images/anthony-lim-R0zjcxvVkW8-unsplash.jpg) center/cover;height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;color:var(--white);text-align:center}.hero-content h1{font-size:2.8rem;margin-bottom:15px;font-family:Montserrat,sans-serif;letter-spacing:.1em}.hero-content p{font-size:1.1rem;font-weight:500}.webzine-section{background-color:var(--white);padding-top:60px}.coming-soon-wrap{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:8px;padding:80px 20px;text-align:center;max-width:800px;margin:0 auto}.cs-title{font-family:Montserrat,sans-serif;font-size:1.5rem;color:#aaa;letter-spacing:.2em;margin-bottom:20px;font-weight:600}.cs-text{font-size:.95rem;color:#666}.about-section{background-color:var(--gray)}.about-layout{display:flex;gap:50px;flex-wrap:wrap}.about-text,.about-services{flex:1;min-width:300px}.service-list dt{font-weight:700;margin-top:15px;color:var(--main-color);display:flex;align-items:center}.service-list dt:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent-color);border-radius:50%;margin-right:10px}.service-list dd{margin-left:16px;font-size:.95rem;color:#555}.works-section{background-color:var(--white)}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.work-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.work-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;opacity:1}.work-item a{display:block;height:100%;color:inherit;opacity:1}.work-img{width:100%;aspect-ratio:16 / 9;background-color:#eee;overflow:hidden}.work-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-item:hover .work-img img{transform:scale(1.05)}.work-content{padding:25px}.work-cat{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:block;font-weight:600}.work-title{font-size:1.15rem;margin:0 0 12px;font-weight:700;color:var(--main-color);line-height:1.4}.work-desc{font-size:.9rem;color:#666;margin:0;line-height:1.6}.blog-link-section{background-color:#eef2f5;text-align:center;padding:60px 0}.blog-btn{display:inline-block;border:2px solid var(--main-color);color:var(--main-color);padding:15px 50px;border-radius:50px;font-weight:700;background:transparent;margin-top:20px}.blog-btn:hover{background:var(--main-color);color:var(--white);opacity:1}.contact-section{background-color:var(--white);text-align:center}.form-btn{display:inline-block;background-color:var(--accent-color);color:var(--white);padding:18px 60px;border-radius:50px;font-weight:700;font-size:1.1rem;margin-bottom:40px;box-shadow:0 4px 15px #c0392b4d}.form-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c0392b66;opacity:1}.policy-box{max-width:600px;margin:0 auto;text-align:left;font-size:.85rem;color:#777;background:#fafafa;padding:20px;border-radius:4px}.policy-box ul{list-style:disc;padding-left:20px;margin-top:10px}footer{background-color:var(--main-color);color:var(--white);text-align:center;padding:20px 0;font-size:.8rem}.view-more-area{text-align:center;margin-top:60px}.btn-more{display:inline-block;padding:12px 40px;border:1px solid var(--main-color);color:var(--main-color);text-decoration:none;border-radius:50px;font-size:.95rem;font-weight:600;transition:all .3s ease;letter-spacing:.1em;background:transparent}.btn-more .arrow{display:inline-block;margin-left:10px;transition:transform .3s ease}.btn-more:hover{background-color:var(--main-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 10px #2c3e5033}.btn-more:hover .arrow{transform:translate(5px)}