@charset "utf-8";

/* 
   base.css 
   */
body {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;  
}
@media screen and (min-width: 1024px) {
  body {font-size: 16px;}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  body {font-size: 15px;}
}
@media screen and (max-width: 767px) {
  body {font-size: 14px;}
}
p,li,dt {
  margin: .5em 0;
}
ul,ol {
  padding: 0 0 0 1.5em;
}
ul,ol,dd {
  margin: .8em 0;
}
:focus {
  outline: none;
}
img {
  max-width: 100%;
}
a:hover {
  opacity: .7;
}