@charset "UTF-8";

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

#title { margin-bottom: 30px; height: 200px; background: #f4f4f4; text-align: center; display: flex; align-items: center; justify-content: center; }
#title h1 { font-size: 3.2rem; }

@media screen and (max-width: 1024px) {
#title { margin-bottom: 20px; height: 150px; }
#title h1 { font-size: 2.8rem; }
}

@media screen and (max-width: 767px) {
#title { margin-bottom: 10px; height: 100px; }
#title h1 { font-size: 2.4rem; }
}

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

#path { font-size: 1.5rem; }
#path ul { display: flex; flex-wrap: wrap; }

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

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

/* --------------------------------------------------
  セクション
-------------------------------------------------- */

#content { margin: 50px 0; }
#content section { margin: 50px 0; }
#content h2 { margin: 2rem 0 3rem; padding: 1rem 2rem; background: #f4f4f4; border-left: solid 4px rgba(var(--main-color)); font-size: 2.4rem; }
#content h3 { margin: 3rem 0 1rem; font-size: 2.2rem; display: flex; align-items: center; }
#content h3::before { content: ''; margin-right: 1rem; width: 18px; height: 18px; border: solid 6px rgba(var(--main-color)); border-radius: 50%; display: inline-block; }
#content h4 { margin: 2rem 0 1rem; font-size: 2rem; }
#content h5 { margin: 2rem 0 1rem; font-size: 1.8rem; }
#content h6 { margin: 2rem 0 1rem; font-size: 1.6rem; }
#content p { margin: 1.5rem 0 1rem; }
#content ul, #content ol { margin: 1.5rem 0 1.5rem 2.5rem; }
#content ul { list-style: disc; }
#content ol { list-style: decimal; }
#content table { margin: 2rem 0; width: 100%; border-collapse: collapse; }
#content th, #content td { padding: 1.5rem 2rem; border: solid 1px #ccc; }
#content th { background: #f4f4f4; }
#content td {}
#content img { max-width: 100%; }

@media screen and (max-width: 1024px) {
#content { margin: 40px 0; }
#content section { margin: 40px 0; }
#content h2 { font-size: 2.2rem; }
#content h3 { font-size: 2.1rem; }
#content h4 { font-size: 2rem; }
#content h5 { font-size: 1.9rem; }
#content h6 { font-size: 1.8rem; }
}

@media screen and (max-width: 767px) {
#content { margin: 30px 0; }
#content section { margin: 30px 0; }
#content h2 { font-size: 2rem; }
#content h3 { font-size: 1.9rem; }
#content h4 { font-size: 1.8rem; }
#content h5 { font-size: 1.7rem; }
#content h6 { font-size: 1.6rem; }
}