@charset "UTF-8";
/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 settings
**********************************************************************************/
/*********************************************************************************
color
**********************************************************************************/
/*********************************************************************************
base
**********************************************************************************/
html {
  background-color: #1c1d1f;
}

body {
  position: relative;
  color: #231815;
  font-family: "Open Sans", "Noto Sans JP", "Droid Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

a {
  color: #0074bb;
  text-decoration: none;
}
a:hover {
  text-decoration: inherit;
}

img {
  vertical-align: bottom;
}

.site-main {
  display: block;
  overflow: hidden;
}

/*********************************************************************************
 animation.css
**********************************************************************************/
/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
header
**********************************************************************************/
.site-header {
  display: flex;
  position: relative;
  top: 0;
  z-index: 20;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .site-header {
    box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.3);
  }
}
.site-header.js-scroll {
  position: fixed;
  box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.3);
}

#fix-header {
  position: fixed;
  top: -144px;
  left: 0;
  z-index: 19;
  width: 100%;
  transition: all 0.3s;
}
#fix-header .mobile-nav {
  display: block;
}
#fix-header.js-scroll {
  top: 0;
}

.header-logo {
  flex-basis: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .header-logo {
    flex-basis: 65.8333333333%;
  }
}
@media screen and (max-width: 640px) {
  .header-logo {
    flex-basis: 79%;
  }
}

.header-search {
  flex-basis: 25%;
}
@media screen and (max-width: 980px) {
  .header-search {
    flex-basis: 8.3333333333%;
  }
}

.header-user__nav {
  flex-basis: 34.8333333333%;
}
@media screen and (max-width: 980px) {
  .header-user__nav {
    flex-basis: 43.3333333333%;
  }
}

.header-entrance {
  flex-basis: 15%;
}
@media screen and (max-width: 640px) {
  .header-entrance {
    flex-basis: 30%;
  }
}
@media screen and (max-width: 480px) {
  .header-entrance {
    flex-basis: 25%;
  }
}

.header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  box-sizing: inherit;
}
@media screen and (max-width: 768px) {
  .header-logo {
    justify-content: flex-start;
  }
}
.header-logo a {
  padding: 13px 22px;
  display: inherit;
}
@media screen and (max-width: 640px) {
  .header-logo a {
    padding: 5px 13px;
  }
}

.header-logo__img {
  width: 300px;
  height: 44px;
}
@media screen and (max-width: 640px) {
  .header-logo__img {
    width: 188px;
    height: 34px;
  }
}

.header-search,
.header-user__nav,
.header-entrance {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.header-search {
  padding: 22px;
  background-color: #5e88b8;
}
@media screen and (max-width: 980px) {
  .header-search {
    padding: 13px;
  }
}
@media screen and (max-width: 640px) {
  .header-search {
    display: none;
  }
}

.header-search__input {
  margin-right: 8px;
  width: 80%;
}
@media screen and (max-width: 980px) {
  .header-search__input {
    display: none;
  }
}

.header-search__field {
  padding: 6px 8px;
  border: none;
  border-radius: 4px;
  width: 100%;
  background-color: #02428c;
  font-size: 0.875rem;
  color: #fff;
  appearance: none;
  box-sizing: border-box;
}
.header-search__field::placeholder {
  color: #fff;
}
.header-search__field:-ms-input-placeholder {
  color: #fff;
}
@media screen and (max-width: 980px) {
  .header-search__field {
    font-size: 1rem;
  }
}

.header-search__btn {
  display: inherit;
}
.header-search__btn button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.header-search__icon {
  width: 28px;
  height: 28px;
  fill: #fff;
}

.header-user__nav {
  background-color: #3065a2;
}
@media screen and (max-width: 768px) {
  .header-user__nav {
    display: none;
  }
}
.header-user__nav li {
  margin: 0 2.6315789474%;
}
.header-user__nav li a {
  display: block;
  text-align: center;
  transition: all 0.3s;
}
.header-user__nav li a:hover {
  opacity: 0.7;
}

.header-user__nav--icon {
  width: 26px;
  height: 26px;
  fill: #fff;
}

.header-user__nav--label {
  margin-top: 5px;
  font-size: 0.75rem;
  color: #fff;
}

.header-entrance {
  padding: 22px;
  position: relative;
  background-color: #ffe100;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .header-entrance {
    padding: 8px 13px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 640px) {
  .header-entrance {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 480px) {
  .header-entrance {
    padding: 5px 8px;
    align-items: center;
  }
}
.header-entrance::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #231815;
}
.header-entrance:hover::before {
  animation: btnhoverbg 0.6s forwards;
}

.header-entrance__icon--logo {
  margin-right: 8px;
  width: 45%;
  height: 30px;
}
@media screen and (max-width: 1200px) {
  .header-entrance__icon--logo {
    margin: 0 auto;
    width: 40%;
    height: 22px;
  }
}
@media screen and (max-width: 480px) {
  .header-entrance__icon--logo {
    display: none;
  }
}

.header-entrance__txt {
  margin-top: 2px;
  width: 70%;
  line-height: 1.2;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #231815;
}
@media screen and (max-width: 1200px) {
  .header-entrance__txt {
    margin-top: 3px;
    width: 100%;
    font-size: 0.75rem;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .header-entrance__txt {
    margin-top: 2px;
    width: 70%;
  }
}
@media screen and (max-width: 480px) {
  .header-entrance__txt {
    width: 100%;
  }
}
.header-entrance__txt br {
  display: none;
}
@media screen and (max-width: 1200px) {
  .header-entrance__txt br {
    display: block;
  }
}

.header-entrance__icon--arw {
  margin: auto 1px;
  content: "";
  border-top: 1px solid #231815;
  border-right: 1px solid #231815;
  display: inline-block;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}

/*********************************************************************************
header-glb-nav
**********************************************************************************/
.site-header__nav {
  position: relative;
  z-index: 10;
  background-color: rgba(35, 24, 21, 0.8);
}
@media screen and (max-width: 768px) {
  .site-header__nav {
    display: none;
  }
}

.site-header__nav--list {
  padding: 0 22px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
@media screen and (max-width: 980px) {
  .site-header__nav--list {
    padding: 0 11px;
    justify-content: space-between;
  }
}
.site-header__nav--list li a {
  padding: 26px 22px;
  display: block;
  position: relative;
  color: #fff;
  opacity: 0.7;
  transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
  .site-header__nav--list li a {
    padding: 26px 11px;
  }
}
@media screen and (max-width: 980px) {
  .site-header__nav--list li a {
    padding: 22px 5px;
    font-size: 0.875rem;
  }
}
.site-header__nav--list li a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background-color: #0074bb;
  opacity: 0;
  transition: all 0.3s;
}
.site-header__nav--list li a:hover, .site-header__nav--list li a.active {
  opacity: 1;
}
.site-header__nav--list li a:hover::after, .site-header__nav--list li a.active::after {
  opacity: 1;
}

#home .site-header__nav--list li a {
  opacity: 1;
}

.site-header__nav--active {
  position: relative;
}
.site-header__nav--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 5px;
  background-color: #0074bb;
}

/*********************************************************************************
mobile-nav
**********************************************************************************/
.mobile-nav__btn {
  display: block;
  position: relative;
  z-index: 100;
  width: 78px;
  height: 78px;
  box-sizing: border-box;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .mobile-nav__btn {
    width: 48px;
    height: 54px;
  }
}

.mobile-nav__btn--icon {
  padding: 22px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 78px;
  height: 100%;
  background-color: #0074bb;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .mobile-nav__btn--icon {
    padding: 13px;
    width: 48px;
    height: 54px;
  }
}
.mobile-nav__btn--icon span {
  display: block;
  width: 34px;
  height: 2px;
  background-color: #fff;
  transition: all 0.1s ease-out;
}
.mobile-nav__btn--icon span:nth-child(3) {
  width: 22px;
}
@media screen and (max-width: 640px) {
  .mobile-nav__btn--icon span:nth-child(3) {
    width: 14px;
  }
}

.mobile-menu {
  display: flex;
  width: 100%;
  min-height: 100vh;
  background: url("/images/home/college-guide-department.jpg") center/cover;
}
@media screen and (max-width: 640px) {
  .mobile-menu {
    display: block;
  }
}

.mobile-nav__wrapper,
.mobile-site__data {
  padding: 56px 0;
  height: 100vh;
  overflow: scroll;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper,
.mobile-site__data {
    padding: 35px 0;
    height: auto;
  }
}

.mobile-nav__wrapper {
  padding-top: 0;
  width: 66%;
  background-color: rgba(2, 66, 140, 0.9);
  order: 2;
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper {
    width: 100%;
    order: 1;
  }
}
.mobile-nav__wrapper .header-search {
  justify-content: flex-start;
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper .header-search {
    margin-left: 48px;
    margin-bottom: 35px;
    display: flex;
    height: 54px;
    background-color: rgba(255, 255, 255, 0.3);
  }
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper .header-search .header-search__input {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper .sitemap-nav li {
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper .sitemap-nav .heading-m {
    text-align: center;
  }
}
.mobile-nav__wrapper .sitemap-nav .heading-m a {
  color: #fff;
}
.mobile-nav__wrapper .sitemap-nav .heading-m a:before {
  display: none;
}
.mobile-nav__wrapper .sitemap-nav .heading-m a:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper .sitemap-nav .heading-m a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .mobile-nav__wrapper .sitemap-nav .nav {
    display: none;
  }
}
.mobile-nav__wrapper .sitemap-nav .nav li a {
  font-size: 0.875rem;
  color: #fff;
  opacity: 0.7;
  transition: all 0.3s;
}
.mobile-nav__wrapper .sitemap-nav .nav li a:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.mobile-nav__wrapper .sitemap-nav .nav li a:hover {
  opacity: 1;
}

.mobile-site__data {
  padding-top: 92px;
  width: 34%;
  background-color: rgba(255, 255, 255, 0.9);
  order: 1;
}
@media screen and (max-width: 640px) {
  .mobile-site__data {
    padding-bottom: 148px;
    display: block;
    width: 100%;
    order: 2;
  }
}
.mobile-site__data .mobile-target__nav,
.mobile-site__data .mobile-sub__nav {
  width: 100%;
}
.mobile-site__data .basic-wrap {
  padding: 0 56px;
  width: 100%;
  box-sizing: border-box;
}
.mobile-site__data .mobile-target__nav .grid-col,
.mobile-site__data .mobile-sub__nav .grid-col {
  margin-top: 22px;
}
.mobile-site__data .mobile-target__nav .grid-col a,
.mobile-site__data .mobile-sub__nav .grid-col a {
  display: block;
  position: relative;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #231815;
}
@media screen and (max-width: 640px) {
  .mobile-site__data .mobile-target__nav .grid-col a,
.mobile-site__data .mobile-sub__nav .grid-col a {
    text-align: center;
  }
}
.mobile-site__data .mobile-target__nav .grid-col a:after,
.mobile-site__data .mobile-sub__nav .grid-col a:after {
  margin-left: 8px;
  content: "";
  display: inline-block;
  transition: all 0.3s;
}
.mobile-site__data .mobile-target__nav .grid-col a:after,
.mobile-site__data .mobile-sub__nav .grid-col a:after {
  border-top: 1px solid #231815;
  border-right: 1px solid #231815;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .mobile-site__data .mobile-target__nav .grid-col a:after,
.mobile-site__data .mobile-sub__nav .grid-col a:after {
    width: 6px;
    height: 6px;
  }
}

.mobile-logo {
  margin-top: 56px;
  text-align: center;
}
.mobile-logo svg {
  height: 48px;
}
@media screen and (max-width: 640px) {
  .mobile-logo svg {
    height: 35px;
  }
}

.mobile-campus__list {
  margin-top: 22px;
  width: 100%;
}
.mobile-campus__list li {
  margin-top: 22px;
  display: block;
  text-align: center;
}

.mobile-address__campus--name {
  line-height: 1.5;
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .mobile-address__campus--name {
    font-size: 1rem;
  }
}

.mobile-address__campus--address {
  margin-top: 8px;
  line-height: 1.6;
  font-size: 0.9375rem;
}
@media screen and (max-width: 640px) {
  .mobile-address__campus--address {
    font-size: 0.8125rem;
  }
}

.mobile-sns__list {
  margin-top: 35px;
  width: 100%;
  text-align: center;
}

.mobile-sns__list--title {
  font-size: 0.8125rem;
}

.mobile-sns__list--link {
  margin: 8px 7px 0 7px;
  display: inline-block;
}

.mobile-input {
  display: none;
}
.mobile-input[type=checkbox] + .mobile-nav__btn--icon + .mobile-menu__overlay {
  display: none;
}
.mobile-input[type=checkbox] + .mobile-nav__btn--icon + .mobile-menu__overlay + .mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 100vh;
  background-color: #02428c;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}
.mobile-input[type=checkbox]:checked + .mobile-nav__btn--icon span:first-child {
  transform: translate(0px, 10px) rotate(45deg);
}
.mobile-input[type=checkbox]:checked + .mobile-nav__btn--icon span:nth-child(2) {
  opacity: 0;
}
.mobile-input[type=checkbox]:checked + .mobile-nav__btn--icon span:nth-child(3) {
  width: 34px;
  transform: translate(0px, -12px) rotate(135deg);
}
@media screen and (max-width: 640px) {
  .mobile-input[type=checkbox]:checked + .mobile-nav__btn--icon span:nth-child(3) {
    transform: translate(0px, -8px) rotate(135deg);
  }
}
.mobile-input[type=checkbox]:checked + .mobile-nav__btn--icon + .mobile-menu__overlay + .mobile-menu {
  z-index: 80;
  opacity: 1;
  visibility: visible;
  overflow-y: scroll;
  box-sizing: border-box;
}

/*********************************************************************************
footer
**********************************************************************************/
.site-footer {
  padding: 22px 0 56px 0;
  position: relative;
  z-index: 10;
  background-color: rgba(28, 29, 31, 0.9);
}
@media screen and (max-width: 980px) {
  .site-footer {
    padding: 22px 0 35px 0;
  }
}
.site-footer .basic-wrap {
  padding: 0;
}

.foote-target__nav {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3.9215686275%;
}
@media screen and (max-width: 480px) {
  .foote-target__nav {
    margin-left: 0;
  }
}
.foote-target__nav li {
  margin-top: 22px;
  margin-left: 3.9215686275%;
  width: 29.4117647059%;
}
@media screen and (max-width: 640px) {
  .foote-target__nav li {
    width: 46.0784313725%;
  }
}
@media screen and (max-width: 480px) {
  .foote-target__nav li {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
  }
}
.foote-target__nav li a {
  padding: 22px 13px;
  display: block;
  position: relative;
  font-size: 1.125rem;
  color: #fff;
}
@media screen and (max-width: 980px) {
  .foote-target__nav li a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .foote-target__nav li a {
    padding: 16px 11px;
    font-size: 0.875rem;
  }
}
.foote-target__nav li a:before, .foote-target__nav li a:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.4;
  transition: all 0.3s;
}
.foote-target__nav li a:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.foote-target__nav li a:after {
  margin-top: -4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .foote-target__nav li a:after {
    margin-top: -3px;
    width: 6px;
    height: 6px;
  }
}
.foote-target__nav li a:hover:before, .foote-target__nav li a:hover:after {
  opacity: 1;
}

.footer-site__data {
  padding: 56px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .footer-site__data {
    padding: 56px 0 35px 0;
  }
}
@media screen and (max-width: 640px) {
  .footer-site__data {
    padding: 0 0 22px 0;
  }
}

.footer-logo {
  order: 1;
}
@media screen and (max-width: 640px) {
  .footer-logo {
    order: 3;
  }
}

.footer-campus__list {
  order: 3;
}
@media screen and (max-width: 640px) {
  .footer-campus__list {
    order: 4;
  }
}

.footer-nav__list--main {
  order: 4;
}
@media screen and (max-width: 640px) {
  .footer-nav__list--main {
    order: 1;
  }
}

.footer-nav__list--sub {
  order: 5;
}
@media screen and (max-width: 640px) {
  .footer-nav__list--sub {
    order: 2;
  }
}

.footer-sns__list {
  order: 2;
}
@media screen and (max-width: 640px) {
  .footer-sns__list {
    order: 5;
  }
}

.footer-logo {
  width: 38.2653061224%;
}
@media screen and (max-width: 768px) {
  .footer-logo {
    margin-top: 22px;
    width: 100%;
    text-align: center;
  }
}

.footer-logo__img {
  width: 300px;
  height: 48px;
}
@media screen and (max-width: 980px) {
  .footer-logo__img {
    width: 220px;
    height: 38px;
  }
}
@media screen and (max-width: 640px) {
  .footer-logo__img {
    width: 188px;
    height: 34px;
  }
}

.footer-sns__list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 61.7346938776%;
}
@media screen and (max-width: 768px) {
  .footer-sns__list {
    margin-top: 22px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.footer-sns__list--title {
  margin-left: 22px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #fff;
  opacity: 0.7;
}
@media screen and (max-width: 980px) {
  .footer-sns__list--title {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 640px) {
  .footer-sns__list--title {
    margin-top: 13px;
    margin-left: 0;
    margin-bottom: 13px;
    width: 100%;
    font-size: 0.75rem;
    text-align: center;
  }
}

.footer-sns__list--link {
  margin-left: 22px;
}
@media screen and (max-width: 640px) {
  .footer-sns__list--link {
    margin: 0 11px;
  }
}

.footer-sns__icon {
  width: 38px;
  height: 38px;
}
@media screen and (max-width: 980px) {
  .footer-sns__icon {
    width: 28px;
    height: 28px;
  }
}
.footer-sns__icon.icon-youtube {
  width: 130px;
}
@media screen and (max-width: 980px) {
  .footer-sns__icon.icon-youtube {
    margin-top: 3px;
    width: 106px;
  }
}

.footer-campus__list {
  width: 34.4897959184%;
}
@media screen and (max-width: 640px) {
  .footer-campus__list {
    width: 100%;
    text-align: center;
  }
}
.footer-campus__list li {
  margin-top: 35px;
}
@media screen and (max-width: 980px) {
  .footer-campus__list li:nth-child(2) {
    margin-top: 22px;
  }
}
@media screen and (max-width: 640px) {
  .footer-campus__list li {
    margin-top: 22px;
  }
}

.footer-address__campus--name,
.footer-address__campus--address {
  line-height: 1.4;
  color: #fff;
}

.footer-address__campus--name {
  font-size: 1.125rem;
}
@media screen and (max-width: 980px) {
  .footer-address__campus--name {
    font-size: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .footer-address__campus--name {
    font-size: 0.875rem !important;
  }
}

.footer-address__campus--address {
  margin-top: 8px !important;
  font-size: 0.875rem;
  opacity: 0.7;
}
@media screen and (max-width: 980px) {
  .footer-address__campus--address {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 640px) {
  .footer-address__campus--address {
    font-size: 0.6875rem !important;
  }
}

.footer-nav__list {
  margin-top: 35px;
  width: 29.387755102%;
}
@media screen and (max-width: 640px) {
  .footer-nav__list {
    width: 50%;
  }
}
.footer-nav__list li {
  margin-bottom: 13px;
}
.footer-nav__list li a {
  line-height: 1.4;
  font-size: 0.875rem;
  color: #fff;
  opacity: 0.7;
  transition: all 0.3s;
}
@media screen and (max-width: 980px) {
  .footer-nav__list li a {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 640px) {
  .footer-nav__list li a {
    font-size: 0.875rem;
  }
}
.footer-nav__list li a:hover {
  opacity: 1;
}

.footer-english {
  text-align: right;
}
@media screen and (max-width: 640px) {
  .footer-english {
    text-align: center;
  }
}
.footer-english a {
  color: #fff;
}
.footer-english a:after {
  margin-left: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 0.075rem;
}

.footer-copyright {
  line-height: 1.4;
  font-size: 0.8125rem;
  color: #fff;
  opacity: 0.5;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .footer-copyright {
    font-size: 0.6875rem !important;
  }
}
@media screen and (max-width: 640px) {
  .footer-copyright {
    text-align: center;
  }
}
.footer-copyright br {
  display: none;
}
@media screen and (max-width: 640px) {
  .footer-copyright br {
    display: block;
  }
}

/*********************************************************************************
breadcrumb-nav
**********************************************************************************/
.breadcrumb-nav {
  padding: 13px 0;
  position: relative;
  z-index: 10;
  background-color: rgba(0, 116, 187, 0.9);
}
@media screen and (max-width: 768px) {
  .breadcrumb-nav {
    padding: 11px 0;
    background-color: rgba(35, 24, 21, 0.6);
  }
}

.breadcrumb-nav__list {
  margin: 0 56px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .breadcrumb-nav__list {
    margin: 0 13px;
  }
}
.breadcrumb-nav__list li {
  font-size: 0.75rem;
  line-height: 1.6;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .breadcrumb-nav__list li {
    font-size: 0.6875rem;
  }
}
.breadcrumb-nav__list li a {
  color: #fff;
}
.breadcrumb-nav__list li a::after {
  margin: 0 11px 0 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 0.05rem;
  opacity: 0.8;
}

/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 layout
**********************************************************************************/
.container {
  margin: 0 auto;
  padding: 0 22px;
  position: relative;
  box-sizing: border-box;
}
.wMax {
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .wMax {
    margin: 0 22px;
  }
}
@media screen and (max-width: 640px) {
  .wMax {
    margin: 0;
  }
}

.w1200 {
  max-width: 1200px;
}
@media screen and (max-width: 768px) {
  .w1200 {
    padding: 0 22px;
  }
}

.w980 {
  max-width: 980px;
}

@media screen and (max-width: 640px) {
  .sp-pd0 {
    padding: 0;
  }
}

.youtube-list p {
  margin-top: 22px;
  line-height: 1.4;
  font-size: 1.375rem;
}
.youtube-list p:first-child {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube-list p:first-child iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*********************************************************************************
 basic-grid
**********************************************************************************/
.basic-grid {
  display: flex;
  flex-wrap: wrap;
}
.basic-grid .grid-col p:first-child {
  margin-top: 0 !important;
}

.basic-grid__cell img {
  width: 100%;
  height: auto;
}

.basic-grid__2 {
  margin-left: -4.8295454545%;
}
.basic-grid__2 .basic-grid__cell {
  margin-top: 35px;
  margin-left: 4.8295454545%;
  width: 45.1704545455%;
}

@media screen and (max-width: 640px) {
  .sp-grid__1 {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .sp-grid__1 .basic-grid__cell {
    margin-left: 0;
    width: 100%;
  }
}

.basic-grid__thumb {
  position: relative;
}

.grid-col {
  box-sizing: border-box;
}

.grid-col__4 {
  margin-left: -3.3333333333%;
}
.grid-col__4 .grid-col {
  margin-top: 35px;
  margin-left: 3.3333333333%;
  width: 21.6666666667%;
}

.grid-col__3 {
  margin-left: -3.3333333333%;
}
.grid-col__3 .grid-col {
  margin-top: 35px;
  margin-left: 3.3333333333%;
  width: 30%;
}

.grid-col__2 {
  margin-left: -3.3333333333%;
}
.grid-col__2 .grid-col {
  margin-top: 35px;
  margin-left: 3.3333333333%;
  width: 46.6666666667%;
}

@media screen and (max-width: 640px) {
  .md-grid__3 .grid-col {
    width: 30%;
  }
}

@media screen and (max-width: 640px) {
  .md-grid__2 .grid-col {
    width: 46.6666666667%;
  }
}

@media screen and (max-width: 480px) {
  .sp-grid__2 .grid-col {
    width: 46.6666666667%;
  }
}

@media screen and (max-width: 480px) {
  .sp-grid__1 {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .sp-grid__1 .grid-col {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .sp-grid__mgt--nr .grid-col:nth-child(n+2) {
    margin-top: 13px;
  }
}

.grid-center .basic-grid {
  justify-content: center;
}

/*********************************************************************************
 split-contents
**********************************************************************************/
.split-contents {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .split-contents {
    background-color: #fff;
  }
}
.split-contents::after {
  content: "";
  display: block;
  position: absolute;
  top: 74px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .split-contents::after {
    display: none;
  }
}

.split-contents__main {
  width: 72.1247563353%;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .split-contents__main {
    width: 100%;
  }
}
.split-contents__main .label-red .basic-heading__l {
  background-color: #f2f2f2;
}
.split-contents__main .grid-col__2 .grid-col a {
  position: relative;
}

.split-contents__sub {
  width: 24.3664717349%;
}
@media screen and (max-width: 640px) {
  .split-contents__sub {
    margin-top: 56px;
    margin-bottom: 56px;
    width: 100%;
  }
}
.split-contents__sub .basic-wrap {
  padding: 0;
}
.split-contents__sub .basic-heading__l {
  padding: 13px 18px;
  color: #fff;
  font-size: 1rem;
}
.split-contents__sub .basic-heading__l::before, .split-contents__sub .basic-heading__l::after {
  display: none;
}
.split-contents__sub .basic-heading__l:first-child {
  margin-top: 0;
}
.split-contents__sub .basic-grid {
  padding: 2px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
}
.split-contents__sub .grid-col__2 {
  margin-left: 0;
}
.split-contents__sub .grid-col__2 .grid-col {
  margin-top: 0;
  margin-left: 0;
  width: 100%;
}
.split-contents__sub .grid-col__2 .grid-col:nth-child(n+2) {
  border-top: 1px solid #e7e7e7;
}
.split-contents__sub .grid-col__2 .grid-col a {
  padding: 13px 17px;
  display: block;
  position: relative;
  font-size: 0.8125rem;
  color: #231815;
}
.split-contents__sub .grid-col__2 .grid-col a::after {
  margin-top: -3px;
  margin-right: 16px;
  border-top: 1px solid #0074bb;
  border-right: 1px solid #0074bb;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.page-template-two-column-no-img {
  padding-top: 35px !important;
}
@media screen and (max-width: 640px) {
  .page-template-two-column-no-img {
    padding-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .page-template-two-column-no-img .split-contents__main {
    margin-top: 0;
  }
}

/*********************************************************************************
 teacher-list
**********************************************************************************/
.teacher-list {
  margin-top: 21px;
  margin-left: -2.0467836257%;
}
.teacher-list .grid-col {
  margin-top: 14px;
  margin-left: 2.0467836257%;
  width: 47.9532163743%;
  padding: 13px 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: rgba(0, 116, 187, 0.05);
  box-sizing: border-box;
}
.teacher-list .basic-label {
  margin-right: 11px;
  background-color: #02428c;
}
.teacher-list .basic-label.gakubucho {
  background-color: #22ac38;
}
.teacher-list .basic-label.gakkacho {
  background-color: #d70146;
}
.teacher-list .basic-label.sample {
  width: 12px;
}
@media screen and (max-width: 640px) {
  .teacher-list.sp-grid__1 {
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .teacher-list.sp-grid__1 .grid-col {
    margin-left: 0;
    width: 100%;
  }
}

#teacher-machine .nakano-michio .basic-label,
#teacher-science .tm_tsujimura .basic-label,
#teacher-living .ld_adachi2 .basic-label {
  background-color: #22ac38;
}

#teacher-machine .me_ninomiya .basic-label,
#teacher-media .ec_yoshida .basic-label,
#teacher-chemistry .ac_osawa_m .basic-label,
#teacher-robotics .rb_yasuhara .basic-label,
#teacher-media .tm_ishihara .basic-label,
#teacher-achitecture .at_misaka .basic-label,
#teacher-common .k20 .basic-label,
#teacher-center-machine .me_murata2 .basic-label,
#teacher-center-architecture .at_kataoka .basic-label,
#teacher-center-interior .ld_adachi2 .basic-label,
#teacher-center-lc .ld_kurotsu .basic-label,
#teacher-center-industry .st_watanabe .basic-label,
#teacher-center-skill .ac_watanabe .basic-label,
#teacher-center-omprehensive .ac_watanabe-2 .basic-label,
#teacher-center-support .kyoin6-k_iwasak .basic-label,
#teacher-center-english .ac_ikezoe-2 .basic-label,
#teacher-center-teacher .st_watanabe .basic-label,
#teacher-center-student .ec_yoshino-1 .basic-label,
#teacher-center-health .k_maruyama-1 .basic-label,
#teacher-center-sangaku .me_koga-1 .basic-label,
#teacher-center-life .k26-2-2 .basic-label,
#teacher-center-area .at_sasaki-1 .basic-label,
#teacher-center-human .tm_yamachi2-1 .basic-label,
#teacher-center-stem .k20-1 .basic-label {
  background-color: #d70146;
}

.teacher-subject {
  line-height: 1.9 !important;
  color: #1c1d1f;
}

.teacher-name {
  margin-top: 8px !important;
  width: 100%;
}
.teacher-name a {
  display: block;
}

.teacher-detail .split-contents__main .basic-wrap.clr {
  position: relative;
}
.teacher-detail .split-contents__main .basic-wrap.clr .basic-img::after {
  display: none;
}
.teacher-detail .split-contents__main .basic-wrap.clr .img-float__w {
  position: absolute;
  max-width: 142px;
}
@media screen and (max-width: 768px) {
  .teacher-detail .split-contents__main .basic-wrap.clr .img-float__w {
    margin: 22px auto 0 auto;
    position: static;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .teacher-detail .split-contents__main .basic-wrap.clr .img-float__w img {
    margin: 0 auto;
  }
}
.teacher-detail .split-contents__main .basic-wrap.clr h2, .teacher-detail .split-contents__main .basic-wrap.clr h3, .teacher-detail .split-contents__main .basic-wrap.clr h4, .teacher-detail .split-contents__main .basic-wrap.clr p {
  margin-left: 167px;
}
@media screen and (max-width: 768px) {
  .teacher-detail .split-contents__main .basic-wrap.clr h2, .teacher-detail .split-contents__main .basic-wrap.clr h3, .teacher-detail .split-contents__main .basic-wrap.clr h4, .teacher-detail .split-contents__main .basic-wrap.clr p {
    margin-left: 0;
  }
}

/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 heading
**********************************************************************************/
.nit-frame {
  padding: 3px 13px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}
.nit-frame:before, .nit-frame:after {
  content: "";
  border-width: 5px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  box-sizing: inherit;
}
@media screen and (max-width: 768px) {
  .nit-frame:before, .nit-frame:after {
    border-width: 4px;
    height: 17px;
  }
}
.nit-frame:before {
  border-color: #0074bb;
  border-bottom: none;
  top: 0;
}
.nit-frame:after {
  border-color: #231815;
  border-top: none;
  bottom: 0;
}

@media screen and (max-width: 640px) {
  .long-letter .nit-frame {
    margin-bottom: 13px;
    padding: 3px 11px;
  }
}
.contents-heading {
  padding-top: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 181px;
  left: 0;
  width: 100%;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  .contents-heading {
    padding-top: 11%;
  }
}
@media screen and (max-width: 768px) {
  .contents-heading {
    padding-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .contents-heading {
    padding-top: 13%;
    top: 87px;
  }
}
.contents-heading .section-heading {
  display: inline-block;
  background-color: #fff;
}
.contents-heading .heading-xl__main {
  margin-right: 0;
}
.contents-heading.contents-heading__img {
  position: sticky;
  top: 0;
}

@media screen and (max-width: 768px) {
  .section-heading {
    display: block;
    text-align: center;
  }
}

.heading-xl__main {
  margin-right: 22px;
  line-height: 1.4;
  font-size: 2.75rem;
  font-weight: bold;
  vertical-align: -0.6rem;
}
@media screen and (max-width: 768px) {
  .heading-xl__main {
    margin-right: 0;
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 640px) {
  .heading-xl__main {
    margin-right: 0;
    font-size: 1.5rem;
  }
}
.heading-xl__sub {
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .heading-xl__sub {
    margin-top: 13px;
    display: block;
    font-size: 0.8125rem;
  }
}

.heading-ll {
  margin-top: 56px;
  line-height: 1.3;
  font-size: 2.1875rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .heading-ll {
    margin-top: 35px;
    font-size: 1.375rem;
  }
}

.heading-l {
  line-height: 1.3;
  font-size: 1.75rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .heading-l {
    font-size: 1.125rem;
  }
}

.heading-m {
  line-height: 1.4;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .heading-m {
    font-size: 0.875rem;
  }
}

.has-line {
  display: flex;
  align-items: center;
  justify-content: center;
}
.has-line::before, .has-line::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #0074bb;
}
.has-line::before {
  margin-right: 13px;
}
.has-line::after {
  margin-left: 13px;
}

.line-red .has-line::before, .line-red .has-line::after {
  background-color: #d70146;
}

.line-blue .has-line::before, .line-blue .has-line::after {
  background-color: #0068b7;
}

.line-green .has-line::before, .line-green .has-line::after {
  background-color: #22ac38;
}

/*********************************************************************************
 heading-img
**********************************************************************************/
.heading-img__fixed {
  margin-top: -114px;
  position: sticky;
  top: 0 !important;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .heading-img__fixed {
    margin-top: -40px;
  }
}
.heading-img__fixed::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: #02428c;
  transition: all 0.6s;
}
.heading-img__fixed img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
}
.heading-img__fixed.img-dark img {
  opacity: 0.4;
}

.contents-heading__img {
  margin-top: -114px;
  padding-top: 0;
  position: relative;
  z-index: 0;
  height: auto;
  background-color: #231815;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .contents-heading__img {
    margin-top: -56px;
  }
}
.contents-heading__img::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: #02428c;
  transition: all 0.6s;
}
.contents-heading__img img {
  transition: all 0.3s;
  width: 100%;
  height: auto;
}
.contents-heading__img.img-dark img {
  opacity: 0.4;
}

.loaded .heading-img__fixed::before,
.loaded .contents-heading__img::before {
  right: -100%;
  opacity: 0.5;
}

/*********************************************************************************
 basic-parts
**********************************************************************************/
.basic-contents {
  padding: 22px;
  background-color: #0074bb;
}
@media screen and (max-width: 640px) {
  .basic-contents {
    padding: 13px;
  }
}

.basic-contents__title {
  color: #fff;
}

.basic-contents__title--label {
  margin-bottom: 13px;
  display: block;
  font-size: 0.75rem;
}
@media screen and (max-width: 640px) {
  .basic-contents__title--label {
    margin-bottom: 8px;
  }
}

.basic-contents__title--main {
  display: block;
  line-height: 1.3;
  font-size: 2.1875rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .basic-contents__title--main {
    font-size: 1.75rem;
  }
}

.basic-heading__ll {
  margin-top: 35px;
  padding: 22px;
  background-color: #02428c;
  color: #fff;
  line-height: 1.3;
  font-size: 1.75rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .basic-heading__ll {
    font-size: 1.375rem;
  }
}

.basic-heading__l {
  margin-top: 35px;
  padding: 26px 22px 22px 22px;
  position: relative;
  background-color: #f2f2f2;
  line-height: 1.3;
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .basic-heading__l {
    font-size: 1.125rem;
  }
}
.basic-heading__l::before, .basic-heading__l::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
}
.basic-heading__l::before {
  width: 174px;
  background-color: #0074bb;
  z-index: 2;
}
.basic-heading__l::after {
  width: 100%;
  background-color: #e0dfdf;
  z-index: 1;
}

.basic-heading__m {
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .basic-heading__m {
    font-size: 1rem;
  }
}
.basic-heading__m::before {
  margin-bottom: 22px;
  content: "";
  display: block;
  width: 35px;
  height: 3px;
  background-color: #0074bb;
}

.basic-heading__s {
  line-height: 1.3;
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .basic-heading__s {
    font-size: 0.875rem;
  }
}

.basic-wrap {
  padding: 0 22px;
  box-sizing: border-box;
}
.basic-wrap p {
  margin-top: 28px;
  line-height: 1.7;
  font-size: 0.9375rem;
}
@media screen and (max-width: 640px) {
  .basic-wrap p {
    font-size: 0.875rem;
  }
}
.basic-wrap p strong {
  font-weight: bold;
}
.basic-wrap p img {
  max-width: 100%;
  height: auto;
}
.basic-wrap p.basic-catch {
  margin-top: 35px;
  line-height: 1.4;
  font-size: 1.75rem;
  color: #0074bb;
}
@media screen and (max-width: 640px) {
  .basic-wrap p.basic-catch {
    margin-top: 22px;
    font-size: 1.375rem;
  }
}
.basic-wrap p.basic-catch__l {
  margin-top: 35px;
  line-height: 1.4;
  font-size: 1.75rem;
  color: #0074bb;
}
.basic-wrap p.basic-catch__l strong {
  font-size: 2.75rem;
  vertical-align: -0.1rem;
}
.basic-wrap p.font-s22 {
  line-height: 1.4;
  font-size: 1.375rem;
}
@media screen and (max-width: 640px) {
  .basic-wrap p.font-s22 {
    font-size: 1.125rem;
  }
}
.basic-wrap p.font-s12 {
  line-height: 1.6;
  font-size: 0.75rem;
}
@media screen and (max-width: 640px) {
  .basic-wrap p.font-s12 {
    font-size: 0.625rem;
  }
}

.no-wrap .basic-wrap {
  padding: 0;
}
@media screen and (max-width: 640px) {
  .no-wrap .basic-wrap {
    padding: 0 22px;
  }
}

.font-s22 {
  line-height: 1.4;
  font-size: 1.375rem;
}

.font-s16 {
  line-height: 1.6;
  font-size: 1rem !important;
}
@media screen and (max-width: 640px) {
  .font-s16 {
    font-size: 0.875rem;
  }
}

.font-s15 {
  line-height: 1.6;
  font-size: 0.9375rem !important;
}
@media screen and (max-width: 640px) {
  .font-s15 {
    font-size: 0.875rem;
  }
}

.basic-label {
  padding: 3px 8px;
  display: inline-block;
  background-color: rgba(35, 24, 21, 0.7);
  font-size: 0.8125rem !important;
  color: #fff;
}

.basic-text {
  margin-top: 28px;
  line-height: 1.7;
  font-size: 0.9375rem;
}

.basic-img {
  position: relative;
  overflow: hidden;
}
.basic-img::after {
  position: absolute;
  top: 0;
  left: -100%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(2, 66, 140, 0.7);
  transition: all 0.4s;
}
.basic-img img {
  transition: all 0.3s;
}
.basic-img figcaption {
  margin-top: 13px;
  line-height: 1.6;
  font-size: 0.9375rem;
}

a:hover .basic-img::after {
  left: 0;
}
a:hover .basic-img img {
  transform: scale(1.1);
}

.img-float__right {
  margin-left: 35px;
  margin-bottom: 35px;
  float: right;
}
@media screen and (max-width: 980px) {
  .img-float__right {
    margin-left: 0;
    margin-bottom: 0;
    float: none;
  }
}

.img-float__left {
  margin-right: 35px;
  margin-bottom: 35px;
  float: left;
}
@media screen and (max-width: 980px) {
  .img-float__left {
    margin-right: 0;
    margin-bottom: 0;
    float: none;
  }
}

.img-float__w {
  max-width: 282px;
}
@media screen and (max-width: 768px) {
  .img-float__w {
    margin-top: 22px;
    margin-bottom: 22px;
    width: 100%;
    max-width: 100%;
  }
}
.img-float__w.img-feature {
  max-width: 444px;
}
@media screen and (max-width: 980px) {
  .img-float__w.img-feature {
    margin-top: 22px;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .img-float__w.img-feature {
    width: 100%;
  }
}

.embed-gmap {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.embed-gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.basic-spec {
  display: flex;
  flex-wrap: wrap;
}
.basic-spec dt, .basic-spec dd {
  margin-bottom: 13px;
  line-height: 1.6;
  font-size: 0.9375rem;
}
.basic-spec dt {
  width: 20%;
  font-weight: bold;
  color: #02428c;
}
.basic-spec dd {
  width: 80%;
}

/*********************************************************************************
 basic-list
**********************************************************************************/
.basic-list li {
  line-height: 1.6;
  font-size: 0.9375rem;
}
.basic-list li:nth-child(n+2) {
  margin-top: 13px;
}
.basic-list li ul,
.basic-list li ol {
  margin: 13px 0 0 1rem;
}
.basic-list li ul li,
.basic-list li ol li {
  color: #02428c;
}

.dot-list > li {
  padding-left: 11px;
  position: relative;
}
.dot-list > li::before {
  border-radius: 4px;
  content: "";
  position: absolute;
  top: 0.66rem;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #231815;
}

.sub_list-dot > li ul {
  margin-left: 0;
}
.sub_list-dot > li ul li {
  padding-left: 11px;
  position: relative;
}
.sub_list-dot > li ul li::before {
  border-radius: 4px;
  content: "";
  position: absolute;
  top: 0.66rem;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #02428c;
}

.ol-list > li {
  margin-left: 13px;
  list-style-type: decimal;
}

.sub_list-ol > li ol {
  list-style-type: decimal;
}

.qa-list li {
  padding-top: 4px;
  padding-left: 38px;
  position: relative;
}
.qa-list li::before {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.qa-list li:nth-child(odd) {
  margin-top: 22px;
}
.qa-list li:nth-child(odd)::before {
  content: "Q";
  background-color: #0074bb;
}
.qa-list li:nth-child(even)::before {
  content: "A";
  background-color: #02428c;
}
.qa-list li:nth-child(even):first-child p {
  margin-top: 0;
}
.qa-list li h2 {
  line-height: 1.3;
  font-size: 1rem;
  font-weight: bold;
}

/*********************************************************************************
 table
**********************************************************************************/
.basic-table {
  border-left: 1px solid #e0dfdf;
  border-bottom: 1px solid #e0dfdf;
}
.basic-table th,
.basic-table td {
  padding: 13px;
  border-top: 1px solid #e0dfdf;
  border-right: 1px solid #e0dfdf;
  line-height: 1.8;
  font-size: 0.9375rem;
  box-sizing: border-box;
}
.basic-table thead th {
  background-color: #02428c;
  color: #fff;
}
.basic-table thead th:nth-child(even) {
  background-color: rgba(2, 66, 140, 0.9);
}
.basic-table thead td {
  background-color: #0074bb;
  color: #fff;
  text-align: center;
}
.basic-table thead td:nth-child(even) {
  background-color: rgba(0, 116, 187, 0.8);
}
.basic-table tbody tr th {
  background-color: rgba(2, 66, 140, 0.8);
  color: #fff;
}
.basic-table tbody tr:nth-child(even) th {
  background-color: rgba(2, 66, 140, 0.6);
}
.basic-table tbody tr:nth-child(even) td {
  background-color: #f2f2f2;
}

.table-full {
  width: 100%;
}

.th-left tbody th {
  text-align: left;
}

.td-center td {
  text-align: center;
}

.td-middle td {
  vertical-align: middle;
}

.th-middle tbody th {
  vertical-align: middle;
}

.cell-p1 {
  width: 10%;
}

.cell-p2 {
  width: 20%;
}

.cell-p3 {
  width: 30%;
}

.cell-p4 {
  width: 40%;
}

.cell-p5 {
  width: 50%;
}

.cell-p6 {
  width: 60%;
}

.cell-p7 {
  width: 70%;
}

.cell-p8 {
  width: 80%;
}

.cell-p9 {
  width: 90%;
}

.results-bottom tbody tr:last-child th {
  background-color: #231815;
}
.results-bottom tbody tr:last-child td {
  background-color: #231815;
  color: #fff;
}
.results-bottom tbody tr:last-child td:nth-child(even) {
  background-color: rgba(35, 24, 21, 0.8);
}

.support-table tbody th,
.support-table tbody td {
  position: relative;
  text-align: center;
}
.support-table tbody th::before,
.support-table tbody td::before {
  margin-left: -16px;
  position: absolute;
  top: -10px;
  left: 50%;
  content: "";
  display: block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 16px solid transparent;
  border-left: 16px solid #d70146;
  transform: rotate(90deg);
}

/*********************************************************************************
 box
**********************************************************************************/
.basic-box {
  padding: 22px;
  overflow: hidden;
}
.basic-box figure + p {
  margin-top: 0 !important;
}

.box-color__lightgray {
  background-color: #f4f4f4;
  box-shadow: 0px 0px 8px 0px rgba(35, 24, 21, 0.15);
}

.box-color__lightblue {
  background-color: rgba(0, 116, 187, 0.05);
  box-shadow: 0px 0px 8px 0px rgba(0, 116, 187, 0.15);
}

.box-left__red .basic-box {
  border-left: 8px solid #d70146;
}
@media screen and (max-width: 640px) {
  .box-left__red .basic-box {
    border-width: 5px;
  }
}

.box-left__blue .basic-box {
  border-left: 8px solid #0068b7;
}
@media screen and (max-width: 640px) {
  .box-left__blue .basic-box {
    border-width: 5px;
  }
}

.box-left__green .basic-box {
  border-left: 8px solid #22ac38;
}
@media screen and (max-width: 640px) {
  .box-left__green .basic-box {
    border-width: 5px;
  }
}

.box-left__gray .basic-box {
  border-left: 8px solid #4a7378;
}
@media screen and (max-width: 640px) {
  .box-left__gray .basic-box {
    border-width: 5px;
  }
}

.box-grid .grid-col {
  padding: 22px;
}
.box-grid .grid-col:nth-child(odd) {
  background-color: rgba(0, 116, 187, 0.05);
  box-shadow: 0px 0px 8px 0px rgba(0, 116, 187, 0.15);
}
.box-grid .grid-col:nth-child(even) {
  background-color: #f4f4f4;
  box-shadow: 0px 0px 8px 0px rgba(35, 24, 21, 0.15);
}
.box-grid.grid-border__blue .grid-col {
  border: 1px solid #0074bb;
  background-color: rgba(0, 116, 187, 0.02);
  box-shadow: none;
}
.box-grid.grid-border__blue .grid-col p {
  color: #02428c;
}
.box-grid.grid-bg__lightblue .grid-col {
  background-color: rgba(0, 116, 187, 0.05);
  box-shadow: 0px 0px 8px 0px rgba(0, 116, 187, 0.15);
}

.frame-box {
  border-width: 4px;
  border-style: solid;
}
@media screen and (max-width: 640px) {
  .frame-box {
    margin: 0 22px;
  }
}

.red-frame .frame-box {
  border-color: #d70146;
  background-color: #fcf8f9;
}
.red-frame .heading-l {
  color: #d70146;
}

.blue-frame .frame-box {
  border-color: #0068b7;
  background-color: rgba(0, 104, 183, 0.05);
}
.blue-frame .heading-l {
  color: #0068b7;
}

.green-frame .frame-box {
  border-color: #22ac38;
  background-color: rgba(34, 172, 56, 0.05);
}
.green-frame .heading-l {
  color: #22ac38;
}

.frame-box__column {
  padding: 35px 22px;
}
.frame-box__column p {
  line-height: 1.7;
}

.split-box {
  display: flex;
}
@media screen and (max-width: 640px) {
  .split-box {
    flex-wrap: wrap;
  }
}
.split-box .frame-box__column {
  margin-left: 2.6378896882%;
  padding: 13px 22px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  width: 58.0335731415%;
}
@media screen and (max-width: 640px) {
  .split-box .frame-box__column {
    margin-left: 0;
    padding: 22px;
    width: 100%;
  }
}

.frame-box__img {
  width: 45.0839328537%;
}
@media screen and (max-width: 640px) {
  .frame-box__img {
    width: 100%;
  }
}
.frame-box__img img {
  width: 100%;
  height: auto;
}

.thumb-over__caption {
  padding: 8px 13px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  background-color: #fff;
}

.box-message .img-float__w {
  margin-bottom: 0;
  position: absolute;
  float: none;
  width: 152px;
  height: 152px;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .box-message .img-float__w {
    margin: 0 auto 22px auto;
    position: static;
  }
}
.box-message p, .box-message h2, .box-message h3, .box-message h4 {
  margin-left: 174px;
}
@media screen and (max-width: 768px) {
  .box-message p, .box-message h2, .box-message h3, .box-message h4 {
    margin-left: 0;
  }
}

@media screen and (max-width: 980px) {
  .box-flex {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 980px) {
  .box-flex .img-float__w {
    margin-bottom: 0;
    order: 1;
  }
}

.profile-box .img-float__w {
  max-width: 192px;
}

/*********************************************************************************
 button
**********************************************************************************/
.basic-link::after {
  margin-left: 8px;
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 0.05rem;
}
.basic-link.link-large {
  font-size: 1.25rem;
  font-weight: bold;
}
.basic-link.link-large::after {
  border-width: 1px;
  width: 8px;
  height: 8px;
  vertical-align: 0.1rem;
}
.basic-link.btn-external::after, .basic-link.btn-pdf::after, .basic-link.btn-modal::after {
  border: none;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.basic-btn {
  padding: 18px 22px;
  border: 2px solid #0074bb;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  font-size: 1.0625rem;
  font-weight: bold;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 980px) {
  .basic-btn {
    padding: 13px 22px;
    font-size: 0.875rem;
  }
}
.basic-btn::before, .basic-btn::after {
  content: "";
}
.basic-btn::before {
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #0074bb;
}
.basic-btn:hover::before {
  animation: btnhoverbg 0.6s forwards;
}

.btn-link {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.btn-link::before, .btn-link::after {
  content: "";
}
.btn-link::after {
  margin-left: 11px;
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-full {
  display: block;
  text-align: center;
}

.btn-icon {
  margin-left: 8px;
  fill: #0074bb;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.btn-external,
.btn-pdf,
.btn-movie,
.btn-modal {
  position: relative;
  overflow: hidden;
}
.btn-external::before, .btn-external::after,
.btn-pdf::before,
.btn-pdf::after,
.btn-movie::before,
.btn-movie::after,
.btn-modal::before,
.btn-modal::after {
  content: "";
}
.btn-external::after,
.btn-pdf::after,
.btn-movie::after,
.btn-modal::after {
  margin-left: 11px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100% auto;
  vertical-align: -0.2rem;
}

.btn-external::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222.03px%22%20height%3D%2222.03px%22%20viewBox%3D%220%200%2022.03%2022.03%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022.03%2022.03%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230074BB%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.01%2C16.03V2.02H6v14.02H20.01z%20M20.01%2C0c0.53%2C0%2C1%2C0.2%2C1.41%2C0.61c0.41%2C0.41%2C0.61%2C0.87%2C0.61%2C1.41v14.02%20c0%2C0.53-0.2%2C0.99-0.61%2C1.38C21.01%2C17.8%2C20.55%2C18%2C20.01%2C18H6c-0.53%2C0-0.99-0.2-1.38-0.59c-0.39-0.39-0.59-0.85-0.59-1.38V2.02%20c0-0.53%2C0.2-1%2C0.59-1.41C5.01%2C0.2%2C5.47%2C0%2C6%2C0C6%2C0%2C20.01%2C0%2C20.01%2C0z%20M2.01%2C4.03v15.98H18v2.02H2.02c-0.53%2C0-1-0.2-1.41-0.61%20S0%2C20.55%2C0%2C20.02V4.03L2.01%2C4.03L2.01%2C4.03z%22%2F%3E%3C%2Fsvg%3E");
}
.btn-external.btn-special::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20%2C16V2H6v14H20z%20M20%2C0c0.5%2C0%2C1%2C0.2%2C1.4%2C0.6C21.8%2C1%2C22%2C1.5%2C22%2C2v14c0%2C0.5-0.2%2C1-0.6%2C1.4C21%2C17.8%2C20.5%2C18%2C20%2C18%20H6c-0.5%2C0-1-0.2-1.4-0.6C4.2%2C17%2C4%2C16.6%2C4%2C16V2c0-0.5%2C0.2-1%2C0.6-1.4C5%2C0.2%2C5.5%2C0%2C6%2C0C6%2C0%2C20%2C0%2C20%2C0z%20M2%2C4v16h16v2H2%20c-0.5%2C0-1-0.2-1.4-0.6C0.2%2C21%2C0%2C20.5%2C0%2C20V4L2%2C4L2%2C4z%22%2F%3E%3C%2Fsvg%3E");
}

.btn-pdf::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2219.97px%22%20height%3D%2219.97px%22%20viewBox%3D%220%200%2019.97%2019.97%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2019.97%2019.97%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230074BB%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12%2C9.47v-3h0.98v3H12z%20M1.97%2C3.98V18h14.02v1.97H1.97c-0.53%2C0-0.99-0.2-1.38-0.59S0%2C18.53%2C0%2C18V3.98%20C0%2C3.98%2C1.97%2C3.98%2C1.97%2C3.98z%20M6.98%2C7.5V6.47h0.98V7.5H6.98z%20M18.47%2C6.47v-1.5h-3v6h1.5V9h1.5V7.5h-1.5V6.47H18.47z%20M14.48%2C9.47v-3%20c0-0.41-0.14-0.76-0.42-1.06c-0.28-0.3-0.64-0.45-1.08-0.44H10.5v6h2.48c0.44%2C0%2C0.8-0.15%2C1.08-0.44%20C14.34%2C10.23%2C14.48%2C9.87%2C14.48%2C9.47z%20M9.47%2C7.5V6.47c0-0.41-0.15-0.76-0.44-1.06c-0.3-0.3-0.65-0.45-1.06-0.44H5.48v6h1.5V9h0.98%20c0.41%2C0%2C0.76-0.15%2C1.06-0.44C9.32%2C8.26%2C9.47%2C7.91%2C9.47%2C7.5z%20M18%2C0c0.53%2C0%2C0.99%2C0.2%2C1.38%2C0.59s0.59%2C0.85%2C0.59%2C1.38v12%20c0%2C0.53-0.2%2C1-0.59%2C1.41c-0.39%2C0.41-0.85%2C0.61-1.38%2C0.61H6c-0.53%2C0-1-0.2-1.41-0.61c-0.41-0.41-0.61-0.87-0.61-1.41v-12%20c0-0.53%2C0.2-0.99%2C0.61-1.38S5.47%2C0%2C6%2C0C6%2C0%2C18%2C0%2C18%2C0z%22%2F%3E%3C%2Fsvg%3E");
}

.btn-movie::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230074BB%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2C18c2.2%2C0%2C4.1-0.8%2C5.6-2.4c1.6-1.6%2C2.4-3.5%2C2.4-5.6s-0.8-4.1-2.4-5.6S12.2%2C2%2C10%2C2C7.8%2C2%2C5.9%2C2.8%2C4.3%2C4.3%20S2%2C7.8%2C2%2C10c0%2C2.2%2C0.8%2C4.1%2C2.4%2C5.6S7.8%2C18%2C10%2C18z%20M10%2C0c2.8%2C0%2C5.1%2C1%2C7.1%2C2.9S20%2C7.2%2C20%2C10S19%2C15.1%2C17%2C17S12.7%2C20%2C10%2C20%20S4.9%2C19%2C2.9%2C17S0%2C12.7%2C0%2C10c0-2.8%2C1-5.1%2C2.9-7.1S7.2%2C0%2C10%2C0z%20M8%2C14.5v-9l6%2C4.5L8%2C14.5z%22%2F%3E%3C%2Fsvg%3E");
}

.btn-modal::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2219.97px%22%20height%3D%2219.97px%22%20viewBox%3D%220%200%2019.97%2019.97%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2019.97%2019.97%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230074BB%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.98%2C6V3.99h-12V6H15.98z%20M15.98%2C9V6.99h-12V9H15.98z%20M15.98%2C12V9.99h-12V12H15.98z%20M18%2C0%20c0.53%2C0%2C0.99%2C0.2%2C1.38%2C0.59c0.39%2C0.39%2C0.59%2C0.85%2C0.59%2C1.38v12c0%2C0.53-0.2%2C1-0.59%2C1.41c-0.39%2C0.41-0.85%2C0.61-1.38%2C0.61H3.98L0%2C19.97%20v-18c0-0.53%2C0.2-0.99%2C0.59-1.38S1.44%2C0%2C1.97%2C0L18%2C0L18%2C0z%22%2F%3E%3C%2Fsvg%3E");
}

.btn-special {
  border-color: rgba(0, 116, 187, 0.7);
  position: relative;
  background: #0074bb;
  background: linear-gradient(270deg, #0074bb 0%, #02428c 100%);
  color: #fff;
  font-size: 1.125rem;
}
.btn-special::after {
  border-top-color: #fff;
  border-right-color: #fff;
  width: 12px;
  height: 12px;
  vertical-align: -0.024rem;
}

.view-more {
  margin-top: 35px;
  text-align: center;
}
.view-more a {
  padding: 13px 77px;
  border: 3px solid #02428c;
  position: relative;
  display: inline-block;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  color: #02428c;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .view-more a {
    padding: 11px 44px;
    border-width: 2px;
    font-size: 0.75rem;
  }
}
.view-more a::before, .view-more a::after {
  content: "";
  display: block;
  position: absolute;
}
.view-more a::before {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #02428c;
}
.view-more a::after {
  margin-top: -3px;
  margin-right: 13px;
  border-top: 2px solid #02428c;
  border-right: 2px solid #02428c;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .view-more a::after {
    margin-top: -4px;
    margin-right: 11px;
  }
}
.view-more a:hover {
  animation: btnhover 0.6s forwards;
}
.view-more a:hover::before {
  animation: btnhoverbg 0.6s forwards;
}

@keyframes btnhover {
  0% {
    color: #02428c;
  }
  50% {
    color: #fff;
  }
  100% {
    color: #02428c;
  }
}
@keyframes btnhoverbg {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(200%);
  }
}
.c-more {
  margin-top: 22px;
}
@media screen and (max-width: 640px) {
  .c-more {
    width: 100%;
    text-align: center;
  }
}

.c-more__btn {
  padding: 13px 56px;
  display: inline-block;
  position: relative;
  background-color: rgba(35, 24, 21, 0.8);
  color: #fff;
  font-size: 0.8125rem;
}
.c-more__btn::after {
  margin-top: -4px;
  margin-right: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.next-contents {
  margin-top: 56px;
}

.next-contents__btn {
  padding: 22px;
  border-width: 4px;
  border-style: solid;
  display: block;
  position: relative;
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .next-contents__btn {
    font-size: 1.125rem;
  }
}
.next-contents__btn::after {
  margin-top: -5px;
  margin-right: 22px;
  border-top: 2px soliCourseB #0074bb;
  border-right: 2px solid #0074bb;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.next-contents__btn.btn-red {
  border-color: #d70146;
  color: #d70146;
}
.next-contents__btn.btn-red::after {
  border-top: 2px solid #d70146;
  border-right: 2px solid #d70146;
}
.next-contents__btn.btn-blue {
  border-color: #0068b7;
  color: #d70146;
}
.next-contents__btn.btn-blue::after {
  border-top: 2px solid #0068b7;
  border-right: 2px solid #0068b7;
}
.next-contents__btn.btn-green {
  border-color: #22ac38;
  color: #22ac38;
}
.next-contents__btn.btn-green::after {
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
}

/*********************************************************************************
 code
**********************************************************************************/
.code-sample {
  margin: 22px auto 0 auto;
  padding: 8px;
  border: 1px solid rgba(35, 24, 21, 0.2);
  border-radius: 8px;
  width: 100%;
  background-color: rgba(35, 24, 21, 0.95);
  box-sizing: border-box;
  overflow: scroll;
}
.code-sample code {
  line-height: 1.5;
  font-size: 0.8125rem !important;
  font-weight: normal !important;
}

/*********************************************************************************
 basic-contents__nav
**********************************************************************************/
.basic-contents__nav {
  border: 4px solid #0074bb;
}

.basic-contents__nav--title {
  padding: 18px 13px 22px 15px;
  background-color: #0074bb;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
}

.basic-contents__nav--list > li:nth-child(n+2) > a {
  border-top: 1px solid #e5e3e3;
}
.basic-contents__nav--list > li > a {
  padding: 20px 22px 20px 14px;
  display: block;
  position: relative;
  line-height: 1.4;
  font-size: 1rem;
  color: #231815;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .basic-contents__nav--list > li > a {
    font-size: 0.9375rem;
    font-weight: bold;
  }
}
.basic-contents__nav--list > li > a::before, .basic-contents__nav--list > li > a::after {
  margin-top: -3px;
  margin-right: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.basic-contents__nav--list > li > a::after {
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  display: block;
}
.basic-contents__nav--list > li > a:hover {
  border-color: transparent;
  background-color: #0074bb;
  color: #fff;
}
.basic-contents__nav--list > li > a:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}
.basic-contents__nav--list > li > a.basic-contents__nav--current {
  border: none;
  background-color: #02428c;
  color: #fff;
}
.basic-contents__nav--list > li > a.basic-contents__nav--current::before {
  margin-top: 0;
  margin-right: 23px;
  border-top: 4px solid #fff;
  display: block;
  width: 8px;
}
.basic-contents__nav--list > li > a.basic-contents__nav--current::after {
  margin-top: -5px;
  border-top-color: #fff;
  border-top-width: 3px;
  border-right: none;
  width: 12px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.has-subnav ul li a {
  padding: 14px 28px;
  border-bottom: 1px solid #e8f2f9;
  display: block;
  position: relative;
  background-color: rgba(232, 242, 249, 0.1);
  font-size: 0.875rem;
  color: #02428c;
}
.has-subnav ul li a::before, .has-subnav ul li a::after {
  margin-top: -4px;
  margin-right: 20px;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-subnav ul li a::after {
  border-top: 2px solid #02428c;
  border-right: 2px solid #02428c;
  display: block;
}
.has-subnav ul li a.basic-contents__nav--current {
  background-color: #f4f0f1;
  color: #231815;
  font-weight: bold;
}
.has-subnav ul li a.basic-contents__nav--current::before {
  margin-top: 0;
  margin-right: 23px;
  border-top: 4px solid #231815;
  display: block;
  width: 8px;
}
.has-subnav ul li a.basic-contents__nav--current::after {
  margin-top: -5px;
  margin-right: 16px;
  border-top-color: #231815;
  border-top-width: 3px;
  border-right: none;
  width: 12px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/*********************************************************************************
 tiny.css
**********************************************************************************/
.clr::after {
  content: "";
  display: block;
  clear: both;
}

.ovf-h {
  overflow: hidden;
}

.ovf-v {
  overflow: visible;
}

.pc-enter {
  display: block;
}
@media screen and (max-width: 640px) {
  .pc-enter {
    display: none;
  }
}

.text-center {
  text-align: center;
}

.mgt-mn {
  transform: translateY(-34px);
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .mgt-mn {
    transform: translateY(-19px);
  }
}

.mn-adj {
  padding-bottom: 100px;
}
@media screen and (max-width: 640px) {
  .mn-adj {
    padding-bottom: 56px;
  }
}

.mg-tmn74 {
  transform: translateY(-74px);
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .mg-tmn74 {
    transform: translateY(0);
  }
}

.mg-tmn4 {
  margin-top: -4px;
}

.mg-t56 {
  margin-top: 56px !important;
}

.mg-t35 {
  margin-top: 35px;
}

.mg-t27 {
  margin-top: 27px;
}

.mg-t22 {
  margin-top: 22px;
}

.mg-t13 {
  margin-top: 13px !important;
}

.mg-t8 {
  margin-top: 8px;
}

.mg-t0 {
  margin-top: 0 !important;
}

.mg-l13 {
  margin-left: 13px !important;
}

.pd-t56 {
  padding-top: 56px;
}
@media screen and (max-width: 640px) {
  .pd-t56 {
    padding-top: 22px;
  }
}

.pd-t35 {
  padding-top: 35px;
}
@media screen and (max-width: 640px) {
  .pd-t35 {
    padding-top: 13px;
  }
}

.pd-t22 {
  padding-top: 22px;
}

.pd-t13 {
  padding-top: 13px;
}

.pd-t8 {
  padding-top: 8px;
}

.pd-b35 {
  padding-bottom: 35px !important;
}

.pd-b56 {
  padding-bottom: 56px;
}
@media screen and (max-width: 640px) {
  .pd-b56 {
    padding-bottom: 35px;
  }
}

.pd-b92 {
  padding-bottom: 92px;
}
@media screen and (max-width: 640px) {
  .pd-b92 {
    padding-bottom: 22px;
  }
}

.no-pd .basic-wrap {
  padding: 0;
}
@media screen and (max-width: 640px) {
  .no-pd .basic-wrap {
    padding: 0 22px;
  }
}

.thumb-s {
  margin-right: 22px;
  max-width: 181px;
}
@media screen and (max-width: 640px) {
  .thumb-s {
    max-width: 100%;
  }
}

.img-full {
  width: 100%;
  height: auto;
}
.img-full img {
  width: 100%;
  height: auto;
}

.img-max img {
  max-width: 100%;
  height: auto;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

.embed-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.embed-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-text {
  line-height: 1.8;
  font-size: 0.9375rem;
}

b {
  font-weight: bold;
}

.c-blue {
  color: #0074bb;
}

.c-navy {
  color: #02428c;
}

.c-red {
  color: #d70146;
}

.c-green {
  color: #22ac38;
}

.order-1 {
  order: 1;
}
@media screen and (max-width: 640px) {
  .order-1 {
    order: 2;
  }
}

.order-2 {
  order: 2;
}

.bg-white {
  background-color: #fff;
  z-index: 0;
}
.bg-white__alpha {
  background-color: rgba(255, 255, 255, 0.95);
}

.bg-lightblue {
  background-color: #e8f2f9;
  z-index: 0;
}
.bg-lightblue__alpha {
  background-color: rgba(232, 242, 249, 0.95);
}

@media screen and (max-width: 640px) {
  .basic-section {
    padding: 0 22px;
    background-color: #fff;
  }
}

/*********************************************************************************
 form
**********************************************************************************/
.form-table {
  display: flex;
  flex-wrap: wrap;
}
.form-table dt, .form-table dd {
  margin-top: 35px;
  border-top: 2px solid rgba(35, 24, 21, 0.1);
}
.form-table dt {
  margin-right: 5%;
  width: 25%;
}
.form-table dd {
  width: 70%;
}

.form-confirm dd p {
  margin-top: 17px !important;
}

.form-attention {
  color: #d70146;
}

.form-list__title {
  margin-top: 22px;
  line-height: 1.3;
  font-size: 0.9375rem;
  font-weight: bold;
}

.form-list__note {
  margin-top: 22px;
  line-height: 1.4;
  font-size: 0.75rem;
}

.input-field {
  margin-top: 13px;
  padding: 8px 11px;
  border: none;
  border: 1px solid rgba(35, 24, 21, 0.1);
  border-radius: 0;
  background-color: rgba(35, 24, 21, 0.05);
  font-size: 0.875rem;
  box-sizing: border-box;
  appearance: none;
}
@media screen and (max-width: 768px) {
  .input-field {
    width: 100%;
    font-size: 1rem;
  }
}
.input-field::placeholder {
  color: #231815;
  opacity: 0.3;
}
.input-field.multitext {
  width: 100%;
  resize: none;
}
.input-field.multitext::placeholder {
  font-size: 0.875rem;
}
.input-field.error {
  border-color: #d70146;
  border-width: 2px;
}

.user-name,
.user-address,
.user-mail {
  width: 100%;
}

.zip-mark {
  margin: 0 0.25rem;
}

.user-zip1 {
  width: 3.25rem;
  text-align: center;
}

.user-zip2 {
  width: 4rem;
  text-align: center;
}

.note {
  font-size: 0.75rem;
}

.input-field + .note {
  display: inline-block;
}

.select-box {
  padding: 6px 11px;
  border: none;
  border: 1px solid #e5e4e5;
  border-radius: 0;
  background-color: #f6f6f9;
  font-size: 0.875rem;
  box-sizing: border-box;
  appearance: none;
}
@media screen and (max-width: 768px) {
  .select-box {
    font-size: 1rem;
  }
}
.select-box.pref {
  margin-top: 13px;
}

.chk-btn[type=checkbox] {
  display: none;
}
.chk-btn[type=checkbox]:checked + label:before {
  background-color: #02428c;
}
.chk-btn[type=checkbox]:checked + label:after {
  position: absolute;
  content: "";
  top: 6px;
  left: 7px;
  width: 7px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-50%) rotate(135deg);
}
.chk-btn[type=checkbox] + label {
  margin-top: 22px;
  position: relative;
  padding-left: 28px;
  display: inline-block;
  line-height: 1.4;
  font-size: 0.8125rem;
}
.chk-btn[type=checkbox] + label:before {
  margin-top: -8px;
  border: 1px solid #b9b9b9;
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background: #FFF;
}
.chk-btn[type=checkbox] + label:after {
  margin-top: -2px;
  margin-left: 2px;
}

.chk-list:nth-child(n+2) {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
}
.chk-list .chk-btn + label {
  margin-right: 22px;
}

.form-action {
  margin-top: 35px;
  text-align: center;
}
.form-action button, .form-action a {
  margin: 0 11px;
  padding: 18px 35px;
  border: none;
  background-color: transparent;
  line-height: 1;
  font-size: 0.9375rem;
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
  appearance: button;
}
@media screen and (max-width: 640px) {
  .form-action button, .form-action a {
    margin: 0 0 13px 0;
    padding: 13px;
    width: 100%;
  }
}
.form-action button.back-btn, .form-action a.back-btn {
  color: #000;
  background-color: #ebebeb;
}
.form-action button.submit-btn, .form-action a.submit-btn {
  background-color: #0074bb;
  color: #fff;
}

.error-box .input-field {
  border-color: #d70146;
}

.basic-box.error-box {
  border: 1px solid #d70146;
}

p.error {
  margin-top: 8px !important;
  color: #d70146;
  font-size: 0.8125rem !important;
}

/*********************************************************************************
 recruit-support
**********************************************************************************/
.opp-map {
  padding: 140px 22px;
  border-radius: 10px;
  position: relative;
  background-color: #77cbe6;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .opp-map {
    padding: 22px;
  }
}
.opp-map img {
  width: 100%;
  height: auto;
}

.opp-main {
  margin: 0 auto;
  position: relative;
  z-index: 9;
  width: 64.4329896907%;
}
@media screen and (max-width: 640px) {
  .opp-main {
    display: none;
  }
}

.opp-block {
  position: absolute;
}
@media screen and (max-width: 640px) {
  .opp-block {
    margin: 0 !important;
    position: static;
  }
}

.opp-block__column {
  padding: 13px;
  border: 5px solid #02428c;
  border-radius: 10px;
  position: absolute;
  z-index: 10;
  width: 320px;
  background-color: #fff;
  box-sizing: border-box;
  visibility: hidden;
}
@media screen and (max-width: 980px) {
  .opp-block__column {
    width: 300px;
  }
}
@media screen and (max-width: 640px) {
  .opp-block__column {
    margin-bottom: 22px;
    position: static;
    width: 100%;
    visibility: visible;
  }
}

.opp-block__img {
  display: block;
  width: 140px;
}
@media screen and (max-width: 980px) {
  .opp-block__img {
    width: 100px;
  }
}
@media screen and (max-width: 640px) {
  .opp-block__img {
    margin: 0 auto 13px auto;
    width: 50% !important;
  }
}
.opp-block__img:hover {
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .opp-block__img:hover {
    cursor: default;
  }
}
.opp-block__img:hover + .opp-block__column {
  visibility: visible;
}

.opp-1 {
  margin-left: -70px;
  top: 22px;
  left: 50%;
}
@media screen and (max-width: 980px) {
  .opp-1 {
    margin-left: -50px;
  }
}

.opp-2 {
  top: 22px;
  right: 15%;
}
.opp-2 .opp-block__column {
  right: 0;
}

.opp-3 {
  top: 20%;
  right: 22px;
}
.opp-3 .opp-block__img {
  width: 120px;
}
@media screen and (max-width: 980px) {
  .opp-3 .opp-block__img {
    width: 90px;
  }
}
.opp-3 .opp-block__column {
  right: 0;
}

.opp-4 {
  margin-top: -60px;
  top: 50%;
  right: 22px;
}
@media screen and (max-width: 980px) {
  .opp-4 {
    margin-top: -45px;
  }
}
.opp-4 .opp-block__img {
  width: 120px;
}
@media screen and (max-width: 980px) {
  .opp-4 .opp-block__img {
    width: 90px;
  }
}
.opp-4 .opp-block__column {
  right: 0;
}

.opp-5 {
  bottom: 20%;
  right: 22px;
}
.opp-5 .opp-block__img {
  width: 120px;
}
@media screen and (max-width: 980px) {
  .opp-5 .opp-block__img {
    width: 90px;
  }
}
.opp-5 .opp-block__column {
  bottom: 100%;
  right: 0;
}

.opp-6 {
  bottom: 22px;
  right: 15%;
}
.opp-6 .opp-block__img {
  width: 120px;
}
@media screen and (max-width: 980px) {
  .opp-6 .opp-block__img {
    width: 90px;
  }
}
.opp-6 .opp-block__column {
  bottom: 100%;
  right: 0;
}

.opp-7 {
  margin-left: -70px;
  bottom: 22px;
  left: 50%;
}
@media screen and (max-width: 980px) {
  .opp-7 {
    margin-left: -50px;
  }
}
.opp-7 .opp-block__column {
  bottom: 100%;
}

.opp-8 {
  bottom: 22px;
  left: 15%;
}
.opp-8 .opp-block__column {
  bottom: 100%;
}

.opp-9 {
  bottom: 20%;
  left: 22px;
}
.opp-9 .opp-block__img {
  width: 120px;
}
@media screen and (max-width: 980px) {
  .opp-9 .opp-block__img {
    width: 90px;
  }
}
.opp-9 .opp-block__column {
  bottom: 100%;
}

.opp-10 {
  margin-top: -60px;
  top: 50%;
  left: 22px;
}
@media screen and (max-width: 980px) {
  .opp-10 {
    margin-top: -45px;
  }
}
.opp-10 .opp-block__img {
  width: 120px;
}
@media screen and (max-width: 980px) {
  .opp-10 .opp-block__img {
    width: 90px;
  }
}

.opp-11 {
  top: 20%;
  left: 22px;
}
.opp-11 .opp-block__img {
  width: 120px;
}
@media screen and (max-width: 980px) {
  .opp-11 .opp-block__img {
    width: 90px;
  }
}

.opp-12 {
  top: 22px;
  left: 15%;
}

.opp-block__label .basic-label {
  margin-right: 5px;
  margin-bottom: 5px;
}

.opp-block__title--l {
  line-height: 1.3;
  font-size: 1.125rem;
  font-weight: bold;
}

.opp-block__title--m {
  margin-top: 22px;
  line-height: 1.3;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #02428c;
}

.basic-wrap p.opp-block__copy {
  margin-top: 8px;
}

/*********************************************************************************
 ecomuseum
**********************************************************************************/
.ecomuseum-map {
  position: relative;
}

.ecomuseum-map__nav li {
  display: inline-block;
}
.ecomuseum-map__nav li:nth-child(n+2) {
  margin-top: 13px;
  margin-right: 22px;
}
.ecomuseum-map__nav .ecomuseum-map__pin {
  padding-top: 3px;
  padding-left: 30px;
  display: block;
  position: relative;
  line-height: 1.3;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.ecomuseum-map__nav .pin-num {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #d70146;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

/*********************************************************************************
 campus-map
**********************************************************************************/
.caumpus-map {
  margin: 35px auto 0 auto;
  width: 80%;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .caumpus-map {
    margin: 35px 22px 0 22px;
    width: auto;
  }
}

.campus-map__list.grid-col__3 .grid-col {
  margin-top: 22px;
}

.campus-map__list--title {
  padding-left: 30px;
  position: relative;
  display: inline-block;
  line-height: 1.3;
}

.campus-map__list--num {
  margin-right: 8px;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-color: #d70146;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .campus-map__list--num {
    font-size: 0.8125rem;
  }
}

/*********************************************************************************
hack-c5
**********************************************************************************/
.ccm-toolbar-visible #fix-header.js-scroll {
  top: 48px;
}
.ccm-toolbar-visible .heading-img__fixed,
.ccm-toolbar-visible .contents-heading__img {
  margin-top: -154px;
}
.ccm-toolbar-visible .contents-heading {
  top: 229px;
}
.ccm-toolbar-visible .contents-heading.contents-heading__img {
  top: 0;
}

.ccm-area-block-list .heading-img__fixed {
  position: static;
}

@media screen and (max-width: 640px) {
  div.ccm-page {
    padding-top: 0 !important;
  }
}

.login-form {
  margin: 22px auto;
  padding: 0 22px 22px 22px;
  border: 1px solid rgba(0, 116, 187, 0.2);
  display: inline-block;
  width: auto;
  background-color: rgba(0, 116, 187, 0.05);
}
.login-form .btn {
  margin-top: 22px;
  display: block;
  font-size: 0.8125rem;
}
.login-form .btn-primary {
  padding: 6px 8px;
  background-color: #0074bb;
  border: none;
  border-radius: 4px;
  width: 100%;
  font-size: 0.9375rem;
  cursor: pointer;
  outline: none;
  color: #fff;
  appearance: none;
}

.form-group {
  margin-bottom: 13px;
}

.checkbox {
  margin-bottom: 22px;
}
.checkbox label {
  font-size: 0.8125rem;
}

.ccm-system-errors {
  margin-top: 13px;
  line-height: 1.5;
  font-size: 0.8125rem;
  color: #d70146;
}

.flow_msg {
  line-height: 1.6;
  font-size: 1.125rem !important;
  color: #d70146 !important;
}

.bus-cal__heading {
  margin-top: 35px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .bus-cal__heading {
    text-align: left;
  }
}

.bus-cal__heading--main {
  line-height: 1.2;
  font-size: 1.75rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .bus-cal__heading--main {
    text-align: center;
  }
}

.bus-cal__heading--sub {
  font-size: 1rem;
  color: #0074bb;
}
@media screen and (max-width: 640px) {
  .bus-cal__heading--sub {
    text-align: center;
  }
}

.bus-cal__modal--btn {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 980px) {
  .bus-cal__modal--btn {
    right: 22px;
  }
}
@media screen and (max-width: 640px) {
  .bus-cal__modal--btn {
    margin-top: 22px;
    position: static;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .bus-cal__modal--btn .basic-btn {
    padding: 13px 8px !important;
  }
}

.no_disp {
  font-size: 1.375rem !important;
}

.bus_main {
  margin-top: 35px;
}
@media screen and (max-width: 640px) {
  .bus_main {
    padding: 0 22px;
    box-sizing: border-box;
  }
}
.bus_main table th, .bus_main table td {
  padding: 8px 0 !important;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .tobu,
.jr {
    float: none !important;
    width: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .jr {
    margin-top: 35px;
  }
}

.tobu_att {
  margin-top: 13px;
  line-height: 1.6;
  font-size: 0.8125rem;
}

.modalDialog {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(2, 66, 140, 0.8) !important;
  opacity: 0;
}
.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}
.modalDialog > div {
  margin: 22px !important;
  padding: 22px !important;
  width: 100% !important;
  max-width: 480px;
  box-sizing: border-box;
}

.caltbl_title a {
  font-size: 0.9375rem;
}

.close {
  padding: 11px;
  border: 2px solid #fff;
  border-radius: 50% !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  top: -22px !important;
  right: -22px !important;
  width: 44px !important;
  height: 44px !important;
  background: #0074bb !important;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .close {
    right: -14px !important;
  }
}
.close span {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
}
.close span:first-child {
  transform: translate(0px, 5px) rotate(45deg);
}
.close span:nth-child(2) {
  transform: translate(0px, -4px) rotate(-45deg);
}

.remnth {
  margin-top: 0 !important;
}

.calender_info tbody tr:first-child th {
  border-color: #888;
}

.color_info li {
  line-height: 1.4;
  font-size: 0.8125rem;
}

/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 search-results
**********************************************************************************/
#search .site-main .search-box {
  padding: 35px 0;
}
#search .site-main #searchResults {
  margin: 35px 0;
  width: 100%;
}
#search .site-main .ccm-search-block-form {
  padding: 22px;
  background-color: #f2f2f2;
  align-items: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 640px) {
  #search .site-main .ccm-search-block-form {
    display: flex;
    flex-wrap: wrap;
  }
}
#search .site-main .ccm-search-block-form h3 {
  margin-right: 22px;
  display: inline-block;
  font-size: 1rem;
}
@media screen and (max-width: 640px) {
  #search .site-main .ccm-search-block-form h3 {
    margin-bottom: 13px;
    display: block;
    width: 100%;
  }
}
#search .site-main .ccm-search-block-text {
  padding: 6px 8px;
  border: 2px solid #0074bb;
  border-radius: 4px;
  width: 280px;
  background-color: #02428c;
  font-size: 0.875rem;
  color: #fff;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
#search .site-main .ccm-search-block-text::placeholder {
  color: #fff;
}
#search .site-main .ccm-search-block-text:-ms-input-placeholder {
  color: #fff;
}
@media screen and (max-width: 640px) {
  #search .site-main .ccm-search-block-text {
    width: 80%;
    font-size: 1rem;
  }
}
#search .site-main .ccm-search-block-submit {
  margin-left: 13px;
  padding: 6px 8px;
  background-color: #0074bb;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  color: #fff;
  -webkit-box-sizing: content-box !important;
  -webkit-appearance: button !important;
  appearance: button !important;
}
#search .site-main .searchResult {
  margin: 0 !important;
  padding: 22px 35px 22px 22px;
  background-color: #fff;
}
#search .site-main .searchResult:nth-child(n+2) {
  border-top: 1px solid #e7e7e7;
}
#search .site-main .searchResult h3 a {
  line-height: 1.3;
  font-size: 1.375rem;
}
#search .site-main .searchResult p {
  line-height: 1.6;
  font-size: 0.9375rem;
}
#search .site-main .searchResult .pageLink {
  margin-top: 13px;
}

/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 home
**********************************************************************************/
@media screen and (max-width: 640px) {
  #home .container {
    padding: 0 22px;
  }
}

.home-emergency__news {
  margin-top: -94px;
  margin-bottom: 94px;
}
.home-emergency__news .basic-wrap {
  margin: 0 auto;
  max-width: 768px;
}
.home-emergency__news .basic-btn {
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 0.9375rem;
}
@media screen and (max-width: 640px) {
  .home-emergency__news .basic-btn {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 640px) {
  .home-emergency__news .grid-col {
    margin-top: 8px;
  }
}

.home-feature__carousel {
  padding: 22px 0 56px 0;
  position: relative;
  overflow: visible;
}

.home-feature__carousel--list {
  margin-top: -56px;
  box-sizing: border-box;
}
.home-feature__carousel--list .swiper-slide {
  position: relative;
  background-color: #231815;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  transition: all 0.4s;
}
.home-feature__carousel--list .swiper-slide img {
  width: 100%;
  height: auto;
  opacity: 0.7;
  transition: all 0.4s;
}
.home-feature__carousel--list .swiper-slide-active {
  z-index: 10;
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .home-feature__carousel--list .swiper-slide-active {
    transform: scale(1.7);
  }
}
.home-feature__carousel--list .swiper-slide-active img {
  opacity: 1;
}

.home-carousel__button {
  margin: 0 auto;
  position: absolute;
  bottom: 59%;
  left: 30.8%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 38.5%;
  z-index: 10;
}
@media screen and (max-width: 980px) {
  .home-carousel__button {
    bottom: 63%;
  }
}
@media screen and (max-width: 768px) {
  .home-carousel__button {
    left: 0;
    width: 100%;
  }
}
.home-carousel__button--next, .home-carousel__button--prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #02428c;
}
.home-carousel__button--next::before, .home-carousel__button--prev::before {
  margin-left: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home-carousel__button--prev {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.home-carousel__pagination {
  display: inline-block;
  position: static;
  text-align: center;
}
.home-carousel__pagination .swiper-pagination-bullet,
.home-carousel__pagination .swiper-pagination-bullet-active {
  background: #02428c;
}
.home-carousel__pagination .swiper-pagination-bullet {
  opacity: 0.3;
}
.home-carousel__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.college__guide--list {
  margin-top: -35px;
  margin-left: -3.1705227078%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .college__guide--list {
    margin-left: 0;
  }
}

.college__guide--cell {
  margin-top: 35px;
  margin-left: 3.1705227078%;
  width: 30.1628106255%;
}
@media screen and (max-width: 768px) {
  .college__guide--cell {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.college__guide--cell a:hover .collge-guide__block--thumb img {
  transform: scale(1.3);
  opacity: 0.4;
}

.college__guide--block {
  position: relative;
  display: block;
  width: 100%;
  height: 233px;
  background-color: #231815;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .college__guide--block {
    height: 148px;
  }
}

.college-guide__block--column {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-content: center;
}

.collge-guide__block--thumb {
  position: absolute;
  z-index: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .collge-guide__block--thumb {
    display: block;
  }
}
.collge-guide__block--thumb img {
  width: 100%;
  height: auto;
  transform-origin: 50% 0;
  opacity: 0.7;
  transition: all 0.3s;
}

.collge-guide__block--title {
  width: 100%;
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .collge-guide__block--title {
    font-size: 1.375rem;
  }
}

.collge-guide__block--more {
  margin-top: 22px;
  padding: 13px 56px;
  display: inline-block;
  position: relative;
  background-color: #0074bb;
  font-size: 0.75rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .collge-guide__block--more {
    padding: 11px 35px;
    font-size: 0.625rem;
  }
}
.collge-guide__block--more::before {
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: 13px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*********************************************************************************
 home-mainvisual
**********************************************************************************/
.home-mainvisual__movie {
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .home-mainvisual__movie {
    top: -56px;
  }
}
.home-mainvisual__movie video {
  left: 50%;
  max-height: initial;
  max-width: initial;
  min-height: 100vh;
  min-width: 100%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#background,
#background-front {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -2;
}

#background iframe {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
}

.movie-authour {
  position: absolute;
  top: 170px;
  right: 22px;
  color: #fff;
  font-size: 0.625rem;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .movie-authour {
    top: 100px;
  }
}
@media screen and (max-width: 640px) {
  .movie-authour {
    top: 70px;
    right: 13px;
    font-size: 0.5rem;
  }
}

.home-mainvisual {
  padding: 94px 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  height: 67.1666666667vh;
  box-sizing: border-box;
  transform: translateY(-68px);
}
@media screen and (max-width: 768px) {
  .home-mainvisual {
    height: 60vh;
  }
}

.home-mainvisual__cacth--main, .home-mainvisual__cacth--sub {
  font-weight: bold;
  color: #fff;
  mix-blend-mode: exclusion;
  opacity: 0;
  transform: translateX(-35px);
  transition: all 1s;
}
.home-mainvisual__cacth--main {
  margin-top: 68px;
  margin-left: 4.6666666667%;
  line-height: 1.3;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .home-mainvisual__cacth--main {
    margin-top: 94px;
    font-size: 2rem;
  }
}
.home-mainvisual__cacth--sub {
  margin-top: 13px;
  margin-left: 4.6666666667%;
  display: block;
  width: 100%;
  font-size: 1.125rem;
  transition-delay: 0.3s;
}
@media screen and (max-width: 768px) {
  .home-mainvisual__cacth--sub {
    font-size: 0.875rem;
  }
}

.appeared .home-mainvisual__cacth--main, .appeared .home-mainvisual__cacth--sub {
  transform: translateX(0);
  opacity: 1;
}

.movie-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: movie-loader-animation 1s alternate;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 768px) {
  .movie-loader {
    top: 35%;
  }
}

@keyframes movie-loader-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.half-circle-spinner, .half-circle-spinner * {
  box-sizing: border-box;
}

.half-circle-spinner {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  position: relative;
}

.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: calc(60px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
  border-top-color: #0074bb;
  animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
  border-bottom-color: #0074bb;
  animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*********************************************************************************
 special-contents
**********************************************************************************/
.special-contents__carousel {
  margin: 0 22px;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .special-contents__carousel {
    margin: 0;
  }
}
.special-contents__carousel .swiper-slide {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  transition: all 0.4s;
}
.special-contents__carousel .swiper-slide img {
  width: 100%;
  height: auto;
}

.special-contents__button--next,
.special-contents__button--prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 24%;
  z-index: 10;
  width: 48px;
  height: 48px;
  background-color: #02428c;
}
.special-contents__button--next::before,
.special-contents__button--prev::before {
  margin-left: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1200px) {
  .special-contents__button--next,
.special-contents__button--prev {
    top: 22%;
  }
}
@media screen and (max-width: 980px) {
  .special-contents__button--next,
.special-contents__button--prev {
    top: 18%;
  }
}
@media screen and (max-width: 768px) {
  .special-contents__button--next,
.special-contents__button--prev {
    top: 24%;
  }
}
@media screen and (max-width: 640px) {
  .special-contents__button--next,
.special-contents__button--prev {
    top: 24%;
  }
}
@media screen and (max-width: 480px) {
  .special-contents__button--next,
.special-contents__button--prev {
    top: 14%;
  }
}

.special-contents__button--next {
  right: -22px;
}
@media screen and (max-width: 768px) {
  .special-contents__button--next {
    right: -22px;
  }
}
.special-contents__button--prev {
  left: -22px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  .special-contents__button--prev {
    left: -22px;
  }
}
.special-contents__pagination {
  margin-top: 35px;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .special-contents__pagination {
    margin-top: 13px;
    margin-bottom: 35px;
  }
}

/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 department
**********************************************************************************/
.course-grid .grid-col {
  position: relative;
  background-color: #231815;
}
.course-grid.grid-col__3 {
  margin-left: 0;
}
.course-grid.grid-col__3 .grid-col {
  margin-top: 0;
  margin-left: 0;
  width: 33.333%;
}
@media screen and (max-width: 640px) {
  .course-grid.grid-col__3 .grid-col {
    margin-top: 8px;
    width: 100%;
  }
}
.course-grid.grid-col__2 {
  margin-left: 0;
}
.course-grid.grid-col__2 .grid-col {
  margin-top: 0;
  margin-left: 0;
  width: 50%;
}
@media screen and (max-width: 640px) {
  .course-grid.grid-col__2 .grid-col {
    margin-top: 8px;
    width: 100%;
  }
}
.course-grid .basic-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.7;
}

.department-course__list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 640px) {
  .course__grid-3 {
    margin: 0 22px;
  }
}
.course__grid-3 .department-course__cell {
  width: 33.3333333333%;
}
@media screen and (max-width: 640px) {
  .course__grid-3 .department-course__cell {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .course__grid-2 {
    margin: 0 22px;
  }
}
.course__grid-2 .department-course__cell {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .course__grid-2 .department-course__cell {
    width: 100%;
  }
}

.course-grid .basic-img {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .course-grid .basic-img {
    display: block;
  }
}
.course-grid .basic-img img {
  width: 100%;
  height: auto;
  transform-origin: 50% 50%;
  transform: scale(2);
  transition: all 0.3s;
  opacity: 0.7;
}
.course-grid .grid-col:hover .basic-img img {
  transform: scale(2.3);
  opacity: 0.4;
}

.department-course__block--column {
  padding: 94px 0;
  position: relative;
  z-index: 1;
  display: block;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .department-course__block--column {
    padding: 35px 22px;
    position: relative;
    box-sizing: border-box;
  }
}
.department-course__block--column .new-icon {
  font-size: 0.8125rem;
  color: #ffe100;
  font-weight: bold;
}

.department-course__block--tag {
  padding: 8px 13px;
  display: inline-block;
  color: #fff;
  font-size: 0.75rem;
}

.tag-red {
  background-color: #d70146;
}

.tag-blue {
  background-color: #0068b7;
}

.tag-green {
  background-color: #22ac38;
}

.tag-darkgreen {
  background-color: #4a7378;
}

.department-course__block--title {
  margin-top: 22px;
  display: block;
  width: 100%;
  line-height: 1.4;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .department-course__block--title {
    margin-top: 13px;
    font-size: 1.375rem;
  }
}

.department-course__block--text {
  margin-top: 22px;
  display: block;
  width: 100%;
  line-height: 1.4;
  font-size: 0.875rem;
  text-align: center;
  color: #fff;
  opacity: 0.8;
}
@media screen and (max-width: 640px) {
  .department-course__block--text {
    margin-top: 13px;
    font-size: 0.75rem;
  }
}

.graduate-course__list {
  display: flex;
  flex-wrap: wrap;
}
.graduate-course__list.course__grid-2 {
  margin-left: -4.296875%;
}
@media screen and (max-width: 640px) {
  .graduate-course__list.course__grid-2 {
    margin: 0 22px;
  }
}
.graduate-course__list.course__grid-2 .graduate-course__list--cell {
  margin-left: 4.296875%;
  width: 45.703125%;
}
@media screen and (max-width: 640px) {
  .graduate-course__list.course__grid-2 .graduate-course__list--cell {
    margin-left: 0;
    width: 100%;
  }
}

.graduate-course__list--cell {
  margin-top: 35px;
}

.graduate-course__link {
  padding: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #4a7378;
  color: #fff;
  font-size: 1.125rem;
}
@media screen and (max-width: 640px) {
  .graduate-course__link {
    padding: 13px;
    font-size: 1rem;
  }
}
.graduate-course__link::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 0.05rem;
}

.related-course .graduate-course__link {
  background-color: #656c73;
}

.graduate-course__title--sub {
  margin-top: 22px;
  line-height: 1.4;
  font-size: 1.125rem;
  color: #4a7378;
}
@media screen and (max-width: 640px) {
  .graduate-course__title--sub {
    font-size: 1rem;
  }
}

.graduate-course__colmn {
  padding: 0 22px 22px 22px;
  background-color: #f2f2f2;
  overflow: hidden;
}

.graduate-course__text {
  margin-top: 22px;
  line-height: 1.4;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .graduate-course__text {
    margin-top: 8px;
    font-size: 0.8125rem;
  }
}

.couse-main__img--list .swiper-slide img {
  width: 100%;
  height: auto;
}

/*********************************************************************************
 course
**********************************************************************************/
.course-heading {
  padding: 22px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .course-heading {
    padding: 22px 13px;
  }
}
.course-heading .new-icon {
  margin-left: 8px;
  color: #ffe100;
  font-size: 1.125rem;
  font-weight: bold;
  vertical-align: 1.75rem;
}
@media screen and (max-width: 768px) {
  .course-heading .new-icon {
    font-size: 0.8125rem;
    vertical-align: 0.75rem;
  }
}

.course-heading__title span {
  line-height: 1.3;
  color: #fff;
}
.course-heading__title--sub {
  display: block;
  font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
  .course-heading__title--sub {
    font-size: 0.875rem;
    font-weight: bold;
  }
}
.course-heading__title--main {
  margin-top: 13px;
  display: inline-block;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .course-heading__title--main {
    margin-top: 8px;
    font-size: 1.75rem;
    font-weight: bold;
  }
}

.course-sns__list {
  padding: 8px 22px;
  border-radius: 22px;
  position: absolute;
  top: 16px;
  right: 22px;
  display: flex;
  align-items: center;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .course-sns__list {
    padding: 5px 13px;
    top: 13px;
    right: 13px;
  }
}

.course-sns__list--title {
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .course-sns__list--title {
    font-size: 0.75rem;
  }
}

.course-sns__list--cell {
  margin-left: 22px;
}
@media screen and (max-width: 768px) {
  .course-sns__list--cell {
    margin-left: 11px;
  }
}
.course-sns__list--cell a {
  color: #231815;
}

.course-sns__icon {
  margin-right: 11px;
  width: 22px;
  height: 22px;
  vertical-align: -0.4rem;
}
@media screen and (max-width: 768px) {
  .course-sns__icon {
    margin-right: 0;
    width: 18px;
    height: 18px;
    vertical-align: -0.1rem;
  }
}

.course-sns__label {
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .course-sns__label {
    display: none;
  }
}

.course-main__pagination {
  padding: 6px 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.course-main__pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.8;
}

.pagination-red .swiper-pagination-bullet-active {
  background-color: #d70146;
  opacity: 1;
}

.course-main__button--next, .course-main__button--prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 48px;
  height: 48px;
  background-color: #d70146;
}
.course-main__button--next::before, .course-main__button--prev::before {
  margin-left: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.course-main__button--next {
  right: 0;
}
.course-main__button--prev {
  right: 49px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.course-nav {
  margin-bottom: 30px;
  border: 4px solid #d70146;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .course-nav {
    margin-top: 35px;
  }
}

.course-nav__list li:nth-child(n+2) {
  border-top: 1px solid #e5e3e3;
}
.course-nav__list li a {
  padding: 20px 16px;
  display: block;
  position: relative;
  font-size: 0.9375rem;
  color: #231815;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .course-nav__list li a {
    font-size: 0.875rem;
    font-weight: bold;
  }
}
.course-nav__list li a::after {
  margin-top: -3px;
  margin-right: 16px;
  border-top: 2px solid #d70146;
  border-right: 2px solid #d70146;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.course-nav__list li a.basic-contents__nav--current {
  position: relative;
  color: #231815;
  font-weight: bold;
}
.course-nav__list li a.basic-contents__nav--current::before, .course-nav__list li a.basic-contents__nav--current::after {
  margin-top: -3px;
  margin-right: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.course-nav__list li a.basic-contents__nav--current::before {
  margin-top: 0;
  margin-right: 24px;
  border-top: 4px solid #231815;
  display: block;
  width: 8px;
}
.course-nav__list li a.basic-contents__nav--current::after {
  margin-top: -5px;
  border-top-color: #231815;
  border-top-width: 3px;
  border-right: none;
  width: 12px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.glb-side__nav {
  padding: 2px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .glb-side__nav {
    margin-bottom: 35px;
  }
}

.glb-side__nav--label {
  padding: 13px 18px;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .glb-side__nav--label {
    font-size: 0.875rem;
  }
}

.glb-side__nav--branch li a {
  padding: 13px 17px;
  position: relative;
  display: block;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #231815;
  transition: all 0.3s;
}
.glb-side__nav--branch li a::before, .glb-side__nav--branch li a::after {
  margin-top: -3px;
  margin-right: 16px;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.glb-side__nav--branch li a::after {
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  display: block;
}
.glb-side__nav--branch li a:hover {
  border-color: transparent;
  background-color: #0074bb;
  color: #fff;
}
.glb-side__nav--branch li a:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}
.glb-side__nav--branch li a.current::before {
  margin-top: 0;
  margin-right: 23px;
  border-top: 4px solid #fff;
  display: block;
  width: 8px;
}
.glb-side__nav--branch li a.current::after {
  margin-top: -5px;
  border-top-color: #fff;
  border-top-width: 3px;
  border-right: none;
  width: 12px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.glb-side__nav--branch li:nth-child(n+2) {
  border-top: 1px solid #e7e7e7;
}

.branch-a li a::after {
  border-top: 2px solid #d70146;
  border-right: 2px solid #d70146;
}
.branch-a li a:hover, .branch-a li a.current {
  background-color: rgba(215, 1, 70, 0.85);
  color: #fff;
}
.branch-a li a:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}

.branch-b li a::after {
  border-top: 2px solid #0068b7;
  border-right: 2px solid #0068b7;
}
.branch-b li a:hover, .branch-b li a.current {
  background-color: rgba(0, 104, 183, 0.85);
  color: #fff;
}
.branch-b li a:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}

.branch-c li a::after {
  border-top: 2px solid #22ac38;
  border-right: 2px solid #22ac38;
}
.branch-c li a:hover, .branch-c li a.current {
  background-color: rgba(34, 172, 56, 0.85);
  color: #fff;
}
.branch-c li a:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}

.glb-side__nav--tree li a {
  padding: 20px 16px;
  position: relative;
  display: block;
  color: #fff;
  font-size: 0.9375rem;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .glb-side__nav--tree li a {
    font-size: 0.875rem;
    font-weight: bold;
  }
}
.glb-side__nav--tree li a::after {
  margin-top: -4px;
  margin-right: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tree-department li a {
  background-color: #656c73;
}
.tree-department li a:hover {
  background-color: #231815;
}
.tree-department li:nth-child(even) a {
  background-color: rgba(101, 108, 115, 0.8);
}
.tree-department li:nth-child(even) a:hover {
  background-color: #231815;
}

.tree-course {
  margin-top: 2px;
}
.tree-course li a {
  background-color: #4a7378;
}
.tree-course li a:hover {
  background-color: #231815;
}
.tree-course li:nth-child(even) a {
  background-color: rgba(74, 115, 120, 0.8);
}
.tree-course li:nth-child(even) a:hover {
  background-color: #231815;
}

.tree-default li {
  margin-top: 2px;
}
.tree-default li a {
  background-color: #4f4644;
}
.tree-default li a:hover {
  background-color: #231815;
}

/*********************************************************************************
 label
**********************************************************************************/
#machine .basic-heading__ll {
  background-color: rgba(35, 24, 21, 0.8);
}
#machine .basic-heading__l:before,
#machine .basic-heading__m:before {
  background-color: #d70146;
}
#machine .course-nav__list li a:hover {
  background-color: rgba(215, 1, 70, 0.1);
}
#machine .course-nav__list .basic-contents__nav--current {
  background-color: rgba(215, 1, 70, 0.1);
}
#machine .course-nav__list .basic-contents__nav--current + ul li a {
  line-height: 1.5;
}
#machine .course-nav__list .basic-contents__nav--current + ul li a:hover, #machine .course-nav__list .basic-contents__nav--current + ul li a.basic-contents__nav--current {
  background-color: rgba(215, 1, 70, 0.05);
}

#robotics .basic-heading__ll {
  background-color: rgba(35, 24, 21, 0.8);
}
#robotics .basic-heading__l:before,
#robotics .basic-heading__m:before {
  background-color: #0068b7;
}
#robotics .course-nav__list li a:hover {
  background-color: rgba(0, 104, 183, 0.1);
}
#robotics .course-nav__list .basic-contents__nav--current {
  background-color: rgba(0, 104, 183, 0.1);
}
#robotics .course-nav__list .basic-contents__nav--current::before {
  border-top-color: #0068b7;
}
#robotics .course-nav__list .basic-contents__nav--current + ul li a {
  line-height: 1.5;
}
#robotics .course-nav__list .basic-contents__nav--current + ul li a:hover, #robotics .course-nav__list .basic-contents__nav--current + ul li a.basic-contents__nav--current {
  background-color: rgba(0, 104, 183, 0.05);
}

#architecture .basic-heading__ll {
  background-color: rgba(35, 24, 21, 0.8);
}
#architecture .basic-heading__l:before,
#architecture .basic-heading__m:before {
  background-color: #22ac38;
}
#architecture .course-nav__list li a:hover {
  background-color: rgba(34, 172, 56, 0.1);
}
#architecture .course-nav__list .basic-contents__nav--current {
  background-color: rgba(34, 172, 56, 0.1);
}
#architecture .course-nav__list .basic-contents__nav--current::before {
  border-top-color: #22ac38;
}
#architecture .course-nav__list .basic-contents__nav--current + ul li a {
  line-height: 1.5;
}
#architecture .course-nav__list .basic-contents__nav--current + ul li a:hover, #architecture .course-nav__list .basic-contents__nav--current + ul li a.basic-contents__nav--current {
  background-color: rgba(34, 172, 56, 0.05);
}

.label-department {
  background-color: #4f4644;
}

.label-red {
  background-color: #d70146;
}
.label-red .basic-heading__ll,
.label-red .basic-heading__l,
.label-red .basic-contents {
  background-color: transparent;
}
.label-red .basic-heading__ll a,
.label-red .basic-heading__l a,
.label-red .basic-contents a {
  color: #fff;
}

.label-blue {
  background-color: #0068b7;
}
.label-blue .basic-heading__ll,
.label-blue .basic-heading__l,
.label-blue .basic-contents {
  background-color: transparent;
}
.label-blue .basic-heading__ll a,
.label-blue .basic-heading__l a,
.label-blue .basic-contents a {
  color: #fff;
}
.label-blue .course-nav {
  border-color: #0068b7;
}
.label-blue .course-nav__list li a::after {
  border-top-color: #0068b7;
  border-right-color: #0068b7;
}

.label-green {
  background-color: #22ac38;
}
.label-green .basic-heading__ll,
.label-green .basic-heading__l,
.label-green .basic-contents {
  background-color: transparent;
}
.label-green .basic-heading__ll a,
.label-green .basic-heading__l a,
.label-green .basic-contents a {
  color: #fff;
}
.label-green .course-nav {
  border-color: #22ac38;
}
.label-green .course-nav__list li a::after {
  border-top-color: #22ac38;
  border-right-color: #22ac38;
}

.label-gray {
  background-color: #656c73;
}
.label-gray .basic-heading__ll,
.label-gray .basic-heading__l,
.label-gray .basic-contents {
  background-color: transparent;
}
.label-gray .basic-heading__ll a,
.label-gray .basic-heading__l a,
.label-gray .basic-contents a {
  color: #fff;
}
.label-gray .course-nav {
  border-color: #656c73;
}
.label-gray .course-nav__list li a::after {
  border-top-color: #656c73;
  border-right-color: #656c73;
}

/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
article-block
**********************************************************************************/
.article-block {
  display: flex;
  color: #231815;
}

.article-block__img img {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}

.article-block__tag span {
  padding: 6px 8px;
  display: inline-block;
  background-color: #02428c;
  color: #fff;
  font-size: 0.75rem;
}
.article-block__tag span.important {
  background-color: #d70146;
}

.article-block__title {
  margin-top: 13px;
  line-height: 1.4;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .article-block__title {
    font-size: 0.875rem;
    font-weight: bold;
  }
}

.article-block__update {
  margin-top: 13px;
  display: block;
  font-size: 0.75rem;
  opacity: 0.6;
}

.article-block__text {
  margin-top: 13px;
  line-height: 1.6;
  font-size: 0.875rem;
}

.article-block__more {
  margin-top: 13px;
  font-size: 0.875rem;
  color: #0074bb;
}
.article-block__more::after {
  margin-left: 6px;
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 0.05rem;
}

.article-list__grid-v .thumb-s {
  width: 34%;
}
.article-list__grid-v .article-block__column {
  width: 66%;
}

@media screen and (max-width: 768px) {
  .article-block__main .article-block {
    flex-wrap: wrap;
  }
}
.article-block__main .article-block__img {
  width: 58.1632653061%;
}
@media screen and (max-width: 768px) {
  .article-block__main .article-block__img {
    width: 100%;
  }
}
.article-block__main .article-block__column {
  margin-left: 3.5714285714%;
  width: 38.2653061224%;
}
@media screen and (max-width: 768px) {
  .article-block__main .article-block__column {
    margin-top: 13px;
    margin-left: 0;
    width: 100%;
  }
}
.article-block__main .article-block__tag span {
  font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .article-block__main .article-block__tag span {
    font-size: 0.75rem;
  }
}
.article-block__main .article-block__title {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .article-block__main .article-block__title {
    font-size: 1.25rem;
  }
}
.article-block__main .article-block__update {
  font-size: 0.875rem;
}

.article-list {
  display: flex;
  flex-wrap: wrap;
}

.article-list__grid-1 {
  border-top: 1px solid rgba(0, 116, 187, 0.1);
}
.article-list__grid-1 .article-list__cell {
  border-bottom: 1px solid rgba(0, 116, 187, 0.05);
  width: 100%;
}
.article-list__grid-1 .article-list__cell:nth-child(odd) {
  background-color: rgba(0, 116, 187, 0.05);
}
.article-list__grid-1 .article-list__cell a {
  padding: 35px 22px;
  position: relative;
}
@media screen and (max-width: 640px) {
  .article-list__grid-1 .article-list__cell a {
    padding: 22px 13px;
  }
}
.article-list__grid-1 .article-list__cell a::after {
  margin-top: -6px;
  margin-right: 22px;
  border-top: 2px solid #02428c;
  border-right: 2px solid #02428c;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.article-list__grid-1 .article-block__img img {
  width: 181px;
}
@media screen and (max-width: 640px) {
  .article-list__grid-1 .article-block__img img {
    width: 112px;
  }
}
.article-list__grid-1 .article-block__column {
  margin: 0 22px;
}

.article-list__grid-2 {
  margin-left: -4.296875%;
}
@media screen and (max-width: 768px) {
  .article-list__grid-2 {
    margin-left: 0;
  }
}
.article-list__grid-2 .article-list__cell {
  margin-top: 35px;
  margin-left: 4.296875%;
  width: 45.703125%;
}
@media screen and (max-width: 768px) {
  .article-list__grid-2 .article-list__cell {
    margin-left: 0;
    width: 100%;
  }
}
.article-list__grid-2 .article-block__img {
  width: 38.6752136752%;
}
.article-list__grid-2 .article-block__column {
  margin-left: 4.7008547009%;
  width: 57.0512820513%;
}

.article-list__grid-3 {
  margin-left: -3.7328094303%;
}
@media screen and (max-width: 768px) {
  .article-list__grid-3 {
    margin-left: 0;
  }
}
.article-list__grid-3 .article-list__cell {
  margin-left: 3.7328094303%;
  width: 29.4695481336%;
}
@media screen and (max-width: 768px) {
  .article-list__grid-3 .article-list__cell {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .article-list__grid-3 .article-list__cell:nth-child(n+2) {
    margin-top: 35px;
  }
}
.article-list__grid-3 .article-block {
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .article-list__grid-3 .article-block {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .article-list__grid-3 .article-block__img {
    width: 38.6752136752%;
  }
}
.article-list__grid-3 .article-block__column {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .article-list__grid-3 .article-block__column {
    margin-top: 0;
    margin-left: 4.7008547009%;
    width: 57.0512820513%;
  }
}

.article-list__grid-horizontal {
  padding: 0 35px;
  border: 3px solid #231815;
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .article-list__grid-horizontal {
    padding: 0 22px;
  }
}
.article-list__grid-horizontal .article-list__cell {
  width: 100%;
}
.article-list__grid-horizontal .article-list__cell:nth-child(n+2) {
  border-top: 3px solid #231815;
}
.article-list__grid-horizontal .article-block {
  padding: 20px 0;
  position: relative;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .article-list__grid-horizontal .article-block {
    flex-wrap: wrap;
  }
}
.article-list__grid-horizontal .article-block::after {
  margin-top: -4px;
  margin-right: 13px;
  border-top: 2px solid #231815;
  border-right: 2px solid #231815;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .article-list__grid-horizontal .article-block::after {
    top: auto;
    margin-right: 2px;
    bottom: 24px;
    opacity: 0.3;
  }
}
.article-list__grid-horizontal .article-block__update,
.article-list__grid-horizontal .article-block__title {
  margin-top: 0;
}
.article-list__grid-horizontal .article-block__tag,
.article-list__grid-horizontal .article-block__title {
  margin-left: 22px;
}
.article-list__grid-horizontal .article-block__update {
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .article-list__grid-horizontal .article-block__update {
    font-size: 0.75rem;
  }
}
.article-list__grid-horizontal .article-block__tag {
  width: 92px;
}
@media screen and (max-width: 768px) {
  .article-list__grid-horizontal .article-block__tag {
    margin-left: 13px;
  }
}
.article-list__grid-horizontal .article-block__tag span {
  padding: 5px 22px;
}
@media screen and (max-width: 768px) {
  .article-list__grid-horizontal .article-block__tag span {
    padding: 5px 8px;
  }
}
@media screen and (max-width: 768px) {
  .article-list__grid-horizontal .article-block__title {
    margin-top: 11px;
    margin-left: 0;
    width: 100%;
  }
}

/*********************************************************************************
article detail
**********************************************************************************/
@media screen and (max-width: 640px) {
  .article-detail .split-contents__main {
    padding: 0 22px;
  }
}
.article-detail .article-block__tag span {
  padding: 7px 11px;
}
.article-detail .article-block__title {
  font-size: 1.75rem;
  font-weight: bold;
}
.article-detail .article-block__update {
  font-size: 0.875rem;
}
.article-detail .article-block__content p {
  margin-top: 35px;
  line-height: 1.8;
  font-size: 0.9375rem;
}
.article-detail .article-block__content .basic-wrap {
  padding: 0;
}

/*********************************************************************************
article pagenation
**********************************************************************************/
.ccm-pagination-wrapper {
  padding: 0 22px;
  text-align: center;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination li {
  display: inline-block;
}
.pagination li a {
  padding: 8px 13px !important;
  border: 1px solid rgba(0, 116, 187, 0.4) !important;
  display: inline-block;
  font-size: 0.8125rem;
  background-color: #fff;
  box-sizing: border-box;
  color: #0074bb !important;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
  color: #0074bb;
}
.pagination li a:hover {
  background-color: #02428c !important;
  color: #fff !important;
}
.pagination li a.article-pagenation__btn {
  padding: 10px 11px;
}
.pagination li a.article-pagenation__btn::after {
  margin-right: 2px;
  border-top: 1px solid #02428c;
  border-right: 1px solid #02428c;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pagination li a.article-pagenation__btn:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}
.pagination li a.article-pagenation__btn.btn-prev {
  transform: scale(-1, -1);
}
.pagination .active span {
  padding: 8px 13px;
  border: 1px solid rgba(0, 116, 187, 0.4) !important;
  display: inline-block;
  background-color: #02428c !important;
  font-size: 0.8125rem;
  box-sizing: border-box;
  color: #fff;
  transition: all 0.3s;
}
.pagination .active span.sr-only {
  display: none;
}
.pagination .disabled {
  display: none;
}

/*********************************************************************************
archive-nav
**********************************************************************************/
.archive-nav {
  margin-bottom: 35px;
  padding: 22px;
  border: 4px solid #0074bb;
  color: #0074bb;
  font-size: 1.125rem;
  font-weight: bold;
}
.archive-nav .ccm-block-date-navigation-header {
  position: relative;
}
.archive-nav .ccm-block-date-navigation-header::after {
  margin-top: -8px;
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.archive-nav .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates {
  visibility: hidden;
}
.archive-nav .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates li {
  line-height: 0;
  transition: all 0.3s;
}
.archive-nav .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates li a {
  display: block;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #231815;
  opacity: 0;
  transition: all 0.1s;
}

.archive-nav {
  position: relative;
}

.archive-nav__btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 70px;
}

.archive-nav__input {
  display: none;
}
.archive-nav__input[type=checkbox]:checked + .ccm-block-date-navigation-header::after {
  margin-top: -2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.archive-nav__input[type=checkbox]:checked + .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates {
  visibility: visible;
}
.archive-nav__input[type=checkbox]:checked + .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates li {
  line-height: 1.3;
}
.archive-nav__input[type=checkbox]:checked + .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates li:first-child {
  margin-top: 22px;
}
.archive-nav__input[type=checkbox]:checked + .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates li a {
  padding: 13px;
  border-top: 1px solid rgba(0, 116, 187, 0.1);
  position: relative;
  opacity: 1;
}
.archive-nav__input[type=checkbox]:checked + .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates li a::after {
  margin-top: -3px;
  margin-right: 16px;
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.archive-nav__input[type=checkbox]:checked + .ccm-block-date-navigation-header + .ccm-block-date-navigation-dates li a:hover {
  background-color: rgba(232, 242, 249, 0.7);
  color: #0074bb;
}

/*********************************************************************************
 import sass
**********************************************************************************/
/*********************************************************************************
 sitemap
**********************************************************************************/
.sitemap-nav .basic-wrap {
  padding: 0;
}
.sitemap-nav .heading-m a {
  padding: 13px;
  display: block;
  position: relative;
  line-height: 1.4;
  font-size: 1.125rem;
  font-weight: bold;
  color: #231815;
}
@media screen and (max-width: 980px) {
  .sitemap-nav .heading-m a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .sitemap-nav .heading-m a {
    padding: 16px 11px;
    font-size: 0.875rem;
  }
}
.sitemap-nav .heading-m a:before, .sitemap-nav .heading-m a:after {
  content: "";
}
.sitemap-nav .heading-m a:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
}
.sitemap-nav .heading-m a:after {
  margin-left: 8px;
  border-top: 2px solid #0074bb;
  border-right: 2px solid #0074bb;
  display: inline-block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 0.05rem;
}
@media screen and (max-width: 768px) {
  .sitemap-nav .heading-m a:after {
    margin-top: -3px;
    width: 6px;
    height: 6px;
  }
}
.sitemap-nav .nav {
  padding: 0 13px;
}
.sitemap-nav .nav li {
  margin-top: 13px;
}
.sitemap-nav .nav li a {
  line-height: 1.6;
  font-size: 0.9375rem;
  font-weight: normal;
  transition: all 0.3s;
}
.sitemap-nav .nav li a:after {
  margin-left: 8px;
  border-top: 1px solid #0074bb;
  border-right: 1px solid #0074bb;
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: 0.2rem;
}