@charset "UTF-8";
/* loadfont 
		'Roboto', sans-serif;
*/
/*
header
----------------------------*/
.header .header-main .header-menus .header-menu-btn {
  background: #888bba;
}

.sp-menus {
  display: none;
}
@media screen and (max-width: 780px) {
  .sp-menus {
    background: #fff;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 95%, #888bba 95%, #888bba 100%);
  }
}
.sp-menus .header-menu-btn {
  background: #888bba;
}

.main-menu {
  background: #888bba;
}

/*
footer
----------------------------*/
/*
loading
----------------------------*/
/*
section
----------------------------*/
/*
 btn
----------------------------*/
.btn-faculty_color-01 {
  background: #888bba;
}

.btn-pdf-01 {
  border: 1px solid #888bba;
}
.btn-pdf-01 > span {
  color: #888bba;
}

.btn-faculty-01 {
  background: #888bba;
}

/*
 bg
----------------------------*/
/*
 titles
----------------------------*/
.title-left-line {
  border-left: 6px solid #888bba;
}
@media screen and (max-width: 1030px) {
  .title-left-line {
    border-left: 4px solid #888bba;
  }
}

/*
 bg
----------------------------*/
/*
list
----------------------------*/
.list-tags-01 > li > a {
  color: #525470;
}

.news-category001 > ul > li a.active {
  background: #888bba;
}

/*
linkcard
----------------------------*/
.linkcard-01 > a .txt-box > .inner {
  border-left: 4px solid #888bba;
}
@media screen and (max-width: 780px) {
  .linkcard-01 > a .txt-box > .inner {
    border-left: 3px solid #888bba;
  }
}

.linkcard-02 > a .txt-box {
  border-left: 4px solid #888bba;
}
@media screen and (max-width: 780px) {
  .linkcard-02 > a .txt-box {
    border-left: 3px solid #888bba;
  }
}

/*
block
----------------------------*/
.faculty-link-block {
  position: relative;
  height: 103px;
}
.faculty-link-block > .inner .faculty-logo p {
  color: #888bba;
}
.faculty-link-block .g-school-detail .faculty-logo p {
  color: #888bba;
}
.faculty-link-block .g-school-detail .g-school-block {
  background: #888bba;
}

.box-02 {
  border-left: 4px solid #888bba;
}
.box-02::after {
  border-color: transparent #888bba transparent transparent;
}

/*
 column
----------------------------*/
/*
js-css
----------------------------*/
.more-btn {
  background: #A2174E;
}

.back_list_btn {
  background: #888bba;
}

.block-wrap001::before {
  background: #888bba;
}

.box-001::after {
  border-color: transparent #888bba transparent transparent;
}

.list-tags-01 > li > a {
  color: #525470;
}

.deetails-btn > a {
  background: #888bba;
}

.section-faculty-links {
  overflow: hidden;
}

.faculty-link-block-sp {
  background: url(../img/bg-sp-faculty-menu.jpg) no-repeat;
  background-size: 120% auto;
  background-position: top center;
}

.title-top-line:before {
  background: #888bba;
}

.box-title-image001 .img_wrap {
  font-family: "A P-OTF Shuei NijimiMin Std", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.box-title-image001 .img_wrap .post-name {
  text-align: right;
  font-size: 16px;
  margin-bottom: 7px;
  margin-right: 28px;
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .box-title-image001 .img_wrap .post-name {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.box-title-image001 .img_wrap .name {
  text-align: right;
  font-size: 23px;
  margin-right: 28px;
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .box-title-image001 .img_wrap .name {
    font-size: 23px;
  }
}
.box-title-image001 .box-message001 {
  margin-top: 0;
}
@media screen and (max-width: 780px) {
  .box-title-image001 .box-message001 {
    margin-top: 22px;
  }
}
.box-title-image001 .box-message001 > p {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.21px;
  font-weight: 500;
}
@media screen and (max-width: 780px) {
  .box-title-image001 .box-message001 > p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0 !important;
  }
}
.box-title-image001 .box-message001 > .message-name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.21px;
}
@media screen and (max-width: 780px) {
  .box-title-image001 .box-message001 > .message-name {
    font-size: 15px;
    line-height: 2;
  }
}

.box-title-image001 > .img_wrap {
  width: 321px;
}
@media screen and (max-width: 1030px) {
  .box-title-image001 > .img_wrap {
    width: 100%;
  }
}

.box-title-image001 .txt-wrap {
  flex-grow: 1;
}

.box-message001 p {
  text-indent: 2.75em;
  margin-bottom: 0;
}
.box-message001 p:first-child {
  text-indent: 0;
}
.box-message001 p:last-child {
  text-indent: 0;
}