@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Noto Sans JP,sans-serif;display:flex}.container{text-align:center;width:100%;max-width:1200px}.main-title{color:#fff;text-shadow:2px 2px 8px #0000004d;opacity:0;margin-bottom:25px;font-size:2.5rem;font-weight:700;animation:.8s forwards fadeInDown;transform:translateY(-30px)}.cards-container{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.card{opacity:0;border-radius:16px;width:320px;padding:30px 25px;transition:transform .3s;transform:translateY(40px)}.card:hover{transform:translateY(-8px)}.card:first-child{animation:.6s .2s forwards fadeInUp}.card:nth-child(2){animation:.6s .4s forwards fadeInUp}.card:nth-child(3){animation:.6s .6s forwards fadeInUp}.card-image{background:0 0;border-radius:12px;justify-content:center;align-items:center;width:100%;height:250px;margin-bottom:20px;display:flex;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-image-placeholder{font-size:4rem}.card-title{color:#333;margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4}.card-desc{color:#666;min-height:60px;margin-bottom:20px;font-size:.9rem;line-height:1.7}.card-content{text-align:center}.card-btn{text-align:center;border-radius:30px;width:100%;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.card-btn:hover{opacity:.85;transform:scale(1.05)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.cards-container{gap:20px}.card{width:300px}}@media (max-width:768px){.main-title{margin-bottom:20px;font-size:1.2rem}.cards-container{flex-direction:column;align-items:center;gap:15px}.card{flex-direction:row;align-items:center;gap:15px;width:100%;max-width:400px;padding:15px;display:flex;transform:translate(-40px)}.card:first-child{animation:.6s .2s forwards fadeInLeft}.card:nth-child(2){animation:.6s .4s forwards fadeInLeft}.card:nth-child(3){animation:.6s .6s forwards fadeInLeft}.card-image{border-radius:8px;width:120px;min-width:120px;height:120px;margin-bottom:0}.card-content{text-align:left;flex:1}.card-title{margin-bottom:8px;font-size:1rem}.card-desc{min-height:auto;margin-bottom:12px;font-size:.8rem}.card-btn{padding:8px 15px;font-size:.8rem}}@media (max-width:480px){.main-title{font-size:1rem}.card{padding:12px}.card-image{width:100px;min-width:100px;height:100px}.card-title{font-size:.95rem}.card-desc{font-size:.75rem}.card-btn{padding:6px 10px;font-size:.75rem}}