/* body */
body {
  background: #000 url(../img/bk_01.jpg) center top;
  background-size: cover;
  -webkit-transition: .5s;
  transition: .5s; }

@media screen and (max-width: 640px) {
  body {
    font-size: 10px; }
  
  header dd{
    font-size: 18px;
  } 
}

article {
  color: #fff; }

.body-menu {
	background: #fff;
	color: #000!important;
}
.body-menu>article{
	color: #000!important;
}
.list01 dd:nth-child(2), .list01 dt {
  background-color: #fff!important;
}


/* header */
header {
  height: 30vh;
  min-height: 427px; }

header h1 {
  width: 44%;
  max-width: 211px;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

header img {
  display: block;
  width: 100%; }

#keyimg img {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

#profile {
  position: relative; }

#profile span {
  position: absolute;
  right: 50px;
  bottom: 50px; }

.mt1.mb {
  margin-bottom: 100px; }

.list01 dd em {
  padding-right: 1em;
  font-weight: normal; }