/* base.css - 多言語対応版（lang="en" による切り替え対応） */

body {
  font-family: 'Noto Sans JP', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN',
    'Hiragino Sans', 'Segoe UI', 'Yu Gothic', 'Meiryo', sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  color: #000;
  background-color: #fff;
}

/* 英語ページ（lang="en"）用フォント */
html[lang="en"] body {
  font-family: 'Helvetica Neue', 'Segoe UI', 'Noto Sans JP', sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button {
  font: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

input, textarea, select {
  font: inherit;
  border: none;
  outline: none;
  background: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1em;
}

/* 見出しなどでセリフ体を使いたいとき */
.heading--serif {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
}

/* 英語ページでは欧文セリフ体を優先 */
html[lang="en"] .heading--serif {
  font-family: Georgia, 'Noto Serif JP', serif;
}

/* 見出しのセリフ体 */
.u-serif {
  font-family: 'Noto Serif JP', 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', serif;
}

.u-times {
  font-family: "Times New Roman", Times, serif;
}