.design-D{ display: none; } .design-C{ display: block; } /*ヘッダー*/ .header-list{ position: relative; } .header-logo{ max-height:50px; margin-left: 40px; padding: 0; position: absolute; left:5px; } .header-list ul{ list-style-type: none; text-align: right; margin: 0; background-color: #0a9b94; padding :0; } .header-list li{ display:inline-block; text-align: center; background-color: #0a9b94; height: 50px; line-height: 48px; margin:0; } .header-list a{ text-decoration: none; font-weight: bold; color: #f4f4f4; font-size: 13px; padding:15px 15px; margin:0; } .header-list a:hover { background-color: #008080; } /*メインコンテンツ*/ /*トップイメージ*/ .top-image{ position: relative; margin-top: 30px; } .top-image img{ margin-left:30% ; width: 70%; } .top-image h2{ position: absolute; top:20%; right:62%; margin-left: 10px; height: auto; } /*about*/ .about{ margin-top: 30px; } .about h1{ text-align: center; } .about p{ margin: 0 5%; }