@charset "UTF-8";

html {
  font-size: 16px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* 基本設定 */
body {
  font-size: 1rem;
  color: #333; /*#000*/
  background-color: #f7f5ee;
  /* font-family: "Noto Serif JP", serif; */
}

/* 真ん中揃え */
.inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* 横並び */
.ds_f {
  display: flex;
}

/* スペースを均等に */
.jc_sb {
  justify-content: space-between;
}

.jc_sa {
  justify-content: space-around;
}

a,
p,
.th,
.td {
  letter-spacing: 0.05rem;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}