:root{--main-color:#333;--accent-color:#f06;--bg-color:#fff;--bg-alt:#f9f9f9;--text-color:#333;--text-light:#666;--border-color:#eaeaea;--card-radius:12px;--transition:.3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.8}.site-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-color);padding:10px 5%}.site-header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;flex-wrap:nowrap!important}.header-left{flex-direction:column;gap:5px;display:flex}.site-title{letter-spacing:.05em;font-size:1.8rem;font-weight:700}.site-title a{color:var(--main-color);text-decoration:none}.logo-link{text-decoration:none;display:block}.main-content{max-width:1200px;margin:0 auto;padding:60px 5%}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:40px;list-style:none;display:grid}.blog-card{border-radius:var(--card-radius);transition:transform var(--transition), box-shadow var(--transition);background-color:#0000;border:none;flex-direction:column;height:100%;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000000f}.blog-card-link{color:inherit;flex-direction:column;flex-grow:1;text-decoration:none;display:flex}.card-image-wrapper{aspect-ratio:1/1.414;background-color:var(--bg-alt);width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .card-image{transform:scale(1.05)}.no-image{color:#aaa;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:flex}.card-content{flex-direction:column;flex-grow:1;padding:12px 4px;display:flex}.card-title{-webkit-line-clamp:2;color:var(--main-color);-webkit-box-orient:vertical;margin-bottom:16px;font-size:.95rem;font-weight:700;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .card-title{color:var(--accent-color)}.card-meta{align-items:center;gap:12px;margin-top:auto;font-size:.85rem;display:flex}.category-tag{color:var(--text-color);z-index:10;border:none;border:1px solid var(--border-color);background-color:#ff0066e6;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500;position:absolute;top:8px;left:8px}.publish-date{color:var(--text-light);align-items:center;gap:6px;display:flex}.date-icon{opacity:.8;font-size:.85rem}.search-form{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:30px;align-items:center;margin-left:15px;padding:4px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 2px 10px #00000005}.search-form:focus-within{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 15px #0055ff1a}.search-form input{width:190px;color:var(--text-color);background:0 0;border:none;outline:none;padding:6px 0;font-size:.9rem;transition:width .3s}.search-form input:focus{width:230px}.search-form input::placeholder{color:#bbb;letter-spacing:.05em;font-weight:400}.search-form button{cursor:pointer;color:var(--text-light);background:0 0;border:none;align-items:center;margin-left:8px;padding:0;transition:color .3s;display:flex}.search-form button:hover{color:var(--accent-color)}@media (width<=768px){.search-form{width:100%;margin-left:0;padding:6px 20px}.search-form input,.search-form input:focus{width:100%}.search-menu{justify-content:center;width:100%;margin-top:10px;display:flex}}.global-nav{align-items:center;display:flex}.global-nav>ul{white-space:nowrap;justify-content:flex-end;gap:30px;list-style:none;display:flex;flex-wrap:nowrap!important}.global-nav a{color:var(--main-color);transition:color var(--transition);font-size:.95rem;font-weight:700;text-decoration:none}.global-nav a:hover{color:var(--accent-color)}.site-footer{background-color:#4f4f4f;border-top:1px solid #666;margin-top:80px;padding:60px 5% 30px}.footer-inner{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-col h3{color:#fff;margin-bottom:20px;font-size:1.1rem}.footer-col p{color:#ccc;font-size:.9rem;line-height:1.8}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px;padding-left:12px;position:relative}.footer-col ul li:before{content:"-";color:#ccc;position:absolute;left:0}.footer-col a{color:#ccc;transition:color var(--transition);font-size:.9rem;text-decoration:none}.footer-col a:hover{color:#fff}.footer-copyright{text-align:center;color:#ccc;border-top:1px solid #666;padding-top:20px;font-size:.85rem}@media (width<=768px){.site-header-inner{gap:15px;flex-direction:column!important;align-items:center!important}.header-left{text-align:center;align-items:center}.global-nav{border-top:none;width:100%;padding-top:0}.footer-inner{grid-template-columns:1fr;gap:30px}.global-nav>ul{white-space:normal;justify-content:center;gap:10px 20px;flex-wrap:wrap!important}.blog-grid{grid-template-columns:repeat(2,1fr);gap:30px}.main-content{padding:40px 5%}}.about-main{max-width:900px;margin:0 auto;padding-top:20px}.about-hero{text-align:center;margin-bottom:80px;position:relative}.about-hero h1{color:var(--main-color);letter-spacing:.1em;margin-bottom:15px;font-size:2.5rem;font-weight:700}.about-hero:after{content:"";background:linear-gradient(90deg, var(--accent-color), #00b4d8);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.about-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;margin-bottom:80px;padding:50px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #00000008}.about-section:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000000f}.section-heading{text-align:center;margin-bottom:40px}.section-heading .en{color:var(--main-color);letter-spacing:.05em;font-size:2.2rem;font-weight:800;line-height:1.2;display:block}.profile-main-image{text-align:center;margin-bottom:30px;overflow:hidden}.profile-img-wrapper{border-radius:16px;width:100%;max-width:400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001a}.profile-img-wrapper:before{content:"";padding-top:100%;display:block}.profile-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.profile-grid{grid-template-columns:1fr;gap:40px;display:grid}.profile-text{color:var(--text-color);font-size:1.05rem;line-height:1.9}.profile-text p{margin-bottom:20px}.image-gallery{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px;display:grid}.gallery-item{border-radius:16px;min-width:0;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.img-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.gallery-img{object-fit:cover;width:100%;max-width:100%;height:100%;transition:transform .5s;display:block}.gallery-item:hover .gallery-img{transform:scale(1.05)}.privacy-note{color:var(--text-light);text-align:right;margin-top:15px;font-size:.85rem}.awards-timeline{padding-left:30px;position:relative}.awards-timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-color), transparent);border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:0}.timeline-item{align-items:center;gap:20px;margin-bottom:30px;display:flex;position:relative}.timeline-item:before{content:"";border:3px solid var(--accent-color);background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:-35px;transform:translateY(-50%);box-shadow:0 0 0 4px #0055ff1a}.timeline-badge{color:#fff;text-align:center;border-radius:8px;min-width:110px;padding:8px 16px;font-size:.95rem;font-weight:700}.badge-gold{background:linear-gradient(135deg,gold,#fdb931);box-shadow:0 4px 10px #fdb9314d}.badge-silver{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);box-shadow:0 4px 10px #bdbdbd4d}.badge-bronze{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 4px 10px #a0522d4d}.badge-standard{background:var(--main-color)}.timeline-content{color:var(--text-color);font-size:1.1rem;font-weight:500}.works-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.work-card{border:1px solid var(--border-color);text-align:center;background:#fff;border-radius:16px;padding:30px 20px;transition:all .3s}.work-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 25px #0055ff1a}.work-icon{margin-bottom:15px;font-size:3rem}.work-text{color:var(--main-color);font-size:1rem;font-weight:500;line-height:1.6}.contents-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.content-card{color:inherit;border:1px solid var(--border-color);text-align:center;background:#fff;border-radius:16px;padding:30px 25px;text-decoration:none;transition:all .3s;display:block}.content-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 25px #0055ff1a}.content-emoji{margin-bottom:20px;font-size:3rem}.content-info h3{color:var(--main-color);margin-bottom:15px;font-size:1.25rem;font-weight:700}.content-info p{color:var(--text-light);font-size:.95rem;line-height:1.7}.contact-box{text-align:center;padding:20px}.contact-box p{color:var(--text-color);margin-bottom:30px;font-size:1.1rem}.btn-contact{background:linear-gradient(135deg, var(--accent-color), #00b4d8);color:#fff;border-radius:50px;justify-content:center;align-items:center;padding:16px 45px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #0055ff4d}.btn-contact:hover{transform:translateY(-3px);box-shadow:0 12px 25px #05f6}@media (width<=768px){.about-section{padding:30px 20px}.image-gallery,.works-grid,.contents-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;align-items:flex-start;gap:10px}}.top-notification-bar{background:linear-gradient(90deg, var(--accent-color,#05f), #00b4d8);color:#fff;z-index:100;justify-content:center;align-items:center;gap:10px;padding:8px 20px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #05f3}.top-notification-bar:hover{opacity:.95}.notification-text{letter-spacing:.05em}.notification-arrow{transition:transform .3s}.top-notification-bar:hover .notification-arrow{transform:translate(4px)}.global-nav>ul>li.has-child{position:relative}.global-nav>ul>li>.dropdown{background-color:var(--bg-color);border:1px solid var(--border-color);z-index:200;border-radius:8px;flex-direction:column;gap:0;min-width:180px;margin-top:15px;padding:10px 0;list-style:none;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000001a}.global-nav>ul>li>.dropdown:before{content:"";width:100%;height:15px;position:absolute;top:-15px;left:0}.global-nav>ul>li.has-child:hover>.dropdown{display:flex}.global-nav>ul>li>.dropdown li{width:100%;margin:0;padding:0}.global-nav>ul>li>.dropdown a{text-align:center;color:var(--text-color);padding:12px 20px;font-size:.9rem;font-weight:500;display:block}.global-nav>ul>li>.dropdown a:hover{background-color:var(--bg-alt);color:var(--accent-color)}@media (width<=768px){.global-nav>ul>li>.dropdown{box-shadow:none;background:#00000005;border:none;border-radius:8px;margin-top:10px;padding:5px 0;display:none;position:static;transform:none}.global-nav>ul>li.has-child:hover>.dropdown,.global-nav>ul>li.has-child:active>.dropdown,.global-nav>ul>li.has-child:focus-within>.dropdown{display:flex}}html{overflow-y:scroll}.site-wrapper{max-width:1200px;margin:40px auto;padding:0 5%;display:block}.site-wrapper>.main-content{width:100%;margin:0!important}@media (width<=1100px){.site-wrapper{flex-direction:column;align-items:center}.site-wrapper>.main-content{width:100%;margin:0!important}}