*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;padding-bottom:60px}header{background:#333;color:#fff;padding:10px 0}header .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px}header .logo{font-size:1.5em;font-weight:700}header nav ul{list-style:none;display:flex}header nav ul li{margin-left:20px}header nav ul li a{color:#fff;text-decoration:none}header nav ul li a:hover{text-decoration:underline}main{padding:20px}.hero{background:#f4f4f4;padding:20px;text-align:center;margin-bottom:20px}.hero h1{margin-bottom:10px}.hero p{font-size:1.2em}.content{padding:20px}.content .container{display:flex;flex-direction:column}.content article{margin-bottom:20px}.content h2{margin-bottom:10px}footer{background:#333;color:#fff;padding:20px 0;text-align:center;position:fixed;bottom:0;width:100%}footer .container{padding:0 20px}footer .corp_area{margin-top:10px}footer .corp_area a{color:#fff;text-decoration:none;font-size:.8em;margin:0 8px}footer .corp_area a:hover{text-decoration:underline}@media (min-width: 768px){.content .container{flex-direction:row;gap:20px}.content article{flex:1}}