@charset "utf-8";


/* --------------------------------
   □ news
--------------------------------*/

.contents main > .accent {
    background: url(../../images/news/title_bg.jpg) center / cover;
}

#news .title{
    width: 23%;
    margin: 0;
}

#news .textArea{
    margin-bottom: 120px;
}

    #news ul.list li{
        text-align: left;
        padding: 15px 10px;
        border-top: 1px solid #C7C7C7;
        transition: .3s;
	    transform: scale(1);
	}

    #news ul.list li:hover {
        transform: scale(1.05);
    }   
    #news ul.list li a:hover {
        text-decoration: none;
    }
	#news ul.list li:last-child{ 
		border-bottom: 1px solid #C7C7C7;;
	}   
    #news ul.list li a {
        display: block;
        background: url(../../images/common/icon/arrow.svg) 100% 50% no-repeat;
        color:#333;
    }
    #news ul.list li dl{
        display: table;
		width: 100%;
    }
    #news ul.list li dl > *{
		display: table-cell;
		vertical-align: middle;
	}

	#news ul.list li dl > dt{
		width: 103px;
		color: #797979;
		font-weight: 700;
		font-size: 87.5%;
	}
    #news ul.list li dl > dd.category{
        width: 107px;   
    }

	#news ul.list li dl > dd.category > span{
        width: 60px;
        border-radius: 20px;       
        font-size: 75%;
        display: inline-block;      
        padding: 2px 10px;
        text-align: center;
        color: #797979;
		border: 1px solid #797979;
    }

	#news ul.list li dl > dd.category > span.school{
		color: #1AA1C8;
		border: 1px solid #1AA1C8; 
	}

	#news ul.list li dl > dd.text{		
        font-size: 93.75%;
    }

    #news .buttonStyle a{
        padding: 18px 40px;
    }

    /* --------------------------------
       □ tabs
    -------------------------------- */ 
    #news .tab{
        height: 30px;
        width: 70%;
		margin: auto auto 20px;
    }
        #news .tab li{
            width: 33.33%;
            float: left;
            text-align: center;
        }
        #news .tab li:last-child{		
            margin-right: 0;
        }
            #news .tab li a{                
                width: 96px;                
                padding: 2px 10px;
                border: 1px solid #202020;
                border-radius: 20px;
                font-size: 100%;
                font-weight: 700;
                display: inline-block;
                text-align: center;
                color: #202020;
                text-decoration: none;
            }	
            #news .tab li a:hover{
                background: #202020;
                color: #fff; 
                filter: opacity(100%);
            }
            #news .tab li.active a{
                background: #202020;
                color: #fff;
            }

	.entry h4 {
		margin-bottom: 15px;
		letter-spacing: 0.01em;
		line-height: 1.3;
		padding-bottom: 20px;
		position: relative;
		text-transform: uppercase;
	}

	.entry h4.lv5 {
		position: relative;
		text-align: center;
		margin-bottom: 50px;
	}

	.entry h4:after {
		content: "";
		display: block;
		width: 77px;
		height: 3px;
		background-image: url(../../images/common/title_border.png);
		background-repeat: repeat;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

@media only screen and
(max-width : 767px) {

#news .tab {
    width: auto;
}

#news .tab li a {
    width: 5em;
    font-size: 87.5%;
}
 
#news .textArea {
    margin-bottom: 30px;
}

#news ul.list{
	margin-bottom: 30px;
	overflow: hidden;
}
	
#news ul.list li dl {
    display: block;
}
	
#news ul.list li dl > dd.text {
    display: block;
	padding: 10px 25px 10px 0;
}
    
.entry .sentence p.text:last-child {
    margin-bottom: 20px;
    }
    
}