@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Montserrat:wght@400;500;600;700&display=swap";:root{--category-color-intro: #ff6b6b;--category-color-basics: #48dbfb;--category-color-practices: #E91E63;--category-color-ict: #5f27cd;--category-color-system: #ff9f43;--category-color-seminar: #00d2d3;--category-color-tools: #54a0ff;--category-color-interview: #5f27cd;--category-color-faq: #ff9f43;--category-color-subsidy: #ff9f43;--category-color-others: #2ecc71}.intro{background-color:#fff}.intro-content{max-width:800px;margin:0 auto;text-align:center}.intro-text{margin-bottom:2rem}.channel-description{background-color:var(--light-color);border-radius:var(--border-radius);padding:2rem;margin-top:3rem;text-align:left;box-shadow:var(--box-shadow)}.channel-description h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.4rem}.channel-description ul{list-style-type:none;margin-left:1rem}.channel-description li{margin-bottom:.5rem;position:relative;padding-left:1.5rem}.channel-description li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color)}.youtube-embed{width:100%;max-width:800px;margin:3rem auto 0}.youtube-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.featured-title{font-size:1.4rem;color:var(--primary-color);margin:2rem 0 1rem;text-align:center}.categories{background-color:var(--accent-color-gray);padding:40px 0}.category-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;padding:0 20px}.category-item{background-color:#fff;border-radius:30px;padding:10px 24px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden;color:var(--text-color)}.category-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));opacity:0;transition:opacity .3s ease;z-index:1}.category-item span{position:relative;z-index:2;color:inherit}.category-item:hover,.category-item.active{color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.category-item:hover:before,.category-item.active:before{opacity:1}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;padding:20px 0}.video-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.video-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.video-thumbnail{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#f5f5f5}.video-category{position:absolute;top:12px;left:12px;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.03em;z-index:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category:before{content:"●";font-size:.5rem;margin-right:2px}.video-category.practices{background:linear-gradient(135deg,#e91e63d9,#c2185bd9)}.video-category.practices:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e91e6340;background:linear-gradient(135deg,#e91e63e6,#c2185be6)}.video-category.subsidy{background:linear-gradient(135deg,#ff9f43d9,#ff7f50d9)}.video-category.subsidy:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff9f4340;background:linear-gradient(135deg,#ff9f43e6,#ff7f50e6)}.video-category.basics{background:linear-gradient(135deg,#48dbfbd9,#22a6edd9)}.video-category.basics:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48dbfb40;background:linear-gradient(135deg,#48dbfbe6,#22a6ede6)}.video-category.ict{background:linear-gradient(135deg,#5f27cdd9,#4a00e0d9)}.video-category.ict:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5f27cd40;background:linear-gradient(135deg,#5f27cde6,#4a00e0e6)}.video-category.cases{background:linear-gradient(135deg,#1dd1a1d9,#00b894d9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category.cases:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1dd1a140;background:linear-gradient(135deg,#1dd1a1e6,#00b894e6)}.video-category.system{background:linear-gradient(135deg,#ff9f43d9,#ff6b2bd9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category.system:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff9f4340;background:linear-gradient(135deg,#ff9f43e6,#ff6b2be6)}.video-category.seminar{background:linear-gradient(135deg,#00d2d3d9,#00b894d9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category.seminar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00d2d340;background:linear-gradient(135deg,#00d2d3e6,#00b894e6)}.video-category.tools{background:linear-gradient(135deg,#54a0ffd9,#2e86ded9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category.tools:hover{transform:translateY(-2px);box-shadow:0 6px 16px #54a0ff40;background:linear-gradient(135deg,#54a0ffe6,#2e86dee6)}.video-category.interview{background:linear-gradient(135deg,#5f27cdd9,#4a00e0d9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category.interview:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5f27cd40;background:linear-gradient(135deg,#5f27cde6,#4a00e0e6)}.video-category.faq{background:linear-gradient(135deg,#ff9f43d9,#ff6b2bd9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category.faq:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff9f4340;background:linear-gradient(135deg,#ff9f43e6,#ff6b2be6)}.video-category.intro{background:linear-gradient(135deg,#ff6b6bd9,#ff4757d9);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.video-category.intro:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b40;background:linear-gradient(135deg,#ff6b6be6,#ff4757e6)}.video-category.others{background:linear-gradient(135deg,#2ecc71d9,#27ae60d9)}.video-category.others:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2ecc7140;background:linear-gradient(135deg,#2ecc71e6,#27ae60e6)}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-card:hover .video-thumbnail img{transform:scale(1.08)}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background-color:#003366e6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.video-play-button:after{content:"";width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent white;margin-left:4px}.video-card:hover .video-play-button{background-color:var(--secondary-color);transform:translate(-50%,-50%) scale(1.1)}.video-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.video-title{font-size:1.1rem;font-weight:400;line-height:1.4;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.2rem;margin-bottom:.7rem;position:relative;padding-bottom:2.5rem}.video-title:after{content:"";position:absolute;bottom:0rem;left:0;width:100%;height:1px;background-color:var(--border-color)}.video-description{font-size:.9rem;color:var(--text-color-light);margin-bottom:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:0;border-top:none}.video-date{font-size:.8rem;color:var(--text-color-light);display:flex;align-items:center;gap:4px}.video-date-icon{margin-right:5px}.video-resources{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.video-resource-link{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;background-color:var(--light-color);border-radius:2px;color:var(--text-color);text-decoration:none;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.video-resource-link:hover{background-color:var(--accent-color-gray)}.video-resource-icon{font-size:.8rem;flex-shrink:0}.video-resource-link span:not(.video-resource-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-resource-more{display:inline-flex;align-items:center;padding:2px 4px;background-color:var(--light-color);border-radius:2px;color:var(--text-color);font-size:.75rem;opacity:.7}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding:20px 0}.pagination-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;color:var(--text-color);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014}.pagination-item:hover,.pagination-item.active{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pagination-dots{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-color-light);font-weight:500}.subscription{background-color:#fff;padding:5rem 0;margin-top:3rem;text-align:center}.subscription-container{max-width:800px;margin:0 auto;padding:0 1rem;text-align:center}.subscription-box{background-color:var(--light-color);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center}.subscription-title{font-size:1.8rem;color:var(--primary-color);margin-bottom:1.5rem;text-align:center;font-weight:700}.subscription-description{margin-bottom:2rem;text-align:center}.subscription-form{display:flex;flex-direction:column;max-width:500px;margin:0 auto}.form-group{margin-bottom:1.5rem;text-align:left}label{display:block;margin-bottom:.5rem;font-weight:500;text-align:left}input,select,textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:var(--border-radius);font-family:inherit;font-size:inherit}.subscription-form .btn{display:inline-block;background:linear-gradient(135deg,var(--secondary-color),#3a7bc7);color:#fff;padding:14px 32px;border:none;border-radius:var(--border-radius);font-weight:600;font-size:1.1rem;text-align:center;box-shadow:0 4px 15px #4a90e24d;transition:all .3s ease;cursor:pointer;width:100%;max-width:300px;margin:0 auto;letter-spacing:1px}.subscription-form .btn:hover{background:linear-gradient(135deg,#3a7bc7,var(--secondary-color));transform:translateY(-3px);box-shadow:0 7px 20px #4a90e266}.cta{text-align:center;background-color:var(--primary-color);color:#fff;position:relative}.cta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#003366f2,#002244fa);z-index:1}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta h2{color:#fff;margin-bottom:1.5rem}.cta p{margin-bottom:2rem}.cta .btn{display:inline-block;background-color:var(--secondary-color);color:#fff;padding:14px 32px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .3s ease;text-align:center;box-shadow:0 2px 10px #4a90e24d;letter-spacing:1px;width:auto;min-width:180px;max-width:240px;border:none}.cta .btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 5px 15px #4a90e266;opacity:.9}@media(max-width:768px){.video-grid{grid-template-columns:1fr}.category-list{gap:8px;padding:0 10px}.category-item{padding:8px 16px;font-size:.9rem}.subscription-box{padding:2rem 1.5rem}}@media(max-width:480px){.category-list{gap:6px}.category-item{padding:6px 12px;font-size:.85rem}}.category-label.basics{background-color:#4caf50;color:#fff}.category-label.practices{background-color:#e91e63;color:#fff}.category-label.ict{background-color:#2196f3;color:#fff}.category-label.subsidy{background-color:#ff9800;color:#fff}