@charset "UTF-8";
@font-face {
  font-family: 'Helvetica';
  src: url(../fonts/Helvetica-Bold-Font.ttf);
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url(../fonts/static/NotoSansJP-VariableFont_wght.ttf;);
}
/* loadfont 
		'Roboto', sans-serif;
*/
/*
header
----------------------------*/
.header .header-main .header-menus .header-menu-btn {
  background: #548C62;
}

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

.main-menu {
  background: #548C62;
}

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

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

.news-category001 > ul > li a.active {
  background: #548C62;
}

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

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

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

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

.back_list_btn {
  background: #548C62;
}

.box-001::after {
  border-color: transparent #548C62 transparent transparent;
}

.section-mv-01 video {
  width: 100%;
  object-fit: cover;
  height: 800px;
}
@media screen and (max-width: 780px) {
  .section-mv-01 video {
    height: auto;
    object-fit: initial;
  }
}

.title-left-line {
  border-left: 4px solid #548C62;
}

.com003-04 > .title::before,
.com002-03 > ul > li .left .title::before,
.com003-05 > .list-wrap li::after {
  background: #548C62;
}

.side-deco {
  border-right: 10px solid #548C62;
  border-left: 10px solid #548C62;
}
@media screen and (max-width: 780px) {
  .side-deco {
    border-right: 4px solid #548C62;
    border-left: 4px solid #548C62;
  }
}

.side-deco::after {
  border-color: #548C62 transparent transparent transparent;
}

.bottom-small-line.morishita::before {
  background: #60AF54;
}

.bottom-small-line.eto::before {
  background: #BB7A42;
}

.bottom-small-line.okabe::before {
  background: #F960B7;
}

.name-title.morishita {
  background: #60AF54;
}

.name-title.eto {
  background: #BB7A42;
}

.name-title.okabe {
  background: #F960B7;
}

.accordion-menu004 dt > .title::before {
  color: #548C62;
}

.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: center;
}

.list-tags-01 > li > a .sharp {
  color: #548C62;
}
.list-tags-01 > li > a .tag-name {
  color: #548C62;
}

.deetails-btn > a {
  background: #548C62;
}

.com002-04 dl.no-border::before, .com002-04 dl.no-border::after {
  content: none;
}

.linkcard-02 > a .txt-box {
  border-left: none;
  position: relative;
}

.linkcard-02 > a .txt-box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 118px;
  background: #548C62;
}
@media screen and (max-width: 780px) {
  .linkcard-02 > a .txt-box::after {
    height: 40px;
    width: 3px;
  }
}

.com002-04 > dl::before {
  background: #548C62;
}

/*
The Knot-SPSF-
固定ページ固有CSS
*/
.page.page-id-659 .page-content em {
  font-style: italic;
}
.page.page-id-659 .page-content a {
  color: #2271b1;
  text-decoration: underline;
}

.section-inforbanner .banner {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.field001 > .field-content {
  word-break: break-word;
}

.mv-slider-001 .slick-dots > li.slick-active {
  background: rgba(105, 150, 204, 0.5);
}

.com001-02 .com001-02-title::before {
  background: #548C62;
}

.com001-02 > ul li a .txt-item::before {
  background: #548C62;
}

.com002-02-title > h2::before {
  background: #548C62;
}

.com003-06 > .title:before {
  background: #548C62;
}

.com003-06 > .wrap > .right > .category li {
  border: 1px solid #184A31;
  color: #184A31;
}

.com003-06 > .wrap > .right > .category li a {
  color: #184A31;
}

.com003-06 > .title:before,
.read-more001 {
  background: #548C62;
}

.box-002::after {
  border-color: transparent #548C62 transparent transparent;
}

.box-message002 {
  border-left: 10px solid #548C62;
  border-right: 10px solid #548C62;
}
@media screen and (max-width: 780px) {
  .box-message002 {
    border-left: 4px solid #548C62;
    border-right: 4px solid #548C62;
  }
}

.faculty-link-block-sp {
  background-size: 130% auto;
}

.faculty-link-block-sp .department-list {
  align-items: start;
}

.interview_blue::before {
  color: #2770b9;
}

.interview_purple::before {
  color: #660099;
}

.color_faculty {
  color: #548C62;
}

@media screen and (max-width: 780px) {
  .header .header-main .header-menus .transition {
    display: block;
  }
}

.underline-title::after {
  background: #548C62;
}

.curriculm-col3 {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.curriculm-col3 .cell {
  width: calc(100% / 3 - 50px * 2/3);
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 1030px) {
  .curriculm-col3 .cell {
    width: 100%;
  }
}

.l_border::before {
  background: #548C62;
}

.form-contact {
  padding: 50px 70px;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 780px) {
  .form-contact {
    padding: 50px 20px;
  }
}
.form-contact dl {
  margin-bottom: 45px;
}
.form-contact dl dt {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.form-contact .wpcf7-form-control-wrap {
  width: 100%;
}
.form-contact input[type="text"],
.form-contact input[type="email"],
.form-contact input[type="tel"],
.form-contact textarea {
  border: 1px solid #DADBDC;
  border-radius: 5px;
  padding: .8em 1em;
  margin: 0 0 .5rem;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.form-contact .sendbtn p {
  text-align: center;
}
.form-contact .sendbtn p input {
  border: none;
  max-width: 400px;
  width: 100%;
  height: 60px;
  background: #9A003D;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  letter-spacing: 0.25px;
}

.single-name {
  padding-top: 60px;
}

.title-bottom-line::after {
  background: #548C62;
}

@media screen and (max-width: 780px) {
  .section-mv-01 img {
    height: 84.87179vw;
  }
}

.accordion-menu003 dt > .title::before {
  color: #548C62;
}

.accordion-menu003 dd .txt {
  padding-left: 0;
  position: relative;
  display: flex;
}
.accordion-menu003 dd .txt::before {
  display: block;
  content: "A";
  margin-right: 20px;
  color: #A2174E;
}

.header .header-main .header-menus .transition.gs {
  background: #548C62;
}

.header .header-main .header-menus .header-menu-btn.gs {
  background: #9A003D;
}

.main-menu.gs {
  background: #9A003D;
}

.title-top-line.gs::before {
  background: #9A003D;
}

.box-002.gs::after {
  border-color: transparent #9A003D transparent transparent;
}

.box-message002.gs {
  border-left: 10px solid #9A003D;
  border-right: 10px solid #9A003D;
}
@media screen and (max-width: 780px) {
  .box-message002.gs {
    border-left: 4px solid #9A003D;
    border-right: 4px solid #9A003D;
  }
}

.sp-menus .header-menu-btn.gs {
  background: #9A003D;
}

.linkcard-01 > a .txt-box > .inner.gs {
  border-left: 4px solid #9A003D;
}

.linkcard-02 > a .txt-box.gs::after {
  background: #9A003D;
}