/* リセットCSS */* {margin: 0;padding: 0;box-sizing: border-box;}html, body {height: 100%;font-family: 'Noto Sans JP', sans-serif;}body {background-image: url('481.png'); /* 背景に使いたい画像のURL */background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;color: white;}/* 新しいメニューバー */.navbar {position: absolute;top: 0;width: 100%;height: 60px;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;background-color: rgba(0, 0, 0, 0.5);z-index: 1000;}.navbar .menu-icon {font-size: 1.8em;color: white;cursor: pointer;display: none;}.nav-links {list-style: none;display: flex;gap: 20px;}.nav-links li {position: relative;}.nav-links a {color: white;text-decoration: none;font-size: 1.2em;padding: 10px 0;transition: color 0.3s ease;}.nav-links a:hover {color: #ffcc00;}.nav-links a::after {content: "";position: absolute;width: 0;height: 2px;left: 50%;bottom: 0;background-color: #ffcc00;transition: width 0.3s ease, left 0.3s ease;}.nav-links a:hover::after {width: 100%;left: 0;}/* オーバーレイ */.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1;}/* コンテンツ */.content {position: relative;z-index: 2;text-align: center;top: 50%;transform: translateY(-50%);}h1 {font-size: 3em;margin-bottom: 20px;}p {font-size: 1.5em;}.info-box {background-color: rgba(173, 216, 230, 0.7); /* 半透明の水色背景 */padding: 20px;margin-top: 20px;border-radius: 10px;display: inline-block;max-width: 600px;line-height: 1.6;}.info-box a {color: #ffcc00;text-decoration: none;}.info-box a:hover {color: #ffdd44;}/* スマホ対応のメディアクエリ */@media (max-width: 768px) {.navbar .menu-icon {display: block;}.nav-links {flex-direction: column;position: absolute;top: 60px;left: 0;width: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;}.nav-links.active {display: flex;}.nav-links li {width: 100%;text-align: center;}h1 {font-size: 2em;}p {font-size: 1.2em;}.info-box {font-size: 1em;padding: 15px;margin: 10px;max-width: 90%;}}