body{font-family:Noto Sans JP,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;margin:0;background:#f7f8fa;color:#222;line-height:1.8;padding:0}.header{background:rgba(255,255,255,.82);border-bottom:1.5px solid #e0e4ea;box-shadow:0 2px 8px rgba(30,40,80,.06);position:fixed;top:0;left:0;width:100%;z-index:1000;transition:box-shadow .2s;backdrop-filter:blur(8px) brightness(1.1);-webkit-backdrop-filter:blur(8px) brightness(1.1)}.header-inner{width:100vw;max-width:none;margin:0;display:flex;align-items:center;justify-content:space-between;padding:18px 32px 18px 0;box-sizing:border-box}.logo{height:40px;margin-left:24px}.logo img{height:40px;width:auto;object-fit:contain}.logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease}.logo-link:hover{opacity:.8}.nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}.nav a{text-decoration:none;color:#1a237e;font-weight:600;font-size:1.08rem;letter-spacing:.04em;transition:color .2s;padding:2px 8px;border-radius:4px}.nav .current-page,.nav a:hover{background:#e3e6ef;color:#3949ab}.nav .current-page{font-weight:700;padding:2px 8px;border-radius:4px;cursor:default}.main-visual{position:relative;width:100%;height:800px;background:linear-gradient(120deg,#e3e6ef,#fff);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:0}.main-visual-img{width:100%;height:340px;object-fit:cover;filter:brightness(.7) blur(.5px);position:absolute;top:0;left:0;z-index:1}.main-visual-text{position:relative;z-index:2;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.18)}.main-visual-text h1{font-size:2.2rem;font-weight:700;margin-bottom:12px;letter-spacing:.08em}.main-visual-text p{font-size:1.1rem}.gradient-text{background:linear-gradient(135deg,#3b82f6,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.carousel-visual{position:relative;width:100vw;height:800px;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center}.carousel-img-visual{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:800px;object-fit:cover;border-radius:0;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.carousel-img-visual.is-active{opacity:1}.carousel-overlay-text{position:absolute;top:0;left:0;width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35);pointer-events:none;text-align:center}.carousel-overlay-text h1{font-size:3.2rem;font-weight:800;letter-spacing:.08em;margin-bottom:18px;line-height:1.1;pointer-events:auto}.carousel-overlay-text p{font-size:1.5rem;font-weight:500;margin:0;pointer-events:auto}@media (max-width:900px){.carousel-overlay-text h1{font-size:2rem}.carousel-overlay-text p{font-size:1.1rem}}@media (max-width:600px){.carousel-overlay-text h1{font-size:1.4rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.carousel-overlay-text p{font-size:.9rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}}.section{padding:40px 0;background:linear-gradient(120deg,#f7f8fa 60%,#e3e6ef);border-radius:18px;box-shadow:0 4px 24px rgba(30,40,80,.08);margin-bottom:16px;overflow:hidden;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.section>.container{position:relative;z-index:2;background:rgba(255,255,255,.92);padding:32px 24px}.container,.section>.container{border-radius:14px;box-shadow:0 2px 12px rgba(30,40,80,.04)}.container{max-width:1100px;margin:0 auto;padding:0 20px;background:none}.section h2{position:relative;font-size:2.1rem;color:#1a237e;padding-left:28px;margin-bottom:28px;font-weight:700;letter-spacing:.06em}.section h2:before{content:"";position:absolute;left:0;top:8px;width:14px;height:32px;border-radius:8px;background:linear-gradient(120deg,#3949ab 60%,#1a237e);box-shadow:0 2px 8px rgba(30,40,80,.1)}.section .subtitle{position:relative;z-index:2;color:#222;font-size:1.1rem;margin-bottom:24px;text-align:center}.mission-statement{background:linear-gradient(135deg,#f8f9fa,#e3e6ef);border-radius:16px;padding:32px;margin:32px 0;border-left:6px solid #3949ab;box-shadow:0 4px 16px rgba(30,40,80,.08);position:relative;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat}.mission-statement:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:linear-gradient(135deg,rgba(57,73,171,.1),rgba(26,35,126,.05));border-radius:50%;transform:translate(30px,-30px)}.mission-text{font-size:1.4rem;font-weight:600;line-height:1.6;color:#1a237e;margin:0;text-align:center;position:relative;z-index:2;letter-spacing:.02em}.mission-description{text-align:center;margin:32px 0}.mission-description p{color:#555;line-height:1.8;font-size:1.1rem;margin:0;text-align:center}.mission-image{text-align:center;margin:32px 0}.mission-image .about-img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 16px rgba(30,40,80,.12);transition:transform .3s ease}.mission-image .about-img:hover{transform:scale(1.02)}@media (max-width:768px){.mission-text{font-size:1.2rem}.mission-statement{padding:24px;margin:24px 0;background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:150px}.mission-description p{font-size:1rem}}.case-list,.solution-list{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between}.case-item,.solution-item{background:#f5f7fa;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.03);flex:1 1 220px;min-width:220px;max-width:1200px;padding:20px 14px;text-align:center;transition:box-shadow .2s,transform .2s}.case-item:hover,.solution-item:hover{box-shadow:0 4px 16px rgba(30,40,80,.1);transform:translateY(-4px) scale(1.02)}.case-item h3,.solution-item h3{color:#3949ab;font-size:1.13rem;margin-bottom:10px}.strength-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin:32px 0}.strength-item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(30,40,80,.06);transition:all .3s ease;border:1px solid #e3e6ef}.strength-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(30,40,80,.12);border-color:#3949ab}.strength-item h3{color:#1a237e;font-size:1.2rem;font-weight:700;margin-bottom:12px;letter-spacing:.02em}.strength-item p{color:#555;line-height:1.6;margin:0;font-size:.95rem}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:24px;gap:24px;margin:32px 0}.achievement-item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(30,40,80,.06);transition:all .3s ease;border:1px solid #e3e6ef}.achievement-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(30,40,80,.12);border-color:#3949ab}.achievement-item h3{color:#1a237e;font-size:1.3rem;font-weight:700;margin-bottom:16px;letter-spacing:.02em}.achievement-item ul{margin:0;padding-left:20px}.achievement-item li{color:#555;line-height:1.6;margin-bottom:8px;font-size:.95rem}.achievement-item li:last-child{margin-bottom:0}.achievement-item strong{color:#1a237e;font-weight:700}.service-icon,.solution-icon{font-size:2.5rem;margin-bottom:16px;display:block}.service-grid{display:flex;flex-direction:column;gap:32px;margin:32px 0}.service-item{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px rgba(30,40,80,.08);transition:all .3s ease;border:1px solid #e3e6ef;position:relative;overflow:hidden}.service-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(30,40,80,.15);border-color:#3949ab}.service-item h3{color:#1a237e;font-size:1.4rem;font-weight:700;margin-bottom:16px;letter-spacing:.02em}.service-description{color:#555;line-height:1.6;margin-bottom:24px;font-size:1rem;font-weight:500}.service-details{display:flex;flex-direction:column;gap:20px}.detail-section{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #3949ab}.detail-section h4{color:#1a237e;font-size:1rem;font-weight:700;margin-bottom:8px;letter-spacing:.01em}.detail-section p{color:#555;line-height:1.5;margin:0;font-size:.9rem}.detail-section strong{color:#1a237e;font-weight:700}.technology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin:32px 0}.technology-item{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(30,40,80,.06);transition:all .3s ease;border:1px solid #e3e6ef}.technology-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(30,40,80,.12);border-color:#3949ab}.technology-icon{font-size:2.5rem;margin-bottom:16px;display:block}.technology-item h3{color:#1a237e;font-size:1.2rem;font-weight:700;margin-bottom:12px;letter-spacing:.02em}.technology-item p{color:#555;line-height:1.6;margin:0;font-size:.95rem}.about-img,.case-img,.vision-img{width:100%;max-width:420px;border-radius:10px;margin-top:24px;box-shadow:0 2px 8px rgba(30,40,80,.06);display:block}.company-info{background:#f5f7fa;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.03);padding:24px;margin-top:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.info-item{padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.info-item h3{color:#3949ab;font-size:1.1rem;margin-bottom:8px;font-weight:600}.info-item p{color:#222;margin:0}.contact-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-top:20px}.contact-form-container,.contact-info{background:#f5f7fa;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.03);padding:24px}.contact-form-container h3,.contact-info h3{color:#3949ab;font-size:1.2rem;margin-bottom:20px;font-weight:600}.contact-form{gap:16px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600;color:#1a237e;font-size:.95rem}.form-group input,.form-group textarea{border:1px solid #b0bec5;border-radius:5px;padding:12px;font-size:1rem;font-family:inherit;background:#fff;color:#333;resize:none;transition:border-color .2s;cursor:text!important}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3949ab;box-shadow:0 0 0 2px rgba(57,73,171,.1);cursor:text!important}.form-group input:hover,.form-group textarea:hover{cursor:text!important}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px white!important;-webkit-text-fill-color:#333!important;background-color:white!important}.submit-btn{background:linear-gradient(90deg,#3949ab,#1a237e);color:#fff;border:none;border-radius:5px;padding:12px 0;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .2s}.submit-btn:hover{background:linear-gradient(120deg,#1a237e 60%,#3949ab);transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,40,80,.15)}.g-recaptcha{margin:20px 0;display:flex;justify-content:center}.submit-message{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:.95rem;text-align:center;font-weight:500}.submit-message:not(:empty){background:#e8f5e8;color:#2e7d32;border:1px solid #a5d6a7}.submit-btn:disabled{cursor:not-allowed}.submit-btn:disabled,.submit-btn:disabled:hover{background:#ccc;transform:none;box-shadow:none}.contact-methods{display:flex;flex-direction:column;gap:20px}.contact-method{gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.contact-method,.method-icon{display:flex;align-items:center}.method-icon{font-size:1.5rem;width:40px;height:40px;justify-content:center;background:linear-gradient(135deg,#3b82f6,#0ea5e9);border-radius:50%;color:#fff}.method-content p{margin:0;font-size:.9rem;color:#666}.method-content a{color:#3949ab;text-decoration:none;font-weight:600;font-size:1.1rem}.method-content a:hover{color:#1a237e}.footer{background:#222d4d;color:#fff;text-align:center;padding:40px 0 20px;font-size:1.05rem;letter-spacing:.06em;box-shadow:0 -1px 8px rgba(30,40,80,.06)}.footer-content{flex-direction:column;gap:20px}.footer-content,.footer-logo{display:flex;align-items:center}.footer-logo{gap:12px}.footer-logo-img{height:40px}.footer-company-name{font-size:1.3rem;font-weight:700}.footer-description{max-width:600px;line-height:1.6;opacity:.9}.footer-copyright{opacity:.7;font-size:.95rem}.news-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.news-item{background:#f5f7fa;border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:18px;font-size:1.05rem;box-shadow:0 1px 4px rgba(30,40,80,.03)}.news-date{color:#3949ab;font-weight:700;min-width:90px}.news-title{color:#222}.btn-entry{display:inline-block;background:linear-gradient(90deg,#3949ab,#1a237e);color:#fff;border-radius:5px;padding:10px 28px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s;box-shadow:0 1px 4px rgba(30,40,80,.06)}.btn-entry.is-animated{background:linear-gradient(90deg,#1a237e,#3949ab);transform:scale(1.06) rotate(-2deg);box-shadow:0 4px 16px rgba(30,40,80,.12)}@media (max-width:900px){.container,.header-inner{padding:0 8px}.case-list,.service-list,.solution-list{flex-direction:column;gap:18px}.nav ul{display:none;flex-direction:column;background:#fff;position:absolute;top:64px;right:0;width:200px;box-shadow:0 4px 16px rgba(30,40,80,.08)}.nav.open ul{display:flex}.menu-btn{display:block}.header-inner{padding:18px 8px 18px 0}.logo{margin-left:8px}.contact-content{grid-template-columns:1fr;gap:20px}}@media (max-width:600px){body{padding-top:80px}.main-visual{height:400px;margin-top:0}.main-visual-img{height:400px}.main-visual-text h1{font-size:1.4rem;line-height:1.4}.main-visual-text h1,.main-visual-text p{word-wrap:break-word;overflow-wrap:break-word}.main-visual-text p{font-size:.9rem;line-height:1.5}.section{padding:18px 0 10px;border-radius:10px;min-height:200px}.section,.section:before{background-size:cover;background-position:50%;background-repeat:no-repeat}.section:before{width:100vw;height:100%;top:0;left:0;right:0;bottom:0}.section>.container{padding:10px 4px;border-radius:8px}.section h2{font-size:1.2rem;padding-left:18px;position:relative}.section h2:before{width:8px;height:20px;border-radius:4px;top:4px;left:0;position:absolute}.about-img,.vision-img{max-width:100%}.case-item,.service-item,.solution-item{min-width:0;max-width:100%}.contact-form{padding:8px 4px}.info-grid{grid-template-columns:1fr}.section-anim-bar{top:0!important}.case .container,.service .container{padding:16px!important}.case h2,.service h2{padding-left:18px;position:relative}.case h2:before,.service h2:before{width:8px;height:20px;border-radius:4px;top:4px;left:0;position:absolute}}.fadein-on-scroll{opacity:0;transition:opacity 1s,transform 1s}.fadein-on-scroll.is-visible{opacity:1;transform:none}.slidein{opacity:0;transform:translateY(40px);transition:opacity 1s,transform 1s}.slidein.is-visible{opacity:1;transform:none}.zoomin-on-scroll{opacity:0;transform:scale(.95);transition:opacity 1s,transform 1s}.zoomin-on-scroll.is-visible{opacity:1;transform:scale(1)}.case-item,.hover-raise,.service-item,.solution-item{transition:box-shadow .3s,transform .3s}.case-item.is-hovered,.hover-raise.is-hovered,.service-item.is-hovered,.solution-item.is-hovered{box-shadow:0 4px 16px rgba(30,40,80,.12);transform:translateY(-4px) scale(1.02);z-index:2}.menu-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.menu-btn span{width:25px;height:3px;background:#1a237e;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.menu-btn.open span:first-child{transform:rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:rotate(-45deg)}@media (max-width:900px){.nav{position:relative;margin-left:auto}.nav ul{display:none;flex-direction:column;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;top:100%;right:0;width:250px;box-shadow:0 4px 16px rgba(30,40,80,.15);border-radius:8px;padding:16px 0;margin-top:8px;z-index:1001;transform:translateX(0)}.nav.open ul{display:flex}.nav ul li{margin:0}.nav ul li a{display:block;padding:4px 24px;color:#1a237e;font-weight:600;font-size:1rem;text-decoration:none;transition:background-color .2s;border-radius:0}.nav ul li .current-page,.nav ul li a:hover{background:#e3e6ef;color:#3949ab}.nav ul li .current-page{font-weight:700;padding:8px 24px;cursor:default}.menu-btn{display:flex}.header-inner{padding:18px 24px}}.section-anim-bar{position:absolute;top:32px;left:0;width:0;height:60px;background:#4fc3f7;opacity:.25;border-radius:16px;z-index:2;transition:width 1.2s cubic-bezier(.4,0,.2,1);pointer-events:none}.section-anim-bar.is-visible{width:100%}.vision{position:relative;background:linear-gradient(135deg,rgba(79,195,247,.08),rgba(255,255,255,.9));overflow:hidden}.vision:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/tecnology.png) 50%/100% auto no-repeat;opacity:.15;pointer-events:none;z-index:0}.vision .container{position:relative;z-index:2}.vision-img{display:none!important}.service{position:relative;background:linear-gradient(135deg,rgba(79,195,247,.08),rgba(255,255,255,.9));overflow:hidden}.service:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/tecnology2.png) 50%/100% auto repeat;opacity:.15;pointer-events:none;z-index:0}.service .container{position:relative;z-index:2;background:rgba(255,255,255,.95);border-radius:12px;padding:32px;box-shadow:0 4px 16px rgba(30,40,80,.08)}.case{position:relative;background:linear-gradient(135deg,rgba(79,195,247,.08),rgba(255,255,255,.9));overflow:hidden}.case:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/jisseki.png) 50%/100% auto repeat;opacity:.15;pointer-events:none;z-index:0}.case .container{position:relative;z-index:2;background:rgba(255,255,255,.95);border-radius:12px;padding:32px;box-shadow:0 4px 16px rgba(30,40,80,.08)}.company-page{padding-top:80px}.company-main{min-height:calc(100vh - 80px - 200px);padding:60px 0;background:linear-gradient(135deg,rgba(79,195,247,.05),rgba(255,255,255,.9))}.company-content{max-width:800px;margin:0 auto;background:rgba(255,255,255,.95);border-radius:16px;padding:48px;box-shadow:0 8px 32px rgba(30,40,80,.12)}.company-title{font-size:2.5rem;font-weight:700;color:#1a237e;text-align:left;margin-bottom:48px;position:relative}.company-title:before{content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4fc3f7,#2196f3);border-radius:2px}.company-info-table{margin-bottom:48px}.info-row{border-bottom:1px solid #e0e4ea;padding:24px 0}.info-label{width:140px;font-size:1.1rem}.info-value a{color:#2196f3;text-decoration:none;transition:color .2s}.info-value a:hover{color:#1976d2;text-decoration:underline}.business-list{list-style:none;padding:0;margin:0}.business-list li{position:relative;padding-left:20px;margin-bottom:8px}.business-list li:before{content:"•";position:absolute;left:0;color:#4fc3f7;font-weight:700}.business-list li:last-child{margin-bottom:0}.back-link{text-align:center;margin-top:48px}.btn-back{padding:12px 32px;background:linear-gradient(135deg,#4fc3f7,#2196f3);font-weight:600;box-shadow:0 4px 16px rgba(79,195,247,.3)}.btn-back:hover{box-shadow:0 6px 20px rgba(79,195,247,.4)}@media (max-width:768px){.company-content{padding:32px 24px;margin:0 16px}.company-title{font-size:2rem;margin-bottom:32px}.info-row{flex-direction:column;padding:16px 0}.info-label{width:100%;margin-bottom:8px}.info-value{padding-left:0}}.case-page{padding-top:80px}.case-main{min-height:calc(100vh - 80px - 200px);padding:60px 0;background:linear-gradient(135deg,rgba(79,195,247,.05),rgba(255,255,255,.9))}.case-content{max-width:1200px;margin:0 auto;padding:0 20px}.case-title{font-size:2.5rem;font-weight:700;color:#1a237e;text-align:center;margin-bottom:48px;position:relative}.case-title:before{content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4fc3f7,#2196f3);border-radius:2px}.case-list{gap:48px}.case-item{padding:40px;box-shadow:0 8px 32px rgba(30,40,80,.12);margin-bottom:32px}.case-item:hover{box-shadow:0 12px 40px rgba(30,40,80,.16)}.case-header{align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:20px}.case-name{font-size:1.6rem;flex:1 1;min-width:400px}.case-website{flex-shrink:0}.case-website a{display:inline-block;background:linear-gradient(135deg,#4fc3f7,#2196f3);color:white;font-size:.9rem;font-weight:500;transition:all .3s ease}.case-website a:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,195,247,.4)}.case-image img{box-shadow:0 4px 16px rgba(30,40,80,.08)}.case-description{line-height:1.6}@media (max-width:768px){.case-summary p{font-size:1rem;padding:16px}.case-points p,.tech-overview p{font-size:.95rem;padding:12px}.case-points li,.tech-overview li{padding:12px 16px;font-size:.95rem}}.tech-details,.tech-overview{margin-bottom:32px}@media (max-width:768px){.tech-item{flex-direction:column;padding:16px}.tech-label{min-width:auto;border-right:none;border-bottom:1px solid #e0e4ea;padding-right:0;padding-bottom:8px;margin-right:0;margin-bottom:8px}.tech-value{font-size:.9rem}}.case-page,.company-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.case-main,.company-main{padding:0 0 60px}.case-content,.company-content{max-width:1000px;margin:0 auto;padding:0 20px}.case-title,.company-title{font-size:2.5rem;font-weight:700;color:#1a237e;margin-bottom:40px;text-align:center}.company-info-table{background:rgba(255,255,255,.95);border-radius:12px;padding:32px;margin-bottom:40px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.info-row{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid #e3e6ef}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#1a237e;min-width:140px;flex-shrink:0;font-size:1rem;padding-right:20px}.info-value{flex:1 1;color:#333;line-height:1.6;font-size:1rem}.case-list{display:flex;flex-direction:column;gap:40px}.case-item{background:rgba(255,255,255,.95);border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.case-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.case-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e3e6ef}.case-name{font-size:1.8rem;font-weight:600;color:#1a237e;margin:0;text-align:left}.case-website{font-size:.9rem}.case-website a{color:#2196f3;text-decoration:none;padding:8px 16px;background:rgba(33,150,243,.1);border-radius:6px;transition:background-color .2s ease}.case-website a:hover{background:rgba(33,150,243,.2)}.case-image{margin-bottom:24px;text-align:center}.case-image img{max-width:200px;max-height:100px;object-fit:contain;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.case-summary{margin-bottom:32px}.case-summary p{font-size:1.1rem;line-height:1.7;color:#333;margin:0;padding:20px;background:rgba(79,195,247,.08);border-radius:12px;border-left:6px solid #4fc3f7;text-align:left}.case-points{margin-bottom:32px}.case-points h3{font-size:1.3rem;font-weight:600;color:#1a237e;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e3e6ef;text-align:left}.case-points p{font-size:1rem;line-height:1.6;color:#333;margin:0 0 20px;padding:16px;background:rgba(255,255,255,.9);border-radius:8px;border-left:4px solid #2196f3;text-align:left}.case-points ul{list-style:none;padding:0;margin:0}.case-points li{position:relative;padding:16px 20px;margin-bottom:12px;background:rgba(255,255,255,.8);border-radius:8px;border-left:4px solid #2196f3;line-height:1.6;color:#333;text-align:left}.case-points li:last-child{margin-bottom:0}.case-points li strong{color:#1a237e;font-weight:600}.tech-overview{margin-bottom:32px}.tech-overview h3{font-size:1.3rem;font-weight:600;color:#1a237e;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e3e6ef;text-align:left}.tech-overview p{font-size:1rem;line-height:1.6;color:#333;margin:0 0 20px;padding:16px;background:rgba(255,255,255,.9);border-radius:8px;border-left:4px solid #4caf50;text-align:left}.tech-overview ul{list-style:none;padding:0;margin:0}.tech-overview li{position:relative;padding:16px 20px;margin-bottom:12px;background:rgba(255,255,255,.8);border-radius:8px;border-left:4px solid #4caf50;line-height:1.6;color:#333;text-align:left}.tech-overview li:last-child{margin-bottom:0}.tech-overview li strong{color:#1a237e;font-weight:600}.back-link{text-align:left;margin-top:40px}.btn-back{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}@media (max-width:768px){.case-content,.company-content{padding:0 16px}.case-title,.company-title{font-size:2rem;margin-bottom:32px}.company-info-table{padding:24px 20px;margin-bottom:32px}.info-row{flex-direction:column;padding:12px 0}.info-label{min-width:auto;padding-right:0;margin-bottom:8px}.case-item{padding:24px 20px;margin-bottom:24px}.case-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.case-name{min-width:auto;font-size:1.4rem}.case-website{align-self:flex-start}.case-summary p{font-size:1rem;padding:16px}.case-points p,.tech-overview p{font-size:.95rem;padding:12px}.case-points li,.tech-overview li{padding:12px 16px;font-size:.95rem}}.blog-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.blog-header{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:80px 0 60px;text-align:center}.blog-title{font-size:3rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.blog-subtitle{font-size:1.2rem;opacity:.9;margin:0}.blog-main{padding:60px 0}.blog-list{max-width:800px;margin:0 auto}.blog-item{background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:40px;overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(30px)}.blog-item.fade-in{opacity:1;transform:translateY(0)}.blog-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.blog-item-content{padding:40px}.blog-item-meta{margin-bottom:20px}.blog-date{color:#666;font-size:.9rem;font-weight:500}.blog-item-title{margin:0 0 20px;font-size:1.8rem;font-weight:700;line-height:1.4}.blog-link{color:#333;text-decoration:none;transition:color .3s ease}.blog-link:hover{color:#667eea}.blog-item-excerpt{color:#666;font-size:1.1rem;line-height:1.6;margin:0 0 24px}.blog-item-footer{border-top:1px solid #eee;padding-top:20px}.read-more{color:#667eea;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease}.read-more:hover{color:#5a67d8;transform:translateX(4px)}.blog-footer{padding:40px 0;text-align:center}.blog-post-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.blog-post-header{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:80px 0 60px}.blog-post-meta{margin-bottom:20px}.blog-post-date{color:rgba(255,255,255,.9);font-size:1rem;font-weight:500}.blog-post-title{font-size:2.5rem;font-weight:700;line-height:1.3;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.blog-post-main{padding:60px 0}.blog-post-content{max-width:1200px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;opacity:0;transform:translateY(30px)}.blog-post-content.fade-in{opacity:1;transform:translateY(0)}.blog-post-body{padding:60px;font-size:1.1rem;line-height:1.8;color:#333}.blog-post-body h3{font-size:1.6rem;font-weight:700;color:#1a237e;margin:40px 0 20px;padding-bottom:10px;border-bottom:3px solid #667eea}.blog-post-body p{margin:0 0 20px}.blog-post-body ul{margin:20px 0;padding-left:20px}.blog-post-body li{margin-bottom:12px;line-height:1.6}.blog-post-body strong{color:#1a237e;font-weight:600}.blog-post-body code{background:#f8f9fa;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;color:#e83e8c}.blog-post-footer{padding:40px 0}.blog-post-navigation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.blog-post-navigation-top .back-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:pointer}.blog-post-navigation-top .back-link:hover{color:white;transform:translateX(-4px);cursor:pointer}.blog-post-navigation{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.blog-post-navigation .back-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer}.blog-post-navigation .back-link:hover{color:#5a67d8;transform:translateX(-4px);cursor:pointer}.error-message{text-align:center;padding:60px 20px}.error-message h1{font-size:2rem;color:#e53e3e;margin-bottom:20px}.error-message p{color:#666;font-size:1.1rem;margin-bottom:30px}@media (max-width:768px){.blog-title{font-size:2.2rem}.blog-post-title{font-size:1.8rem}.blog-item-content{padding:24px}.blog-item-title{font-size:1.4rem}.blog-post-body{padding:30px 20px;font-size:1rem}.blog-post-body h3{font-size:1.3rem}.blog-post-navigation-top{flex-direction:column;gap:15px;margin-bottom:20px}.blog-post-navigation{flex-direction:column;gap:20px}}