html { font-size: calc(112.5% + 0.25vw);
  min-height: 100%;
  position: relative;

}
body {
  margin-bottom: 1.3em;
  line-height: 1.05em;

}
 .clearfix:after {
    content:"";
    display:block;
    clear:both;
}


#container{margin: 15px;
}

h1 { font-size: 2em; }
#name{}
#job { font-size: 0.7em; }
#about p{ font-size: 0.7em;margin: 20px 0 10px 0; }

#contact p{ font-size: 0.6em; }

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
        font-size: 1.07em; 
}

header{margin-bottom: 70px;}
header img{width: 100%;}
h1{display: none;}
nav{display: none;}
footer {
  bottom: 0;
  height: 1.3em;
  position: absolute;
  width: 100%;
  margin: auto;
}
footer div{
	  margin-right: 15px;

}
footer address{ font-size: 0.5em;}


@media screen and (max-width:767px) { 
    /*　画面サイズが767px以下の場合読み込む　*/
header img{width: 300px;}
header div{text-align: center;}
footer div{text-align: center;}
}
@media screen and (min-width:768px){
    /*　画面サイズが768px以上の場合読み込む　*/
header img{width: 300px;}
}