@charset "UTF-8";
/*====================================

  ■メディアクエリ

=====================================*/
/*====================================

  ■変数　　※文字色、背景色など使い回せるもののみ使用

=====================================*/
ul.breadcrumb li:not(:last-child)::after {
  padding-left: 1em;
}

.lead {
  text-align: center;
}

.dot {
  text-emphasis-style: dot;
  color: #1ba1e6;
  -webkit-text-emphasis-style: dot;
  -moz-text-emphasis-style: dot;
  -ms-text-emphasis-style: dot;
}

.text-box .underline {
  width: 45px;
  margin: 10px auto 20px;
  border: 1px solid #969696;
}

.mfc-lead {
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}

.mfc-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 1rem;
  text-align: center;
}

#main-visual {
  height: 540px;
  padding: 0 1.5rem;
}
#main-visual img {
  padding-top: 64px;
}
#main-visual h1 {
  font-size: 40px;
  margin: 0 auto 10px;
  padding-top: 15px;
  color: #fff;
}
#main-visual .lead {
  font-size: 36px;
  color: #fff;
}
#main-visual .add {
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  #main-visual .add {
    font-size: 22px;
  }
}

.mf-section-wrapper #main-visual h1 {
  font-size: 48px;
}

.mf-section-wrapper #exam .title-wrapper h2 {
  line-height: 46px;
}

.mf-section-wrapper #feature .title-wrapper h2 {
  line-height: 46px;
}

.mf-section-wrapper #secret .title-wrapper h2 {
  line-height: 46px;
}

.mf-section-wrapper #voice {
  background: url("/wp/wp-content/themes/aiq/img/school/sch_pass.jpg");
  background-size: cover;
}

.mf-section-wrapper #voice .title-wrapper h2 {
  line-height: 46px;
}

#summary {
  padding: 4rem 1.5rem;
  background: url("/wp/wp-content/themes/aiq/img/bg5.svg");
}

#summary .title-wrapper {
  position: relative;
  margin-bottom: 1rem;
  padding-top: 60px;
}

#summary .title-wrapper::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 146px;
  height: 47px;
  content: "";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("/wp/wp-content/themes/aiq/img/about/ico_line_bl.svg") center top/cover no-repeat;
}

#exam {
  padding: 4rem 1.5rem;
  background: url("/wp/wp-content/themes/aiq/img/bg2.png");
}
#exam .title-wrapper h2 {
  line-height: 64px;
}
#exam .mfc-item {
  margin-bottom: 1.5rem !important;
  padding: 2rem 1.5rem;
  background: #ededed;
}
#exam .mfc-item .mfc-lead {
  margin-top: 0;
}
#exam .detail h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  padding: 2rem 0 0.8rem;
}
#exam .detail .example {
  margin-top: 1rem;
  padding: 1.5rem;
  background: #f9f9f9;
}

#feature {
  padding: 4rem 1.5rem;
  background: url("/wp/wp-content/themes/aiq/img/bg4.svg");
}
#feature .title-wrapper h2 {
  line-height: 64px;
}
#feature .mfc-item {
  position: relative;
  padding: 2rem 1.5rem;
  background: #d3eefb;
}
#feature .mfc-item::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  content: "";
  border-width: 0 57px 57px 0;
  border-style: solid;
  border-color: #fff #fff #46a1e0 #46a1e0;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
}
#feature .detail h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  padding: 2rem 0 0.8rem;
}

#secret {
  padding: 4rem 1.5rem;
  background: url("/wp/wp-content/themes/aiq/img/bg3.svg");
}
#secret .title-wrapper h2 {
  line-height: 64px;
}
#secret .mfc-item {
  padding: 2rem 1.5rem;
}
#secret .detail h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  padding: 2rem 0 0.8rem;
}

#faq_list {
  padding: 4rem 1.5rem;
}

#faq_list h2 {
  position: relative;
  margin-bottom: 1rem;
}

#faq_list h2 img {
  position: relative;
  top: 5px;
}

#voice {
  padding: 4rem 1.5rem;
  background: url("/wp/wp-content/themes/aiq/img/school/sch_pass_sp.jpg");
  background-size: contain;
}

#voice .title-wrapper h2 {
  line-height: 64px;
}

#voice .dot {
  color: #cae9ff;
}

#voice h2 {
  color: #fff;
}

#voice .lead {
  color: #fff;
}

#voice .mfc-item {
  position: relative;
}

#voice .mfc-lead::before {
  position: absolute;
  top: 10px;
  left: 20%;
  width: 80px;
  height: 80px;
  content: "";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("/wp/wp-content/themes/aiq/img/school/ico_happy.svg") center top/cover no-repeat;
}

#voice .heading-wrapper {
  padding: 2rem 1.5rem;
  background: #8fd3f4;
}

#voice .detail {
  padding: 2rem 1.5rem;
}

#voice .mfc-title {
  margin-bottom: 0;
}

#voice .subheading {
  font-weight: 700;
  line-height: 33px;
  text-align: center;
}

#other-schools {
  padding: 4rem 1.5rem;
  background: #ccecf9;
}

#other-schools ul + .title-wrapper {
  margin-top: 2rem;
}

#timetable {
  background-color: #eaeaea;
}

#timetable .datail-timetable {
  margin-bottom: 2rem;
  padding: 2rem 1.3rem;
  background: #fff;
}

.mf-section-wrapper #timetable {
  text-align: center;
}

.mf-section-wrapper #timetable .datail-timetable {
  width: 780px;
  margin: 0 auto;
  padding: 2rem 1.3rem;
  text-align: left;
  background: #fff;
}