/* 各ページ共通のスタイル */
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap");

/* 
'Times New Roman' ... 数字に使われている。ほとんどのOSで利用可能だが、ない場合もある
'Libre Baskerville' ... 'Times New Roman'がなかった時のフォールバック。
*/

body {
  color: var(--text-color);
  font-family: "Noto Sans JP", sans-serif;
  font-size: var(--font-size-sm);
  /*line-height: 0;*/
  line-height: 1.7;
  position: relative;
}

@media screen and (min-width: 576px) {
  body {
    font-size: var(--font-size-base);
  }
}

section {
  margin: 0 auto 96px auto;
}

@media screen and (min-width: 576px) {
  section {
    margin-bottom: 128px;
  }
}
/*
section:not(.main-visual, .history) {
  padding: 0 24px;
}
*/
section#greeting,
section#achievements,
section#contact {
  padding: 0 24px;
}

a {
  color: var(--primary-color);
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
  list-style-type: none;
}

.wrapper {
  overflow: hidden;
  position: relative;
}