/* body */
body {
  background: #fff url(../img/bg1903.jpg) top left;
  background-size: 1400px;
  background-repeat: no-repeat; }
  @media screen and (max-width: 640px) {
    body {
      background-size: contain; } }

article {
  color: #000; }

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

header h1 {
  width: 44%;
  max-width: 348px;
  position: absolute;
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

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

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

#profile {
  position: relative; }
  #profile dd {
    white-space: nowrap; }

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

.title01 {
	font-size: 2em;
	margin-bottom: 50px;
	letter-spacing: 0.2em;
}

hr{
	margin-bottom: 100px;
}

.mt100 {
  margin-top: 100px !important; }


@media screen and (max-width: 640px) {
	header {
		height: 15vh;
		min-height: 250px; }
	}
	header h1 {
		top:50%;
	}
    .mt100 {
      margin-top: 50px !important; }
	
	.mt200 {
      margin-top: 50px !important; }
	
	hr{
	margin-bottom: 50px;}
	
	.profiletext{
		font-size: 10px!important;}
}