*{box-sizing:border-box}body{margin:0;padding:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background-color:#fff;color:#333;overflow-x:hidden}.main-header{width:100%;height:60px;background:#fff;border-bottom:1px solid #f2f2f2;position:sticky;top:0;z-index:1000}.header-inner{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.logo-area{display:flex;align-items:baseline;gap:12px}.logo{margin:0;padding:0;display:flex;align-items:center}.logo a{text-decoration:none;color:#000;font-size:22px;font-weight:900;letter-spacing:2px}@media(max-width:768px){.logo a{flex-direction:column;align-items:flex-start;gap:2px}}.logo-subtitle{font-size:13px;font-weight:400;color:#888;letter-spacing:0;text-align:center;white-space:nowrap}@media(max-width:768px){.logo-subtitle{font-size:10px}}.header-tools{display:flex;align-items:center;gap:20px}.header-icon-btn{color:#333;text-decoration:none;display:flex;align-items:center}.main-banner{position:relative;width:100%;height:450px;background-color:#f7f7f7;overflow:hidden}@media(max-width:768px){.main-banner{height:350px}}#slideshow-container{position:absolute;top:0;left:0;width:100%;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1}.slide.active{opacity:1;z-index:2}.banner-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 40px;pointer-events:none}@media(max-width:768px){.banner-content{padding:0 20px}}.banner-text{background:#ffffffd9;padding:30px 40px;border-radius:2px;box-shadow:0 10px 30px #0000000d}@media(max-width:768px){.banner-text{padding:20px}}.banner-text h2{margin:0;font-size:32px;font-weight:900;letter-spacing:1px}@media(max-width:768px){.banner-text h2{font-size:22px}}.banner-text p{margin:15px 0 0;font-size:16px;color:#666;line-height:1.6}@media(max-width:768px){.banner-text p{font-size:14px}}.slide-dots{display:flex;justify-content:center;gap:15px;padding:20px 0;background:#fff}.slide:first-child{opacity:1;z-index:2}.dot{width:10px;height:10px;background:#e0e0e0;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background:#333;transform:scale(1.2)}.search-panel-simple{max-width:700px;margin:40px auto;padding:0 20px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:50px;padding:5px 20px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#333;box-shadow:0 6px 20px #0000001a}.search-icon{color:#999;margin-right:10px}#search-word{flex:1;border:none;outline:none;padding:15px 0;font-size:16px;background:transparent}.clear-btn-circle{background:none;border:none;color:#ccc;cursor:pointer;display:flex;align-items:center;padding:5px}.clear-btn-circle:hover{color:#666}.result-status-text{text-align:center;margin-top:15px;font-size:13px;color:#888}.recommend-section{max-width:1200px;margin:60px auto;padding:0 20px}.recommend-scroll-area{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.recommend-scroll-area::-webkit-scrollbar{display:none}#recommend-container{display:flex!important;gap:20px!important;width:max-content;padding:10px 0}.recommend-item{width:200px!important;min-width:200px!important;flex:0 0 200px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;text-decoration:none;background:none!important;border:none!important;transform:none!important}.recommend-img-wrapper{width:200px!important;height:150px!important;border-radius:12px;overflow:hidden;margin-bottom:12px}.recommend-img-wrapper img{width:100%;height:100%;object-fit:cover}.recommend-item h3{font-size:15px;line-height:1.4;margin:0;color:#333;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-tag{display:inline-block;background:#000;color:#fff;padding:2px 8px;border-radius:4px;margin-bottom:8px;font-size:10px}.square-banner-section{max-width:1200px;margin:40px auto;padding:0 20px}.banner-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.banner-item{text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px}.banner-img{width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.banner-item:hover .banner-img{transform:scale(1.1)}.banner-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(transparent,#0009);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.banner-tag{font-size:10px;font-weight:700;letter-spacing:1px;background:#fff;color:#000;padding:2px 8px;display:inline-block;width:fit-content;margin-bottom:8px}.banner-caption{font-size:18px;font-weight:700;margin:0}@media(max-width:768px){.banner-grid{gap:10px}.banner-caption{font-size:14px}}.tag-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.tag-btn{background:#f3f4f6;color:#4b5563;border:none;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.tag-btn:hover{background:#000;color:#fff}.blog-date{font-size:.75rem;color:#9ca3af;margin-bottom:5px;display:block}.blog-item-title{font-size:1rem;font-weight:700;color:#1f2937;line-height:1.4;margin-bottom:8px;padding:0 15px}.blog-item-excerpt{font-size:.85rem;color:#6b7280;padding:0 15px 15px;line-height:1.5}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:10px}.blog-item{background:#fff;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0;text-decoration:none;display:flex;flex-direction:column}.blog-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.blog-item-thumb{width:100%;aspect-ratio:16 / 9;overflow:hidden}.blog-item-thumb img{width:100%;height:100%;object-fit:cover}.copyright{margin-top:20px;grid-row-start:2;grid-row-end:3;width:100%}.copyright_text{font-weight:500;font-size:12px;color:var(--text-gray-color);margin-top:16px;text-align:center;padding-bottom:8px;letter-spacing:.08em;font-family:"serif";color:#8e8383}