body {
padding: 30px 20px;
background: #333333;
font-family: Helvetica, Arial, sans-serif;
}

header {
width: 100%;
height: 65px;
}

img.logo {
width: 55px;
border: 1px solid #fff;
}

.main {
display: table;
height: 650px;
}

.main h1 {
  display: table-cell;
  vertical-align: middle;
  padding-bottom:100px;
  text-align: left;
  color: #fff;
  letter-spacing: .04em;
  font-size: 19vw;
}



@media screen and (min-width:900px) {
  .main h1 { font-size: 11em;}
}

.title_text {
display: inline-block;
}

.company_info {
padding: 20px 30px;
background-color: #fff;
border-radius: 3px;
}

.company_info h2 {
font-size: 0.9em;
}

.company_info dl {
font-family: Helvetica,Arial,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-feature-settings: "palt";
font-size: 1.2em;
margin: 35px 0;
}

.company_info dt {
float: left ;
clear: left ;
width: 85px ;
font-weight: 800;
margin-top: 0.2em;
}

.company_info dd {
float: left ;
margin: 0.2em 0 0.8em 1em ;
}

.clear {
  clear:both;
}

footer {
color: #fff;
font-size: 0.85em;
width: 100%;
padding: 20px 0 0;
}