* {
	margin:0;
	padding:0;
}
body{
  background: rgb(248, 248, 229);

  /*  フォントの種類  */
  /*font-family: -apple-system, BlinkMacSystemFont,               "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  /*  フォントのサイズ    */
  font-size: 1.0rem; /*10px*/
  /*  フォントの色  */
  color: #333;
  
  /* 文字間隔の調整の設定 */
  letter-spacing: 1.5px;
  
  /* 行間の設定 */
  line-height: 1.75;

}


/*──────────────────────────────*/
html {
  font-size: 14px;
  font-size: 62.5%; 
  background: #FFFFE0;
}

/* iPhone・スマホ 縦 */
 
@media screen and (min-width:480px) { 
    /*　iPhone・スマホ iPhone 横　*/
  html {
    font-size:  0.8rem;
  font-size: 70.0%; 
  }
  p {
    color:red;
  }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　iPad・タブレット 　*/
  html {
    font-size: 1.2rem;
  font-size: 90.0%; 
  }
  p {
    color:gray;
  }
}
@media screen and (min-width:1024px) {
    /*　PC　*/
  html {
    font-size: 1.6rem;
  font-size: 100%; 
  }
  p {
    color:black;
  }
}