* {
	margin:0;
	padding:0;
}
body{
  background: rgba(255, 255, 224, 0);

  /*  フォントの種類  */
  /*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: rgba(255, 255, 224, 0);
}

/* iPhone・スマホ 縦 */
 
@media screen and (min-width:480px) { 
    /*　iPhone・スマホ iPhone 横　*/
  html {
    font-size:  1.0rem;
  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; */
  }
}