@charset "utf-8";



/*------------学生インタビュー目次ページ----------*/

:root {
    --color-law: #666699;
    --color-law-sub: #7969ad;  
    --color-law-acc: #6356a3;   
    --color-law-bg: #EEF0F7;   
    --color-eco: #2c7fc3;
    --color-eco-sub: #48c6ef;   
    --color-eco-bg: #e3f1f8;   
    --color-comm: #07a363;
    --color-comm-sub: #bfdfba; 
    --color-comm-bg: #dcf4e0;  
    --color-sci: #ff5500;
    --color-sci-sub: #f9d423;   
    --color-sci-bg:#fbe5d7;
    --color-let: #e53e65;
    --color-let-sub: #ffad95;  
    --color-let-bg: #FFEFEF;  
    --color-policy: #009ba3;
    --color-policy-sub: #add3b1;  
    --color-policy-bg: #EAFFF7; 
    --color-gm: #183267;
    --color-gm-sub: #3a5899;  
    --color-gm-bg: #EEF1FF;  
    --color-itl: #171c21;
    --color-itl-sub: #485563; 
    --color-itl-bg: #F8F6F4;  
    --color-fund: #eab312;
    --color-fund-bg: #fbf0d0;
    --color-soc: #f08300; 
    --color-soc-bg: #fce6cc;    
    --color-adv: #ea5520;
    --color-adv-bg: #fbddd2;
    --font-min:  "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;   
    }





/*学生インタビュー　リンクボタン*/
.new_stvoice_list h1 {
  font-family: 'Affogato-Black';
  color: #fff;
  font-size: 2.3em;
  text-align: center;
  padding: 15px 0 10px;
  letter-spacing: 0.09em;
  background: #12386a;
  margin-bottom: 40px;
}


.new_stvoice_list_inner{
  font-size: medium;
  display:block;
}

.new_stvoice_list h1 span{
  font-size: medium;
  display:block;
}

.new_voice_facu_list{
display:flex; 
justify-content:space-between; 
flex-wrap: wrap;
max-width:1000px;
margin:0 auto 40px;
}




/*学生インタビュー背景グラデ*/

.new_law_grade{background: radial-gradient(#cfd6e9, #fafafe);}
.new_eco_grade{background: radial-gradient(#a0c5e4, #e3f5fc);}
.new_com_grade{background: radial-gradient(#8cd6b9, #f0faf1);}
.new_sci_grade{background: radial-gradient(#f9a28b, #fbfce1);}
.new_let_grade{background: radial-gradient(#f6cbe4, #faf6fa);}
.new_pol_grade{background: radial-gradient(#8bd2e2, #d7e8db);}
.new_gm_grade{background: radial-gradient(#97a2ae, #fff);}
.new_itl_grade{background: radial-gradient(#acadb2, #f5f5f8);}
.new_fundamental_grade{background: radial-gradient(#f7e1a0, #fbf0d0);}
.new_society_grade{background: radial-gradient(#f9cd99, #fce6cc);}
.new_advanced_grade{background: radial-gradient(#f9ccbc, #fbddd2);}


.new_voices_cont{
width:100%;
margin:0 auto;
padding:30px;
max-width:1300px;
}


.new_voices_cont_ditail{
width:100%;
margin:0 auto;
padding:30px;
max-width:1100px;
}


.new_voices_cont h2,
.new_voices_cont_ditail h2{
font-family: var(--font-min);
font-size:40px;
font-weight:500;
margin-bottom:10px;
}

.new_voices_cont_ditail h2{
background-color: #fff;
text-align: center;
color:var(--color-law);
padding:17px 0 10px 0;
line-height: 0.6;
font-size:30px;
margin-bottom:20px;
}


#economics_v .new_voices_cont_ditail h2 {
color:var(--color-eco);
}

#commerce_v .new_voices_cont_ditail h2 {
color:var(--color-comm);
}

#sci_v .new_voices_cont_ditail h2 {
color:var(--color-sci);
}

#letters_v .new_voices_cont_ditail h2 {
color:var(--color-let);
}

#policy_v .new_voices_cont_ditail h2 {
color:var(--color-policy);
}

#gm_v .new_voices_cont_ditail h2 {
color:var(--color-gm);
}

#itl_v .new_voices_cont_ditail h2 {
color:var(--color-itl);
}

#adv_v .new_voices_cont_ditail h2 {
color:var(--color-adv);
}

#soc_v .new_voices_cont_ditail h2 {
color:var(--color-soc);
}

#fund_v .new_voices_cont_ditail h2 {
color:#ef9421;
}





.new_voices_cont h2 span,
.new_voices_cont_ditail h2 span{
font-size:12px;
}


.new_voices_cont .stvoice_list_bl{
display: flex;
justify-content: flex-start;
flex-wrap:wrap;
}


.new_voices_cont_ditail .stvoice_list_bl {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}


.new_voices_cont .stvoice_list_bl li{
 overflow:hidden;
 max-width:300px;
 width:100%;
 position:relative;
 margin:0 10px 10px 0;
}

.new_voices_cont .stvoice_list_bl li:last-child {
 margin:0 0 10px 0;
}


.new_voices_cont_ditail .stvoice_list_bl li{
 overflow:hidden;
 width:24%;
 position:relative;
 margin:0 5px 10px 5px;
}

.new_voices_cont .stvoice_list_bl li img,
.new_voices_cont_ditail .stvoice_list_bl li img{
width:100%;
height: auto;
transition-duration: 0.3s;
}

.new_voices_cont .stvoice_list_bl li figure:hover,
.new_voices_cont_ditail .stvoice_list_bl li figure:hover{
  transform: scale(1.08);/* 拡大 */
  transition-duration: 0.3s;
}

.new_voices_cont .stvoice_list_bl li a:hover,
.new_voices_cont_ditail .stvoice_list_bl li a:hover{
  opacity:1!important;
}


.new_voices_cont .stvoice_list_bl .list_box,
.new_voices_cont_ditail .stvoice_list_bl .list_box{
border:#ccc solid 1px;
background-color: #fff;
padding:10px 10px 10px;
}

.new_voices_cont .stvoice_list_bl .list_box .stv_name,
.new_voices_cont_ditail .stvoice_list_bl .list_box .stv_name{
line-height:1.3;
margin-bottom:5px;
font-weight:400;
}

.new_voices_cont .stvoice_list_bl .list_box .stv_name{
font-size:12px;
}

.new_voices_cont_ditail .stvoice_list_bl .list_box .stv_name{
font-size:10px;
}

.new_voices_cont .stvoice_list_bl .list_box .stv_comme{
font-size:14px;
font-weight:500;
line-height:1.4;
letter-spacing:-0.8px;
}

.new_voices_cont_ditail .stvoice_list_bl .list_box .stv_comme{
font-size:12px;
font-weight:500;
line-height:1.4;
letter-spacing:-0.8px;
}

.new_voices_cont .stvoice_list_bl li:first-child figure:after,
.new_voices_cont_ditail .stvoice_list_bl li:first-child figure:after{
content:"New!";
position:absolute;
top:5px;
right:5px;
background:#ff0000;
color:#fff;
text-align:center;
font-size:10px;
line-height:1.4;
padding:3px;
}

.new_voices_cont .stvoice_list_bl .sp_icon_ss:after,
.new_voices_cont_ditail .stvoice_list_bl .sp_icon_ss:after{
content:"Special";
position:absolute;
top:5px;
right:10px;
background:#e0b028;
color:#fff;
text-align:center;
font-size:10px;
line-height:1.4;
padding:3px;
}




/*------------学生インタビュー2023新規デザイン----------*/

.mt_20 {
	margin-top:20px;
}


/* 学部カラー */
.cc_law{color:var(--law-sub);}
.cc_itl{color:var(--color-itl-sub);}
.cc_science{color:var(--color-sci-sub);}
.cc_gm{color:var(--color-gm-sub);}
.cc_commerce{color:var(--color-comm);}
.cc_letters{color:var(--color-let-sub);}
.cc_economics{color:var(--color-eco-sub);}
.cc_policy{color:var(--color-policy-sub);}


.cc_science02{color:var(--color-sci);}/* 学部カラー追加 */
.cc_letters02{color:var(--color-let);}
.cc_policy02{color:var(--color-policy);}


/* 学部ボーダーカラー */
.ccc_law_dt{border-left:solid 1px var(--law-sub); border-top:solid 1px var(--law-sub); border-bottom:solid 1px var(--law-sub);}
.ccc_law_dd{border-right:solid 1px var(--law-sub); border-top:solid 1px var(--law-sub); border-bottom:solid 1px var(--law-sub);}
.ccc_economics_dt{border-left:solid 1px var(--color-eco-sub); border-top:solid 1px var(--color-eco-sub); border-bottom:solid 1px var(--color-eco-sub);}
.ccc_economics_dd{border-right:solid 1px var(--color-eco-sub); border-top:solid 1px var(--color-eco-sub); border-bottom:solid 1px var(--color-eco-sub);}
.ccc_itl_dt{border-left:solid 1px var(--color-itl-sub); border-top:solid 1px var(--color-itl-sub); border-bottom:solid 1px var(--color-itl-sub);}
.ccc_itl_dd{border-right:solid 1px var(--color-itl-sub); border-top:solid 1px var(--color-itl-sub); border-bottom:solid 1px var(--color-itl-sub);}
.ccc_science_dt{border-left:solid 1px var(--color-sci-sub); border-top:solid 1px var(--color-sci-sub); border-bottom:solid 1px var(--color-sci-sub);}
.ccc_science_dd{border-right:solid 1px var(--color-sci-sub); border-top:solid 1px var(--color-sci-sub); border-bottom:solid 1px var(--color-sci-sub);}
.ccc_gm_dt{border-left:solid 1px var(--color-gm-sub); border-top:solid 1px var(--color-gm-sub); border-bottom:solid 1px var(--color-gm-sub);}
.ccc_gm_dd{border-right:solid 1px var(--color-gm-sub); border-top:solid 1px var(--color-gm-sub); border-bottom:solid 1px var(--color-gm-sub);}
.ccc_commerce_dt{border-left:solid 1px var(--color-comm-sub); border-top:solid 1px var(--color-comm-sub); border-bottom:solid 1px var(--color-comm-sub);}
.ccc_commerce_dd{border-right:solid 1px var(--color-comm-sub); border-top:solid 1px var(--color-comm-sub); border-bottom:solid 1px var(--color-comm-sub);}
.ccc_letters_dt{border-left:solid 1px var(--color-let-sub); border-top:solid 1px var(--color-let-sub); border-bottom:solid 1px var(--color-let-sub);}
.ccc_letters_dd{border-right:solid 1px var(--color-let-sub); border-top:solid 1px var(--color-let-sub); border-bottom:solid 1px var(--color-let-sub);}
.ccc_policy_dt{border-left:solid 1px var(--color-policy-sub); border-top:solid 1px var(--color-policy-sub); border-bottom:solid 1px var(--color-policy-sub);}
.ccc_policy_dd{border-right:solid 1px var(--color-policy-sub); border-top:solid 1px var(--color-policy-sub); border-bottom:solid 1px var(--color-policy-sub);}




.ccc_itl{border:solid 1px #485563;}
.ccc_science{border:solid 1px var(--color-sci-sub);}
.ccc_gm{border:solid 1px var(--color-gm-sub);}
.ccc_commerce{border:solid 1px var(--color-comm-sub);}
.ccc_letters{border:solid 1px var(--color-let-sub);}
.ccc_economics{border:solid 1px var(--color-eco-sub);}
.ccc_policy{border:solid 1px var(--color-policy-sub);}



.new_interview_sec {
    background-color: #fff;
    padding: 0 40px;
    margin: 50px auto 50px;
    position: relative;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 40px solid #fff;
    border-right: 40px solid #fff;
    border-top: 40px solid #fff;
}


.new_stvoice_cont_fuc h2{
    font-family: var(--font-min);
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
	background-color:#fff;
	color:var(--color-law);
	text-align: center;
    padding: 20px 0 15px;
    line-height: 0.6;
}
.new_stvoice_cont_fuc h2 span{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px;
	color:var(--color-law);
	text-align: center;
    padding: 20px 0 15px;
    line-height: 0.6;
}


.new_stvoice_cont_fuc .stvoice_list_bl{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.new_stvoice_cont h1 {
    font-family: 'Affogato-Black';
    color: #fff;
    font-size: 2.3em;
    text-align: center;
    padding: 15px 0 10px;
    letter-spacing: 0.09em;
    background: #12386a;
	}
	
.new_stvoice_cont h1 span {
    font-size: medium;
    display: block;
}

h2.facu_name{
    font-family: var(--font-min);
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
	background-color:#fff;
	color:var(--color-law);
	text-align: center;
    padding: 20px 0 15px;
    line-height: 0.6;
}


.new_law_bg{
background:none;
}



.latest_cont_top {
    position: relative;
    height: 400px;
    width: 100%;
    background-position: 0 40px;
    background-repeat: no-repeat;
}


.latest_cont_top h1{
	position:absolute;
	top:40px;
}

.latest_st_top_cont {
    padding: 0 40px 20px;
    margin: 20px auto 20px;
    position: relative;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
	background-color: #fff;
}


.latest_st_top_cont .interview_profile{
background-color:rgba(255,255,255,0.95);
position:absolute;
top:260px;
right:0;
padding:15px;
min-height:140px;
}

.latest_st_top_cont .interview_profile .name_int{
font-size:14px;
line-height:1.2;
margin-bottom:30px;
font-weight:500;
}

.latest_st_top_cont .interview_profile .name_int span{
font-size:10px;
line-height:1.2;
}

.latest_st_top_cont .interview_profile .name_int:after{
content:"";
border-bottom:#333 solid 2px;
width:30px;
top:63px;
left:15px;
position:absolute;
}

.latest_st_top_cont .interview_profile h2{
font-family: var(--font-min);
font-size:20px;
font-weight:500;
line-height:1.2;
}


.latest_cont_bottom{
    background-color: #fff;
	margin:30px 0;
}


.latest_cont_bottom h3 {
    position: relative;
    margin-bottom: 0.6rem;
    padding: 0.1rem 0.5rem 0.5rem;
    color: white;
	font-size: 16px;
}


.latest_cont_bottom h3:before {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    content: '';
}


.latest_cont_bottom h3.bg__l {background-color: var(--color-law-acc);}
.latest_cont_bottom h3.bg__e {background-color: var(--color-eco-sub);}
.latest_cont_bottom h3.bg__c {background-color: var(--color-comm);}
.latest_cont_bottom h3.bg__s {background-color: var(--color-sci);}
.latest_cont_bottom h3.bg__let {background-color: var(--color-let);}
.latest_cont_bottom h3.bg__p {background-color: var(--color-policy);}
.latest_cont_bottom h3.bg__g {background-color: var(--color-gm);}
.latest_cont_bottom h3.bg__i {background-color: var(--color-itl);}


.latest_cont_bottom .main_txt{
padding-bottom:30px;
}

.latest_cont_bottom .item_bl{
display: flex;
}

.latest_cont_bottom .item_bl li{
width:50%;
}

.latest_cont_bottom .item_bl{
display: flex;
flex-wrap: wrap;
width:100%;
font-size:14px;
}

.latest_cont_bottom .item_bl { 
display: flex;
flex-wrap: wrap;
width:100%;
font-size:14px;
}

.latest_cont_bottom .item_bl .school_life dl{
display: flex;
flex-wrap: wrap;
width:100%;
font-size:14px;
}



.latest_cont_bottom .item_bl .school_life dl dt{
background-color: #dbd040;
width:20%;
margin-bottom:10px;
padding:5px;
}

.latest_cont_bottom .item_bl .school_life dl dd{
width:80%;
line-height:1.2;
margin-bottom:10px;
padding:5px;
position: relative;
}


.latest_cont_bottom .item_bl .school_life dl dd:not(:last-child):after{
content:"▼";
position:absolute;
top:59px;
left:150px;
font-size:0.5em;
}

.ccc_law_dd:after{color:var(--law-sub) !important;}
.ccc_economics_dd:after{color:var(--color-eco-sub) !important;}
.ccc_commerce_dd:after{color:var(--color-comm) !important;}
.ccc_letters_dd:after{color:var(--color-let) !important;}
.ccc_science_dd:after{color:var(--color-sci) !important;}
.ccc_policy_dd:after{color:var(--color-policy) !important;}
.ccc_gm_dd:after{color:var(--color-gm) !important;}
.ccc_itl_dd:after{color:var(--color-itl) !important;}

.latest_cont_bottom .item_bl li ul{
width:100%;
margin-left:20px;
}

.latest_cont_bottom .item_bl li ul li{
width:90%;
margin-left:20px;
}

.recom_class{
margin-bottom:20px;
}


.recom_class dl{
display:flex;
}

.recom_class dl dt.line1,
.recom_class dl dt.line2,
.recom_class dl dt.line3,
.recom_class dl dt.line4,
.recom_class dl dt.line6
 {
    width: 120%;
    height: 50px;
    text-align: center;
    line-height: 3.5;
    font-size: 13px;
}

.recom_class dl dt.line5,
.recom_class dl dt.line7,
.recom_class dl dt.line8
 {
    width: 120%;
    height: 50px;
    text-align: center;
    line-height: 1.8;
    font-size: 13px;
}


.recom_class dl dt.line1 {
    border: var(--color-law) solid 2px;
}

.recom_class dl dt.line2 {
    border: var(--color-eco) solid 2px;
}

.recom_class dl dt.line3 {
    border: #2ca879 solid 2px;
}

.recom_class dl dt.line4 {
    border: var(--color-sci) solid 2px;
}

.recom_class dl dt.line5 {
    border: var(--color-let) solid 2px;
}

.recom_class dl dt.line6 {
    border: var(--color-policy) solid 2px;
}

.recom_class dl dt.line7 {
    border: var(--color-gm) solid 2px;
}

.recom_class dl dt.line8 {
    border: var(--color-itl) solid 2px;
}






.recom_class dl dd {
    line-height: 1.5;
    margin-left: 10px;
}


.necessities dl dt{
line-height:1.2;
}

.necessities dl dd{
line-height:1.2;
display: flex;
position:relative;
}

.necessities dl dd p{
font-size:14px;
}

.necessities dl dd p img{
margin-left:auto;
margin-right:auto;
}

.necessities dl dd p.nece_txt {
    padding-right: 30px;
    line-height: 1.3;
    margin-top: 8px;
	color:#000;
}

.nece_fig:before {
    position: absolute;
    top: 35px;
    left: 260px;
    font-size: 11px;
    white-space: pre-wrap;
    line-height: 1.2;
    font-weight: 700;
}





/********* 2025年 学生インタビュー top **********/

.voice_list_area {
    width: 100%;
}

.voice_list_wrap,
.voice_list_wrap02 {
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    max-width: 1300px;
}

.voice_list_wrap02 ul {
    display:flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.voice_list_wrap02 li a {
    position: relative;
    padding: 10px 0.5em 25px;
    justify-content: center;
    color:#000;
}

.voice_list_wrap02 li a span {
    border-bottom: 1px solid #000;
}

.voice_list_wrap02 li a:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(135deg);
    position: absolute;
    top: auto;
    bottom:10px;
    left: 0;
    right: 0;
    margin: auto;
    color:#c8102e;
}


.voice_list_wrap ul {
    display: grid;
    grid-template-columns: repeat(7, 2fr);
    grid-column-gap: 1%;
    grid-row-gap: 10px;
    width: 100%;
}

.voice_list_wrap li {
    text-align: center;
    padding: 10px 0;
    border-radius: 40px;
}

.voice_list_wrap li a {
    display: block;
}

.voice_list_wrap .menu_law {
    background-color: #e0deec;
    border: #a9a2cb solid 1px;
}

.voice_list_wrap .menu_law a {
    color: #6355a1;
}

.voice_list_wrap .menu_eco {
    background: #ccecfb;
    border: #73cbf3 solid 1px;
}

.voice_list_wrap .menu_eco a {
    color: #009fe8;
}

.voice_list_wrap .menu_comm {
    background: #cbe9df;
    border: #74c4a9 solid 1px;
}

.voice_list_wrap .menu_comm a {
    color: #009362;
}

.voice_list_wrap .menu_sci {
    background: #fdeacc;
    border: #f8ca7d solid 1px;
}

.voice_list_wrap .menu_sci a {
    color: #f29600;
}

.voice_list_wrap .menu_let {
    background: #fbdde7;
    border: #f1a1be solid 1px;
}

.voice_list_wrap .menu_let a {
    color: #e85388;
}

.voice_list_wrap .menu_policy {
    background: #ccefe9;
    border: #7fd7c9 solid 1px;
}

.voice_list_wrap .menu_policy a {
    color: #00af95;
}

.voice_list_wrap .menu_gm {
    background: #cdcfde;
    border: #8184ad solid 1px;
}

.voice_list_wrap .menu_gm a {
    color: #444770;
}

.voice_list_wrap .menu_itl {
    background: #d3d2d0;
    border: #7a7474 solid 1px;
}

.voice_list_wrap .menu_itl a {
    color: #544e4d !important;
}

.voice_list_wrap .menu_fund {
    background-color: var(--color-fund-bg);
    border: var(--color-fund) solid 1px;   
}

.voice_list_wrap .menu_fund a,
.voice_list_wrap .menu_soc a,
.voice_list_wrap .menu_adv a {
    color: #dc5034;
}

.voice_list_wrap .menu_soc {
    background-color: var(--color-soc-bg);
    border: var(--color-soc) solid 1px;   
}

.voice_list_wrap .menu_adv {
    background-color: var(--color-adv-bg);
    border: var(--color-adv) solid 1px;   
}





/********* 2025年 学生インタビュー **********/

.latest_cont_top2025 {
    width:100%;
}

.stu_int_2025_wrap {
    display: flex;
    justify-content: space-between;
    width:100%;
    padding:50px 0;
    color:#000;
}

.stu_int_2025_wrap p {
    color:#000;   
}

.stu_int_2025_wrap .cont_01 {
    width:55%;
}

.stu_int_2025_wrap .cont_02 {
    width: 40%;
}

.stu_int_2025_wrap .cont_01 li:first-child {
    /* font-size: 1.1rem; */
    font-weight: bold;
}

.stu_int_2025_wrap .cont_01 li:nth-child(2),
.stu_int_2025_wrap .cont_01 li:last-child {
    font-size: 0.9em;
}

.stu_int_2025_wrap h2 {
    padding:10px;
    color:#fff;
    font-family: 'Quicksand', sans-serif;
    font-size:1.2em;
    margin-bottom:1em;
}

.stu_int_2025_wrap h2 span {
    font-size:14px;
    margin-left:1em;
}

.stv_law_area h2 {
    background: linear-gradient(to right, #3453a3, #7969ad);
}

.stv_eco_area h2 {
    background: linear-gradient(to right, #2c7fc3, #48c6ef);
}

.stv_com_area h2 {
    background: linear-gradient(to right, #00a863, #bfdfba);
}

.stv_let_area h2 {
    background: linear-gradient(to right, #e44149, #ffad95);
}

.stv_policy_area h2 {
    background: linear-gradient(to right, #00a0bf, #add3b1);
}

.stv_gm_area h2 {
    background: linear-gradient(to right, #183267, #3a5899);
}

.stv_itl_area h2 {
    background: linear-gradient(to right, #171c21, #485563);
}

.stv_fund_area h2 {
    background: #FDC830;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.stv_society_area h2 {
    background: linear-gradient(to right, #fc4a1a, #f7b733); 

}

.stv_adv_area h2 {
    background-image: linear-gradient( 135deg, #FD6E6A 10%, #FFC600 100%);
}



.stu_int_2025_wrap h3 {
    padding-bottom:0.5em;
    font-weight:bold;
    font-family:var(--font-min);
    font-size:1.2em;
    margin-bottom:15px;
}


.stv_law_area h3 {
    border-bottom:1px solid var(--color-law-acc);
    color:var(--color-law-acc);
}

.stv_eco_area h3 {
    border-bottom:1px solid #00a0e9;
    color: #00a0e9;
}

.stv_com_area h3 {
    border-bottom:1px solid var(--color-comm);
    color: var(--color-comm);
}

.stv_let_area h3 {
    border-bottom:1px solid var(--color-let);
    color: var(--color-let);
}

.stv_policy_area h3 {
    border-bottom:1px solid var(--color-policy);
    color: var(--color-policy);
}

.stv_gm_area h3 {
    border-bottom:1px solid var(--color-gm);
    color: var(--color-gm);
}

.stv_itl_area h3 {
    border-bottom:1px solid var(--color-itl);
    color: var(--color-itl);
}

.stv_fund_area h3 {
    border-bottom:1px solid #ef9421;    
    color: #f48024;      
}

.stv_gm_area h3 {
    border-bottom:1px solid var(--color-gm);
    color: var(--color-gm);
}

.stv_itl_area h3 {
    border-bottom:1px solid var(--color-itl);
    color: var(--color-itl);
}

.stv_society_area h3 {
    border-bottom:1px solid var(--color-soc);    
    color: var(--color-soc);    
}

.stv_adv_area h3 {
    border-bottom:1px solid var(--color-adv);    
    color: var(--color-adv);      
}




.stu_int_2025_wrap .cont_01 ul {
    padding:10px;
    border-radius: 8px;
    font-weight:bold;
    font-family:var(--font-min);
    margin-bottom:1em;
}

.stv_law_area .cont_01 ul {
    background-color: #f2f2f2; 
}

.stv_eco_area .cont_01 ul {
    background-color: #e3f1f8;    
}

.stv_com_area .cont_01 ul {
    background-color: #dcf4e0;    
}

.stv_let_area .cont_01 ul {
    background-color: #FFEFEF;   
}

.stv_policy_area .cont_01 ul {
    background-color: var(--color-policy-bg);   
}

.stv_gm_area .cont_01 ul {
    background-color: var(--color-gm-bg);   
}

.stv_itl_area .cont_01 ul {
    background-color: var(--color-itl-bg);   
}

.stv_fund_area .cont_01 ul {
    background-color: #feefd4;   
}

.stv_society_area .cont_01 ul {
    background-color: #ffeada;   
}

.stv_adv_area .cont_01 ul {
    background-color: #fbddd2;   
}


.stu_int_2025_wrap img {
    width:100%;
}

.st_back .inner .year {
    font-family: var(--font-min);
    font-size:1.5rem;
    font-weight: bold;
    padding-bottom: 0.2em;
}

.st_back .inner .year_law {
    color:var(--color-law-acc);
    border-bottom: 1px solid var(--color-law-acc);
}

.st_back .inner .year_eco {
    color:var(--color-eco);
    border-bottom: 1px solid var(--color-eco);
}

.st_back .inner .year_com {
    color:var(--color-comm);
    border-bottom: 1px solid var(--color-comm);
}

.st_back .inner .year_let {
    color:var(--color-let);
    border-bottom: 1px solid var(--color-let);
}

.st_back .inner .year_policy {
    color:var(--color-policy);
    border-bottom: 1px solid var(--color-policy);
}

.st_back .inner .year_gm {
    color:var(--color-gm);
    border-bottom: 1px solid var(--color-gm);
}

.st_back .inner .year_itl {
    color:var(--color-itl);
    border-bottom: 1px solid var(--color-itl);
}

.st_back .inner .year_fund {
    color:#F37335;
    border-bottom: 1px solid #F37335;
}

.st_back .inner .year_society {
    color:var(--color-soc);
    border-bottom: 1px solid var(--color-soc);
}

.st_back .inner .year_adv {
    color:var(--color-adv);
    border-bottom: 1px solid var(--color-adv);
}

.st_back .note {
    font-size: 14px;
}





/*------------学生インタビュー既存----------*/

.stvoice_list .inner{
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}




.st_inner:before{
content:"";
display: block;
width:0;
height:0;
padding-bottom:60%;
}

.st_title{
position:relative;
background-image: url("/common_d/admission/connect/voices/img/students_title.png");
background-size:cover;
width:200px;
height:200px;
margin-top:20px;
}

.st_title p{
font-size:11px;
position:absolute;
top:100px;
right:24px;
color:#fff;
}

.st_text{
width:50%;
background-image: url("/common_d/connect/voices/img/students/designyourfuture.png"),url("/common_d/connect/voices/img/students/designyourfuture2.png");
background-size:70%,contain;
background-repeat:no-repeat;
background-position:top,bottom;
padding:80px 45px 50px; 
}

.st_text p{
font-size:0.9em;
padding:70px 60px 20px; 
}



.st_list{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:50px auto;
}

.st_list_info{
max-width:1000px;
margin:0 auto -50px;
padding:0;
text-align:right;
}

.st_list_info p{
background-color:rgba(255,255,255,0.5);
display:inline;
padding:0 1em 2px;
font-size:0.8em;
}


.st_list li{
display:flex;
border:1px solid #ccc;
text-align:center;
margin-bottom:20px;
background-color:#fff;
filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.5));
background-size:95%;
background-repeat:no-repeat;
background-position:top;
text-align:center;
padding-top:30px;
position:relative;
width:11%;
min-width:110px;
height:130px;
transition:all 0.5s ease-out;
}

.st_list li:hover{
transform: translate(0,-13px);
}

.st_list li a{
display:block;
width:100%;
height:100%;
}

.st_faculty{
color:#14327a;
font-weight:500;
margin:5px 0;
text-align:center;
}

.st_listtitle{
color:#14327a;
font-size:0.8em;
text-align:center;
}

.st_box{
width:90%;
height:10px;
position:absolute;
bottom:5%;
left:5%;
}


.li_law{
background-image: url("/common_d/admission/connect/voices/img/students/top/law.png");
}
.li_itl{
background-image: url("/common_d/admission/connect/voices/img/students/top/itl.png");
}
.li_science{
background-image: url("/common_d/admission/connect/voices/img/students/top/science.png");
}
.li_gm{
background-image: url("/common_d/admission/connect/voices/img/students/top/gm.png");
}
.li_commerce{
background-image: url("/common_d/admission/connect/voices/img/students/top/commerce.png");
}
.li_letters{
background-image: url("/common_d/admission/connect/voices/img/students/top/letters.png");
}
.li_economics{
background-image: url("/common_d/admission/connect/voices/img/students/top/economics.png");
}
.li_policy{
background-image: url("/common_d/admission/connect/voices/img/students/top/policystudies.png");
}

.st_voiceimg_law img{
box-shadow:5px 5px #eee,140px 140px 0 -125px #4d4398;
}
.st_voiceimg_itl img{
box-shadow:5px 5px #eee,140px 140px 0 -125px var(--color-itl-sub);
}
.st_voiceimg_science img{
box-shadow:5px 5px #eee,140px 140px 0 -125px #f7a231;
}
.st_voiceimg_gm img{
box-shadow:5px 5px #eee,140px 140px 0 -125px var(--color-gm);
}
.st_voiceimg_commerce img{
box-shadow:5px 5px #eee,140px 140px 0 -125px #00b368;
}
.st_voiceimg_letters img{
box-shadow:5px 5px #eee,140px 140px 0 -125px #ec6d71;
}
.st_voiceimg_economics img{
box-shadow:5px 5px #eee,140px 140px 0 -125px var(--color-eco);
}
.st_voiceimg_policy img{
box-shadow:5px 5px #eee,140px 140px 0 -125px #59b9c6;
}

.st_back{
background-color:#EEF0F7;
}

.st_top_cont{
    background-color: #fff;
    padding: 0 40px;
    margin: 50px auto 50px;
    position: relative;
    background-size: contain;
    background-position:right center;
    background-repeat: no-repeat;
    border-bottom: 40px solid #fff;
    border-right: 40px solid #fff;
    border-top: 40px solid #fff;
}

.st_faclity_title{
width:160px;
height:160px;
padding-top:40px;
text-align:center;
}

.st_faclity_title p{
color:#fff;
font-size:0.9em;
line-height:46px;
text-align:center;
}

p.en{
font-family: 'Quicksand', sans-serif;
font-size:1.4em;
line-height:24px;
}

.st_voice_intro{
position:absolute;
bottom:30px;
right:20px;
text-align:right;
}

.st_voice_intro p{
background:#fff;
color:#223B80;
font-size:18px;
font-weight:500;
margin-top:10px;
padding:3px 2em;
display:inline-block;/*要素の中身にサイズを合わせる*/
box-shadow:3px 3px 5px rgba(0,0,0,0.3);
}

.st_voice_title{
    margin-top:30px;
    padding: 10px;
    width: 250px;
    line-height: 140%;
    /*background-color: rgba(255,255,255,0.7);*/
}

.st_voice_title p{
font-size:0.9em;
}

p.st_voice_name{
font-size:1.4em;
margin-top:5px;
text-align:left;
}

p.st_voice_name span{
margin-left:3px;
font-size:0.7em;
}

p.st_voice_info{
color: #6d788c;
line-height:1.3;
margin-top:5px;
font-size:0.9em;
}

.st_cont{
margin:0 auto 80px;
padding-left:100px;
background-position:left top;
}

.st_cont_r{
margin:0 auto 20px;
padding-right:100px;
background-position:right top;
}

.st_cont_r_bottom{
margin:0 auto 80px;
padding-right:100px;
background-position:right top;
}


.st_cont,
.st_cont_r,
.st_cont_r_bottom{
background-image: url("/common_d/connect/voices/img/students/studentsvoices.png");
background-size:10%;
background-repeat:no-repeat;
text-align:justify;
}


.st_cont h2,.st_cont_r h2,.st_cont_r_bottom h2{
color: #223B80;
font-size:1em;
font-weight:bold;
margin:30px 0 10px;
border-bottom:1px solid #223B80;
display:inline-block;
padding-bottom:0.25em;
}


.img_wrap,.img_wrap_col3{
margin:40px 0;
padding:0 20px;
background-color: #EEF0F7;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9),
color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),
color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
display:flex;
justify-content:space-around;
}

.img_wrap img{
width:45%;
margin:20px 0 40px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}

.img_wrap_col3 img{
width:31%;
margin:20px 0 40px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}



/*
========スケジュール表===========
*/

.schedule_wrap{
width:100%;
overflow-y:scroll;
background:#fff;
padding:20px 20px 20px;
   -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
}


.schedule_comment_e,
.schedule_comment_p,
.schedule_comment_l,
.schedule_comment_le,
.schedule_comment_c,
.schedule_comment_i,
.schedule_comment_g{
padding:10px 10px 0 70px;
font-size:0.9em;
position: relative;
margin:10px 0 0;
font-size:0.8em;
}

.schedule_comment_e:before,
.schedule_comment_p:before,
.schedule_comment_l:before,
.schedule_comment_le:before,
.schedule_comment_c:before,
.schedule_comment_i:before,
.schedule_comment_g:before{
width: 44px;
height: 44px;
padding-top: 13px;
position: absolute;
top: -11px;
left: 0;
}

.schedule_comment_e:before{content:url(/common_d/connect/voices/img/students/2022/check_e.png);}
.schedule_comment_p:before{content:url(/common_d/connect/voices/img/students/2022/check_p.png);}
.schedule_comment_l:before{content:url(/common_d/connect/voices/img/students/2022/check_l.png);}
.schedule_comment_le:before{content:url(/common_d/connect/voices/img/students/2022/check_le.png);}
.schedule_comment_c:before{content:url(/common_d/connect/voices/img/students/2022/check_c.png);}
.schedule_comment_i:before{content:url(/common_d/connect/voices/img/students/2022/check_i.png);}
.schedule_comment_g:before{content:url(/common_d/connect/voices/img/students/2022/check_g.png);}





.schedule_wrap::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }

table.schedule_i,
table.schedule_g,
table.schedule_p,
table.schedule_le,
table.schedule_c,
table.schedule_e,
table.schedule_l,
table.schedule_s{
width:100%;
min-width:800px;
margin:0 auto;
}

table.schedule_i th,
table.schedule_g th,
table.schedule_p th,
table.schedule_le th,
table.schedule_c th,
table.schedule_e th,
table.schedule_l th,
table.schedule_s th{
height:60px;
border-bottom:dashed 1px #29abe2;
text-align:center;
vertical-align:middle;
}


table.schedule_i th{border-bottom:dashed 1px var(--color-itl);}
table.schedule_g th{border-bottom:dashed 1px var(--color-gm);}
table.schedule_p th{border-bottom:dashed 1px var(--color-policy);}
table.schedule_le th{border-bottom:dashed 1px var(--color-let);}
table.schedule_c th{border-bottom:dashed 1px #2ca879;}
table.schedule_e th{border-bottom:dashed 1px var(--color-eco);}
table.schedule_l th{border-bottom:dashed 1px var(--color-law-acc);}
table.schedule_s th{border-bottom:dashed 1px var(--color-sci);}

.schedule_title_i{color:var(--color-itl);background:url(/common_d/connect/voices/img/students/2022/schedule_title_i.png);}
.schedule_title_g{color:var(--color-gm);background:url(/common_d/connect/voices/img/students/2022/schedule_title_g.png);}
.schedule_title_p{color:var(--color-policy);background:url(/common_d/connect/voices/img/students/2022/schedule_title_p.png);}
.schedule_title_le{color:var(--color-let);background:url(/common_d/connect/voices/img/students/2022/schedule_title_le.png);}
.schedule_title_c{color:var(--color-comm);background:url(/common_d/connect/voices/img/students/2022/schedule_title_c.png);}
.schedule_title_e{color:var(--color-eco);background:url(/common_d/connect/voices/img/students/2022/schedule_title_e.png);}
.schedule_title_l{color:var(--color-law-acc);background:url(/common_d/connect/voices/img/students/2022/schedule_title_l.png);}
.schedule_title_s{color:var(--color-sci);background:url(/common_d/connect/voices/img/students/2022/schedule_title_s.png);}

.schedule_title_i,
.schedule_title_g,
.schedule_title_p,
.schedule_title_le,
.schedule_title_c,
.schedule_title_e,
.schedule_title_l,
.schedule_title_s{
background-size:contain;
background-position: center left;
background-repeat:  no-repeat;
}

.schedule_title_i,
.schedule_title_g,
.schedule_title_p,
.schedule_title_le,
.schedule_title_c,
.schedule_title_e,
.schedule_title_l,
.schedule_title_s {
height:50px;
font-size:1.1em;
font-weight:bold;
padding:10px 0 0 40px;
margin-bottom:10px;
}


table.schedule_i td,
table.schedule_g td,
table.schedule_p td,
table.schedule_le td,
table.schedule_c td,
table.schedule_e td,
table.schedule_l td,
table.schedule_s td{
text-align:center;
vertical-align:middle;
font-size:0.9em;;
padding:0 0.5em;
line-height:160%;
}

table.schedule_i td{border-bottom:dashed 1px var(--color-itl);border-right:dashed 1px var(--color-itl);}
table.schedule_g td{border-bottom:dashed 1px var(--color-gm);border-right:dashed 1px var(--color-gm);}
table.schedule_p td{border-bottom:dashed 1px var(--color-policy);border-right:dashed 1px var(--color-policy);}
table.schedule_le td{border-bottom:dashed 1px var(--color-let);border-right:dashed 1px var(--color-let);}
table.schedule_c td{border-bottom:dashed 1px #2ca879;border-right:dashed 1px #2ca879;}
table.schedule_e td{border-bottom:dashed 1px var(--color-eco);border-right:dashed 1px var(--color-eco);}
table.schedule_l td{border-bottom:dashed 1px var(--color-law-acc);border-right:dashed 1px var(--color-law-acc);}
table.schedule_s td{border-bottom:dashed 1px var(--color-sci);border-right:dashed 1px var(--color-sci);}


table.schedule_i td span{
padding-bottom:2px;
border-bottom:solid 3px #dae3e5;
}


th.mon_i{background:url(/common_d/connect/voices/img/students/2022/mon_i.png);}
th.tue_i{background:url(/common_d/connect/voices/img/students/2022/tue_i.png);}
th.wed_i{background:url(/common_d/connect/voices/img/students/2022/wed_i.png);}
th.thu_i{background:url(/common_d/connect/voices/img/students/2022/thu_i.png);}
th.fri_i{background:url(/common_d/connect/voices/img/students/2022/fri_i.png);}
th.sat_i{background:url(/common_d/connect/voices/img/students/2022/sat_i.png);}

th.mon_g{background:url(/common_d/connect/voices/img/students/2022/mon_g.png);}
th.tue_g{background:url(/common_d/connect/voices/img/students/2022/tue_g.png);}
th.wed_g{background:url(/common_d/connect/voices/img/students/2022/wed_g.png);}
th.thu_g{background:url(/common_d/connect/voices/img/students/2022/thu_g.png);}
th.fri_g{background:url(/common_d/connect/voices/img/students/2022/fri_g.png);}
th.sat_g{background:url(/common_d/connect/voices/img/students/2022/sat_g.png);}

th.mon_p{background:url(/common_d/connect/voices/img/students/2022/mon_p.png);}
th.tue_p{background:url(/common_d/connect/voices/img/students/2022/tue_p.png);}
th.wed_p{background:url(/common_d/connect/voices/img/students/2022/wed_p.png);}
th.thu_p{background:url(/common_d/connect/voices/img/students/2022/thu_p.png);}
th.fri_p{background:url(/common_d/connect/voices/img/students/2022/fri_p.png);}
th.sat_p{background:url(/common_d/connect/voices/img/students/2022/sat_p.png);}

th.mon_le{background:url(/common_d/connect/voices/img/students/2022/mon_le.png);}
th.tue_le{background:url(/common_d/connect/voices/img/students/2022/tue_le.png);}
th.wed_le{background:url(/common_d/connect/voices/img/students/2022/wed_le.png);}
th.thu_le{background:url(/common_d/connect/voices/img/students/2022/thu_le.png);}
th.fri_le{background:url(/common_d/connect/voices/img/students/2022/fri_le.png);}
th.sat_le{background:url(/common_d/connect/voices/img/students/2022/sat_le.png);}

th.mon_c{background:url(/common_d/connect/voices/img/students/2022/mon_c.png);}
th.tue_c{background:url(/common_d/connect/voices/img/students/2022/tue_c.png);}
th.wed_c{background:url(/common_d/connect/voices/img/students/2022/wed_c.png);}
th.thu_c{background:url(/common_d/connect/voices/img/students/2022/thu_c.png);}
th.fri_c{background:url(/common_d/connect/voices/img/students/2022/fri_c.png);}
th.sat_c{background:url(/common_d/connect/voices/img/students/2022/sat_c.png);}

th.mon_e{background:url(/common_d/connect/voices/img/students/2022/mon_e.png);}
th.tue_e{background:url(/common_d/connect/voices/img/students/2022/tue_e.png);}
th.wed_e{background:url(/common_d/connect/voices/img/students/2022/wed_e.png);}
th.thu_e{background:url(/common_d/connect/voices/img/students/2022/thu_e.png);}
th.fri_e{background:url(/common_d/connect/voices/img/students/2022/fri_e.png);}
th.sat_e{background:url(/common_d/connect/voices/img/students/2022/sat_e.png);}

th.mon_l{background:url(/common_d/connect/voices/img/students/2022/mon_l.png);}
th.tue_l{background:url(/common_d/connect/voices/img/students/2022/tue_l.png);}
th.wed_l{background:url(/common_d/connect/voices/img/students/2022/wed_l.png);}
th.thu_l{background:url(/common_d/connect/voices/img/students/2022/thu_l.png);}
th.fri_l{background:url(/common_d/connect/voices/img/students/2022/fri_l.png);}
th.sat_l{background:url(/common_d/connect/voices/img/students/2022/sat_l.png);}

th.mon_s{background:url(/common_d/connect/voices/img/students/2022/mon_s.png);}
th.tue_s{background:url(/common_d/connect/voices/img/students/2022/tue_s.png);}
th.wed_s{background:url(/common_d/connect/voices/img/students/2022/wed_s.png);}
th.thu_s{background:url(/common_d/connect/voices/img/students/2022/thu_s.png);}
th.fri_s{background:url(/common_d/connect/voices/img/students/2022/fri_s.png);}
th.sat_s{background:url(/common_d/connect/voices/img/students/2022/sat_s.png);}


th.mon_i,th.mon_g,th.mon_p,th.mon_le,th.mon_c,th.mon_e,th.mon_l,th.mon_s,
th.tue_i,th.tue_g,th.tue_p,th.tue_le,th.tue_c,th.tue_e,th.tue_l,th.tue_s,
th.wed_i,th.wed_g,th.wed_p,th.wed_le,th.wed_c,th.wed_e,th.wed_l,th.wed_s,
th.thu_i,th.thu_g,th.thu_p,th.thu_le,th.thu_c,th.thu_e,th.thu_l,th.thu_s,
th.fri_i,th.fri_g,th.fri_p,th.fri_le,th.fri_c,th.fri_e,th.fri_l,th.fri_s,
th.sat_i,th.sat_g,th.sat_p,th.sat_le,th.sat_c,th.sat_e,th.sat_l,th.sat_s{
background-size: 75%;
background-position: center;
background-repeat: no-repeat;
}

th.one_i{background-image:url(/common_d/connect/voices/img/students/2022/period_i_1.png);}
th.one_g{background-image:url(/common_d/connect/voices/img/students/2022/period_g_1.png);}
th.one_p{background-image:url(/common_d/connect/voices/img/students/2022/period_p_1.png);}
th.one_le{background-image:url(/common_d/connect/voices/img/students/2022/period_le_1.png);}
th.one_c{background-image:url(/common_d/connect/voices/img/students/2022/period_c_1.png);}
th.one_e{background-image:url(/common_d/connect/voices/img/students/2022/period_e_1.png);}
th.one_l{background-image:url(/common_d/connect/voices/img/students/2022/period_l_1.png);}
th.one_s{background-image:url(/common_d/connect/voices/img/students/2022/period_s_1.png);}

th.two_i{background-image:url(/common_d/connect/voices/img/students/2022/period_i_2.png);}
th.two_g{background-image:url(/common_d/connect/voices/img/students/2022/period_g_2.png);}
th.two_p{background-image:url(/common_d/connect/voices/img/students/2022/period_p_2.png);}
th.two_le{background-image:url(/common_d/connect/voices/img/students/2022/period_le_2.png);}
th.two_c{background-image:url(/common_d/connect/voices/img/students/2022/period_c_2.png);}
th.two_e{background-image:url(/common_d/connect/voices/img/students/2022/period_e_2.png);}
th.two_l{background-image:url(/common_d/connect/voices/img/students/2022/period_l_2.png);}
th.two_s{background-image:url(/common_d/connect/voices/img/students/2022/period_s_2.png);}

th.three_i{background-image:url(/common_d/connect/voices/img/students/2022/period_i_3.png);}
th.three_g{background-image:url(/common_d/connect/voices/img/students/2022/period_g_3.png);}
th.three_p{background-image:url(/common_d/connect/voices/img/students/2022/period_p_3.png);}
th.three_le{background-image:url(/common_d/connect/voices/img/students/2022/period_le_3.png);}
th.three_c{background-image:url(/common_d/connect/voices/img/students/2022/period_c_3.png);}
th.three_e{background-image:url(/common_d/connect/voices/img/students/2022/period_e_3.png);}
th.three_l{background-image:url(/common_d/connect/voices/img/students/2022/period_l_3.png);}
th.three_s{background-image:url(/common_d/connect/voices/img/students/2022/period_s_3.png);}

th.four_i{background-image:url(/common_d/connect/voices/img/students/2022/period_i_4.png);}
th.four_g{background-image:url(/common_d/connect/voices/img/students/2022/period_g_4.png);}
th.four_p{background-image:url(/common_d/connect/voices/img/students/2022/period_p_4.png);}
th.four_le{background-image:url(/common_d/connect/voices/img/students/2022/period_le_4.png);}
th.four_c{background-image:url(/common_d/connect/voices/img/students/2022/period_c_4.png);}
th.four_e{background-image:url(/common_d/connect/voices/img/students/2022/period_e_4.png);}
th.four_l{background-image:url(/common_d/connect/voices/img/students/2022/period_l_4.png);}
th.four_s{background-image:url(/common_d/connect/voices/img/students/2022/period_s_4.png);}

th.five_i{background-image:url(/common_d/connect/voices/img/students/2022/period_i_5.png);}
th.five_g{background-image:url(/common_d/connect/voices/img/students/2022/period_g_5.png);}
th.five_p{background-image:url(/common_d/connect/voices/img/students/2022/period_p_5.png);}
th.five_le{background-image:url(/common_d/connect/voices/img/students/2022/period_le_5.png);}
th.five_c{background-image:url(/common_d/connect/voices/img/students/2022/period_c_5.png);}
th.five_e{background-image:url(/common_d/connect/voices/img/students/2022/period_e_5.png);}
th.five_l{background-image:url(/common_d/connect/voices/img/students/2022/period_l_5.png);}
th.five_s{background-image:url(/common_d/connect/voices/img/students/2022/period_s_5.png);}

th.six_i{background-image:url(/common_d/connect/voices/img/students/2022/period_i_6.png);}
th.six_g{background-image:url(/common_d/connect/voices/img/students/2022/period_g_6.png);}
th.six_p{background-image:url(/common_d/connect/voices/img/students/2022/period_p_6.png);}
th.six_le{background-image:url(/common_d/connect/voices/img/students/2022/period_le_6.png);}
th.six_c{background-image:url(/common_d/connect/voices/img/students/2022/period_c_6.png);}
th.six_e{background-image:url(/common_d/connect/voices/img/students/2022/period_e_6.png);}
th.six_l{background-image:url(/common_d/connect/voices/img/students/2022/period_l_6.png);}
th.six_s{background-image:url(/common_d/connect/voices/img/students/2022/period_s_6.png);}


th.one_i,th.one_g,th.one_p,th.one_le,th.one_c,th.one_e,th.one_l,th.one_s,
th.two_i,th.two_g,th.two_p,th.two_le,th.two_c,th.two_e,th.two_l,th.two_s,
th.three_i,th.three_g,th.three_p,th.three_le,th.three_c,th.three_e,th.three_l,th.three_s,
th.four_i,th.four_g,th.four_p,th.four_le,th.four_c,th.four_e,th.four_l,th.four_s,
th.five_i,th.five_g,th.five_p,th.five_le,th.five_c,th.five_e,th.five_l,th.five_s,
th.six_i,th.six_g,th.six_p,th.six_le,th.six_c,th.six_e,th.six_l,th.six_s{
background-position:center;
background-size: contain;
background-repeat:  no-repeat;
}


.spin_mag_banner a{
width:400px;
height:200px;
background:url(/common_d/connect/campuslife/img/spin_mag_banner.png) center/contain no-repeat;
position:absolute;
right:0;
top:-180px;
transition:0.3s;
}

.spin_mag_banner a:hover{
opacity:1;
transform:translateY(-5px);
}


/*::::::::2025年版学部案内デザイン:::::::*/

.voice2024_wrap {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	padding-top:45px;
}

.law2024_01 {
	/* position: relative;	*/
}

.voice2024_wrap dl {
	width:50%;
	margin-bottom:30px;
}

.voice2024_wrap h1 {
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

.voice2024_wrap dt img {
	width:100%;
}

.voice2024_wrap dl ul {
	width:95%;
	margin:15px auto 0;
}

.voice2024_wrap .tit2024 {
	font-family: var(--font-min) !important;
	font-weight:bold;
	font-size:1.2em;
}

.law2024 .tit2024 {
	color:var(--color-law-acc);
	border-bottom: solid 1px var(--color-law-acc);
	padding-bottom:8px;
}

.eco2024 .tit2024 {
	color:#00a0e9;
	border-bottom: solid 1px #00a0e9;
	padding-bottom:8px;
}

.com2024 .tit2024 {
	color:var(--color-comm);
	border-bottom: solid 1px var(--color-comm);
	padding-bottom:8px;
}

.sci2024 .tit2024 {
	color:#ff5500;
	border-bottom: solid 1px var(--color-sci);
	padding-bottom:8px;
}

.letters2024 .tit2024 {
	color:var(--color-let);
	border-bottom: solid 1px var(--color-let);
	padding-bottom:8px;
}

.policy2024 .tit2024 {
	color:var(--color-policy);
	border-bottom: solid 1px var(--color-policy);
	padding-bottom:8px;
}

.gm2024 .tit2024 {
	color:var(--color-gm);
	border-bottom: solid 1px var(--color-gm);
	padding-bottom:8px;
}

.itl2024 .tit2024 {
	color:#000;
	border-bottom: solid 1px #000;
	padding-bottom:8px;
}



.voice_txt_2024 {
	padding:10px 0 15px;
}

.voice2024_wrap .name2024 {
	font-family: var(--font-min); !important;
	font-weight:bold;	
	padding:8px 15px;
	border-radius: 8px;
}

.voice2024_wrap .name2024 span {
	font-size:90%;
}

.law2024 .name2024 {
	background-color:#f2f2f2;	
}

.eco2024 .name2024 {
	background-color:#e3f1f8;	
}

.com2024 .name2024 {
	background-color:#dcf4e0;	
}

.sci2024 .name2024 {
	background-color:#fbe5d7;	
}

.letters2024 .name2024 {
	background-color:#FFEFEF;	
}

.policy2024 .name2024 {
	background-color:#EAFFF7;	
}

.gm2024 .name2024 {
	background-color:#EEF1FF;	
}

.itl2024 .name2024 {
	background-color:#F8F6F4;	
}

.voice2024_wrap .name2024 span {
	font-weight:bold;	
}













/*::::::::卒業生インタビュー:::::::*/


.gr_inner{
background:linear-gradient(#eee, #fff);
}

.gr_inner a:hover{
opacity:0.9;}

.gr_content{
margin:120px auto 60px;
}

.gr_title_top{
float:left;
position:relative;
background-image: url("/common_d/admission/connect/voices/img/graduates_title.png");
background-size:cover;
width:300px;
height:300px;
}

.gr_title_top p{
font-size:14px;
position:absolute;
top:160px;
right:40px;
color:#fff;
}

.gr_text{
width:65%;
text-align:center;
float:right;
line-height:200%;
color:#272e3d;
margin-bottom:40px;
}

.gr_scroll{
background-color:#C5CCD3;
background-image: url("/common_d/admission/connect/voices/img/graduates/scroll.png");
background-size:120px;
background-repeat:no-repeat;
background-position:center center;
width:100%;
height:140px;
clear:both;
}

.gr_list{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
margin-top:80px;
}

.gr_list li{
width:23%;
max-width:300px;
border:1px solid #ccc;
text-align:center;
margin-bottom:20px;
background-color:#fff;
}

/*最終行左よせ　4カラム用*/
.gr_list:before{
content:"";
display: block;
width:23%;
order:1;
}
.gr_list:after{
content:"";
display: block;
width:23%;
}
/*最終行左よせ　4カラム用*/

.gr_list li a{
display:block;
width:100%;
height:100%;
}

.gr_list li a:hover {
opacity:1;
}

.gr_list li img{
width:120px;
margin:10px;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.6));
transition:all 0.3s ease-out;
}

.gr_list li img:hover {
transform: translate(0,-6px);
}

.gr_list_cat{
font-size:0.9em;
width:80px;
height:25px;
color:#fff;
letter-spacing:3px;
}

.gr_company{
font-size:1.1em;
font-weight:bold;
margin :5px 0 10px;
color:#272e3d;
height:60px;
display: flex;
justify-content: center;
align-items: center;
line-height:18px;
}

.gr_company_s{
font-size:0.9em;
}


.gr_name{
text-align:center;
}

.gr_name:after{
content:"さん";
font-size:0.7em;
}

.gr_faculty{
font-size:0.8em;
color:#6d788c;
padding-bottom:20px;
text-align:center;
}



.gr_voice_top{
background-size:cover;
}

.gr_c{
background-position:center;
}
.gr_ct{
background-position:center top;
}
.gr_rt{
background-position:right top;
}
.gr_rc{
background-position:right center;
}
.gr_rb{
background-position:right bottom;
}
.gr_lt{
background-position:left top;
}
.gr_lc{
background-position:left center;
}
.gr_lb{
background-position:left bottom;
}

.gr_voice_inner{
width:80%;
max-width:1000px;
height:600px;
margin:0 auto;
position:relative;
}

.gr_title{
float:right;
position:relative;
background-image: url("/common_d/connect/voices/img/graduates_title.png");
background-size:cover;
width:300px;
height:300px;
margin-top:60px;
}

.gr_title_l{
float:left;
position:relative;
background-image: url("/common_d/connect/voices/img/graduates_title.png");
background-size:cover;
width:300px;
height:300px;
margin-top:60px;
}

.gr_title p,.gr_title_l p{
font-size:14px;
position:absolute;
top:160px;
right:40px;
color:#fff;
}


.gr_voice_intro{
position:absolute;
bottom:10px;
left:50px;
width:500px;
padding-bottom:55px;
background-image: url("/common_d/connect/voices/img/g_title_back.png");
background-repeat:no-repeat;
background-size:contain;
background-position:bottom center;
}

.gr_voice_intro p{
background:linear-gradient(to bottom,#223B80,90%,#c5a3e7);
color:#fff;
margin-top:5px;
padding:0 2em;
display:inline-block;/*要素の中身にサイズを合わせる*/
}

.gr_voice_title{
position:absolute;
bottom:50px;
right:0;
padding:20px 30px;
background-color:#fff;
border-bottom:3px solid #b5a087;
}

.gr_voice_name{
font-size:1.5em;
margin-top:5px;
}

.gr_voice_name span{
font-size:0.7em;
margin-left:5px;
}

.gr_voice_info{
color: #6d788c;
font-size:0.8em;
line-height:1.3;
margin-top:10px;
}

.gr_voice{
columns: 2;
column-rule: 1px solid #cdcdcd;
column-gap: 6em;
margin:40px auto;
text-align:justify;
}

.gr_voice h2{
color:#272e3d;
font-weight:bold;
font-size:1.2em;
margin-bottom:20px;
}

.gr_voice p{
margin:0 0 60px;}

.gr_voice img{
width:250px;
margin :10px 20px 20px 0;
float:left;}


.break{break-before: column;}

.gr_pickup{
background-color:#14327a;
color:#fff;
padding:0.2em 1em;
}


.btn-box{
text-align:center;}
.btn-gradient{
font-size:14px;
line-height:20px;
font-weight:bold;
position: relative;
display: inline-block;
padding: 1.5em 3em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
margin-bottom:20px;
}

a.btn-gradient {
color: #fff;
border: 1px solid #fff;
border-radius: 0;
background-image: linear-gradient(to bottom, #223B80 0%, #7487e8 100%);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
}


a.btn-gradient:hover {
-webkit-transform: translate(0, -2px);
transform: translate(0, -2px);
color: #fff;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
opacity:1;
}


.gr_details{
background-color:#f0f8ff;
outline: 2px solid #fff;
outline-offset: -10px;
padding:30px 40px;
}

.gr_details img{
float:none;
width:100%;
margin:10px 0;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}


.gr_details_t img{
float:none;
width:100%;
margin:10px 0;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}



.gr_details_m img{
float:none;
width:100%;
margin:0;
padding:0px;


}


.gr_details h3{
border-bottom:2px solid #708090;
font-weight:bold;
color:#708090;
font-size:1.1em;
padding:35px 5px 5px;
position: relative;
text-align:center;
}

.gr_details h3:before{
content:"Pick Up!";
font-size:9px;
background-color: #14327a;
color: #FFF;
padding: 0.2em 1em;
position: absolute;
top:0;
left:0;
}

.gr_details p{
font-size:0.9em;
margin: 15px 10px;
}

.gr_details a{
border:3px solid #223B80;
color:#223B80;
background-color: #FFF;
padding:0.5em 1em;
margin:20px auto;
display:inline-block;
letter-spacing:0.1px;
font-weight:bold;
transition:0.5s;
}

.gr_details a:hover{
color:#FFF;
background-color: #223B80;
opacity:1;
}

.gr_details a span{
font-size:0.9em;
color:#223B80;
transition:0.5s;
}

.gr_details a span:before{
content:"詳しくはこちら ＞ ";
}

.gr_details a:hover span{
color:#FFF;
}

.link_box{
text-align:center;
}


.cont1{
background-image: url("/common_d/connect/voices/img/students/2021/tutiya_top.jpg");
}
.cont2{
background-image: url("/common_d/connect/voices/img/students/law_top2.jpg");
}
.cont3{
background-image: url("/common_d/connect/voices/img/students/2022/aoki_top.jpg");
}


/*::::::::教員インタビュー:::::::*/

#professor_wrap{
background:linear-gradient(to right,#223B80, #579ac6);
padding:30px 0 80px;
}

#professor_wrap h1 {
color: #FFF;
border-bottom:1px solid #FFF;
margin:50px auto;
padding:0 0 10px;
width:500px;
font-size:1.3em;
text-align:center;
}

.professor > div{
position: relative;
overflow: hidden;
background-size: cover;
height:500px;
background-color:#223B80;
}
.professor span{
z-index:10;
}

.professor .law:after{
background:url("/common_d/connect/voices/img/professor/pro_law.jpg") no-repeat center top;
}
.professor .economics:after{
background: url("/common_d/connect/voices/img/professor/pro_economics.jpg") no-repeat center top;
}
.professor .commerce:after{
background: url("/common_d/connect/voices/img/professor/pro_commerce.jpg") no-repeat center top;
}
.professor .letters:after{
background: url("/common_d/connect/voices/img/professor/pro_letters.jpg") no-repeat center top;
}
.professor .policy:after{
background: url("/common_d/connect/voices/img/professor/pro_policy.jpg") no-repeat center top;
}
.professor .gm:after{
background: url("/common_d/connect/voices/img/professor/pro_gm.jpg") no-repeat center top;
}
.professor .science:after{
background: url("/common_d/connect/voices/img/professor/pro_science.jpg") no-repeat center top;
}
.professor .itl:after{
background: url("/common_d/connect/voices/img/professor/pro_itl.jpg") no-repeat center top;
}

.professor .law:after,
.professor .economics:after,
.professor .commerce:after,
.professor .letters:after,
.professor .policy:after,
.professor .gm:after,
.professor .science:after,
.professor .itl:after{
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}

.professor .law:hover:after,
.professor .economics:hover:after,
.professor .commerce:hover:after,
.professor .letters:hover:after,
.professor .policy:hover:after,
.professor .gm:hover:after,
.professor .science:hover:after,
.professor .itl:hover:after{
transform: scale(1.1);
}

.professor > div a {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
background: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
z-index:20;
}

.professor > div a:hover {
background: rgba(0, 0, 0, 0);
opacity:1;
}

.professor h2 {
background-color:#fff;
position:absolute;
bottom:30px;
right:15%;
width:300px;
text-align:center;
padding:20px 0;
color: #272e3d;
border-bottom:3px solid #b5a087;
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
}

.professor h2 span{
color: #555;
font-size:0.9em;
margin-left:3px;
}

.professor h2.r {
background-color:#fff;
position:absolute;
bottom:30px;
right:auto;
left:15%;
width:300px;
text-align:center;
padding:20px 0;
color: #272e3d;
border-bottom:3px solid #b5a087;
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
}

.professor h2 span{
color: #555;
font-size:0.9em;
margin-left:3px;
}

.professor > div a > div {
width: 300px;
height: 300px;
position:absolute;
top:100px;
left:20%;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #fff;
text-align: center;
display: table;
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
}

.professor > div a > div p{
display: table-cell;
vertical-align: middle;
line-height:30px;
font-size:1.1em;
color: #fff;
text-align:center;
}

.professor > div a:hover > div {
background:linear-gradient(to right,#223B80, #579ac6);
color: #FFF;
}

.professor > div a > div.r {
width: 300px;
height: 300px;
position:absolute;
top:100px;
left:auto;
right:20%;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #fff;
text-align: center;
display: table;
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
}

.professor > div a > div.r p{
display: table-cell;
vertical-align: middle;
line-height:30px;
font-size:1.1em;
color: #fff;
}

.professor > div a:hover > div.r {
background:linear-gradient(to right,#223B80, #579ac6);
color: #FFF;
}


.professor_voice_inner{
width:90%;
max-width:1000px;
height:600px;
margin:20px auto 0;
position:relative;
}

.professor_voice_intro{
position:absolute;
bottom:0;
left:0;
width:550px;
height:550px;
background:linear-gradient(to right,#223B80, #579ac6);
}

.professor_topimg{
background-size: cover;
position:absolute;
top:0;
right:0;
width:550px;
height:550px;
filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.5));
z-index:0;
}

.topimg_law{
background-image: url("/common_d/connect/voices/img/professor/top/pro_law.jpg");}

.topimg_economics{
background-image: url("/common_d/connect/voices/img/professor/top/pro_economics.jpg");}

.topimg_commerce{
background-image: url("/common_d/connect/voices/img/professor/top/pro_commerce.jpg");}

.topimg_science{
background-image: url("/common_d/connect/voices/img/professor/top/pro_science.jpg");}

.topimg_letters{
background-image: url("/common_d/connect/voices/img/professor/top/pro_letters.jpg");}

.topimg_policy{
background-image: url("/common_d/connect/voices/img/professor/top/pro_policy.jpg");}

.topimg_gm{
background-image: url("/common_d/connect/voices/img/professor/top/pro_gm.jpg");}

.topimg_itl{
background-image: url("/common_d/connect/voices/img/professor/top/pro_itl.jpg");}




.professor_voice_intro p{
color:#fff;
font-size:20px;
line-height:36px;
letter-spacing:1px;
text-shadow: 2px 2px 5px #000;
position:absolute;
top:200px;
left:50px;
z-index:1;
}

.professor_title{
position:absolute;
bottom:46px;
left:50px;
}

.professor_title p{
font-family: 'Quicksand','Noto Sans JP', sans-serif;
font-size:16px;
color:#fff;
line-height:30px;
letter-spacing:3px;
text-shadow: 2px 2px 5px #000;
}

.professor_title p span{
font-size:30px;
}


.professor_voice_title{
position:absolute;
bottom:70px;
right:20px;
padding:10px 30px;
background-color:#fff;
border-bottom:3px solid #b5a087;
}

.professor_voice_name{
font-size:1.5em;
margin-top:5px;
}

.under{
font-size:0.8em;
margin-right:1em;
}


.hon{
font-size:0.7em;
margin-left:3px;
}


.professor_caption{
color:#223B80;
font-weight:bold;
font-size:1.2em;
line-height:180%;
width:80%;
margin:20px auto 60px;
padding:30px;
border-bottom:5px solid #4d5a80;
background-color:#f5f5f5;
text-align:center;
}

.professor_voice{
columns: 2;
/*column-rule: 1px solid #cdcdcd;*/
column-gap: 6em;
margin:40px auto;
text-align:justify;
}

.professor_voice h2{
color:#223B80;
font-weight:bold;
font-size:1.2em;
line-height:180%;
margin-bottom:20px;
padding:0 3px 10px;
border-bottom:1px solid #4d5a80;
}

.professor_voice p{
margin:0 0 60px;}



.break{break-before: column;}


.professor_link{
margin:120px 0 80px;
display:flex;
justify-content: space-between;

}

.professor_link li{
width:30%;
background-color:#f5f5f5;
border:5px solid #4d5a80;
position:relative;
transition:0.3s;
}

.professor_link li a{
display:block;
width:100%;
height:100%;
}

.professor_link li p{
color:#223B80;
text-align:center;
font-weight:bold;
font-size:1.2em;
padding:15px 10px;
}

.professor_link li:hover{
background-color:#223B80;
border:5px solid #223B80;
}


.professor_link li a:hover{
opacity:1;
}


.professor_link li p:hover{
color:#FFF;
}



.professor_link li span{
position:absolute;
top:-40px;
color:#4d5a80;
}
.arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left:5px;
  border-right: 3px solid #4d5a80;
  border-bottom: 3px solid #4d5a80;
  transform: rotate(-45deg);
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Macbook Pro  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (min-width:1025px) and ( max-width:1280px) {


.new_voices_cont .stvoice_list_bl {
display: flex;
justify-content: space-between !important;
flex-wrap:nowrap !important;
/* justify-content: flex-start;
flex-wrap:wrap;*/
}








/* 閉じ */
}


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

@media all and (max-width: 1024px ) and (min-width: 960px ) {





.new_voices_cont_ditail .stvoice_list_bl li {
    width: 23.5%;
}

.st_text{
width:60%;
background-image: url("/common_d/connect/voices/img/students/designyourfuture.png"),url("/common_d/connect/voices/img/students/designyourfuture2.png");
background-size:70%,contain;
background-repeat:no-repeat;
background-position:top,bottom;
padding:80px 60px 50px; 
}

.st_text p{
padding:70px 30px 40px; 
}


}


@media all and (max-width: 1024px ) and (min-width: 600px ) {
    .recom_class dl dt.line5, .recom_class dl dt.line7, .recom_class dl dt.line8{width: 150%;}

}


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

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




/*::::::::学生インタビュー:::::::*/

.new_voices_cont_ditail .stvoice_list_bl li {
    width: 23.5%;
}


.st_inner{
background-size:150%;
background-position:right 65% top;
background-repeat:no-repeat;
}
.st_text{
width:70%;
background-image: url("/common_d/connect/voices/img/students/designyourfuture.png"),url("/common_d/connect/voices/img/students/designyourfuture2.png");
background-size:60%,contain;
background-repeat:no-repeat;
background-position:top,bottom;
padding:60px; 
}

.st_text p{
padding:80px 30px 20px; 
}


.st_list li{
width:20%;
margin:2%;
}

.st_top_cont{
padding:30px 30px;
margin:50px auto 50px;
background-size:65%;
background-position:right 10% top 30px;
background-repeat:no-repeat;
border:none;
}

.st_faclity_title{
width:130px;
height:130px;
padding-top:30px;
}

.st_faclity_title p{
color:#fff;
font-size:9px;
line-height:38px;
}

p.en{
font-size:13px;
line-height:18px;
}

.st_voice_title{
margin-top:10px;
padding:10px;
background-color:rgba(255,255,255,0.7);
font-size:0.9em;
width:210px;
}

.st_voice_name{
font-size:1.1em;
}

.st_voice_name span{
font-size:0.5em;
margin-right:1em;
}

.st_voice_info{
color: #6d788c;
font-size:0.7em;
line-height:1.3;
}

.st_cont,.st_cont_r{
margin:0 auto;
}

.st_voiceimg_law img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #47266e;
}
.st_voiceimg_itl img{
box-shadow:5px 5px #eee,90px 90px 0 -80px var(--color-itl-sub);
}
.st_voiceimg_science img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #f7674a;
}
.st_voiceimg_gm img{
box-shadow:5px 5px #eee,90px 90px 0 -80px var(--color-gm);
}
.st_voiceimg_commerce img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #00b368;
}
.st_voiceimg_letters img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #e44149;
}
.st_voiceimg_economics img{
box-shadow:5px 5px #eee,90px 90px 0 -80px var(--color-eco);
}
.st_voiceimg_policy img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #00a0bf;
}

.spin_mag_banner a{
width:300px;
height:150px;
top:-100px;
}

.recom_class dl {
    display: block;
}

.recom_class dl dt.line1, 
.recom_class dl dt.line2, 
.recom_class dl dt.line3, 
.recom_class dl dt.line4, 
.recom_class dl dt.line5,
.recom_class dl dt.line6,
.recom_class dl dt.line7,
.recom_class dl dt.line8 {
    width: 100%;
    height: 100%;
    margin-bottom:10px;
}

.necessities dl dd {
	display: block;
	margin-bottom:10px;
}

.nece_fig {
	text-align:center;
	margin-top:10px;
}
 

/*::::::::卒業生インタビュー:::::::*/


.gr_content{
margin:80px auto 60px;
}

.gr_title_top{
width:200px;
height:200px;
}

.gr_title_top p{
font-size:11px;
top:110px;
right:20px;
}

.gr_text{
width:70%;
}
.gr_list{
min-width:90%;
}
.gr_list li{
width:33%;
max-width:220px;
text-align:center;
}

/*最終行左よせ　3カラム用*/
.gr_list:before{
content:"";
display: block;
width:33%;
order:1;
}
.gr_list:after{
content:"";
display: block;
width:33%;
}
/*最終行左よせ　3カラム用*/


.gr_voice_inner{
width:90%;
max-width:900px;
}

.gr_voice_title{
bottom:80px;
}

.gr_voice{
columns: 2;
column-rule: 1px solid #cdcdcd;
column-gap: 2em;
}

.gr_voice img{
float:none;
width:90%;
margin:20px 5%;}

.gr_details{
padding:20px;
}

.gr_details a span{
font-size:0.8em;
}

.gr_details a:hover{
color:#FFF;
background-color: #223B80;
opacity:1;
}

.gr_details a{
position:relative;
padding:20px 10px 15px;
min-width:90%;
}

.gr_details a span{
position:absolute;
top:0;
left:10px;
}

/*::::::::教員インタビュー:::::::*/
#professor_wrap h1 {
width:80%;
}

.professor > div a > div {
left:50px;
}

.professor > div a > div.r {
right:50px;
}

.professor h2 {
bottom:20px;
right:30px;
}

.professor h2.r {
bottom:20px;
left:30px;
}

.professor_voice_inner{
height:500px;
}

.professor_voice_intro{
width:400px;
height:400px;
}

.professor_topimg{
width:400px;
height:400px;
}

.professor_voice_intro p{
font-size:20px;
line-height:30px;
top:130px;
left:20px;
}

.professor_title{
bottom:20px;
left:20px;
}

.professor_title p span{
font-size:20px;
}

.professor_voice_title{
bottom:110px;
right:10px;
}

.professor_caption{
width:100%;
margin:20px auto 60px;
padding:30px;
}

.professor_voice{
columns: 2;
column-gap:2em;
margin:40px auto;

}

.professor_link{
margin:80px 0 40px;
}

.professor_link li{
width:32%;
background-color:#f5f5f5;
border:5px solid #4d5a80;
position:relative;
}

.professor_link li p{
font-size:1.2em;
padding:20px 10px;
}

.professor_link li span{
top:-40px;
}

.necessities dl dd p.nece_txt {
    padding-right: 0;
}


/*::::::::2024年版学部案内デザイン:::::::*/

.latest_cont_top2023 {
	background-size:contain;
	background-position: 50% 40px;
}






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


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

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

/*::::::::学生インタビュー:::::::*/
.st_inner{
background-size:150%;
background-repeat:no-repeat;
background-position:top right 60%;
}

.st_title{
width:160px;
height:160px;
margin-top:0;
}

.st_title p{
right:10px;
top:80px;
}

.st_text{
width:100%;
background-size:70%,contain;
margin-top:160px;
padding:100px 0 0;
}

.st_text p{
padding:0;
}



.st_list{
margin-bottom:0;
}

.st_list li{
position:relative;
width:100%;
background-size:40%;
max-width:599px;
margin-bottom:20px;
height:100px;
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.1));
}

.st_listtitle{
margin-top: -8px;
}

.st_faculty{
margin:0;
}

.st_box{
width:95%;
height:15px;
left:2.5%;
bottom:8%;
}

.st_top_cont {
padding:20px 20px 10px;
margin:0 auto 30px;
height:auto;
background-size:calc(100% - 20px);
background-position:center top 10px;
border:none;
}


.st_faclity_title{
width:100px;
height:100px;
padding-top:20px;
text-align:center;
}

.st_faclity_title p{
color:#fff;
font-size:9px;
line-height:38px;
}

p.en{
font-size:13px;
line-height:18px;
}

.st_voice_intro{
position:absolute;
bottom:-90px;
left:0;
text-align:left;
display:block;
width:100%;
}

.st_voice_intro p{
background:#fff;
color:#223B80;
font-size:12px;
font-weight:500;
margin-top:-20px;
padding:3px 1em;
display:block;
width:100%;
box-shadow:3px 3px 5px rgba(0,0,0,0.3);
}

.st_voice_title{
margin-top:40px;
padding:10px;
width:100%;
background-color:rgba(255,255,255,0.7);
}

.st_voice_name{
font-size:1.5em;
}

.st_cont{
height:auto;
margin:105px auto 60px;
padding-left:0;
background-image: url("/common_d/connect/voices/img/students/studentsvoices.png");
background-size:20%;
background-position:left top;
background-repeat:no-repeat;
}

.st_cont_r,
.st_cont_r_bottom{
height:auto;
margin:105px auto 0;
padding-right:0;
background-image: url("/common_d/connect/voices/img/students/studentsvoices.png");
background-size:20%;
background-position:right top;
background-repeat:no-repeat;
}

.latest_st_top_cont {
padding:0 10px 20px;
}

.latest_cont_top h1 {
    top: 10px;
}

.latest_cont_bottom{
height:auto;
margin:105px auto 0;
padding-right:0;
}

.latest_cont_bottom2023{
	margin:20px auto 0 !important;
}

.latest_cont_top {
    position: relative;
    height: 400px;
    width: 100%;
    background-position: -100px 10px;
    background-repeat: no-repeat;
}

.latest_st_top_cont .interview_profile .name_int span {
    display:block;
    margin-top:10px;	
}


.img_wrap,.img_wrap_col3{
margin:40px 0;
padding:0 20px;
display:flex;
flex-direction: column;
}

.img_wrap img,.img_wrap_col3 img{
width:100%;
}

.st_item h2.st_item_law, .st_item h2.st_item_e, .st_item h2.st_item_c, .st_item h2.st_item_sci, .st_item h2.st_item_let, .st_item h2.st_item_p, .st_item h2.st_item_gm, .st_item h2.st_item_itl {
    width: 100%;

}

/*スケジュール表*/
table.schedule td{
font-size:0.8em;;
padding:0 5px;
}

th.mon,th.tue,th.wed,th.thu,th.fri,th.sat{
background-size:100%;
}

th.one,th.two,th.three,th.four,th.five,th.six{
background-size:60%;
}


.st_voiceimg_law img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #47266e;
}
.st_voiceimg_itl img{
box-shadow:5px 5px #eee,90px 90px 0 -80px var(--color-itl-sub);
}
.st_voiceimg_science img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #f7674a;
}
.st_voiceimg_gm img{
box-shadow:5px 5px #eee,90px 90px 0 -80px var(--color-gm);
}
.st_voiceimg_commerce img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #00b368;
}
.st_voiceimg_letters img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #e44149;
}
.st_voiceimg_economics img{
box-shadow:5px 5px #eee,90px 90px 0 -80px var(--color-eco);
}
.st_voiceimg_policy img{
box-shadow:5px 5px #eee,90px 90px 0 -80px #00a0bf;
}

.fl_r{
float:right;
}

.fl_c{
clear:both;
margin-top:150px;
}

.spin_mag_banner a{
width:100%;
right:0;
top:-140px;
}



/***** 202210修正　2022学生インタビュー *****/

.latest_st_top_cont .interview_profile h2 {
    font-size: 18px;
	line-height:1.4;
}

.latest_cont_bottom .item_bl li {
    width: 100% !important;
}


.latest_cont_bottom .item_bl li ul {
    width: 100% !important;
    margin-left: 0px !important;
}

.latest_cont_bottom .item_bl li ul li:first-child {
	margin:25px 0;
}

.latest_cont_bottom .item_bl li ul li {
    width: 100%;
    margin-left: 0px;
}

.recom_class dl {
    display: block; 
}

.recom_class dl dt.line1 {
    width: 100%;
    margin-bottom:10px;	
}

.latest_cont_bottom .item_bl .school_life dl dd:not(:last-child):after {
    display:none;
}

.necessities dl dd {
    display: block;
}

.necessities dl dd p img{
    margin-top:15px;
}

.new_voices_cont_ditail .stvoice_list_bl li{
 width:100%;
}

.recom_class dl dt.line1,
.recom_class dl dt.line2,
.recom_class dl dt.line3,
.recom_class dl dt.line4,
.recom_class dl dt.line5,
.recom_class dl dt.line6 {
	width:100%;
	margin-bottom:10px;
}

.nece_fig {
	text-align:center;
}



/***** 2021年以前部分 *****/

.schedule_wrap {
	overflow-x: auto;
	
}

/*
table.schedule_l th:first-child {
	position: sticky;
	top: 0;
	left: 0;
}
*/


/*::::::::2024年版学部案内デザイン:::::::*/

.cont__l2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_l1.jpg);
}

.cont__e2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_e1.jpg);
}

.cont__c2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_c1.jpg);
}

.cont__sci2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_s2.jpg);
}

.cont__let2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_let1.jpg);
}

.cont__p2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_p1.jpg);
}

.cont__gm2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_gm1.jpg);
}

.cont__itl2023 {
    background-image: url(/common_d/connect/voices/img/list/2023/list_itl1.jpg);
}


.latest_cont_top2023 {
	background-size:cover;
	background-position: 50% 40px;
}

.interview_profile2023 p.name_int {
	font-size: 10px;
	line-height:1.6;
}

.interview_profile2023 p.name_int span {
    font-size: 14px;
}

.st_item {
	margin-bottom: 1.5em;
}

.st_item h2.st_item_law {
	width: 100%;
}


.st_item_tit {
    margin-bottom: 1em;
}

.st_item_col_wrap {
    display:block;
}

.st_item_col_wrap .col01,
.st_item_col_wrap .col02 {
    width: 100%;
}


.st_item_col_wrap .col02 .shadow {
	width: 98%;
}

.st_item_col_wrap .col02 img {
    margin:1em auto 0;
}
	
	
/*::::::::2025年版学部案内デザイン:::::::*/
	
	.voice2024_wrap {
    display: block;
    padding-top: 30px;
}
	
	.voice2024_wrap dl {
    width: 100%;
    margin-bottom: 30px;
}
	

/*::::::::2026年版学部案内デザイン:::::::*/
    .stu_int_2025_wrap {
        display: block;
        padding: 20px 0;
    }	

    .stu_int_2025_wrap .cont_01,
    .stu_int_2025_wrap .cont_02 {
        width: 100%;
    }

    .stu_int_2025_wrap .cont_01 {
        margin-bottom: 20px;
    }

    .stu_int_2025_wrap h3 br {
        display: none;
    }

    .stu_int_2025_wrap .cont_02 {
        display: flex;
        justify-content: center;
    }  
    .stu_int_2025_wrap .cont_02 img {
        width:80%;
    }

	.parent {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(5, 1fr) !important;
}



/*::::::::卒業生インタビュー:::::::*/
.gr_content{
margin:40px auto;
}

.gr_title_top{
float:none;
position:relative;
width:200px;
height:200px;
margin:0 auto;
}

.gr_title_top p{
font-size:11px;
top:105px;
right:20px;
}

.gr_text{
width:95%;
text-align:center;
float:none;
margin-top:20px;
}

.gr_scroll{
background-size:60px;
height:80px;
}

.gr_list{
margin-top:0;
}

.gr_list li{
position:relative;
width:100%;
max-width:414px;
margin-bottom:20px;
height:110px;
text-align:left;
transition:all 0.3s ease-out;
}

.gr_list li:active{
background-color:#F1EFF9;
}

.gr_list_cat{
width:60px;
text-align:center;
}

.gr_company{
display:block;
margin:16px 1em 0;
}

.twoline{
margin:0 1em;/*2行　位置調整*/
}

.gr_list li img{
width:80px;
margin:10px;
position:absolute;
bottom:0;
right:0;
filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.3));
}

.gr_name{
position:absolute;
bottom:20px;
right:100px;
margin:0 1em;
}

.gr_faculty{
position:absolute;
bottom:5px;
right:100px;
margin:0 1em;
padding-bottom:0;
}

.gr_inner a:hover{
opacity:1;}


.gr_voice_top{
height:300px;
}

.gr_voice_inner{
width:95%;
max-width:400px;
height:300px;
}

.gr_title,.gr_title_l{
width:130px;
height:130px;
margin-top:20px;
}

.gr_title p,.gr_title_l p{
text-align:center;
line-height:13px;
font-size:10px;
top:65px;
right:13px;
}


.gr_voice_intro{
bottom:0;
left:0;
width:100%;
padding-bottom:30px;
}

.gr_voice_intro p{
margin-top:5px;
padding:0 2em;
font-size:0.8em;
}

.gr_voice_title{
position:absolute;
bottom:-120px;
width:100%;
padding:0 20px 10px;
border-bottom:1px solid #b5a087;
}

.gr_voice_head{
font-size:14px;
line-height:18px;}

.gr_voice_name{
font-size:1.3em;
margin-top:0;
}

.gr_voice_info{
color: #6d788c;
font-size:0.8em;
line-height:1.3;
margin-top:3px;
}

.gr_voice{
columns:1;
margin: 120px auto 0;
}

.gr_voice h2{
font-size:1.1em;
margin-bottom:10px;
}

.gr_voice p{
margin:0 0 40px;
}

.gr_voice img{
width:90%;
margin :20px 5%;
}

.break{
break-before:avoid;
}

.gr_details{
padding:20px;
margin-bottom:20px;
}
.gr_details p {
margin: 20px 0;
}

.gr_details a span{
font-size:0.8em;
}

.gr_details img{
width:100%;
margin:0 0 20px;
}

.gr_details a:hover{
color:#FFF;
background-color: #223B80;
opacity:1;
}

.gr_details a{
position:relative;
padding:20px 10px 15px;
width:100%;
}

.gr_details a span{
position:absolute;
top:0;
left:10px;
}



/*::::::::教員インタビュー:::::::*/
#professor_wrap {
padding: 10px 0 80px;
}

#professor_wrap h1 {
width:80%;
font-size:1.1em;
margin: 20px auto 30px;
}

.professor > div{
height: 450px;
background-size:100%;
}

.professor > div:hover{
background-color:#ccc;
}

.professor > div a {
background: rgba(0, 0, 0, 0.2);
}

.professor > div a > div {
width: 90%;
height: 120px;
position:absolute;
top:auto;
bottom:90px;
left:5%;
background: rgba(255, 255, 255, 0.4);
}

.professor > div a > div.r {
width: 90%;
height: 120px;
position:absolute;
top:auto;
bottom:90px;
left:5%;
background: rgba(255, 255, 255, 0.4);
}

.professor h2 {
width: 90%;
bottom:20px;
right:5%;
padding: 10px 0;
}

.professor h2.r {
width: 90%;
bottom:20px;
left:5%;
padding: 10px 0;
}

.professor .law:after,
.professor .economics:after,
.professor .commerce:after,
.professor .letters:after,
.professor .policy:after,
.professor .gm:after,
.professor .science:after,
.professor .itl:after{
background-size: 180%;

}
.professor .law:hover:after,
.professor .economics:hover:after,
.professor .commerce:hover:after,
.professor .letters:hover:after,
.professor .policy:hover:after,
.professor .gm:hover:after,
.professor .science:hover:after,
.professor .itl:hover:after{
transform: scale(1.05);
}

.professor_voice_inner{
width:95%;
height:300px;
}

.professor_voice_intro{
width:180px;
height:180px;
z-index:2;
display: flex;
  justify-content: center;
  align-items: center;
}

.professor_topimg{
width:70%;
height:0;
padding-top:70%;
}

.professor_voice_intro p{
font-size:14px;
line-height:25px;
position:static;
}

.professor_title{
bottom:70px;
left:auto;
right:5px;
}

.professor_title p{
text-align:right;
line-height:13px;
font-size:10px;
text-shadow: 2px 2px 2px #000;
}

.professor_title p span{
font-size:16px;
}

.professor_voice_title{
position:absolute;
bottom:-40px;
right:0;
width:100%;
padding:0 20px;
border-bottom:1px solid #b5a087;
}

.professor_voice_name{
font-size:1.3em;
margin-top:0;
text-align:right;
}

.professor_voice_info{
color: #6d788c;
font-size:0.8em;
line-height:1.3;
margin-top:3px;
}

.professor_caption{
font-size:1em;
width:100%;
margin:30px auto;
padding:10px;
border-bottom:5px solid #4d5a80;
}

.professor_link{
margin:20px 0 40px;
flex-direction: column;
}

.professor_link li{
width:100%;
margin-bottom:45px;
border:3px solid #4d5a80;
position:relative;
}

.professor_link li:hover{
background-color:#f5f5f5;
border:3px solid #223B80;
}

.professor_link li p:hover{
color:#223B80;
}

.professor_link li:active{
background-color:#223B80;
border:3px solid #223B80;
opacity:1;
}
.professor_link li p:active{
color:#FFF;
}


.professor_link li p{
font-size:1.2em;
padding:10px;
}

.professor_link li span{
top:-35px;
}
.professor_voice{
columns:1;
margin: 0 auto 20px;
}

.professor_voice h2{
font-size:1.1em;
margin-bottom:10px;
}

.professor_voice p{
margin:0 0 40px;
}

.break{
break-before:avoid;
}

.latest_st_top_cont .interview_profile .name_int:after{
border-bottom:none;
}
    
.latest_st_top_cont .interview_profile{
top:300px;
border:#ccc solid 1px;
}
    

.recom_class dl dt.line7,
.recom_class dl dt.line8{
    	width:100%;
	margin-bottom:10px;
    line-height: 3.5;
}
    
.necessities dl dd p.nece_txt {
    padding-right: 0;
}

.dli-arrow-down{display: none;}    
.new_law_co::after, .new_eco_co::after, .new_com_co::after, .new_let_co::after, .new_sci_co::after, .new_pol_co::after, .new_gm_co::after, .new_itl_co::after {display: none;}
    
    
.new_law_co, .new_eco_co, .new_com_co, .new_let_co, .new_sci_co, .new_pol_co, .new_gm_co, .new_itl_co{
    font-size:13px;
    }

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



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

.professor_title {
bottom: 10px;
left: auto;
right: 0;
z-index: 3;
}
.professor_title p{
color:#000;
text-shadow: none;
}
    
.necessities dl dd p.nece_txt {
    padding-right: 0;
}
    

}/*320px閉じタグ*/


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

.latest_st_top_cont .interview_profile h2 {
    font-size: 14px;
}
    
.necessities dl dd p.nece_txt {
    padding-right: 0;
}

.new_law_co, .new_eco_co, .new_com_co, .new_let_co, .new_sci_co, .new_pol_co, .new_gm_co, .new_itl_co{
    font-size:13px;
    }

}/