*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Noto Sans JP',sans-serif;background:linear-gradient(to bottom,#b3d9ff 0%,#ffffff 100%);min-height:100vh;color:#333;line-height:1.6;}.header-banner{background:#4a90e2;color:white;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;}.header-banner h1{font-size:2.5rem;font-weight:700;margin:0;position:relative;z-index:2;}.illustrations{position:relative;width:100%;max-width:1200px;margin:0 auto;height:200px;margin-top:-100px;margin-bottom:2rem;}.illustration{position:absolute;width:120px;height:120px;}.illustration-left{left:10%;top:0;}.illustration-right-top{right:15%;top:-20px;}.illustration-right-bottom{right:10%;bottom:-20px;}.main-content{max-width:900px;margin:0 auto;padding:2rem;padding-top:4rem;}.intro-text{background:white;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.intro-text p{margin-bottom:1rem;font-size:1.1rem;}.intro-text p:last-child{margin-bottom:0;}.content-box{background:white;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.content-box h2{color:#4a90e2;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #4a90e2;}.article-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #4a90e2;}.article-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:0.5rem;}.article-subtitle{color:#666;font-size:0.9rem;}.article-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd;font-size:0.9rem;color:#666;}.article-meta-item{margin-bottom:0.5rem;}.article-meta-item:last-child{margin-bottom:0;}.article-meta-label{font-weight:700;color:#333;display:inline-block;min-width:100px;}.article-section{margin-bottom:2.5rem;}.article-section:last-child{margin-bottom:0;}.section-number{font-size:1.3rem;font-weight:700;color:#4a90e2;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #4a90e2;}.section-content{color:#333;line-height:1.8;margin-left:0.5rem;}.section-content p{margin-bottom:1rem;}.section-content p:last-child{margin-bottom:0;}.section-content ul{margin-left:1.5rem;margin-top:0.5rem;margin-bottom:1rem;}.section-content ol{margin-left:1.5rem;margin-top:0.5rem;margin-bottom:1rem;}.section-content li{margin-bottom:0.8rem;list-style-type:decimal;}.section-content li ul{margin-top:0.5rem;margin-left:1.5rem;}.section-content li ul li{list-style-type:disc;}.warning-box{background:#ffe6e6;border-left:4px solid #e74c3c;padding:1.5rem;margin:1.5rem 0;border-radius:4px;}.warning-box strong{color:#e74c3c;font-weight:700;}.note-box{background:#f0f8ff;border-left:4px solid #4a90e2;padding:1rem;margin:1rem 0;border-radius:4px;font-size:0.9rem;color:#666;}.footer{background:#1e3a5f;color:white;padding:2rem;text-align:center;margin-top:4rem;}.footer-content{max-width:900px;margin:0 auto;}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:50%;transition:background 0.3s;}.social-icon:hover{background:rgba(255,255,255,0.2);}.social-icon img{width:24px;height:24px;}.footer-text{margin-top:1rem;font-size:0.9rem;}.back-link{text-align:center;margin-top:3rem;padding-top:2rem;}.back-link a{display:inline-block;padding:0.8rem 2rem;background:#4a90e2;color:white;text-decoration:none;border-radius:4px;font-weight:500;transition:background 0.3s;}.back-link a:hover{background:#357abd;}@media (max-width:768px){.header-banner h1{font-size:1.8rem;}.illustrations{height:150px;margin-top:-50px;}.illustration{width:80px;height:80px;}.main-content{padding:1rem;padding-top:2rem;}.content-box{padding:1.5rem;}.content-box h2{font-size:1.2rem;}.article-title{font-size:1.4rem;}.section-number{font-size:1.1rem;}.warning-box{padding:1rem;}.note-box{padding:0.8rem;}}