@charset "UTF-8";

/*========= 動画背景ここから ===============*/

/*#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;}

/*スライダーロード時の縦並び回避*/
.slider_box{
  display: none;
}
.slider_box.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/keyvisual_2025.jpg);
    margin-top: 70px;
    background-size:auto 100vh;
    background-repeat: no-repeat;
    background-position:center;
}

/* top画像変更 */
.kv_bg_img_2406 {
    background-image:url(/common_d/connect/img/top/keyvisual_2406.jpg) !important;
}

.kv_bg_img_graduation {
    background-image:url(/common_d/connect/img/top/keyvisual_sotsugyo2024.jpg) !important;
}

.kv_bg .top_main {
	height: 100vh;
	position: relative;
}

.kv_bg .top_main .kv_bnr {
	position: absolute;
	top: 80px;
	left:11%;
    width:35vw;
}

/*===========期間限定キービジュアル動画対応ここから========*/

.kv_bg .top_main .kv_bnr p{
    background-color: #fff;
    text-align: center;
    font-size:10px;
    color:#f55fb6;
    font-weight:700;
    width: calc(100% - 40% );
}




.kv_bg .top_main .kv_bnr p a{
    cursor: pointer;
    color:#f55fb6;
}

.kv_bg .top_main .kv_bnr iframe {
    border: 0;
    aspect-ratio: 16/9;
    width: 100%;
    max-width: 400px;
}

/*===========期間限定キービジュアル動画対応ここまで========*/




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

/*メインビジュアル内のバナー*/
a.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;
}

a.top_banner:hover {
opacity:1;
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.25));
	transform: translateY(-3px);
}



/*るるぶバナー対応 仮

.kv_bnr ul {
	width:100%;
	max-width:180px;
	background-color: #fff;
	border: 3px solid #054AEB;
}

.kv_bnr li img {
	width:100%;	
}

.kv_bnr li {
	color:#000;
	font-size:12px;
	tect-align:center;
}

*/

/*________navi________*/

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


/*________side-menu________*/

#side-menu {
    position: absolute;
    right: 2%;
    top: 15%;
    bottom: 0;
    z-index: 300;
    display: flex;
    justify-content: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.side_links {
	display: flex;
    align-items: center;
	background-color: #fff;
	padding: 20px 10px;
	opacity: 0.6;
}
.side_links a {
    font-size: 0.75rem;
    display: block;
    letter-spacing: .2em;
	color: #2c2c2c;
}
.side_links a:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #2c2c2c;
}


/*________info-area________*/

#info-area {
	display: flex;
	width: 100%;
}
#info-area h2 {
	font-family: 'Quicksand', sans-serif;
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: bold;
}
#info-area h2.blue {
	color: #16328a;
}
#info-area .pickup {
	width: 65%;
	background-color: #e9efff;
	padding: 30px 30px 10px;
}
.pickup .slider_box {
	background-color: #fff;
	margin: 0 10px;
}
#info-area .news {
	width: 35%;
	background-color: #16328a;
	padding: 4% 2%;
	color: #fff;
}
.news ul li {
	border-bottom: 1px dotted #fff;
    margin: 15px 0;
    padding-bottom: 18px;
	line-height: 1.3em;
}
.news ul li p.date {
	color: #fff;
	font-size: 10px;
	margin-bottom: 5px;
}
.news ul li img {
	display: none;
}
.news a {
	color: #fff;
	font-size: 13px;
}
.news .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:#16328a;
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;
padding-bottom:50px;
background: url(/common_d/connect/img/top/dot_faclity10.png) center bottom / 180px 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:#16328a;
font-size:22px;
}



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


.new_faculty_title{
text-align:center;
font-size:1.4em;
letter-spacing:0.3em;
margin:60px 0 30px;
color:#16328a;
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;
}


.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_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_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{
	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{
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 #16328a;
border-bottom:1px solid #16328a;
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:#16328a;
margin:5px auto 10px;
border:1px solid #16328a;
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:#16328a;
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:#afbfde solid 1px;
border-bottom:#afbfde solid 1px;
}

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

.year2021_l{
background-color:#f5f5f5;
width:25%;
border-right:#afbfde solid 1px;
padding:1em;
}

.year2021_l p{
color:#16328a;
font-size:18px;
margin:0 auto;
font-weight:bold;
padding-bottom:5px;
border-bottom:#16328a solid 1px;
}

.year2021_r{
text-align:justify;
font-size:13px;
line-height:160%;
background-color:#FFF;
color:#16328a;
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);
}

.spe_interview2 .txt_img {
  position: absolute;
  top: -70px;
  left: -320px;
  z-index: 1;
}

.spe_interview2 .txt_img img {
  width: 50%;
}

.spe_interview2 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 #16328a;
  letter-spacing: 0.15em;
}

.spe_interview2 h3 span {
  font-size: 34px;
  color: #16328a;
}

.spe_interview2 .interview_wrap {
  display: flex;
  margin: 50px 0 0 -10px;
  justify-content: space-between;
  height: 300px;
  ;
}

.spe_interview2 .interview_wrap .interview_box {
  /*width: 30%;*/
  /*margin-right: 1%;*/
  position: relative;
}

.interview_box img.spe_img {
  width: 100%;
  height: 300px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
  transition: all 0.6s ease 0s;
}

.interview_box img.spe_img: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 #16328a;
}

.spe_txt2 p {
  color: #fff;
  text-align: left;
  font-size: 12px;
  line-height: 1.3em;
}

.spe_txt2 p.number {
  font-family: 'Quicksand', sans-serif;
  font-size: 40px;
  padding: 0 10px 0 0;
}

.spe_txt2 p 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;
	}

.new_stu_interview_bl h3 {
	font-family: 'Affogato-Black';
    color: #fff;
	font-size: 50px;
	margin-bottom:30px;
	padding: 25px 0 0 70px;
	background-color: #16328a;
	max-width: 600px;
}

.new_stu_interview_bl h3 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;
}

.stu_voice_sub_bl {
padding:30px 0 0 100px;
}

.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:32px;
font-weight:600;
}

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

.new_stu_interview .interview_wrap{
	display: flex;
    margin: 60px 40px 0 40px;
    justify-content: space-between;
}


.new_stu_interview .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;
}

.new_stu_interview .gakubu_newtxt span{
  font-size:11px;
}


.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);
}
.pro_ttl {
    background-image: url(/common_d/connect/img/top/voice_ttl_pro.png);
}
#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;
}
.interview_box .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_box .interview_img {
	width: 100%;
	overflow: hidden;
}
.interview_box .interview_img img.img_hover:hover {
	transform:scale(1.1,1.1);
}
.interview_box a {
    top:0;
    left:0;
    width:100%;
    height:100%;
	display:block;
}
.interview_box img {
	width: 100%;
	overflow: hidden;
}
.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: #16328a;
	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 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{
border-radius: 50px;
border:#996699 solid 1px;
text-align:center;
width:60%;
padding:10px;
margin-top:50px;
cursor: pointer;
transition: all 0.3s ease 0s;
display:block;
color:#996699;
font-size:1vw;
}

.top_ho_iten .l_block .btn a:hover {
	background: #996699;
	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 #cf0100;
    transform: rotate(99deg);
    /* width: 2px; */
}



.baloon_f:after {
content: "NEW !";
    display: block;
    top: -20px;
    left: 8em;
    backgroud: #000;
    background: #cf0100;
    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;
border:#996699 solid 1px;
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:#afbfde 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:#996699 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:#16328a;
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;
font-size:20px;
}

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


.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 #cf0100;
    transform: rotate(180deg);
    /* width: 2px; */
}



.baloon_f:after {
content: "NEW !";
    display: block;
    top:0;
    left: 17em;
    backgroud: #000;
    background: #cf0100;
    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;
}


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