/* base.css */

:root {
  /* 背景色 */
  --bg-main: #32A2D3;   /* 背景1 - アクセント背景 */
  --bg-sub: #EAF6FB;    /* 背景2 - サブ背景 */
  --bg-white: #FFFFFF;  /* 背景3 - ベース背景 */

  /* テキスト色 */
  --text-head: #036EB8;  /* 通常見出し */
  --text-body: #3E3A39;  /* 本文 */
  --text-inverse: #FFFFFF; /* 反転（白文字） */
}

/* 背景系 */
.bg-main {
  background-color: var(--bg-main);
}
.bg-sub {
  background-color: var(--bg-sub);
}
.bg-white {
  background-color: var(--bg-white);
}

/* 見出し（反転時）*/
.heading-inverse {
  color: var(--text-inverse);
}



/*基本設定*/

/* 本文 */
body, p, li, ol, dl, dt, dd {
  color: var(--text-body);
  font-size:1.8rem;
}

body {
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
    background-color: #fff;
    line-height: 1.8;
  }

  h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    margin-bottom: 0.5em;
	color: var(--text-head);
  }

h1{
	font-size:3.6rem;
}

h2{
    font-size:3.45rem;
  }

 h3{
    font-size:2.7rem;
  }

/* 見出し */
.section-title {
  color: var(--text-head);
  font-weight: 600;
}

 /*中央見出し下部の英文*/
.section-subtitle {
  color: var(--text-head);
  font-size:1.8rem;
  font-weight: 700;
}

  p {
    margin-bottom: 1.2em;
  }
  
  a:hover {
    opacity: 0.8;
  }

/* モバイル対応 */
@media (max-width: 640px) {
/*基本設定*/

/* 本文 */
body, p, li, ol, dl, dt, dd {
  font-size:1.6rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    margin-bottom: 0.5em;
	color: var(--text-head);
  }

h2{
    font-size:2.3rem;
  }

 h3{
    font-size:2.1rem;
  }
  

}