@media (width<=768px){html{width:100%;overflow-x:hidden}}body{color:#333;background-color:#fff;background-size:50px 50px;margin:0;padding:80px 0 0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}@media (width<=768px){body{width:100%;padding-top:60px;overflow-x:hidden}}#loading-animation{z-index:10000;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.2s;display:flex;position:fixed;top:0;left:0}.loading-logo{letter-spacing:.3em;color:#333;opacity:0;text-indent:.3em;font-family:serif;font-size:2rem;animation:1.2s ease-out forwards fadeInLogo}@keyframes fadeInLogo{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.loaded{opacity:0;pointer-events:none}header{z-index:1000;background:#fff;border-bottom:1px solid #eee;width:100%;height:80px;transition:transform .3s;position:fixed;top:0;left:0}@media (width<=768px){header{border-bottom:none;height:60px}}.header-hide{transform:translateY(-170px)}.header-container{box-sizing:border-box;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-right:40px;display:flex;position:relative}@media (width<=768px){.header-container{justify-content:space-between;padding-right:15px}}.logo{z-index:1001;opacity:1;transition:opacity 2s ease-out 1s,transform 2s ease-out 1s;position:absolute;top:0;left:0;transform:translateY(0)}.logo img{width:auto;height:160px;display:block}@media (width<=768px){.logo{position:static;opacity:1!important;transform:none!important}.logo img{height:60px;padding-left:10px}}.header-hide .logo{opacity:0;transform:translateY(-20px)}.main-nav{margin-right:30px}@media (width<=768px){.main-nav{-webkit-backdrop-filter:blur(15px);z-index:1500;opacity:0;visibility:hidden;background:#fffffff7;justify-content:center;align-items:center;width:100%;height:100dvh;margin:0;transition:opacity .5s,visibility .5s,transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:scale(1.05)}.main-nav.active{opacity:1;visibility:visible;transform:scale(1)}}.main-nav ul{gap:30px;margin:0;padding:0;list-style:none;display:flex}@media (width<=768px){.main-nav ul{flex-direction:column;align-items:center;gap:50px}}.main-nav a{color:#333;font-size:.9rem;font-weight:700;text-decoration:none}@media (width<=768px){.main-nav a{letter-spacing:.1em;font-size:1.2rem}}.contact-info{align-items:center;gap:15px;display:flex}.contact-info .tel-link{color:#666;font-size:1.5rem;font-weight:700;text-decoration:none}.tel-link{padding-right:10px}@media (width<=768px){.contact-info .tel-link{display:none}.contact-info{gap:10px}}.icon-email img{vertical-align:middle;width:32px;height:auto;padding-right:15px}.menu-trigger{display:none}@media (width<=768px){.menu-trigger{z-index:2500;cursor:pointer;width:30px;height:22px;display:block;position:relative}.menu-trigger span{background:#333;width:100%;height:2px;transition:all .3s;display:block;position:absolute}.menu-trigger span:first-child{top:0}.menu-trigger span:nth-child(2){top:10px}.menu-trigger span:nth-child(3){bottom:0}.menu-trigger.active span:first-child{transform:translateY(10px)rotate(-45deg)}.menu-trigger.active span:nth-child(2){opacity:0}.menu-trigger.active span:nth-child(3){transform:translateY(-10px)rotate(45deg)}}#hero{justify-content:flex-start;align-items:center;width:100%;height:600px;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:left;z-index:10;opacity:0;background:#ffffffd9;width:auto;max-width:450px;padding:25px 35px;animation:.5s 5s forwards fadeInContent;position:absolute;bottom:40px}@media (width<=450px){.hero-content{bottom:25%}}.hero-content h1{letter-spacing:.1em;opacity:0;margin:0;font-size:1.5rem;animation:.5s 6s forwards fadeInContent}.hero-content p{opacity:0;animation:.5s 7s forwards fadeInContent}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}#greeting{padding:100px 0}@media (width<=450px){#greeting{padding:10px 0}}.greeting-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:60px;width:100%;padding:0 40px;display:flex}@media (width<=450px){.greeting-container{padding:60px 20px;display:block}}.greeting-text{flex:1}.greeting-text .eng-title{color:#333;letter-spacing:.1em;margin-bottom:0;font-family:serif;font-size:3rem}.greeting-text .jp-title{color:#d870ad;margin-top:5px;margin-bottom:40px;font-weight:700}.greeting-body p{color:#333;text-align:justify;font-size:1rem;line-height:2}.greeting-image{flex:1}.greeting-image img{width:100%;height:auto;display:block;box-shadow:20px 20px #fff}#service{padding:100px 0}@media (width<=450px){#service{padding:10px 0}}.service-container{box-sizing:border-box;width:100%;padding:0 40px}@media (width<=450px){.service-container{padding:60px 20px}}.service-header{margin-bottom:60px}.service-header .eng-title{color:#333;letter-spacing:.1em;border-bottom:2px solid #333;width:95%;margin-bottom:60px;padding-bottom:10px;font-family:serif;font-size:3rem;display:block}.service-header .eng-title span{opacity:0;transition:opacity 1.8s;display:inline-block}.service-header .eng-title.is-visible span{opacity:1}.service-item{align-items:center;gap:50px;margin-bottom:80px;display:flex}@media (width<=450px){.service-item{border-bottom:1px solid #eee;margin-bottom:60px;padding-bottom:40px;display:block}.service-item:last-child{border-bottom:none}}.service-image{flex:0 0 35%}.service-image img{width:480px;height:auto;display:block}@media (width<=450px){.service-image{width:100%;margin-bottom:20px}.service-image img{border-radius:5px;width:100%;height:auto}}.service-text{flex:1}.service-text h3{color:#333;margin-bottom:30px;font-size:1.8rem;font-weight:400;line-height:1.4}.service-description{color:#666;text-align:justify;margin-bottom:30px;font-size:.95rem;line-height:1.8}.read-more{color:#fff;background:#1a1a1a;padding:15px 30px;font-size:.9rem;text-decoration:none;transition:background .3s;display:inline-block}.read-more:hover{background:#7a7a7a}#full-banner{opacity:0;width:600px;height:auto;margin:0 auto;transition:opacity .8s ease-out,transform .8s ease-out;display:block;overflow:hidden;transform:translateY(20px)}@media (width<=450px){#full-banner{width:100%;margin-bottom:40px}}#full-banner img{object-fit:cover;width:100%;height:100%;display:block}#full-banner.is-visible{opacity:1;transform:translateY(0)}#works{box-sizing:border-box;width:100%;padding:100px 40px}@media (width<=450px){#works{padding:10px 20px}}.works-container{width:100%}.works-header{margin-bottom:60px}.works-header .eng-title{color:#333;letter-spacing:.1em;border-bottom:2px solid #333;width:95%;margin-bottom:60px;padding-bottom:10px;font-family:serif;font-size:3rem;display:block}.works-header .eng-title span{opacity:0;transition:opacity 1.8s;display:inline-block}.works-header .eng-title.is-visible span{opacity:1}.works-grid{justify-content:flex-start;gap:30px;margin-bottom:60px;display:flex}@media (width<=450px){.works-grid{display:block}}.works-item{flex:0 0 calc(33.3333% - 20px)}@media (width<=450px){.works-item{width:100%;margin-bottom:40px}}.works-image{aspect-ratio:3/2;width:100%;position:relative;overflow:hidden}.works-image img{object-fit:contain;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.works-hover .hover-img{opacity:0}.works-hover:hover .hover-img{opacity:1}.works-hover:hover .base-img{opacity:0}.works-auto img{opacity:1}.works-caption{color:#333;margin:0;font-size:1.1rem}@media (width<=450px){.works-caption{padding-top:5px}}.works-footer{text-align:center;width:100%;margin-top:40px}#about{box-sizing:border-box;width:100%;padding:100px 40px}@media (width<=450px){#about{padding:60px 20px}}.about-container{width:100%}@media (width<=450px){.about-container{padding:0}}.about-header{margin-bottom:60px}.about-header .eng-title{color:#333;letter-spacing:.1em;border-bottom:2px solid #333;width:95%;margin-bottom:60px;padding-bottom:10px;font-family:serif;font-size:3rem;display:block}.about-header .eng-title span{opacity:0;transition:opacity 1.2s;display:inline-block}.about-header .eng-title.is-visible span{opacity:1}.about-content{align-items:flex-start;gap:60px;display:flex}@media (width<=450px){.about-content{display:block}}.about-image{flex:0 0 45%}.about-image img{width:100%;height:auto;display:block}@media (width<=450px){.about-image{width:100%;margin-bottom:30px}.about-image img{border-radius:5px}}.about-table{flex:1}.about-table table{border-collapse:collapse;width:100%}.about-table th,.about-table td{text-align:left;border-bottom:1px solid #eee;padding:20px 0}.about-table th{color:#333;width:150px;font-weight:700}.about-table td{color:#666;line-height:1.6}@media (width<=450px){.about-table{width:100%}.about-table th{vertical-align:top;width:80px;padding:12px 0;font-size:.9rem}.about-table td{padding:12px 0 12px 10px;font-size:.9rem;line-height:1.6}}.chat-popup{z-index:400;-webkit-backdrop-filter:none;background:#fff;border:1px solid #00000026;border-radius:15px;width:350px;height:500px;animation:.4s modalOpen;display:none;position:fixed;bottom:90px;right:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}#chat-container{flex-direction:column;width:100%;height:100%;display:flex}#chat-header{color:#fff;background:#383838d9;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.avatar-container{align-items:center;display:flex}.header-avatar{object-fit:contain;background:#fff;border-radius:50%;width:35px;height:35px;padding:2px}.header-info{flex-direction:column;align-items:flex-start;display:flex}.header-info .name{font-size:13px;font-weight:700;line-height:1.2}.header-info .status-tag{color:#4caf50;text-transform:uppercase;margin-top:2px;font-size:10px}.chat-close-btn{color:#ffffffb3;cursor:pointer;z-index:500;background:0 0;border:none;font-size:24px;line-height:1}#chat-messages{-webkit-overflow-scrolling:touch;flex:1;padding:20px 0;display:block;overflow:hidden auto}.bot-message{flex-shrink:0;justify-content:flex-start;align-items:flex-end;margin-bottom:20px;padding:0 15px;display:flex}.bot-avatar{background:#fff;border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-bottom:2px;margin-right:10px}.bot-message .bubble{color:#333;white-space:pre-wrap;word-wrap:break-word;background:#fff;border-radius:15px 15px 15px 3px;max-width:80%;padding:12px 15px;font-size:14px;line-height:1.6;box-shadow:0 2px 5px #0000001a}.chat-trigger{z-index:350;cursor:pointer;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #0000004d}@media (width<=450px){.chat-trigger{width:60px;height:60px;bottom:15px;right:15px}}.chat-trigger img{width:40px;height:auto}@media (width<=450px){.chat-popup{width:90%;height:60dvh;max-height:60dvh;bottom:80px;right:5%}}.chat-btn{color:#fff;text-align:center;background-color:#4caf50;border-radius:4px;margin-top:15px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.chat-btn:hover{opacity:.8}