*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;background:linear-gradient(135deg,#0f2027 0%,#203a43 25%,#2c5364 50%,#1e3c72 75%,#2a5298 100%);min-height:100vh;color:#fff}.header{background:rgba(15,32,39,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#a8d0ff;text-decoration:none;font-weight:500;transition:all 0.3s ease;padding:8px 16px;border-radius:8px}.nav-links a:hover{background:rgba(168,208,255,.1);color:#fff}.default-links a{color:#a8d0ff;text-decoration:none;font-weight:500;transition:all 0.3s ease;padding:8px 16px;border-radius:8px}.default-links a:hover{background:rgba(168,208,255,.1);color:#fff}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#a8d0ff;border-radius:2px;transition:all 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.main-container{max-width:1200px;margin:0 auto;padding:40px 10px}.hero{text-align:center;padding:60px 20px;margin-bottom:40px}h1{font-size:3rem;margin-bottom:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:2px}.hero-subtitle{font-size:1.1rem;color:rgba(168,208,255,.7);font-weight:300}.section{background:rgba(255,255,255,.08);border-radius:15px;padding:35px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1);transition:all 0.3s ease}.section:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2)}h2{font-size:1.8rem;margin-bottom:20px;color:#a8d0ff;font-weight:600;border-bottom:2px solid rgba(168,208,255,.3);padding-bottom:12px}.section p{line-height:1.8;color:#e0e7ff;margin-bottom:20px;white-space:pre-line}.btn{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(102,126,234,.4);margin:10px 10px 10px 0}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(102,126,234,.6)}.minibtn{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:600;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(102,126,234,.4);margin:3px 3px 3px 0}.minibtn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(102,126,234,.6)}.recommend-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:25px}.tworecommend-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,2fr));gap:50px;margin-top:50px}.recommend-box{background:rgba(255,255,255,.05);border:1px solid rgba(168,208,255,.2);border-radius:12px;padding:30px;text-align:center;transition:all 0.3s ease}.recommend-box:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}.recommend-icon{font-size:3rem;margin-bottom:15px;object-fit:cover;object-position:center}.recommend-box p{color:#a8d0ff;font-weight:500;margin:0;overflow-wrap:break-word}.recommend-box h3{font-size:1.4rem;color:#a8d0ff;margin:0;overflow-wrap:break-word}.footer{background:rgba(15,32,39,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:25px 20px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.footer a{color:rgba(168,208,255,.6);text-decoration:none;font-size:.85rem;transition:all 0.3s ease}.footer a:hover{color:#a8d0ff}.footer p{color:rgba(168,208,255,.6);font-size:.85rem;margin:0}@media (max-width:768px){.main-container{padding:30px 5px}.nav-links{position:fixed;top:60px;left:0;right:0;background:rgba(15,32,39,.98);flex-direction:column;padding:20px;gap:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links.active{max-height:300px}.nav-links a{padding:15px;display:block}.hamburger{display:flex}h1{font-size:2rem}.hero{padding:40px 20px}h2{font-size:1.5rem}.section{padding:25px 10px}.recommend-boxes{grid-template-columns:1fr}.tworecommend-boxes{grid-template-columns:1fr}.recommend-box{padding:30px 5px}.footer-content{flex-direction:column;gap:10px}}@media (max-width:480px){.main-container{padding:25px 3px}h1{font-size:1.6rem}.section{padding:20px 5px}.btn{padding:12px 25px;font-size:.9rem}.minibtn{padding:8px 14px;font-size:.9rem}}