@charset "UTF-8";

/* --------------------------------------------------
  汎用クラス
-------------------------------------------------- */

.d-flex { display: flex; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.red { color: #f00; }

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
}

/* --------------------------------------------------
  タイトル
-------------------------------------------------- */

main { margin-top: 0; }
#title { padding: 210px 0 60px; background: #0068B7; }
#title h1 { margin: 0 auto; max-width: 1200px; color: #fff; font-size: 3.6rem; text-align: center; }

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
  main { margin-top: 0; }
  #title { padding: 80px 0 20px; }
  #title h1 { font-size: 2.6rem; }
}

/* --------------------------------------------------
  パンくず
-------------------------------------------------- */

#path { padding: 10px 0; background: #f4f4f4; }
#path a { color: #222; }
#path strong { font-weight: normal; }

@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 767px) {
}

/* --------------------------------------------------

-------------------------------------------------- */

#page { margin: 0 auto; padding: 50px 0; max-width: 1200px; }
#page > section { margin: 50px 0; }
#page h2 { margin: 40px 0 20px; font-size: 3.2rem}
#page h3 { margin: 40px 0 20px; padding: 10px 20px; background: #D0E7F1; font-size: 2.4rem; }
#page h4 { margin: 20px 0; padding: 10px; border-bottom: solid 2px #0068B7; color: #0068B7; font-size: 2.2rem; }
#page h5 { margin: 20px 0; font-size: 2rem; }
#page h6 {}
#page img { max-width: 100%; }
#page p { margin: 20px 0; }
#page ul, #page ol { margin: 20px 0 20px 30px; }
#page table { margin: 20px 0; width: 100%; border-collapse: collapse; }
#page th, #page td { padding: 10px 20px; border: solid 1px #ccc; }
#page th { background: #f4f4f4; }
#page td p:first-of-type { margin-top: 0; }

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
  #page{ padding: 10px; }
  #page > section { margin: 20px 0; }
  #page h2 { margin: 20px 0; font-size: 2.2rem }
  #page h3 { font-size: 2.0rem; }
  #page h4 { font-size: 1.8rem; }
  #page h5 { font-size: 1.6rem; }
  #page .table-wrapper { overflow: auto; }
  $page .table-wrapper table {}
}

/* --------------------------------------------------

-------------------------------------------------- */

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
}

/* --------------------------------------------------

-------------------------------------------------- */

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
}