@charset "UTF-8"; /* CSS Document */ h1,h2,h3,h4 { text-align: center; width:100%; height: auto; margin: 0; padding: 0; } html { margin: 0 auto; width: 100%; height: auto; margin: 0; padding: 0; } .clear { clear: both; } #container { margin: 0 auto; max-width: 1280px; padding:0; position:relative; font-family: 'Century Gothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', 'sans-serif'; } #header { /*height: 150px;*/ width:100%; } #header ul { display: inline-block; right:20px; position: absolute; top:34px; } #header ul li { display: inline-block; margin-left:50px; } #header .logo { padding:20px; text-align: left; } #header .logo img { height: 42px; width:auto; } #top_kv1 { height: 500px; background:url(../images/kv_1%402x.html) no-repeat 66% 50%; background-size:cover; max-width:1280px; } .keyvisual { text-align: center; margin: 0 auto; } h2 { margin:90px auto; } #about { background-color:#f5f5f5; padding-top:80px; padding-bottom:80px; } .about_content { width:100%; clear: both; font-size:18px; line-height: 2; } #about-list dt, #about-list dd{ width:50%; float: left; box-sizing: border-box; } #about-list dt { clear:left; text-align: right; padding-right:25px; } #about-list dd { padding-left: 25px; } #contact { margin-top:60px; } .contact_title { font-size: 25px; font-weight: 500; margin-bottom: 40px; } .contact_detail { font-size: 16px; font-weight: 100; } .contact_contents { padding:0 20px; clear: both; } .left { float:left; width:50%; height: 130px; line-height: 30px; } .contact_detail a { } .contact_detail a:hover { text-decoration: underline; } #bktop { text-align: center; margin:70px auto; font-size: 12px; } #bktop img { height:8px; width:auto; margin-bottom:8px; } #bktop p{ margin-left: 3px; } #copyright { text-align: center; font-size: 10px; opacity: 0.8; } #footer { margin-bottom: 30px; } #access { width:100%; height: 480px; margin-top:50px; }