/* IMPORT RESET ================================================== */
@import url("sanitize.css");

/* STYLES ======================================================== */

/* ルートのフォントサイズを10pxに設定 */
html {
  font-size: 62.5%;
}

/* bodyのフォントサイズを16pxに設定 */
body {
  font-size: 1.6em;
}

.small{
  font-size: 1.2rem;
}

.large{
  font-size: 2rem;
}

/* MEMO ++++++++++++++++++++++++++++++++
  フォントサイズはremで指定すること
  例）10pxは1rem、12pxは1.2rem
+++++++++++++++++++++++++++++++++++++ */

*{
  box-sizing: border-box;
}

body {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

main{
  margin: 0 auto;
  padding: 0;
  max-width: 750px;
  
}

main p{
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;　/*Chromeで画像がぼやけるのを防止*/
}

/*ページトップスクロール ──────────────────────────────────────────────────*/
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 77%;
  width: 20%;
  max-width: 50px;
}
#page-top img {
  width: 100%;
}
/* ▲ページトップスクロールここまで▲ */