@charset "UTF-8";

/* CSS Document */
html {
  font-size: 62.5%;
  width: 100%;
}

body {
  color: #000;
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.6em;
  line-height: 1.8;
  background-color: #FFF;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}


a:hover {
  opacity: 0.8;
}

img {
  width: 100%;
  height: auto;
}

/* ウェブフォント */
.noto-sans {
  font-family: 'Noto Sans JP', sans-serif;
}

.noto-serif {
  font-family: 'Noto Serif JP', serif;
}


/* Masqualero Regular
font-family: "masqualero", sans-serif;
font-weight: 400;
font-style: normal;
Masqualero Italic
font-family: "masqualero", sans-serif;
font-weight: 400;
font-style: italic;
Masqualero DemiBold
font-family: "masqualero", sans-serif;
font-weight: 600;
font-style: normal;
Masqualero Bold
font-family: "masqualero", sans-serif;
font-weight: 700;
font-style: normal;
Masqualero Bold Italic
font-family: "masqualero", sans-serif;
font-weight: 700;
font-style: italic; */



*,
*:before,
*:after {
  box-sizing: border-box;
}



/* 

      <picture class="Top-sp-pic">
        <source srcset="./assets/imgs/top/sp-top.webp" type="image/webp">
        <img src="./assets/imgs/top/sp-top.png">
      </picture>
      
      
      
      */