@charset "UTF-8";
/* ===================================================================
CSS openlecture
 file name  :  index.css
 style info :  オープンレクチャー
=================================================================== */
.content {
  padding-bottom: 100px;
}

/* PAZの学びの体系
*****************************************************/
.system_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}
@media only screen and (max-width: 480px) {
  .system_cont {
    display: block;
  }
}
.system_cont > div {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}
.system_cont .text p:not(:last-of-type) {
  margin-bottom: 20px;
}
.system_cont .image img {
  max-width: 100%;
}

/* お申し込み方法
*****************************************************/
ol.entry {
  padding-left: 1.5em;
  margin: 20px auto 20px 2em;
}
ol.entry li {
  counter-increment: cnt;
  padding-bottom: 15px;
}
ol.entry li:before {
  content: counter(cnt) ". ";
  counter-increment: counter;
  font-weight: 700;
  text-align: right;
  margin-left: -1.5em;
}

@media only screen and (max-width: 480px) {
  ol.entry {
    margin: 20px 0 20px 0;
  }
}
/* 注意事項
*****************************************************/
ul.alert {
  padding-left: 1.5em;
  margin: 20px auto 20px 2em;
}
ul.alert li {
  padding-bottom: 15px;
}
ul.alert li:before {
  content: "■";
  color: #ffd700;
  font-weight: 700;
  text-align: right;
  margin-left: -1.5em;
}

@media only screen and (max-width: 480px) {
  ul.alert {
    margin: 20px 0 20px 0;
  }
}
/* よくあるご質問
*****************************************************/
.faq {
  margin-bottom: 30px;
}
.faq dt,
.faq dd {
  position: relative;
  padding-left: 40px;
}
.faq dt span,
.faq dd span {
  display: inline-block;
  width: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.faq dd:not(:last-of-type) {
  margin-bottom: 20px;
}

/* 見出し
*****************************************************/
p.midashi {
  color: #282c6d;
  font-family: "Noto Sans CJK JP";
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 10px;
  line-height: 1;
}
p.midashi_small {
  padding-left: 14px;
  color: #003265;
  font-size: 16px;
  line-height: 48px;
  font-weight: bold;
  border: 1px solid #d6d6d6;
  margin-bottom: 10px;
}

/**リンクボタン
*****************************************************/
.link_btn {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  color: #282c6d;
  border: 2px solid #282c6d;
  padding: 7px 80px 7px 18px;
  font-size: 24px;
  background: url("../_img/arrow_sankaku_bl.svg") right 30px center/10px no-repeat;
  position: relative;
}

/**PDFリンク
*****************************************************/
.pdf_link {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  color: #282c6d;
  border: 2px solid #282c6d;
  padding: 7px 80px 7px 18px;
  font-size: 20px;
  background: url("../_img/arrow_sankaku_bl.svg") right 15px center/10px no-repeat;
  position: relative;
}
.pdf_link::after {
  content: url("../_img/icon_pdf.svg");
  position: absolute;
  top: 11px;
  margin-left: 6px;
  width: 32px;
}

@media only screen and (max-width: 480px) {
  p.midashi {
    font-size: 22px;
    margin-bottom: 5px;
  }
  p.midashi_small {
    line-height: auto;
  }
  .link_btn {
    font-size: 20px;
  }
  .pdf_link {
    padding: 5px 40px 5px 10px;
    font-size: 16px;
  }
  .pdf_link::after {
    position: inherit;
    top: 4px;
  }
}
/**お問い合わせはこちら
*****************************************************/
.question .box02 a {
  display: block;
  background: url(../_img/admissions02_img_17.jpg) no-repeat;
  height: 124px;
  position: relative;
  text-decoration: none;
}
.question .box02 a p {
  font-size: 14px;
  line-height: 14px;
}
.question .box02 a p.txt04 {
  position: absolute;
  top: 20px;
  left: 20px;
}
.question .box02 a p.txt05 {
  position: absolute;
  top: 90px;
  left: 20px;
}
.question .box02 a p.txt06 {
  position: absolute;
  top: 85px;
  left: 500px;
  color: #2593cd;
}
.question .pc_none {
  display: none;
}
.question .sp_none {
  display: block;
}

@media only screen and (max-width: 480px) {
  .question .pc_none {
    display: block;
  }
  .question .sp_none {
    display: none;
  }
}
/*# sourceMappingURL=index.css.map */