@charset "utf-8";

.content {
  padding: 50px 15px 70px!important;
}

.sub-main_image {
  clear:both;
  line-height:0;
  background:#00843b;
  overflow: hidden;
}

.sub-main_image .title {
  position: absolute;
    bottom: 0;
    color: #fff;
  width: 100%;
    background: linear-gradient(0deg, #00843b, transparent);
}

.sub-main_image .title h1 {
    font-size: 2rem;
    line-height: 1.5;
    padding: 2rem;
}

.sub-main_image .title h1 span {
  display: block;
  font-size: 50%;
}


.sub-main_image .inner{
  position:relative;
}

.heading_h2 {
  color: #fff;
    background-color: #9ebc19;
    font-size: 1.5rem;
    padding: 10px;
    margin-bottom: 2rem;
}

.heading_h3 {
    color: #1f2937;
    padding-bottom: 0.8rem;
    margin: 2rem 0 1.25rem 0;
    background-image: linear-gradient(to right, #9ebc19 50%, transparent 50%);
    background-position: left bottom;
    background-size: 12px 5px;
    background-repeat: repeat-x;
    font-size: 1.2rem;
    font-weight: bold;
}

.heading_h4 {
    padding: 0.5rem;
    color: #333;
    border-left: 6px solid #9ebc19;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

/* メインメニュー アクティブ時 */

.menu-active {
    background-color: #00843b;
    color: #fff;
}
.link-hover .menu-active span::before {
    border: solid 1px #fff!important;
}

.nav .dropdown .link-hover #admission.menu-active,
.nav .dropdown .link-hover #contact.menu-active {
    pointer-events: none;
}

.nav .dropdown_list a.menu-active {
    pointer-events: none;
}

.nav .dropdown > li > a.menu-active {
    pointer-events: auto;
}

.side-menu a.menu-active,
.nav .dropdown_list .dropdown_item > a.menu-active {
    color: #fff;
    background-color: #00843b;
    opacity: .75;
}

.side-menu ul li:first-child > a.menu-active {
  background-color: inherit !important;
}


.link-hover-link.menu-active:hover > span::before {
  animation: none;
}



/* サイドメニュー */


.side-menu ul {
  width: 23%;
    margin-bottom: 25px;
}

.side-menu li a {
  display: block;
  color: #000;
  padding: 7px 5px;
    font-size: 1.1rem;
    transition: .3s;
}

.side-menu li a:hover {
    transition: .3s;
}

.side-school_info li:first-child a,
.side-course li:first-child a,
.side-career li:first-child a,
.side-campuslife li:first-child a,
.side-admission li:first-child a,
.side-contact li:first-child a {
    font-size: 1.35rem;
    color: #fff;
    opacity: 1;
}

.side-school_info li:last-child,
.side-course li:last-child,
.side-career li:last-child,
.side-campuslife li:last-child,
.side-admission li:last-child,
.side-contact li:last-child {
    border-bottom: none;
}


.side-school_info {
    border: solid 2px #00843b;
}

.side-school_info li {
    border-bottom: solid 1px #00843b;
}

.side-school_info li:first-child {
    background-color: #00843b;
}

.side-school_info li a:hover {
  color: #fff;
    background-color: #00843b;
  opacity: .5;
}


.side-course {
    border: solid 2px #93e902;
}

.side-course li {
    border-bottom: solid 1px #93e902;
}

.side-course li:first-child {
    background-color: #93e902;
}

.side-course li a:hover {
  color: #fff;
    background-color: #93e902;
  opacity: .5;
}


.side-career {
    border: solid 2px #ffc809;
}

.side-career li {
    border-bottom: solid 1px #ffc809;
}

.side-career li:first-child {
    background-color: #ffc809;
}

.side-career li a:hover {
  color: #fff;
    background-color: #ffc809;
  opacity: .5;
}


.side-campuslife {
    border: solid 2px #ff8f07;
}

.side-campuslife li {
    border-bottom: solid 1px #ff8f07;
}

.side-campuslife li:first-child {
    background-color: #ff8f07;
}

.side-campuslife li a:hover {
  color: #fff;
    background-color: #ff8f07;
  opacity: .5;
}


.side-admission {
    border: solid 1px #fd380a;
    background-color: #fd380a;
}

.side-admission li a:hover {
  color: #fff;
    background-color: #fd380a;
  opacity: .5;
}


.side-contact {
    border: solid 1px #b60081;
    background-color: #b60081;
}

.side-contact li a:hover {
  color: #fff;
    background-color: #b60081;
  opacity: .5;
}

.side-menu .menu-active {
  opacity: .5;
    color: #fff;
    pointer-events: none;
    position: relative;
}

.side-menu .side-school_info li:first-child .menu-active::after,
.side-menu .side-course li:first-child .menu-active::after,
.side-menu .side-career li:first-child .menu-active::after,
.side-menu .side-campuslife li:first-child .menu-active::after,
.side-menu .side-admission .menu-active::after,
.side-menu .side-contact .menu-active::after {
    content: "";
    position: absolute;
    height: 1px;
    bottom: 8px;
    left: 2%;
    border: solid 1px #fff;
}

.side-menu .side-school_info .menu-active::after {
    width: 43%;
}

.side-menu .side-course .menu-active::after {
    width: 52%;
}

.side-menu .side-career .menu-active::after {
    width: 53%;
}

.side-menu .side-campuslife .menu-active::after {
    width: 84%;
}

.side-menu .side-admission .menu-active::after {
    width: 42%;
}

.side-menu .side-contact .menu-active::after {
    width: 62%;
}




.side-school_info a.menu-active {
    background-color: #00843b;
}
.side-course a.menu-active {
    background-color: #93e902;
}
.side-career a.menu-active {
    background-color: #ffc809;
}
.side-campuslife a.menu-active {
    background-color: #ff8f07;
}


/* サブコンテンツ */
#sub-pan {
    position: absolute;
    top: 0;
    margin-top: 10px;
    font-size: 90%;
}

#sub-pan a:hover {
    margin-bottom: 1px;
    border-bottom: 1px solid #b3dc2e;
}

.right {
  float: right;
  width: 680px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-75 {
  margin-top: 75px;
}
.mt-100 {
  margin-top: 100px;
}


/* モニター幅960px以下 */
@media only screen and (max-width:960px){
  .right {
    display: block;
    float: unset;
    width: 100%;
  }

  .side-menu {
    padding-top: 30px;
  }
  .side-menu ul {
    width: 100%;
  }

  .side-menu .side-school_info li:first-child .menu-active::after,
  .side-menu .side-course li:first-child .menu-active::after,
  .side-menu .side-career li:first-child .menu-active::after,
  .side-menu .side-campuslife li:first-child .menu-active::after,
  .side-menu .side-admission .menu-active::after,
  .side-menu .side-contact .menu-active::after {
      left: 5px;
  }

  .side-menu .side-school_info .menu-active::after {
      width: 87px;
  }

  .side-menu .side-course .menu-active::after {
      width: 104px;
  }

  .side-menu .side-career .menu-active::after {
      width: 106px;
  }

  .side-menu .side-campuslife .menu-active::after {
      width: 167px;
  }

  .side-menu .side-admission .menu-active::after {
      width: 87px;
  }

  .side-menu .side-contact .menu-active::after {
      width: 129px;
  }


}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:767px){
  #wrapper .content {
    padding: 100px 15px 70px!important;
  }
  #wrapper .content #sub-pan {
        top: 60px;
    }

  .sub-main_image .inner img {
      margin-top: 50px;
  }
  .sub-main_image .title h1 {
    font-size: 1.5rem;
  }
    #sub-pan {
        font-size:80%;
  }

  .heading_h2 {
     margin-bottom: 1.5rem;
  }

}



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
  .sub-main_image .title h1 {
    padding: .85rem;
  }
}