/* メインビジュアル
   ============================================ */

section.main-visual-area {
  position: relative;
  margin-top: 40px;
}

section.main-visual-area .main-visual img {
  margin-left: auto;
}


/* コンテンツ
   ============================================ */

section.about,
section.pass-result-area,
section.btn-area {
  margin-top: 80px;
}

/* about
   ------------------------ */

section.about>section {
  margin-top: 40px;
}

section.about .lecture-theme-area {
  display: inline-block;
  width: 480px;
  height: 300px;
  margin-top: 10px;
}

section.about .lecture-theme-area ul {
  margin-top: 10px;
  margin-left: 20px;
  font-size: 15px;
}

section.about .lecture-theme-area ul li+li {
  margin-top: 5px;
}

section.about .description {
  margin-top: 30px;
}

/* 合格実績
   ------------------------ */

section.pass-result-area strong {
  color: #ce1d1d;
}

section.btn-area {
  width: 100%;
  margin-bottom: 80px;
  padding: 40px 0;
  background: #f7f7f7;
}

/* ボランティアティーチャー */
.volunteer-lecture p+p {
  margin-top: 10px;
}

/* ============================================
   タブレット
   ============================================ */

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

  /* メインビジュアル
     ============================================ */

  section.main-visual-area {
    margin-top: 15px;
  }

  /* コンテンツ
     ============================================ */

  section.about,
  section.pass-result-area,
  section.btn-area {
    margin-top: 60px;
  }

  section.btn-area {
    margin-bottom: 60px;
  }

  section.about .lecture-theme-area {
    max-width: 48%;
    width: 100%;
    height: auto;
  }
}


/* ============================================
   スマートフォン
   ============================================ */

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

  /* コンテンツ
     ============================================ */

  section.about {
    margin-top: 120px;
  }

  section.about .lecture-theme-area {
    max-width: 100%;
  }
}