:root{--primary-color:#ED1C24;--text-color:#333;--text-light:#666;--bg-white:#ffffff;--bg-light-gray:#fcfcfc;--border-color:#eee;--accent-light:#fff5f5;--header-height:80px}html{font-size:62.5%;scroll-behavior:smooth}body{font-size:1.6rem;margin:0;padding:0;font-family:BIZ UDPGothic,BIZ UDPゴシック,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:var(--text-color);line-height:1.8;background-color:var(--bg-white);overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto;border-radius:8px;object-fit:cover}button{border:0}.sp-only-br{display:none}header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:var(--header-height);background:#fffffff2;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000000d}.logo{font-weight:700;font-size:1.5rem}.logo a{display:block;width:60px;height:40px;background-image:url(data:image/webp;base64,UklGRqYEAABXRUJQVlA4WAoAAAAwAAAAOwAAJQAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIuwAAAAlwJUmyaV0929j/2mzbHT1zNd8R4cBtJEWqZbrz4CMccXnDd4WLY/BizbWiPcXFhUXWdHTG41VZElFzVOJOKahQX6vBCryTheZBMBfs5X/CAwSgwQ7kZclCkyGYxgLyJ2RAAJqhY9Ji54DQarrRlkkcC++01mXJDROXLVrNzMK+YvnoepJl12YQJpiGikeWwGUQEKAmopK/1JpY11w0mvwdI2r+A0AxSkautARbmAFETcW4HlZO7e6tjAMAVlA4IPQBAACwDQCdASo8ACYAPjEUiUKiISEYCV4AIAMEtgMUAZYBAAH4AUKzAjcpbnnn4Uc9psT3syTPk1+1fjT7KP67+JPUV/4D8me0B5gP0Z/0X+A98fpAP9L/K/V1/tnWAfqB6M3+x/wvwofuB6IoKd+SVlVLN7Wu3mzAAP71Af+dzkpK1ke4QXIo+0azCHNYT/N7vdm8aa73ZvGvuQfX///X+t/2Za0Xk0ALHlpcEqPInIWd1VVs4L9/+6UNKaIMtTqyetTf/uf4o/30EQnbbnYzXfsGHmf/iSj5vbleYw0KfowyegLJrT05/eqxG1RJXRN+PQyWKUqiCQQwk6CmICENhY7LYxN3Sl1EGk5jCNkkfN+gKXPqofJ2G+5rF0jLV8xTHIflyf/9yU+6g0OGlTm2pRmC90u5EZCITR5nofZcmWHTaffUveGFYXiIHgEBGOab06Gz1M/+L+gsLRYyYzs5cTX3/TS7HS7//G+zp/tA+84gkJGB8aioKngVZP/+6OfeBGWB3gEU18OWgrkXPOxy6h8Ee6pvN6t+b0ddTaorKA1DQt//7o592EoYi1sa1c48xduhwMND2NAZMbPykcwL/KwbEoSQAzUYVWv0UE80BDnrtb/qLKb14Zxp0ujFPKgYtSS6NFa8rVjGx9ZWPD//eIgbcAAAAA==);background-size:contain;background-repeat:no-repeat;background-position:center;text-indent:100%;white-space:nowrap;overflow:hidden}.logo img{display:none}header nav ul{display:flex;list-style:none;gap:30px;margin:0;padding:0}header nav a{text-decoration:none;color:var(--text-color);font-weight:500;position:relative;transition:color .3s}header nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.22,1,.36,1)}header nav a:hover{color:var(--primary-color)}header nav a:hover:after{transform:scaleX(1);transform-origin:left}header nav a.is-active{color:var(--primary-color)}header nav a.is-active:after{transform:scaleX(1);background:var(--primary-color)}#nav-input{display:none}.nav-open{display:none;position:relative;width:30px;height:24px;cursor:pointer;z-index:1100}.nav-open span,.nav-open span:before,.nav-open span:after{position:absolute;width:100%;height:2px;background:var(--text-color);border-radius:2px;transition:all .4s cubic-bezier(.68,-.6,.32,1.6)}.nav-open span{top:11px}.nav-open span:before{content:"";top:-10px}.nav-open span:after{content:"";top:10px}#nav-input:checked~.nav-open span{background:0 0}#nav-input:checked~.nav-open span:before{transform:rotate(45deg);top:0}#nav-input:checked~.nav-open span:after{transform:rotate(-45deg);top:0}.hero,.hero-sub{padding:140px 0;background:linear-gradient(135deg,#fff 0%,var(--accent-light) 100%)}.hero-sub{padding:20px 0}.hero-flex{display:flex;align-items:center;gap:40px}.hero-content{flex:1.2}.hero-image{flex:1}.hero h1{font-size:3.4rem;margin-bottom:30px;line-height:1.3}.hero .highlight{color:var(--primary-color)}.hero p{font-size:1.4rem;color:var(--text-light);margin-bottom:40px}.section-title{text-align:center;font-size:2.8rem;margin-bottom:60px}.section-subtitle{display:block;font-size:1.6rem;color:var(--primary-color);font-weight:700;margin-bottom:10px}.features{font-size:1.5rem;padding:100px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-item{text-align:center}.feature-icon{font-size:6rem;margin-bottom:20px;display:block}.explanation{padding:30px 0 100px;background-color:#fff}.explanation-grid{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:50px}.explanation-card{background:var(--bg-light-gray);padding:40px;border-radius:12px;border:1px solid var(--border-color);flex:1}.explanation-card h3{margin-top:0}ul.explanation-list{padding-left:30px;list-style:square}.explanation-icon{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.logic{padding:100px 0;background-color:var(--bg-light-gray);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.diagram{background:#fff;padding:40px;border-radius:12px;border:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center}.box{border:2px solid #ddd;padding:15px;border-radius:8px;width:145px;text-align:center}.box.active{border-color:var(--primary-color);font-weight:700}.arrow{font-size:2rem;color:#ccc}.services{padding:100px 0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.cta-final{padding:100px 0;background-color:var(--primary-color);color:#fff;text-align:center}footer{padding:60px 0;border-top:1px solid var(--border-color);text-align:center}footer nav{margin-bottom:20px}footer nav a{text-decoration:none;color:var(--text-light);margin:0 15px}.btn-cv-small,.btn-main,.btn-white,.card .more{transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.btn-cv-small{background:var(--primary-color);color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700}.btn-main{font-size:1.7rem;background:var(--primary-color);color:#fff;padding:20px 50px;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:0 4px 15px #ed1c244d;display:inline-block}.btn-white{background:#fff;color:var(--primary-color);padding:20px 50px;border-radius:10px;text-decoration:none;font-weight:700;display:inline-block;margin-top:30px}.btn-cv-small:hover,.btn-main:hover,.btn-white:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026;filter:brightness(1.1)}.btn-cv-small:active,.btn-main:active,.btn-white:active{transform:translateY(-1px)}.card .more{color:var(--primary-color);font-weight:700;text-decoration:none;display:inline-block;margin-top:20px;transition:transform .3s ease}.card .more:hover{transform:translate(5px);color:var(--primary-color)}.card{background:#fff;border:1px solid var(--border-color);border-left:6px solid var(--primary-color);padding:40px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.card-tag{display:inline-block;background:var(--accent-light);color:var(--primary-color);padding:4px 12px;font-weight:700;border-radius:4px}.tag{display:inline-block;margin:0;padding:4px 12px;border-radius:4px;font-weight:700}.tag.dynamic{background:#e3f2fd;color:#1976d2}.tag.static{background:#f3e5f5;color:#7b1fa2}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 5px}.plan-card{background:var(--bg-light-gray);padding:40px;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;transition:transform .3s ease}.plan-card:hover{transform:translateY(-5px)}.plan-card-recommend{border:2px solid var(--primary-color);background:#fff;box-shadow:0 10px 30px #ed1c241a}.recommend-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:4px 24px;border-radius:20px;font-size:1.2rem;font-weight:700;letter-spacing:1px;white-space:nowrap}.plan-name{font-size:2.2rem;color:var(--primary-color);margin-bottom:15px;font-weight:700}.plan-table{width:100%;border-collapse:collapse;margin-bottom:30px}.plan-table th,.plan-table td{padding:12px 0;border-bottom:1px solid #eee;font-size:1.4rem;text-align:left}.plan-table th{color:var(--text-light);width:110px;font-weight:400}.plan-table td strong{color:var(--primary-color)}.plan-cta{margin-top:auto;padding-top:20px;text-align:center}.container,main{perspective:1200px}.animate-hidden{opacity:0;visibility:hidden}@keyframes fadeInScale{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.is-visible{animation-duration:.8s;animation-fill-mode:forwards;animation-timing-function:ease-out;visibility:visible!important}.fade-up.is-visible{animation-name:fadeInUp}.fade-left.is-visible{animation-name:fadeInLeft}.fade-right.is-visible{animation-name:fadeInRight}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.fade-in-scale{opacity:0;transform:scale(.95) translateZ(-30px);transition:opacity 2s ease-out,transform 1.8s cubic-bezier(.23,1,.32,1);will-change:opacity,transform}.fade-in-scale.is-visible{opacity:1;transform:scale(1) translateZ(0)}@media (max-width:900px){header{padding:0 20px}.nav-open{display:block}header nav{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:var(--bg-white);padding:100px 40px;transition:all .5s ease;z-index:1050;box-shadow:-10px 0 30px #0000001a}#nav-input:checked~nav{right:0}header nav ul{flex-direction:column;gap:20px}header nav ul li a{font-size:2rem;padding:10px;display:block;border-bottom:1px solid var(--border-color)}header nav a.is-active{background-color:#ed1c240d}header .btn-cv-small{display:none}.hero{padding:40px 0;text-align:center}.features,.explanation,.logic,.services,.cta-final{padding:40px 0}.section-title{margin-bottom:25px}.hero-flex,.feature-grid,.explanation-grid,.logic-grid,.service-grid{flex-direction:column;grid-template-columns:1fr;gap:15px}.hero-content p{text-align:left}.explanation-grid{margin-bottom:20px}.explanation-card{padding:20px}.hero-image{display:none}.hero h1{font-size:2.3rem;margin-bottom:15px}.hero p{margin-bottom:20px}.explanation-icon{transform:rotate(90deg);margin:5px 0}.diagram{flex-direction:column;gap:10px;padding:20px}.arrow{transform:rotate(90deg)}.card{padding:20px}footer{padding:30px 0}.plan-grid{grid-template-columns:1fr;gap:20px}.plan-card{padding:30px 20px}.sp-only-br{display:inline}}