@charset "utf-8";

html {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: #212121;
  font-size: medium;
}

body {
  margin: 0;
  border: 0;
  padding: 0;
}

header {
  margin: 0;
  border: 0;
  padding: 0;
}

header > h1 {
  margin: 0;
  border: 0;
  padding: 1rem 1rem 1rem 1rem;
  background-color: #3F51B5;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
}

main {
  margin: 0;
  border: 0;
  padding: 0;
}

main > section {
  margin: 4.25rem 0 0 0;
  border: 0;
  padding: 0;
}

main > section > h2 {
  margin: 0 1rem 0 1rem; /* インデント第1レベル */
  border: 0;
  padding: 0;
  font-size: 1.5rem;
  font-weight: bold;
}

main > section > p {
  margin: 1rem 1rem 0 2rem; /* インデント第2レベル */
  border: 0;
  padding: 0;
}

main > section > figure {
  margin: 2rem 1rem 2rem 2rem; /* インデント第2レベル */
  border: 0;
  padding: 0;
}

main > section > figure > img {
  margin: 0;
  border: 0;
  padding: 0;
  max-width: 100%; /* 親要素の中に収める */
}

/* figureのcaptionは下側に配置 */
main > section > figure > figcaption {
  margin: 1rem 0 0 0;
  border: 0;
  padding: 0;
  font-weight: bold;
}

main > section > ul {
  margin: 1rem 1rem 0 2rem; /* インデント第2レベル */
  border: 0;
  padding: 0;
}

main > section > ul li {
  margin: 0 0 0 3rem; /* ブロックの外側になるマーカー分もインデント */
  border: 0;
  padding: 0;
  list-style-position: outside; /* マーカーはブロックの外側 */
}

/* 入れ子 ul-ul */
main > section > ul li ul {
  margin: 1rem 0 1rem 0; /* 入れ子は上下にマージン */
  border: 0;
  padding: 0;
}

/* 入れ子 ul-ul-li */
main > section > ul li ul li {
  margin: 0 0 0 3rem; /* ブロックの外側になるマーカー分もインデント  */
  border: 0;
  padding: 0;
  list-style-position: outside; /* マーカーはブロックの外側 */
}

/* 入れ子 ul-ol */
main > section > ul li ol {
  margin: 1rem 0 1rem 0; /* 入れ子は上下にマージン */
  border: 0;
  padding: 0;
}

/* 入れ子 ul-ol-li */
main > section > ul li ol li {
  margin: 0 0 0 3rem; /* ブロックの外側になるマーカー分もインデント(数値は円形より多めの余白) */
  border: 0;
  padding: 0;
  list-style-position: outside; /* マーカーはブロックの外側 */
}

main > section > ol {
  margin: 1rem 1rem 0 2rem; /* インデント第2レベル */
  border: 0;
  padding: 0;
}

main > section > ol li {
  margin: 0 0 0 3rem; /* ブロックの外側になるマーカー分もインデント(数値は円形より多めの余白) */
  border: 0;
  padding: 0;
  list-style-position: outside; /* マーカーはブロックの外側 */
}

/* 入れ子 ol-ol */
main > section > ol li ol {
  margin: 1rem 0 1rem 0; /* 入れ子は上下にマージン */
  border: 0;
  padding: 0;
}

/* 入れ子 ol-ol-li */
main > section > ol li ol li {
  margin: 0 0 0 3rem; /* ブロックの外側になるマーカー分もインデント(数値は円形より多めの余白) */
  border: 0;
  padding: 0;
  list-style-position: outside; /* マーカーはブロックの外側 */
}

/* 入れ子 ol-ul */
main > section > ol li ul {
  margin: 1rem 0 1rem 0; /* 入れ子は上下にマージン */
  border: 0;
  padding: 0;
}

/* 入れ子 ol-ul-li */
main > section > ol li ul li {
  margin: 0 0 0 3rem; /* ブロックの外側になるマーカー分もインデント */
  border: 0;
  padding: 0;
  list-style-position: outside; /* マーカーはブロックの外側 */
}

footer {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #303F9F;
  color: #FFFFFF;
}

footer > nav {
  margin: 0;
  border: 0;
  padding: 0;
}

footer > nav > ul {
  margin: 2rem 0 0 0;
  border: 0;
  padding: 1rem 0 1rem 0; /* 色塗りのためのパディング */
}

footer > nav > ul > li {
  margin: 0 0 0 2rem;
  border: 0;
  padding: 0;
  float: left; /* リスト項目を横方向に配置 */
  list-style: none;
}

/* a:link,a:visited,a:activeはクラスを指定しないと他の場所のものを上書きしてしまう */
footer > nav > ul > li > a.footer-link:link,a.footer-link:visited,a.footer-link:active,a.footer-link:focus {
  margin: 0;
  border: 0;
  padding: 0;
  color: #FFFFFF;
  text-decoration: underline;
  outline: 0;
}

footer > p {
  margin: 1rem 0 0 0;
  border: 0;
  padding: 0 0 1rem 2rem; /* 色塗りのためのパディング */
  clear: both; /* リスト項目と同じように並べないで新しい行にする */
}