@charset "UTF-8";


/* 共通スタイルにpadding指定したため追記*/
#Maincontents {
padding: 0;
}
/*TOPへ戻る非表示*/
#page-top-go a{
display:none;
}
/*スライダーリンクの枠線非表示*/
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________*/

.kv_bg {
    background-image:url(/common_d/connect/img/top/main_copy3.png), url(/common_d/connect/img/top/keyvisual.jpg);
    background-size:25%,cover;
    background-repeat: no-repeat;
/*background-position:top 45% left 10%,top center;*/

background-position: top 45% left 10%,top 65px center;



}


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


.kv_bg .top_main .kv_bnr {
	position: absolute;
	bottom: 6%;
	left: 10%;
}
.kv_bg .top_main .kv_bnr img {
	width: 45%;
}

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



/*________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;

}

/*________学部スライド________*/


.faclity_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;
}
.faclity_slide{
margin:0 0 50px;
}
.faclity_slide div{
height:280px;
position:relative;
transition: filter 0.3s;
}

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

.faclity_slide .slick-prev:before, .faclity_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;
}

.faclity_slide .slick-next {
    right:10px;
}
.faclity_slide .slick-prev{
    left:10px;
z-index:1;
}
p.faclity_name{
display:inline-block;
color:#fff;
padding:0.5em 1em;
font-size:0.8em;
min-width:120px;
text-align:center;
margin-top:10px;
}

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

.img_law{
background:url(/common_d/connect/aboutus/faculty/img/live_law4.jpg) center/cover no-repeat;}
.img_economics{
background:url(/common_d/connect/aboutus/faculty/img/live_economics5.jpg) top center/cover no-repeat;}
.img_commerce{
background:url(/common_d/connect/aboutus/faculty/img/live_commerce4.jpg) top center/cover no-repeat;}
.img_science{
background:url(/common_d/connect/aboutus/faculty/img/live_science3.jpg) top center/cover no-repeat;}
.img_letters{
background:url(/common_d/connect/aboutus/faculty/img/live_letters4.jpg) top center/cover no-repeat;}
.img_policy{
background:url(/common_d/connect/aboutus/faculty/img/live_policy4.jpg) top center/cover no-repeat;}
.img_gm{
background:url(/common_d/connect/aboutus/faculty/img/live_gm4.jpg) top center/cover no-repeat;}
.img_itl{
background:url(/common_d/connect/aboutus/faculty/img/live_itl6.jpg) center/cover no-repeat;}
.img_sp3{
background:url(/common_d/connect/img/top/sp3.jpg) center/cover no-repeat;}
.img_sp4{
background:url(/common_d/connect/img/top/sp4.jpg) center/cover no-repeat;}

.img_law:hover,.img_economics:hover,.img_commerce:hover,.img_science:hover,
.img_letters:hover,.img_policy:hover,.img_gm:hover,.img_itl:hover{
filter: brightness(110%);
}
.img_sp3:hover{
filter: brightness(102%);
}
.img_sp4:hover{
filter: brightness(105%);
}


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

.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__２０２２０６０１変更__________ */


.spe_interview {
	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_interview .txt_img {
	position: absolute;
    top: -70px;
    left: -320px;
    z-index: 1;
}
.spe_interview .txt_img img {
	width: 50%;
}
.spe_interview 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_interview h3 span {
	font-size: 34px;
	color: #16328a;
}
.spe_interview .interview_wrap {
    display: flex;
    margin: 50px -8% 60px 0;
}

/* ２０２２０６０１変更50_8_ */
.spe_interview .interview_wrap .spe_box {
    width: 30%;
    margin-right: 1%;
}
　/* ここまで追加済み */
.banner_1, .banner_2, .banner_3, .banner_4 {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.banner_1:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(/common_d/connect/img/top/voice_sp01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.banner_2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(/common_d/connect/img/top/voice_sp03.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.banner_3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(/common_d/connect/img/top/voice_sp04.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.banner_4:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(/common_d/connect/img/top/voice_sp01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.banner_1:hover:after, .banner_2:hover:after, .banner_3:hover:after, .banner_4:hover:after {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.spe_box .spe_txt {
    z-index: 1;
    position: relative;
	margin-top: 220px;
    background-color: #111;
    opacity: 0.8;
    display: flex;
    padding: 10px 20px;
    border-top: 4px solid #16328a;
}

/*ここの行間２０２２０６０１18_1.2 */

.spe_box .spe_txt p {
    color: #fff;
    text-align: left;
	font-size: 12px;
    line-height: 1.3em;
}
.spe_box .spe_txt p.number {
	font-family: 'Quicksand', sans-serif;
    font-size: 40px;
    padding: 0 10px 0 0;
}
.spe_box .spe_txt p span {
	font-size: 18px;
    line-height:1.3em;
}

/* ここまで */
.spe_box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

/* .name_single{
margin-top:15px;} */

/* 学生　卒業生　教員 */
.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;
}

/*===============法学部移転告知=============*/
.top_ho_iten{
width:75%;
display: flex;
margin: 50px auto 100px;
justify-content:space-between;
}

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

.top_ho_iten .l_block {
margin-top:20px;
}

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


.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:30px;
line-height:1.4;
}

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

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





/*===============オープンキャンパスリンク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: 1024px ) and (min-width: 960px ) {

.kv_bg .top_main {
    max-height: 700px;
}
.kv_bg .top_main .kv_copy {
	top: 50%;
	left: 5%;
}
.kv_bg .top_main .kv_copy img {
	width: 450px;
}
.kv_bg .top_main .kv_bnr {
	bottom: 5%;
	left: 7%;
}
.kv_bg .top_main .kv_bnr img {
	width: 250px;
}

.kv_bnr2 {
	bottom: 10px;
	left: 5%;
}

#info-area .pickup {
	width: 60%;
padding: 50px 10px 0;
}

#info-area .news {
	width: 40%;
	padding:20px  30px;
}
.news ul li {
    margin: 10px 0;
    padding-bottom: 18px;
	line-height: 1.3em;
}

}


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

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

/*.kv_bg {
    background-size:40%,cover;
background-position:top 45% left 10%,top 55px left 35%;
}*/

.kv_bg {
    background-size: 70%,cover;
    background-position: bottom 10% left 65%,top 65px left 25%;  /*:::::::::*/
}



.kv_bg .top_main {
    height: 60vh !important;
}

.kv_bg .top_main .kv_bnr {
	bottom: 6%;
	left: 8%;
}
.kv_bg .top_main .kv_bnr img {
	width: 30%;
}

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

/*===============法学部移転告知=============*/
.top_ho_iten{
width:70%;
display: block;
margin: 0 auto 0;
justify-content:space-between;
text-align: center;
}


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

.top_ho_iten .l_block {
margin-top:20px;
}


.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:20px;
line-height:1.2;

}

.top_ho_iten .l_block p{
margin-top:20px;
font-size:14px;
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;
}


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


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

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


/*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 {
    background-size:50%,cover;
background-position:top 55% left 3%,top 55px left 45%;
}

.kv_bg .top_main {
    height: 450px;
}


.kv_bg .top_main .kv_bnr {
	bottom: 3%;
	left: 5%;
}
.kv_bg .top_main .kv_bnr img {
	width: 45%;
}

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 4%;
}

/*________偽サイト注意喚起________*/
.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;
}
.spe_interview {
	padding: 0 5% 15% 5%;
}
.spe_interview h3 {
	font-size: 22px;
	width: 100%;
	padding: 20px 0 10px;
}
.spe_interview .interview_wrap {
	flex-direction: column;
    margin: 30px 0;
}
.spe_interview .interview_wrap .spe_box {
	width: 100%;
	margin: 0 0 20px 0;
}
.spe_box .spe_txt {
	padding: 10px 20px;
}
.spe_box .spe_txt p.number {
	font-size: 30px;
}

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


/*===============法学部移転告知=============*/
.top_ho_iten{
width:90%;
display: block;
margin: 0 auto 0;
justify-content:space-between;
text-align: center;
}


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

.top_ho_iten .l_block {
margin-top:20px;
}


.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:20px;
line-height:1.2;

}

.top_ho_iten .l_block p{
margin-top:20px;
font-size:14px;
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;
}


/*===============オープンキャンパスリンク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;
}


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