@charset "UTF-8";
:root {
  --main-color2026: #16328a/*#c10100*/;
  --main-pale2026: #afbfde/*#ffdbdb*/;
  --main-tra2026: #e9efff/*#ffefef*/;
  --pink: #f55fb6;
}
/*========= 動画背景ここから ===============*/

/*#video_box{
    position: relative;　/*h1の中央寄せ配置の起点とするためのrelative*/
/*height: 50vh;　/*高さを全画面にあわせる*/
/*z-index: -1;
}

/*#video-area{
    position:fixed;
    z-index: -1;/*最背面に設定*/
/*top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#video {
    /*天地中央配置*/
/*position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
/*width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
/*height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
/*min-height: 100%;
    min-width: 100%;
}

#bg_w{background-color: #fff;}


/*========= ここまで ===============*/


/* 共通スタイルにpadding指定したため追記*/
#Maincontents {
  padding: 0;
}

/*TOPへ戻る非表示*/
#page-top-go a {
  display: inherit;
}

/*スライダーリンクの枠線非表示*/
a {
  outline: none;
  /*メインビジュアル内のバナー*/
  &.top_banner {
    position: absolute;
    bottom: 30px;
    left: 5%;
    display: block;
    width: 28%;
    padding-top: 14%;
    background: url(/common_d/connect/img/top/main_bnr20220202.png) center/contain no-repeat;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.25));
    transition: all 0.1s;
  }
  &.top_banner:hover {
    opacity: 1;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25));
    transform: translateY(-3px);
  }
}

/*スライダーロード時の縦並び回避*/
.slider_box {
  display: none;
  &.slick-initialized {
    display: block;
    /*slick-initializedが付与されたら表示*/
  }
}


/*ローディング*/
#loading-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  z-index: 9999;
}

.completed {
  opacity: 0;
  visibility: hidden;
}

/*ローディングアニメーション*/
.loader {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.5), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.5), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.5), 2.5em 0em 0 0em rgba(22, 50, 138, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.5), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.5), 0em 2.5em 0 0em rgba(22, 50, 138, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.5), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.5), -2.6em 0em 0 0em rgba(22, 50, 138, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

@keyframes load5 {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.5), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.5), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.5), 2.5em 0em 0 0em rgba(22, 50, 138, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.5), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.2), -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.5), 0em 2.5em 0 0em rgba(22, 50, 138, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(22, 50, 138, 0.2), -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.5), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(22, 50, 138, 0.2), 1.8em -1.8em 0 0em rgba(22, 50, 138, 0.2), 2.5em 0em 0 0em rgba(22, 50, 138, 0.2), 1.75em 1.75em 0 0em rgba(22, 50, 138, 0.2), 0em 2.5em 0 0em rgba(22, 50, 138, 0.2), -1.8em 1.8em 0 0em rgba(22, 50, 138, 0.5), -2.6em 0em 0 0em rgba(22, 50, 138, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}



/*________main________*/

.mt_15 {
  margin-top: 15px;
}

.kv_bg {
  background-image: url(/common_d/connect/img/top/2026/keyvisual_2026.jpg);
  margin-top: 70px;
  background-size: auto 100vh;
  background-repeat: no-repeat;
  background-position: center;
  
  & .top_main{
    height: 100vh;
    position: relative;
    & .kv_bnr {
      position: absolute;
      top: 80px;
      left: 11%;
      width: 35vw;
      & p {
        background-color: #fff;
        text-align: center;
        font-size: 10px;
        color: var(--pink);
        font-weight: 700;
        width: calc(100% - 40%);
        & a {
          cursor: pointer;
          color: var(--pink);
        }
      }

      & iframe {
        border: 0;
        aspect-ratio: 16/9;
        width: 100%;
        max-width: 400px;
      }
      & img {
        width: 100% !important;
      }
    }
  }
}





#navi {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}






/*________info-area________*/

#info-area {
  display: flex;
  width: 100%;
  #info-area h2 {
    font-family: 'Affogato-Bold';
    letter-spacing: 1.5;
    font-size: 2vw;
    margin-bottom: 10px;
    font-weight: bold;
  }

  & h2.blue {
    color: var(--main-color2026);
  }

  & .pickup {
    width: 65%;
    background-color: var(--main-tra2026);
    padding: 30px 30px 10px;
    & .slider_box {
      background-color: #fff;
      margin: 0 10px;
    }
  }

  & .news {
    width: 35%;
    background-color: var(--main-color2026);
    padding: 4% 2%;
    color: #fff;
    & ul li {
      border-bottom: 1px dotted #fff;
      margin: 15px 0;
      padding-bottom: 18px;
      line-height: 1.3em;
      & p.date {
        color: #fff;
        font-size: 10px;
        margin-bottom: 5px;
      }

      & img {
        display: none;
      }
    }
    
    & a {
      color: #fff;
      font-size: 13px;
    }

    & .news_archive {
      text-align: right;
    }
  }
}


/* 新着ニュースNEWアイコン*/
#feed_topics ul li:first-child p.date {
  position: relative;
}

#feed_topics ul li:first-child p.date:after {
  content: "new";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 9em;
  background: #ffff00;
  color: var(--main-color2026);
  width: 40px;
  text-align: center;
  font-weight: bold;
}

#feed_topics ul li:first-child p.date:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: calc(9em + 40px);
  border: 10px solid transparent;
  border-left: 5px solid #ffff00;

}

/*________カテゴリタイトル________*/

.top_category_title {
  font-family: 'Affogato-bold' !important;
  text-align: center;
  font-size: 60px !important;
  margin: 60px 0 10px !important;
  color: #000;
  border-bottom: 12px solid var(--main-color2026);
}

.faculty_txt {
  text-align: center;
}

.faculty_txt_bottom {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 50px;
}

.faculty_txt_bottom span {
  color: var(--main-color2026);
  font-size: 22px;
}



/*________________202205更新________________*/
/*________学部スライド　new!!!!!!!!________*/


.new_faculty_title {/*使ってない？*/
  text-align: center;
  font-size: 1.4em;
  letter-spacing: 0.3em;
  margin: 60px 0 30px;
  color: var(--main-color2026);
  padding-bottom: 30px;
  background: url(/common_d/connect/img/top/faclity_title.png) center bottom/200px no-repeat;
}


.new_faculty_slide {
  margin: 40px 0 50px;
}


.new_faculty_slide div {
  height: 390px;
  position: relative;
  transition: filter 0.3s;
}

.new_faculty_slide div a {
  position: absolute;
  top: 30px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.new_faculty_slide .slick-prev:before,
.faculty_slide .slick-next:before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 1;
  opacity: .50;
  /* color: #FFF; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.new_faculty_slide .slick-next {
  right: 10px;
}


.new_faculty_slide .slick-prev {
  left: 10px;
  z-index: 1;
}


p.new_faculty_name {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  padding: 15px 5px;
  font-size: 36px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  height: 270px;
  line-height: 0.9;
}

p.new_faculty_name span {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
}

.new_img_sdb{
  & p.new_faculty_name{
    font-size: 32px;
    height: auto;
    & span {
      font-size: 10px;
      &.kasyou{
        font-size: 15px;
        margin-top: 0;
      }
    }
  }
}

.blue_btn_01 a {
  min-width: 300px;
}

.new_stu_btn {
  margin-top: 50px;
}


.new_img_law {
  background: url(/common_d/connect/img/top/s/2023_law.jpg) 0 10px/98% no-repeat;
}

.new_img_economics {
  background: url(/common_d/connect/img/top/s/2023_economics.jpg) 0 10px/98% no-repeat;
}

.new_img_commerce {
  background: url(/common_d/connect/img/top/s/2023_commerce.jpg) 0 10px/98% no-repeat;
}

.new_img_science {
  background: url(/common_d/connect/img/top/s/2023_science.jpg) 0 10px/98% no-repeat;
}

/*2025以降science未使用*/
.new_img_fundam {
  background: url(/common_d/connect/img/top/s/2025_fundamental.jpg) 0 10px/98% no-repeat;
}

.new_img_society {
  background: url(/common_d/connect/img/top/s/2025_society.jpg) 0 10px/98% no-repeat;
}

.new_img_advanced {
  background: url(/common_d/connect/img/top/s/2025_advanced.jpg) 0 10px/98% no-repeat;
}

.new_img_letters {
  background: url(/common_d/connect/img/top/s/2023_letters.jpg) 0 10px/98% no-repeat;
}

.new_img_policy {
  background: url(/common_d/connect/img/top/s/2023_policy.jpg) 0 10px/98% no-repeat;
}

.new_img_gm {
  background: url(/common_d/connect/img/top/s/2023_gm.jpg) 0 10px/98% no-repeat;
}

.new_img_itl {
  background: url(/common_d/connect/img/top/s/2023_itl.jpg) 0 10px/98% no-repeat;
}

.new_img_sdb {
  background: url(/common_d/connect/img/top/s/2026_sdb.jpg) 0 10px/98% no-repeat;
}

.new_img_law::before {
  background-color: #666699;
}

.new_img_economics::before {
  background-color: #0099ff;
}

.new_img_commerce::before {
  background-color: #009966;
}

.new_img_science::before {
  background-color: #f08300;
}

/*2025以降science未使用*/
.new_img_fundam::before {
  background-color: #e9b310;
}

.new_img_society::before {
  background-color: #ef8200;
}

.new_img_advanced::before {
  background-color: #e95520;
}

.new_img_letters::before {
  background-color: #e40077;
}

.new_img_policy::before {
  background-color: #009fa8;
}

.new_img_gm::before {
  background-color: #002063;
}

.new_img_itl::before {
  background-color: #231815;
}

.new_img_sdb::before {
  background-color: #002063;
}

.new_img_law::before,
.new_img_economics::before,
.new_img_commerce::before,
.new_img_science::before

/*2025以降science未使用*/
,
.new_img_letters::before,
.new_img_policy::before,
.new_img_gm::before,
.new_img_itl::before,
.new_img_fundam::before,
.new_img_society::before,
.new_img_advanced::before,
.new_img_sdb::before {
  content: "";
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: 0;
  right: 9px;
}

.new_img_law:hover,
.new_img_economics:hover,
.new_img_commerce:hover,
.new_img_science:hover

/*2025以降science未使用*/
,
.new_img_letters:hover,
.new_img_policy:hover,
.new_img_gm:hover,
.new_img_itl:hover,
.new_img_fundam:hover,
.new_img_society:hover,
.new_img_advanced:hover,
.new_img_sdb:hover {
  filter: brightness(110%);
}

.new_img_fundam p.new_faculty_name span {
  letter-spacing: -0.05em;
}

.new_img_society p.new_faculty_name span,
.new_img_advanced p.new_faculty_name span {
  letter-spacing: -0.02em;
}

/* リンク下線エフェクト */

.border_slide_btn {
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.border_slide_btn:hover {
  cursor: pointer;
  text-decoration: none;
}

.border_slide_btn::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

.border_slide_btn:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

/*________偽サイト注意喚起________*/

.attention_out {
  border-top: 1px solid var(--main-color2026);
  border-bottom: 1px solid var(--main-color2026);
  margin: 10px 0 30px;
  background-color: #e9efff;
}

.attention {
  width: 100%;
  max-width: 1000px;
  padding: 1em 0 2em;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.attention h2 {
  width: 95%;
  max-width: 1000px;
  background-color: #FFF;
  color: var(--main-color2026);
  margin: 5px auto 10px;
  border: 1px solid var(--main-color2026);
  text-align: center;
  font-weight: bold;
  padding: 1em;
}

.attention p {
  font-size: 0.9em;
  text-align: justify;
  width: 95%;
  line-height: 160%;
  word-break: break-all;
}

p.attention_info {
  color: var(--main-color2026);
  font-size: 0.8em;
  font-weight: bold;
  margin: 15px 0 5px;
  text-align: left;
  word-break: break-all;
}

.attention img {
  width: 400px;
}


/*________年末年始の閉室時間お知らせ________*/

.year2021 {
  display: flex;
  border-top: var(--main-pale2026) solid 1px;
  border-bottom: var(--main-color2026) solid 1px;
}

.year2021 li {
  display: flex;
  align-items: center;
}

.year2021_l {
  background-color: #f5f5f5;
  width: 25%;
  border-right: var(--main-pale2026) solid 1px;
  padding: 1em;
}

.year2021_l p {
  color: var(--main-color2026);
  font-size: 18px;
  margin: 0 auto;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: var(--main-color2026) solid 1px;
}

.year2021_r {
  text-align: justify;
  font-size: 13px;
  line-height: 160%;
  background-color: #FFF;
  color: var(--main-color2026);
  font-weight: bold;
  width: 75%;
  padding: 1em 2em;
}



/*________voices________*/

#voices {
  text-align: center;
  padding: 100px 0 0 0;
}

#voices h2 {
  font-family: 'Quicksand', sans-serif;
  font-size: 28px;
  margin-bottom: 1.5em;
  font-weight: bold;
}

#voices .lead_txt {
  margin-bottom: 80px;
  text-align: center;
}

/*＝＝＝＝＝＝＝special 2025年スライダーに変更＝＝＝＝＝＝＝*/
.spe_interview2 {
  text-align: center;
  padding: 0 0 70px 1%;
  /*ここ修正*/
  position: relative;
  background-size: 7px 7px;
  background-image: linear-gradient(-45deg,
      #fff, #fff 48.5%,
      #e6e6e6 49.5%, #e6e6e6 50.5%,
      #fff 51.5%, #fff);

  & .txt_img {
    position: absolute;
    top: -70px;
    left: -320px;
    z-index: 1;
    & img {
      width: 50%;
        /*2026追記*/
      /* filter: hue-rotate(130deg) brightness(1.1); */
    }
  }

  & h3 {
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    padding: 20px 0;
    top: 0;
    background: #fff;
    width: 50%;
    margin: 0 auto;
    border-bottom: 2px solid var(--main-color2026);
    letter-spacing: 0.15em;
    & span {
      font-size: 34px;
      color: var(--main-color2026);
    }
  }

  & .interview_wrap {
    display: flex;
    margin: 50px 0 0 -10px;
    justify-content: space-between;
    height: 300px;
    ;
    & .interview_box {
      /*width: 30%;*/
      /*margin-right: 1%;*/
      position: relative;
    }
  }
}

.interview_box {
  background: #fff;
  & img.spe_img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    transition: all 0.6s ease 0s;
    &:hover {
      cursor: pointer;
      transform: scale(1.1, 1.1);
    }
  }
}

.spe_txt2 {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 80px;
  top: 220px;
  background-color: #111;
  opacity: 0.8;
  display: flex;
  padding: 10px 20px;
  border-top: 4px solid var(--main-color2026);
  & p {
    color: #fff;
    text-align: left;
    font-size: 12px;
    line-height: 1.3em;
    &.number {
      font-family: 'Quicksand', sans-serif;
      font-size: 40px;
      padding: 0 10px 0 0;
    }

    & span {
      font-size: 18px;
      line-height: 1.3em;
    }
  }
}


.spe_interview2 .voice_slider .slick-prev,
.spe_interview2 .voice_slider .slick-next {
  top: 50% !important;
}

/*＝＝＝＝special 2025年スライダーに変更ここまで＝＝＝＝*/


/* ========================学生============================ */

.new_stu_interview_bl {
  background: top left / cover no-repeat url("/common_d/connect/img/top/voice_newstudent_bg.png");
  padding-top: 100px;
  & h3 {
    font-family: 'Affogato-Black';
    color: #fff;
    font-size: 50px;
    margin-bottom: 30px;
    padding: 25px 0 0 70px;
    background-color: var(--main-color2026);
    max-width: 600px;
    & span {
      color: #fff;
      font-size: 14px !important;
    }
  }

}


.new_stu_interview {
  text-align: center;
  position: relative;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8);
  max-width: 1600px;
  & .interview_wrap {
    display: flex;
    margin: 60px 40px 0 40px;
    justify-content: space-between;
  }
  & .gakubu_newtxt {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 0.8;
    text-align: left;
    z-index: 500;
    padding: 8px 0 0 7px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 30px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
    height: 230px;
  }
  & .gakubu_newtxt span {
    font-size: 11px;
  }
}

.stu_voice_sub_bl {
  padding: 30px 0 0 100px;
  & .subttl {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
    font-size: 32px;
    font-weight: 600;
  }
  & .subtxt {
    font-size: 18px;
    line-height: 1.4;
  }
}



.c_law_new {
  background: rgba(102, 102, 153, 0.6);
}

.c_economics_new {
  background: rgba(0, 160, 233, 0.6);
}

.c_commerce_new {
  background: rgba(0, 161, 97, 0.6);
}

.c_science_new {
  background: rgba(240, 131, 0, 0.6);
}

.c_letters_new {
  background: rgba(228, 0, 119, 0.6);
}

.c_policy_new {
  background: rgba(0, 159, 168, 0.6);
}

.c_gm_new {
  background: rgba(0, 32, 99, 0.6);
}

.c_itl_new {
  background: rgba(35, 24, 21, 0.6);
}




/* 学生　卒業生　教員 */
.stu_interview,
.gra_interview,
.pro_interview {
  text-align: center;
  position: relative;
  margin: 150px 0;
}

.stu_interview h3,
.gra_interview h3,
.pro_interview h3 {
  color: #fff;
  font-size: 12px;
  position: absolute;
  background-size: cover;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  top: -50px;
  left: -50px;
  padding: 35px 0px 0 52px;
}

.stu_ttl {
  background-image: url(/common_d/connect/img/top/voice_ttl_stu.png);
}

.gra_ttl {
  background-image: url(/common_d/connect/img/top/voice_ttl_gra.png);
  /*2026追記*/
  /* filter: hue-rotate(86deg); */
}

.pro_ttl {
  background-image: url(/common_d/connect/img/top/voice_ttl_pro.png);
  /*2026追記*/
  /* filter: hue-rotate(140deg); */
}

#voices h3 span {
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  display: inline-block;
  margin-bottom: 10px;
  letter-spacing: 0.1rem;
}

.stu_interview .interview_wrap,
.gra_interview .interview_wrap,
.pro_interview .interview_wrap {
  display: flex;
  margin: 50px -10px 80px 190px;
  justify-content: space-between;
}

.interview_box {
  position: relative;
  text-align: left;
  margin: 0 10px;
  & .gakubu {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.8em;
    color: #fff;
    padding: 5px 10px;
    line-height: 1.2em;
    text-align: center;
    z-index: 500;
  }
  & .interview_img {
    width: 100%;
    overflow: hidden;
    & img {
      width: 100%;
      overflow: hidden;
      &.img_hover:hover {
        transform: scale(1.1, 1.1);
      }
    }
  }
  & a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

}


.interview_ttl {
  padding: 1em 0 0.5em 0;
  line-height: 1.3em;
}

p.interview_name span {
  line-height: 160%;
}

.interview_name span {
  font-size: 0.8em;
}


/*________link-area________*/

#link-area {
  background-size: 7px 7px;
  background-image: linear-gradient(-45deg,
      #fff, #fff 48.5%,
      #e6e6e6 49.5%, #e6e6e6 50.5%,
      #fff 51.5%, #fff);

  width: 100%;
}

#link-area h2 {
  display: none;
}

#link-area h3 {
  margin-bottom: 0.5em;
  font-size: 26px;
  font-weight: bold;
  color: var(--main-color2026);
  line-height: 1.3em;
}

#link-area h3.eng {
  font-size: 40px;
  line-height: 1em;
}

.weboc_rogo {
  width: 50%;
}

.link01,
.link02 {
  position: relative;
  height: 500px;
}

.link01 {
  background: url(/common_d/connect/img/top/link-area_img1.png) no-repeat;
  background-size: contain;
  background-position: -50px 0;
}

.link02 {
  background: url(/common_d/connect/img/top/link-area_img3.png) no-repeat;
  background-size: contain;
  background-position: right;
}

.link01 .text_right {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 600;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px 50px 70px;
}

.link02 .text_left {
  position: absolute;
  top: 50%;
  right: 55%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 600;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px 50px 70px;
}

.link_contents {
  text-align: center;
}

.link_contents p {
  margin-bottom: 3em;
  text-align: center;
}


/*________bnr-area________*/

#bnr-area {
  padding: 80px 0;
  width: 100%;
}

.top_bnr .slider_box {
  margin: 0 10px;
  background-color: #fff;
}


/*________カルーセルスライダー________*/

.slider {
  display: flex;
  justify-content: space-between;
}

.slider_box img {
  width: 100%;
  padding: 5px;
  border: 1px solid #dddddd;
}

.slider_box img:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}





/* ちゅうテレ！*/
.chutele_bnr {
  width: 100%;
  max-width: 1200px;
  padding: 80px 5% 0;
  margin: 0 auto;
}

.chutele_bnr img {
  width: 100%;
}

.chutele_bnr a img:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0.7;
}


/* 横バナー */
.kv_bnr_50 {
  width: 50%;
  padding-top: 18%;
  position: absolute;
  bottom: 0;
  left: 40px;
  background: url(/common_d/connect/img/top/banner/aivr_1.png) no-repeat;
  background-size: contain;
}

.kv_bnr_50:hover {
  animation: swipe 2s infinite;
}

@keyframes swipe {
  0% {
    transform: translate(0px, 2px);
  }

  5% {
    transform: translate(0px, -2px);
  }

  10% {
    transform: translate(0px, 2px);
  }

  15% {
    transform: translate(0px, -2px);
  }

  20% {
    transform: translate(0px, 2px);
  }

  25% {
    transform: translate(0px, -2px);
  }

  30% {
    transform: translate(0px, 0px);
  }
}

a.opacity:hover {
  opacity: 1;
}


/* 学生インタビュー　NEWアイコン*/

.stu_interview .interview_txt {
  position: relative;
}


.stu_interview .interview_txt:after {
  display: block;
  content: "";
  width: 90px;
  height: 30px;
  position: absolute;
  top: -20px;
  left: -10px;
  background: url(/common_d/connect/img/top/new_icon.png) center/cover no-repeat;
  animation: fluffy1 2s ease infinite;
}


@keyframes fluffy1 {
  0% {
    transform: translateY(0)
  }

  5% {
    transform: translateY(0)
  }

  10% {
    transform: translateY(0)
  }

  20% {
    transform: translateY(-3px)
  }

  25% {
    transform: translateY(0)
  }

  30% {
    transform: translateY(-3px)
  }

  50% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(0)
  }
}


/*固定配置バナー　スクロールで表示*/
#fade_bnr {
  display: none;
  position: fixed;
  right: 0;
  width: 15%;
  padding-top: 24%;
  background: url(/common_d/connect/img/top/banner/2021weboc.png) right bottom/contain no-repeat;
  filter: drop-shadow(-1px -1px 5px rgba(0, 0, 0, 0.2));
  z-index: 1600;
}

#fade_bnr a {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#fade_bnr a:hover {
  opacity: 1;
}

/*固定配置バナー　最初から表示*/
#fix_bnr {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 15%;
  padding-top: 24%;
  background: url(/common_d/connect/img/top/banner/2021weboc.png) right bottom/contain no-repeat;
  filter: drop-shadow(-1px -1px 5px rgba(0, 0, 0, 0.2));
  z-index: 1600;
}

#fix_bnr a {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*===============理工3学部・経済2学科=============*/
.top_ho_iten {
  width: 75%;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  padding-top: 20px;
}

/*マージン調整*/
.top_ho_iten.mb30 {
  margin-bottom: 30px;
}

.top_ho_iten.mb80 {
  margin-bottom: 80px;
}

.top_ho_iten h2 {
  font-family: 'Affogato-Bold';
  letter-spacing: 1.5;
  font-size: 2vw;
}

.top_ho_iten .l_block {
  margin-top: 10px;
  width: 100%;
}

.top_ho_iten .r_block {
  padding-left: 20px;
}

.top_ho_iten .r_block img {
  width: 350px;
}

.top_ho_iten .l_block h3 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "MS P明朝", "MS PMincho", 'Noto Serif JP', serif;
  font-weight: 500;
  font-size: 2vw;
  margin-top: 0;
  line-height: 1.4;
}

.top_ho_iten .l_block h3 br.sp_br {
  display: none;
}

.top_ho_iten .l_block p {
  margin-top: 30px;
  font-size: 12px;
}

.top_ho_iten .l_block .btn a {
  background: #fff;
  border-radius: 50px;
  border: none;
  text-align: center;
  width: 60%;
  padding: 20px 10px;
  margin-top: 50px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  display: block;
  color: var(--main-color2026);
  font-size: 1vw;
  font-weight: bold;
  border: 1px solid var(--main-color2026);
}

.top_ho_iten .l_block .btn a:hover {
  background: var(--main-color2026);
  color: #fff !important;
  opacity: 1 !important;
}

.hr_w75_90 {
  width: 75%;
  margin: 0 auto;
}



/*===============オープンキャンパスリンクNEW！6月末まで=============*/

.baloon_f:before {
  content: "";
  position: absolute;
  top: -7px;
  /* bottom: 0; */
  /* margin: auto; */
  left: 80px;
  border: 7px solid transparent;
  border-left: 5px solid var(--main-color2026);
  transform: rotate(99deg);
  /* width: 2px; */
}



.baloon_f:after {
  content: "NEW !";
  display: block;
  top: -20px;
  left: 8em;
  background: #000;
  background: var(--main-color2026)0;
  color: #fff;
  width: 40px;
  text-align: center;
  font-weight: bold;
  position: absolute;
  line-height: 1.5;
  height: 16px;
  font-size: 9px;
  border-radius: 4px;
  letter-spacing: 1.5 !important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
タブレット ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media all and (max-width: 1200px) and (min-width: 600px) {

  /*期間限定動画背景*/
  #video {
    position: absolute;
    z-index: -1;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120vh;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
  }

  .digi_pamph_menu {
    margin-left: 90%;
    padding-top: 120px;
    z-index: 1;
  }

  .kv_bg {
    background-size: cover;
    background-position: center;
  }

  .kv_bg .top_main .kv_bnr {
    left: 30px;
    /*width:35%;*/
  }

  .kv_bg .top_main .kv_bnr img {
    width: 100%;
  }


  .kv_bg .top_main .kv_bnr p {
    width: auto;
  }

  a.top_banner {
    bottom: 30px;
    left: 5%;
    width: 40%;
    padding-top: 20%;
  }

  #info-area {
    display: block;
    width: 100%;
  }

  #info-area .pickup,
  #info-area .news {
    width: 100%;
    padding: 4%;
  }

  .pickup_bnr {
    width: 90%;
    margin: 0 auto;
  }

  .faclity_slide {
    margin: 0 0 30px;
  }

  .faclity_slide div {
    height: 200px;
  }

  .spe_interview {
    padding: 0 5% 70px 5%;
  }

  .spe_interview .txt_img {
    top: -60px;
    left: -260px;
  }

  .spe_interview .txt_img img {
    width: 40%;
  }

  .spe_interview .interview_wrap {
    margin: 50px -4% 60px 0;
  }

  .spe_interview .interview_wrap .spe_box {
    margin-right: 4%;
  }

  .stu_interview,
  .gra_interview,
  .pro_interview {
    margin: 130px 0;
  }

  .stu_interview .interview_wrap,
  .gra_interview .interview_wrap,
  .pro_interview .interview_wrap {
    margin: 50px 10px 30px 180px;
  }

  .interview_ttl {
    font-size: 0.9em;
  }

  #link-area h3.eng {
    font-size: 35px;
  }

  .weboc_rogo {
    width: 60%;
  }

  .link01 {
    background-position: -100px 0;
  }

  .link02 {
    background-position: 100px 0;
  }

  .link01 .text_right,
  .link02 .text_left {
    padding: 30px 30px 50px;
  }

  .link01 .text_right {
    left: 30%;
  }

  .link02 .text_left {
    right: 30%;
  }

  .link_contents p {
    text-align: left;
  }

  #bnr-area {
    padding: 50px 0;
  }

  .top_bnr {
    width: 90%;
    margin: 0 auto;
  }

  .kv_bg .top_main .kv_bnr2 img {
    width: 250px;
  }

  /*===============理工3学部・経済2学科=============*/
  .top_ho_iten {
    width: 70%;
    display: block;
    margin: 0 auto;
    justify-content: space-between;
    text-align: center;
    padding-top: 20px;
  }

  /*マージン調整*/
  .top_ho_iten.mb30 {
    margin-bottom: 30px;
  }

  .top_ho_iten.mb80 {
    margin-bottom: 80px;
  }

  .top_ho_iten h2 {
    font-family: 'Affogato-Bold';
    letter-spacing: 1.5;
    font-size: 30px;
  }

  .top_ho_iten .l_block {
    margin-top: 10px;
    width: 100%;
  }


  .top_ho_iten .r_block {
    padding-left: 0;
  }

  .top_ho_iten .r_block img {
    width: 100%;
    height: auto;
  }


  .top_ho_iten .l_block h3 {
    font-size: 28px;
    margin-top: 0;
    line-height: 1.2;

  }

  .top_ho_iten .l_block p {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 1.3;
  }

  .top_ho_iten .l_block .btn a {
    border-radius: 50px;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: medium;
  }

  .hr_w75_90 {
    width: 75%;
    margin: 0 auto;
  }

  /*タブレット閉じタグ*/
}

/*メインビジュアルのタブレット縦横　2505追記*/
@media (max-width: 1200px) and (min-width: 1000px) {
  .kv_bg {
    height: 600px;
  }

  .kv_bg .top_main {
    height: 600px;
  }
}

@media (max-width: 999px) and (min-width: 600px) {
  .kv_bg .top_main {
    height: 600px;
  }

  .kv_bg {
    background-size: auto 600px;
    background-position: left 60% center;
  }
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
スマホ ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media all and (max-width: 599px) {

  /*期間限定動画配置*/
  #video {
    position: absolute;
    z-index: -1;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110vh;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
  }


  /*TOPのハンバーガー初期白指定*/
  .hamburger span {
    background: #000 !important;
  }

  h3.eng {
    margin-top: 50px;
  }

  .link02 {
    margin-top: 50px;
  }

  #voices {
    padding: 50px 0 0;
  }

  .digi_pamph_menu,
  .use_disp {
    display: none;
  }


  #side-menu {
    display: none;
  }

  .kv_bg {
    margin-top: 65px;
    background-size: auto 285px;
    background-position: left 55% center;
  }


  .kv_bg .top_main .kv_bnr p {
    width: calc(100% - 15%);
  }


  .kv_bg .top_main {
    height: 285px;
    /*動画用バナーのため450pxから変更*/
  }


  .kv_bg .top_main .kv_bnr {
    left: 3%;
    width: 160px;
    top: 70px;
  }

  .kv_bg .top_main .kv_bnr iframe {
    border: 0;
    vertical-align: bottom;
    width: 160px;
  }


  a.top_banner {
    bottom: 10px;
    left: 10%;
    width: 80%;
    padding-top: 35%;
  }

  #info-area {
    display: block;
    width: 100%;
  }

  #info-area .pickup,
  #info-area .news {
    width: 100%;
    padding: 4%;
  }

  .faclity_title {
    font-size: 1.1em;
    margin: 40px 0 20px;
    padding-bottom: 20px;
    background-size: 50%;
  }

  .faclity_slide {
    margin: 0 0 20px;
  }

  .faclity_slide div {
    height: 280px;
    position: relative;
  }

  .weboc_rogo {
    width: 70%;
  }

  .pickup .slider_box {
    margin: 0 2%;
  }

  /*________偽サイト注意喚起________*/
  /* .attention{
} */

  .attention h2 {
    width: 90%;
    font-size: 1em;
    line-height: 1.3;
  }

  .attention img {
    width: 90%;
    margin: 0 5%;
  }

  p.attention_info {
    font-size: 0.7em;
    width: 90%;
    margin: 15px auto 5px;
  }

  .attention p {
    width: 90%;
    font-size: 0.8em;
    text-align: justify;
    line-height: 160%;
  }

  #voices {
    padding: 50px 0;
  }

  #voices h2 {
    font-size: 22px;
    margin-bottom: 1.5em;
  }

  #voices .lead_txt {
    margin: 0 20px 3em 20px;
    text-align: left;
  }

  #voices .inner {
    padding: 0;
  }

  /*＝＝2025スペシャルインタビュー変更＝＝*/
  .spe_interview2 {
    padding: 0 5% 15% 5%;
  }

  .spe_interview2 h3 {
    font-size: 22px;
    width: 100%;
    padding: 20px 0 10px;
  }

  .spe_interview2 .interview_wrap {
    margin: 0 15%;
    top: 20px;
  }

  .spe_txt2 {
    padding: 10px 20px;
  }

  .spe_txt2 p {
    font-size: 11px;
    line-height: 1.3em;
  }

  .spe_txt2 p.number {
    font-size: 30px;
  }

  .spe_txt2 p span {
    font-size: 17px;
    line-height: 1.3em;
  }

  /*＝＝2025スペシャルインタビュー変更ここまで＝＝*/

  .stu_interview,
  .gra_interview,
  .pro_interview {
    margin: 100px 0;
  }

  .stu_interview h3,
  .gra_interview h3,
  .pro_interview h3 {
    font-size: 10px;
    width: 160px;
    height: 160px;
    padding: 30px 0px 0 45px;
    z-index: 500;
    top: 0;
    left: 0;
  }

  .name_single {
    margin-top: 7px;
  }

  #voices h3 span {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.0em;
  }

  .stu_interview .interview_wrap,
  .gra_interview .interview_wrap,
  .pro_interview .interview_wrap {
    margin: 0 15%;
    top: 100px;
  }

  .interview_box {
    height: 450px;
  }

  .interview_ttl {
    font-size: 0.9em;
  }

  .interview_name {
    line-height: 1.2em;
  }

  #voices .blue_btn_01 {
    margin-top: 30px;
    position: relative;
    z-index: 1500;
  }

  .blue_btn_01 a {
    padding: 1.5em 2em;
    font-size: 0.9em;
  }

  #link-area h3 {
    font-size: 22px;
  }

  #link-area h3.eng {
    font-size: 28px;
  }

  .link01 {
    background: url(/common_d/connect/img/top/link-area_img1_sp.jpg) no-repeat;
    background-position: 0 0;
    background-size: contain;
    height: 600px;
  }

  .link02 {
    background: url(/common_d/connect/img/top/link-area_img3_sp.jpg) no-repeat;
    background-position: 0 0;
    background-size: contain;
    height: 600px;
  }

  .link01 .text_right {
    top: 68%;
    left: 0;
    padding: 20px;
  }

  .link02 .text_left {
    top: 70%;
    right: 0;
    padding: 20px;
  }

  #bnr-area {
    padding: 50px 0;
  }

  #bnr-area .inner {
    padding: 20px 20% 10px;
  }

  .chutele_bnr {
    padding: 50px 5% 0;
  }

  /*________年末年始の閉室時間お知らせ________*/

  .year2021 {
    display: flex;
    flex-wrap: wrap;
  }

  .year2021_l {
    width: 100%;
    border-right: none;
    border-bottom: var(--main-pale2026) solid 1px;
    padding: 1em;
  }

  .year2021_r {
    width: 100%;
    padding: 1em;
  }

  /* 横バナー */
  .kv_bnr_50 {
    width: 90%;
    padding-top: 40%;
    position: absolute;
    bottom: 0;
    left: 5%;
    background: url(/common_d/connect/img/top/banner/aivr_mb4.png) no-repeat;
    background-size: contain;
  }


  /*固定配置バナー　スクロールで表示*/
  #fade_bnr {
    width: 100%;
    padding-top: 33%;
    background: url(/common_d/connect/img/top/banner/2021weboc_mb.png) center bottom/100% no-repeat;
  }


  /*固定配置バナー　スクロールで表示*/
  #fix_bnr {
    width: 100%;
    padding-top: 33%;
    background: url(/common_d/connect/img/top/banner/2021weboc_mb.png) center bottom/100% no-repeat;
  }

  /*配置用スペース*/
  .mb140 {
    margin-bottom: 140px;
  }


  /*===============理工3学部・経済2学科=============*/
  .top_ho_iten {
    width: 90%;
    display: block;
    margin: 0 auto;
    justify-content: space-between;
    text-align: center;
    padding-top: 20px;
  }

  /*マージン調整*/
  .top_ho_iten.mb30 {
    margin-bottom: 30px;
  }

  .top_ho_iten.mb80 {
    margin-bottom: 80px;
  }

  .top_ho_iten h2 {
    font-family: 'Affogato-Bold';
    letter-spacing: 1.5;
    font-size: 30px;
  }

  .top_ho_iten .l_block {
    margin-top: 10px;
    width: 100%;
  }


  .top_ho_iten .r_block {
    padding-left: 0;
  }


  .top_ho_iten .r_block img {
    width: 100%;
    height: auto;
  }


  .top_ho_iten .l_block h3 {
    font-size: 28px;
    margin-top: 0;
    line-height: 1.2;
  }

  .top_ho_iten .l_block h3 br.sp_br {
    display: block;
  }

  .top_ho_iten .l_block p {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 1.3;
  }

  .top_ho_iten .l_block .btn a {
    border-radius: 50px;
    border: var(--main-color2026) solid 1px;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 0.9em;
  }

  .hr_w75_90 {
    width: 90%;
  }


  /*________カテゴリタイトル________*/

  .top_category_title {
    font-family: 'Affogato-bold' !important;
    text-align: center;
    font-size: 60px !important;
    margin: 60px 0 10px !important;
    color: #000;
    /* padding-bottom: 50px;
    background: url(/common_d/connect/img/top/faclity_title.png) center bottom/150px no-repeat; */
  }

  .faculty_txt {
    text-align: center;
  }

  .faculty_txt_bottom {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
  }

  .faculty_txt_bottom span {
    color: var(--main-color2026);
    font-size: 22px;
  }



  /*________________202205更新________________*/
  /*________学部スライド　new!!!!!!!!________*/

  .new_faculty_slide div {
    height: 300px;
  }

  .new_faculty_slide div a {
    top: 0;
  }

  /*
.new_img_law{background:url(/common_d/connect/img/top/s/2023_law.jpg) 0 10px/98% no-repeat; }
.new_img_economics{background:url(/common_d/connect/img/top/s/2023_economics.jpg) 0 10px/98% no-repeat;}
.new_img_commerce{background:url(/common_d/connect/img/top/s/2023_commerce.jpg) 0 10px/98% no-repeat;}
.new_img_science{background:url(/common_d/connect/img/top/s/2023_science.jpg) 0 10px/98% no-repeat;}
.new_img_letters{background:url(/common_d/connect/img/top/s/2023_letters.jpg) 0 10px/98% no-repeat;}
.new_img_policy{background:url(/common_d/connect/img/top/s/2023_policy.jpg) 0 10px/98% no-repeat;}
.new_img_gm{background:url(/common_d/connect/img/top/s/2023_gm.jpg) 0 10px/98% no-repeat;}
.new_img_itl{background:url(/common_d/connect/img/top/s/2023_itl.jpg) 0 10px/98% no-repeat;}


.new_img_law::before{background-color:#666699;}
.new_img_economics::before{background-color:#0099ff;}
.new_img_commerce::before{background-color:#009966;}
.new_img_science::before{background-color:#f08300;}
.new_img_letters::before{background-color:#e40077;}
.new_img_policy::before{background-color:#009fa8;}
.new_img_gm::before{background-color:#002063;}
.new_img_itl::before{background-color:#231815;}
*/

  p.new_faculty_name {
    margin-left: 10px !important;
    font-size: 20px !important;
  }

  p.new_faculty_name span {
    font-size: 10px !important;
    margin-top: 0 !important;
  }


  .new_stu_interview_bl {
    background: top left / contain no-repeat url("/common_d/connect/img/top/voice_newstudent_bg.png");
    padding-top: 100px;
    height: 700px;
  }

  .new_stu_interview_bl h3 {
    font-size: 40px;
    padding: 15px 0 15px 0px;
    margin-bottom: 0;
  }

  .stu_voice_sub_bl {
    padding: 20px;
  }

  .stu_voice_sub_bl .subttl {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP', serif;
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  .stu_voice_sub_bl .subtxt {
    font-size: 14px;
    line-height: 1.4;
  }

  .new_stu_interview .interview_wrap {
    margin: 0 20px 0 20px;
  }


  /*===============オープンキャンパスリンクNEW！6月末まで=============*/

  .baloon_f:before {
    content: "";
    position: absolute;
    top: 0;
    /* bottom: 0; */
    /* margin: auto; */
    left: 140px;
    border: 8px solid transparent;
    border-left: 5px solid var(--main-color2026);
    transform: rotate(180deg);
    /* width: 2px; */
  }



  .baloon_f:after {
    content: "NEW !";
    display: block;
    top: 0;
    left: 17em;
    background: var(--main-color2026);
    color: #fff;
    width: 40px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    line-height: 1.5;
    height: 16px;
    font-size: 9px;
    border-radius: 0 !important;
    letter-spacing: 1.5 !important;
  }


  /*スマホ閉じタグ*/
}



/*****************************/
/*******2026用 追加************/
/*****************************/

/*TOPICS　スポーツ情報学部（大サムネ用）*/
.newFaculty_2027 {
  & .l_block {
    width: 43%;

    & h3 {
      & span {
        font-size: 0.8em;
      }
    }

    & .btn {
      & a {
        width: 100%;
      }
    }
  }

  & .r_block {
    & p {
      & img {
        width: 100%;
        max-width: 555px;
      }
    }
  }
}

@media all and (max-width: 1200px) {
  .newFaculty_2027 {
    width: 100%;

    & .l_block {
      width: 100%;

      & h3 {
        text-align: center;
        margin: 0 auto;
        width: 70%;
      }

      & .btn {
        & a {
          width: 42%;
        }
      }
    }

    & .r_block {
      & p {
        & img {
          height: auto;
          width: 70%;
          max-width: 830px;
          display: block;
          margin: 0 auto;
        }
      }
    }
  }
}

@media all and (max-width: 600px) {
  .newFaculty_2027 {
    & .l_block {
      & h3 {
        width: 100%;
      }

      & .btn {
        & a {
          width: 60%;
        }
      }
    }

    & .r_block {
      & p {
        & img {
          width: 90%;
        }
      }
    }
  }
}

/*リニューアル分*/
.pickup_title {
  width: 114px;
}

.news_titile {
  width: 80px;
  filter: invert(1);
}

.topics_titile {
  width: 96px;
}






/****************************************************/
/**************OKならそれぞれに反映する？**************/
/****************************************************/
/* memu.css */
/* nav.globalMenu .nav-box-ttl {
	color: var(--main-color2026);
}
.blue_btn_02 a {
	background: var(--main-color2026);
	border: 1px solid var(--main-color2026);
  &:hover{
    border: 1px solid var(--main-color2026);
    color: var(--main-color2026);
  }
  &:visited:hover{
    color: var(--main-color2026);
  }
}
@media (max-width: 599px) {
	nav.globalMenu .blue_btn_02 {
		background: var(--main-color2026);
	}
  .acbox label{
    color: var(--main-pale2026);
		border-bottom: 1px solid #fff;
  }
  .connectmenu .acbox label:after{
    color: var(--main-color2026);
  }
  .nav-box-list li{
    border-bottom: 1px dotted var(--main-pale2026);
  }
} */

/* accordion.css */
/* .digi_pamph_menu ul > li > a {
	color: var(--main-color2026);
}
.digi_pamph_menu li ul.dgp li a:hover,
.digi_pamph_menu li ul.nyushimenu li a:hover,
.digi_pamph_menu li ul.inqfaq li a:hover{
  background: var(--main-color2026);
}
.inqqa_sp_accordion-open,
.digip_sp_accordion-open{
  background: var(--main-color2026);
}
.digip_sp_accordion-close p a,
.inqqa_sp_accordion-close p a{
  color: var(--main-color2026);
  &:hover{
    background-color: var(--main-color2026);
  }
} */

/* commonparts.css */
/* footer {
	background: #c10100;
} */
/* .nav-box-ttl {
	color: var(--main-pale2026);
}
.copyright {
	color: var(--main-pale2026);
}
.blue_btn_01 a {
	background: var(--main-color2026);
	border: 1px solid var(--main-color2026);
  &:hover{
    background: #fff;
    color: var(--main-color2026);
    border: 1px solid var(--main-color2026);
  }
} */
/* .sns_box img {
	filter: hue-rotate(130deg);
} */
/* .slick-prev:before, .slick-next:before{
  color: var(--main-color2026);
} */
/* #page-top-go a:hover{
  background: var(--main-color2026);
} */