@charset "UTF-8";
/* エスケープ */
/*
	--------------------------------
	[Project Name] font.CSS
	2019.07.31
	--------------------------------
*/
html {
  font-size: 62.5%;
}

body, p {
  font-size: 1.6rem;
  line-height: 150%;
}

h1, h2, h3, h4, h5 {
  line-height: 130%;
}

h1 {
  font-size: 1.36rem;
}

h2 {
  font-size: 2.88rem;
  font-weight: 700;
}

h3 {
  font-size: 2.52rem;
}

h4 {
  font-size: 2.2rem;
}

h5 {
  font-size: 1.8rem;
}

@media screen and (min-width: 1024px) {
  h1, h2, h3, h4, h5 {
    line-height: 140%;
  }

  body, p {
    line-height: 180%;
  }

  h1 {
    font-size: 1.6rem;
  }

  h2 {
    font-size: 3.6rem;
  }

  h3 {
    font-size: 2.8rem;
  }

  h4 {
    font-size: 2.2rem;
  }

  h5 {
    font-size: 1.8rem;
  }
}
.font-s {
  font-size: 1.26rem;
}

.font-xs {
  font-size: 1.08rem;
}

.font-l {
  font-size: 1.8rem;
}

.font-xl {
  font-size: 1.98rem;
}

@media screen and (min-width: 1024px) {
  .font-s {
    font-size: 1.4rem;
  }

  .font-xs {
    font-size: 1.2rem;
  }

  .font-l {
    font-size: 1.8rem;
  }

  .font-xl {
    font-size: 2.2rem;
  }
}
/* --------------------------------
	言語別設定
-------------------------------- */
body div.en {
  font-family: "Lato","Lucida Grande", "Tahoma", Arial, "メイリオ", Meiryo, serif;
}
body div.en h2 {
  font-family: 'Roboto Slab', serif;
}

body div.jp {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, sans-serif;
}
body div.jp h2 {
  font-family: "Sawarabi Mincho","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, sans-serif;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, sans-serif;
}

body div.ko {
  font-family: "Malgun Gothic", Dotum, AppleGothic, "New Gulim", Verdana, sans-serif;
}
body div.ko h2 {
  font-family: 'Roboto Slab', serif;
}