@charset "UTF-8";
/*-------------------------------------------------*/
/*(C) A.C.Planet Inc. All rights reserved.*/
/*--------------------------------------------------*/
/*下層ページ用
--------------------------------------------------*/
/*-----コンテンツ基本設定-----*/
/*ヘッダー
----------------------------------------*/
/*グローバルメニュー
----------------------------------------*/
/*サブヘッダー
----------------------------------------*/
#subheader {
  background: #e6ecf4;
}

#subheader .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 147px;
}

@media screen and (max-width: 1020px) {
  #subheader .wrap {
    height: 120px;
  }
}

@media screen and (max-width: 568px) {
  #subheader .wrap {
    height: 100px;
  }
}

#subheader .wrap .icons {
  width: 70px;
  margin-right: 15px;
}

@media screen and (max-width: 1020px) {
  #subheader .wrap .icons {
    width: 60px;
  }
}

@media screen and (max-width: 568px) {
  #subheader .wrap .icons {
    width: 50px;
    margin-right: 10px;
  }
}

#subheader .wrap .ttl {
  color: #0d4074;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#subheader .wrap .ttl .ttl-main {
  font-size: 28px;
  letter-spacing: 0.084em;
  line-height: 1.428em;
  font-weight: 500;
}

@media screen and (max-width: 1020px) {
  #subheader .wrap .ttl .ttl-main {
    font-size: 24px;
  }
}

@media screen and (max-width: 568px) {
  #subheader .wrap .ttl .ttl-main {
    font-size: 20px;
  }
}

#subheader .wrap .ttl .ttl-sub {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.084em;
}

@media screen and (max-width: 1020px) {
  #subheader .wrap .ttl .ttl-sub {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  #subheader .wrap .ttl .ttl-sub {
    font-size: 11px;
  }
}

/*パンナビ
----------------------------------------*/
#pannavi {
  background: #f3f7fa;
  border-top: 1px solid #dde2e6;
  border-bottom: 1px solid #dde2e6;
}

#pannavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 15px;
}

@media screen and (max-width: 568px) {
  #pannavi ul {
    padding: 8px 10px;
  }
}

#pannavi ul li {
  padding-right: 40px;
  position: relative;
}

#pannavi ul li:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjIxIiBoZWlnaHQ9IjEwLjg2MSIgdmlld0JveD0iMCAwIDYuMjEgMTAuODYxIj4KICA8cGF0aCBpZD0iSWNvbl9pb25pYy1pb3MtYXJyb3ctZm9yd2FyZCIgZGF0YS1uYW1lPSJJY29uIGlvbmljLWlvcy1hcnJvdy1mb3J3YXJkIiBkPSJNMTUuNTg0LDExLjYyNWwtNC4xMS00LjEwN2EuNzczLjc3MywwLDAsMSwwLTEuMS43ODMuNzgzLDAsMCwxLDEuMSwwbDQuNjU2LDQuNjUzYS43NzUuNzc1LDAsMCwxLC4wMjMsMS4wN2wtNC42NzYsNC42ODZhLjc3Ni43NzYsMCwxLDEtMS4xLTEuMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS4yNDYgLTYuMTk2KSIgZmlsbD0iIzY5Njk2OSIvPgo8L3N2Zz4K");
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11.5px;
}

#pannavi ul li:last-child:after {
  content: "";
}

#pannavi ul li a,
#pannavi ul li span {
  font-size: 13px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 568px) {
  #pannavi ul li a,
  #pannavi ul li span {
    font-size: 11px;
  }
}

#pannavi ul li span {
  color: #696969;
}

/*メインコンテンツ
----------------------------------------*/
#maincontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 38px;
}

@media screen and (max-width: 1020px) {
  #maincontainer {
    padding-top: 20px;
  }
}

@media screen and (max-width: 568px) {
  #maincontainer {
    padding-top: 15px;
  }
}

/*ページタイトル
--------------------------------------------------*/
#contents {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 80px;
  font-size: 14px;
  min-height:500px;
}

@media screen and (max-width: 1020px) {
  #contents {
    max-width: 800px;
    margin: auto;
  }
}

@media screen and (max-width: 568px) {
  #contents {
    font-size: 13px;
    min-height:200px;
  }
}

#contents p {
  margin-bottom: 1em;
}

#contents h1 {
  color: #0d4074;
  font-size: 22px;
  padding: 10px 5px;
  border-bottom: 3px solid #0d4074;
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: 500;
  letter-spacing: 0.084em;
}

#contents h1:after {
  content: "";
  display: block;
  border-bottom: 1px solid #0d4074;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  margin-bottom: -6px;
}

@media screen and (max-width: 1020px) {
  #contents h1 {
    font-size: 20px;
  }
}

@media screen and (max-width: 568px) {
  #contents h1 {
    font-size: 18px;
  }
}

#contents h2 {
  font-size: 20px;
  border-top: 1px solid #0d4074;
  border-bottom: 1px solid #0d4074;
  padding: 14px 10px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
  letter-spacing: 0.084em;
}

#contents h2:before {
  position: absolute;
  content: "";
  display: block;
  border-top: 1px solid rgba(13, 64, 116, 0.2);
  border-bottom: 1px solid rgba(13, 64, 116, 0.2);
  width: 100%;
  height: calc(100% - 6px);
  top: 2px;
  left: 0;
}

@media screen and (max-width: 1020px) {
  #contents h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {
  #contents h2 {
    font-size: 16px;
  }
}

#contents h3 {
  font-size: 16px;
  border: 1px solid #a5a5a5;
  padding: 12px 14px;
  margin-top: 30px;
  margin-bottom: 12px;
  letter-spacing: 0.084em;
}

@media screen and (max-width: 1020px) {
  #contents h3 {
    font-size: 15px;
  }
}

@media screen and (max-width: 568px) {
  #contents h3 {
    font-size: 14px;
  }
}

#contents h4 {
  font-size: 16px;
  background: #e6ecf4;
  color: #0d4074;
  padding: 12px 14px;
  margin-top: 30px;
  margin-bottom: 12px;
  letter-spacing: 0.084em;
  border-radius: 3px;
}

@media screen and (max-width: 1020px) {
  #contents h4 {
    font-size: 15px;
  }
}

@media screen and (max-width: 568px) {
  #contents h4 {
    font-size: 14px;
  }
}

#contents h5 {
  color: #0d4074;
  border-left: 4px solid #0d4074;
  font-size: 16px;
  padding: 2px 9px;
  letter-spacing: 0.084em;
  margin-top: 30px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1020px) {
  #contents h5 {
    font-size: 15px;
  }
}

@media screen and (max-width: 568px) {
  #contents h5 {
    font-size: 14px;
  }
}

#contents h6 {
  color: #0d4074;
  border-left: 4px solid #0d4074;
  font-size: 16px;
  padding: 2px 9px;
  letter-spacing: 0.084em;
  margin-top: 30px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1020px) {
  #contents h6 {
    font-size: 15px;
  }
}

@media screen and (max-width: 568px) {
  #contents h6 {
    font-size: 14px;
  }
}

/*サブメニュー
----------------------------------------*/
#submenu {
  width: 250px;
  margin-left: 48px;
}

#submenu dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #0d4074;
  height: 60px;
  padding: 0 15px;
}

#submenu dt .icons {
  width: 34px;
  margin-right: 10px;
}

#submenu dt .ttl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.3em;
  font-size: 16px;
  letter-spacing: 0.084em;
  color: #0d4074;
}

#submenu dd a {
  display: block;
  border-bottom: 1px dotted #a5a5a5;
  padding: 12px 40px 12px 12px;
  text-decoration: none;
  line-height: 1.3em;
  position: relative;
  /*選択時*/
}

#submenu dd a:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjIxIiBoZWlnaHQ9IjEwLjg2MSIgdmlld0JveD0iMCAwIDYuMjEgMTAuODYxIj4KICA8cGF0aCBpZD0iSWNvbl9pb25pYy1pb3MtYXJyb3ctZm9yd2FyZCIgZGF0YS1uYW1lPSJJY29uIGlvbmljLWlvcy1hcnJvdy1mb3J3YXJkIiBkPSJNMTUuNTg0LDExLjYyNWwtNC4xMS00LjEwN2EuNzczLjc3MywwLDAsMSwwLTEuMS43ODMuNzgzLDAsMCwxLDEuMSwwbDQuNjU2LDQuNjUzYS43NzUuNzc1LDAsMCwxLC4wMjMsMS4wN2wtNC42NzYsNC42ODZhLjc3Ni43NzYsMCwxLDEtMS4xLTEuMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS4yNDYgLTYuMTk2KSIgZmlsbD0iIzBkNDA3NCIvPgo8L3N2Zz4K");
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#submenu dd a:hover {
  background-color: #edf6ff;
}

#submenu dd a:hover:after {
  right: 10px;
}

#submenu dd.on a {
  background-color: #edf6ff;
}

@media screen and (max-width: 1020px) {
  #submenu {
    width: 100%;
    margin-left: 0;
    padding-bottom: 50px;
  }
}

/*扉ページ
----------------------------------------*/
.top-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7px 30px;
}

.top-box-wrap .top-box {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9px 7px;
}

@media screen and (max-width: 568px) {
  .top-box-wrap .top-box {
    width: 100%;
  }
}

.top-box-wrap .top-box a {
  display: block;
  height: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.top-box-wrap .top-box a dt {
  height: 90px;
  border-bottom: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-right: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1020px) {
  .top-box-wrap .top-box a dt {
    height: 80px;
    padding-right: 40px;
  }
}

.top-box-wrap .top-box a dt:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjIxIiBoZWlnaHQ9IjEwLjg2MSIgdmlld0JveD0iMCAwIDYuMjEgMTAuODYxIj4KICA8cGF0aCBpZD0iSWNvbl9pb25pYy1pb3MtYXJyb3ctZm9yd2FyZCIgZGF0YS1uYW1lPSJJY29uIGlvbmljLWlvcy1hcnJvdy1mb3J3YXJkIiBkPSJNMTUuNTg0LDExLjYyNWwtNC4xMS00LjEwN2EuNzczLjc3MywwLDAsMSwwLTEuMS43ODMuNzgzLDAsMCwxLDEuMSwwbDQuNjU2LDQuNjUzYS43NzUuNzc1LDAsMCwxLC4wMjMsMS4wN2wtNC42NzYsNC42ODZhLjc3Ni43NzYsMCwxLDEtMS4xLTEuMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS4yNDYgLTYuMTk2KSIgZmlsbD0iIzBkNDA3NCIvPgo8L3N2Zz4K");
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -11.5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1020px) {
  .top-box-wrap .top-box a dt:after {
    right: 18px;
  }
}

.top-box-wrap .top-box a dt span:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.084em;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.4em;
}

@media screen and (max-width: 1020px) {
  .top-box-wrap .top-box a dt span:nth-child(2) {
    font-size: 15px;
  }
}

.top-box-wrap .top-box a dt span.top-img {
  width: 90px;
  height: 90px;
  margin-right: 23px;
}

@media screen and (max-width: 1020px) {
  .top-box-wrap .top-box a dt span.top-img {
    width: 80px;
    height: 80px;
    margin-right: 18px;
  }
}

.top-box-wrap .top-box a dd {
  padding: 22px 24px;
  font-size: 14px;
  letter-spacing: 0.084em;
  line-height: 1.428em;
  color: #2f2f2f;
}

@media screen and (max-width: 1020px) {
  .top-box-wrap .top-box a dd {
    font-size: 13px;
    padding: 18px;
  }
}

.top-box-wrap .top-box a:hover dt {
  background: #f3f7fa;
}

.top-box-wrap .top-box a:hover dt:after {
  right: 19px;
}

@media screen and (max-width: 1020px) {
  .top-box-wrap .top-box a:hover dt:after {
    right: 13px;
  }
}

/*新着情報一覧
----------------------------------------*/
/*学习课程计划
----------------------------------------*/
table.tb-curri {
  border: none;
}

table.tb-curri thead th {
  border-top: none;
  border-left: solid 2px #ffffff;
  border-right: none;
  border-bottom: none;
  text-align: center;
  color: #333;
}

table.tb-curri tr.gakunen th {
  background: #fff;
  color: #003366;
}

/*セメスタ部分*/
table.tb-curri tr.seme th {
  background-color: #cde6f3;
  color: #003366;
}

table.tb-curri tbody th {
  border-bottom: none;
  border-left: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  border-top: solid 2px #ffffff;
  color: #333;
}

table.tb-curri tbody td {
  background-color: #fafafa;
  border-bottom: none;
  border-left: dotted 1px #999999;
  border-right: none;
  border-top: solid 2px #ffffff;
  font-size: 80%;
  line-height: 1.3em;
}

table.tb-curri tbody td ul {
  margin: 0;
}

table.tb-curri tbody td p {
  margin: 5px !important;
}

/*背景赤色*/
.bg-red {
  background-color: #fdc3ae;
}

/*背景青色*/
.bg-blue {
  background-color: #afdafb;
}

/*背景赤黄色*/
.bg-yellow {
  background-color: #fdeaae;
}

/*背景緑色*/
.bg-green {
  background-color: #d8f1a5;
}

.bg-lightgreen {
  background-color: #eff7df;
}

/*背景紫色*/
.bg-purple {
  background-color: #d5d1f4;
}

.bg-lightpurple {
  background-color: #e8e6ff;
}

/*授業内容部分*/
.bg-naiyo {
  background-color: #eeeeee !important;
}

/*学年区切り線 右側のみ*/
.li-r {
  border-right: dotted 1px #999999 !important;
}

/*学年区切り線 左側あり右なし*/
.li-l {
  border-left: dotted 1px #999999 !important;
  border-right: none !important;
}

/*学年区切り線 左右両側あり*/
.li-rl {
  border-right: dotted 1px #999999 !important;
  border-left: dotted 1px #999999 !important;
}

/*学年区切り線 ドットなし部分*/
.li-r_rl {
  border-left: solid 1px #ffffff !important;
  border-right: none !important;
}

/*履修Q&A
----------------------------------------*/
.dl-faq {
  margin-bottom: 15px;
}

.dl-faq dt {
  border: 1px solid #0d4074;
  padding: 15px 50px;
  font-size: 18px;
  color: #0d4074;
  letter-spacing: 0.084em;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1020px) {
  .dl-faq dt {
    font-size: 16px;
    padding: 15px 40px;
  }
}

@media screen and (max-width: 568px) {
  .dl-faq dt {
    font-size: 15px;
  }
}

.dl-faq dt:before {
  content: "Q";
  position: absolute;
  font-size: 24px;
  font-weight: 500;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 24px;
  margin-top: -3px;
}

@media screen and (max-width: 1020px) {
  .dl-faq dt:before {
    font-size: 20px;
    line-height: 20px;
    left: 15px;
  }
}

.dl-faq dt:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0iSWNvbl9mZWF0aGVyLXBsdXMtc3F1YXJlIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1wbHVzLXNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNSAtNC41KSI+CiAgICA8ZyBpZD0i44OR44K5XzEyNSIgZGF0YS1uYW1lPSLjg5HjgrkgMTI1IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICA8cGF0aCBkPSJNNi4yNzgsNC41SDE4LjcyMkExLjc3OCwxLjc3OCwwLDAsMSwyMC41LDYuMjc4VjE4LjcyMkExLjc3OCwxLjc3OCwwLDAsMSwxOC43MjIsMjAuNUg2LjI3OEExLjc3OCwxLjc3OCwwLDAsMSw0LjUsMTguNzIyVjYuMjc4QTEuNzc4LDEuNzc4LDAsMCwxLDYuMjc4LDQuNVoiIHN0cm9rZT0ibm9uZSIvPgogICAgICA8cGF0aCBkPSJNIDYuMjc3NzgwNTMyODM2OTE0IDUuNSBDIDUuODQ4OTA5Mzc4MDUxNzU4IDUuNSA1LjUgNS44NDg5MDkzNzgwNTE3NTggNS41IDYuMjc3NzgwNTMyODM2OTE0IEwgNS41IDE4LjcyMjIxOTQ2NzE2MzA5IEMgNS41IDE5LjE1MTA5MDYyMTk0ODI0IDUuODQ4OTA5Mzc4MDUxNzU4IDE5LjUgNi4yNzc3ODA1MzI4MzY5MTQgMTkuNSBMIDE4LjcyMjIxOTQ2NzE2MzA5IDE5LjUgQyAxOS4xNTEwOTA2MjE5NDgyNCAxOS41IDE5LjUgMTkuMTUxMDkwNjIxOTQ4MjQgMTkuNSAxOC43MjIyMTk0NjcxNjMwOSBMIDE5LjUgNi4yNzc3ODA1MzI4MzY5MTQgQyAxOS41IDUuODQ4OTA5Mzc4MDUxNzU4IDE5LjE1MTA5MDYyMTk0ODI0IDUuNSAxOC43MjIyMTk0NjcxNjMwOSA1LjUgTCA2LjI3Nzc4MDUzMjgzNjkxNCA1LjUgTSA2LjI3Nzc4MDUzMjgzNjkxNCA0LjUgTCAxOC43MjIyMTk0NjcxNjMwOSA0LjUgQyAxOS43MDQwNTk2MDA4MzAwOCA0LjUgMjAuNSA1LjI5NTk0MDM5OTE2OTkyMiAyMC41IDYuMjc3NzgwNTMyODM2OTE0IEwgMjAuNSAxOC43MjIyMTk0NjcxNjMwOSBDIDIwLjUgMTkuNzA0MDU5NjAwODMwMDggMTkuNzA0MDU5NjAwODMwMDggMjAuNSAxOC43MjIyMTk0NjcxNjMwOSAyMC41IEwgNi4yNzc3ODA1MzI4MzY5MTQgMjAuNSBDIDUuMjk1OTQwMzk5MTY5OTIyIDIwLjUgNC41IDE5LjcwNDA1OTYwMDgzMDA4IDQuNSAxOC43MjIyMTk0NjcxNjMwOSBMIDQuNSA2LjI3Nzc4MDUzMjgzNjkxNCBDIDQuNSA1LjI5NTk0MDM5OTE2OTkyMiA1LjI5NTk0MDM5OTE2OTkyMiA0LjUgNi4yNzc3ODA1MzI4MzY5MTQgNC41IFoiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzBkNDA3NCIvPgogICAgPC9nPgogICAgPHBhdGggaWQ9IuODkeOCuV8xMjYiIGRhdGEtbmFtZT0i44OR44K5IDEyNiIgZD0iTTE4LDEydjcuMzMzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS41IC0zLjE2NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBkNDA3NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTI3IiBkYXRhLW5hbWU9IuODkeOCuSAxMjciIGQ9Ik0xMiwxOGg3LjMzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMTY3IC01LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZDQwNzQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgPC9nPgo8L3N2Zz4K");
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dl-faq dt:hover {
  background-color: #f7f7f7;
}

.dl-faq dd {
  display: block !important;
  border: 0 solid #e8e8e8;
  background: #f7f7f7;
  padding: 0 25px 0 50px;
  position: relative;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1020px) {
  .dl-faq dd {
    padding: 0 20px 0 40px;
  }
}

.dl-faq dd:before {
  content: "A";
  position: absolute;
  font-size: 24px;
  font-weight: 500;
  left: 20px;
  top: 20px;
  color: #668ed8;
}

@media screen and (max-width: 1020px) {
  .dl-faq dd:before {
    font-size: 20px;
    left: 15px;
    top: 15px;
  }
}

.dl-faq.open dt {
  background: #0d4074;
  color: white;
}

.dl-faq.open dt:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0iSWNvbl9mZWF0aGVyLXBsdXMtc3F1YXJlIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1wbHVzLXNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNSAtNCkiPgogICAgPGcgaWQ9IuODkeOCuV8xMjUiIGRhdGEtbmFtZT0i44OR44K5IDEyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgPHBhdGggZD0iTTYuMjc4LDQuNUgxOC43MjJBMS43NzgsMS43NzgsMCwwLDEsMjAuNSw2LjI3OFYxOC43MjJBMS43NzgsMS43NzgsMCwwLDEsMTguNzIyLDIwLjVINi4yNzhBMS43NzgsMS43NzgsMCwwLDEsNC41LDE4LjcyMlY2LjI3OEExLjc3OCwxLjc3OCwwLDAsMSw2LjI3OCw0LjVaIiBzdHJva2U9Im5vbmUiLz4KICAgICAgPHBhdGggZD0iTSA2LjI3Nzc4MDUzMjgzNjkxNCA1LjUgQyA1Ljg0ODkwOTM3ODA1MTc1OCA1LjUgNS41IDUuODQ4OTA5Mzc4MDUxNzU4IDUuNSA2LjI3Nzc4MDUzMjgzNjkxNCBMIDUuNSAxOC43MjIyMTk0NjcxNjMwOSBDIDUuNSAxOS4xNTEwOTA2MjE5NDgyNCA1Ljg0ODkwOTM3ODA1MTc1OCAxOS41IDYuMjc3NzgwNTMyODM2OTE0IDE5LjUgTCAxOC43MjIyMTk0NjcxNjMwOSAxOS41IEMgMTkuMTUxMDkwNjIxOTQ4MjQgMTkuNSAxOS41IDE5LjE1MTA5MDYyMTk0ODI0IDE5LjUgMTguNzIyMjE5NDY3MTYzMDkgTCAxOS41IDYuMjc3NzgwNTMyODM2OTE0IEMgMTkuNSA1Ljg0ODkwOTM3ODA1MTc1OCAxOS4xNTEwOTA2MjE5NDgyNCA1LjUgMTguNzIyMjE5NDY3MTYzMDkgNS41IEwgNi4yNzc3ODA1MzI4MzY5MTQgNS41IE0gNi4yNzc3ODA1MzI4MzY5MTQgNC41IEwgMTguNzIyMjE5NDY3MTYzMDkgNC41IEMgMTkuNzA0MDU5NjAwODMwMDggNC41IDIwLjUgNS4yOTU5NDAzOTkxNjk5MjIgMjAuNSA2LjI3Nzc4MDUzMjgzNjkxNCBMIDIwLjUgMTguNzIyMjE5NDY3MTYzMDkgQyAyMC41IDE5LjcwNDA1OTYwMDgzMDA4IDE5LjcwNDA1OTYwMDgzMDA4IDIwLjUgMTguNzIyMjE5NDY3MTYzMDkgMjAuNSBMIDYuMjc3NzgwNTMyODM2OTE0IDIwLjUgQyA1LjI5NTk0MDM5OTE2OTkyMiAyMC41IDQuNSAxOS43MDQwNTk2MDA4MzAwOCA0LjUgMTguNzIyMjE5NDY3MTYzMDkgTCA0LjUgNi4yNzc3ODA1MzI4MzY5MTQgQyA0LjUgNS4yOTU5NDAzOTkxNjk5MjIgNS4yOTU5NDAzOTkxNjk5MjIgNC41IDYuMjc3NzgwNTMyODM2OTE0IDQuNSBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiNmZmYiLz4KICAgIDwvZz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTI3IiBkYXRhLW5hbWU9IuODkeOCuSAxMjciIGQ9Ik0xMiwxOGg3LjMzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuOTE3IC02LjI1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==");
}

.dl-faq.open dt:hover {
  background: #0a3867;
}

.dl-faq.open dd {
  max-height: 1000px;
  padding: 20px 25px 20px 50px;
  border: 1px solid #e8e8e8;
}

@media screen and (max-width: 1020px) {
  .dl-faq.open dd {
    padding: 15px 20px 15px 40px;
  }
}

/*教員紹介
----------------------------------------*/
.photo {
  float: left;
  margin-right: 3%;
  width: 25%;
  text-align: center;
}

.photo img {
  width: 120px;
}

table.t-staff {
  margin: 0;
  border: none;
  width: 72%;
}

table.t-staff th {
  background: url(/educate/las/img/common/ic_linklist_s.png) no-repeat 3px 50%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #ccc;
  background-color: #ffffff;
  text-align: left;
  padding-left: 15px;
  width: 21%;
}

table.t-staff td {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #ccc;
  background:#fff !important;
}

/*----- 一覧 -----*/
.kyoin-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -8px;
}
.kyoin-list.type2 ul li{
	float: left;
	width: 50%;
	box-sizing:border-box;
/*	margin-right:2%;*/
}
.kyoin-list.type2 ul li.border-none{
	border:none;
}
/*.kyoin-list.type2 ul li:nth-child(even){
	margin-right:0%;
}*/
.kyoin-list.type2 ul li:nth-child(odd){
	border-right: 1px solid #d8d8d8;
}
.kyoin-list.type2 ul{
    margin: 0;
    border: 1px solid #d8d8d8;
    display:table;
    box-shadow: #d8d8d8 0px 1px 1px;
}
#contents .kyoin-lists .kyoin-list h2{
    margin: 0 ;
}


@media screen and (max-width: 1020px) {
  .kyoin-lists {
    margin: 0 -6px;
  }
}

.kyoin-lists .kyoin-list {
  width: 33%;
  padding: 12px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1020px) {
  .kyoin-lists .kyoin-list {
    padding: 10px 6px;
  }
}

@media screen and (max-width: 568px) {
  .kyoin-lists .kyoin-list {
    width: 100%;
  }
  .kyoin-list.type2 ul li{
   width: 100%;
   }
   .kyoin-list.type2 ul li:nth-child(odd){
	border-right: none;
}
.kyoin-lists .type2{
	width:100% !important;
}
}

.kyoin-lists .kyoin-list h2 {
  background: #0d4074;
  color: white;
  padding: 12px 16px !important;
  border-radius: 5px 5px 0px 0px;
  font-size: 18px !important;
  letter-spacing: 0.178em !important;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1020px) {
  .kyoin-lists .kyoin-list h2 {
    font-size: 16px !important;
  }
}

.kyoin-lists .kyoin-list ul {
  margin: 0;
  border: 1px solid #d8d8d8;
}

.kyoin-lists .kyoin-list ul li {
  border-bottom: 1px solid #d8d8d8;
}

.kyoin-lists .kyoin-list ul li a {
  display: block;
  text-decoration: none;
  padding:12px 40px 12px 15px;
  color: #2f2f2f;
  position: relative;
}


.kyoin-lists .kyoin-list ul li a:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjIxIiBoZWlnaHQ9IjEwLjg2MSIgdmlld0JveD0iMCAwIDYuMjEgMTAuODYxIj4KICA8cGF0aCBpZD0iSWNvbl9pb25pYy1pb3MtYXJyb3ctZm9yd2FyZCIgZGF0YS1uYW1lPSJJY29uIGlvbmljLWlvcy1hcnJvdy1mb3J3YXJkIiBkPSJNMTUuNTg0LDExLjYyNWwtNC4xMS00LjEwN2EuNzczLjc3MywwLDAsMSwwLTEuMS43ODMuNzgzLDAsMCwxLDEuMSwwbDQuNjU2LDQuNjUzYS43NzUuNzc1LDAsMCwxLC4wMjMsMS4wN2wtNC42NzYsNC42ODZhLjc3Ni43NzYsMCwxLDEtMS4xLTEuMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS4yNDYgLTYuMTk2KSIgZmlsbD0iIzY5Njk2OSIvPgo8L3N2Zz4K");
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11.5px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.kyoin-lists .kyoin-list ul li a:hover {
  color: #0d4074;
  background: #edf6ff;
}

.kyoin-lists .kyoin-list ul li a:hover:after {
  right: 10px;
}

.float-area {
  float: left;
  width: 66%;
}

.float-area .kyoin-list {
  width: 50%;
  float: left;
}
.kyoin-lists .type2{
  width: 66%;
}

@media screen and (max-width: 1020px) {
  .photo {
    width: 20%;
  }
  .photo img {
    width: 100%;
  }
  table.t-staff {
    width: 77%;
  }
}

@media screen and (max-width: 568px) {
  .photo {
    float: none;
    margin: 0 auto 10px;
    width: 110px;
  }
  table.t-staff {
    width: 100%;
  }
  table.t-staff th {
    width: 25%;
  }
  .float-area {
    float: none;
    width: 100%;
  }
  .float-area .kyoin-list {
    width: 100%;
  }
}
/*# sourceMappingURL=kasou.css.map */