@charset "utf-8";

/*========================

news.css

========================*/

/*---------------------------------------------
main
---------------------------------------------*/
#main {
 padding:0 0 30px 30px;
}

#main #main_cont .section#news {
 padding:30px 50px;
}

/*--- news ---*/
#news_cont {
}

#news_cont ul {
 border-top:1px dotted var(--gray_dd);
 display:flex;
 flex-direction:column;
}

#news_cont ul li {
 border-bottom:1px dotted var(--gray_cc);
 padding:20px 0 15px;
}

#news_cont ul li dl {
 column-gap:15px;
 display:flex;
 justify-content:space-between;
}

#news_cont ul li dl dt {
 color:var(--blue);
 font-family: Arial;
 font-size: 1.5rem;
 font-weight:600;
 line-height:1.6;
 width:100px;
}

#news_cont ul li dl dd {
 display:flex;
 flex-direction:column;
 flex:1;
}

#news_cont ul li dl dd .mod-news-label {
 border-radius:15px;
 color:var(--white);
 font-size:1.1rem;
 font-weight:600;
 letter-spacing:-0.01em;
 text-align: center;
 line-height:1.6;
 overflow: hidden;
 display: -webkit-box;
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:1;
 z-index:1;
 padding: 2px 8px;
 width: 140px;
}

.mod-news-label-info {
background: #FF7E28;
}

.mod-news-label-campaign {
background: #d365ad;
}

.mod-news-label-student {
background: #ffb200;
}

.mod-news-label-entry {
background: #38c27b;
}

.mod-news-label-recruit {
background: #0091df;
}

#news_cont ul li dl dd p {
 font-size: 1.4rem;
 line-height:2.0;
 margin-top:10px;
}

#news_cont ul li dl dd p.news-title {
 color:#cc6633;
 font-size: 1.8rem;
 font-weight:600;
 line-height:2.0;
 margin-top:10px;
}

#news_cont ul li dl dd p a {
 color:var(--blue);
}

#news_cont ul li dl dd p a:hover {
 text-decoration:underline;
}

#news_cont ul li dl dd p.image {
 margin-top:20px;
}

#news_cont ul li dl dd p.image a {
 border:1px solid var(--gray_dd);
 display:block;
 overflow: hidden;
 padding:15px;
 position:relative;
 text-align:center;
}

#news_cont ul li dl dd p.image a img {
 max-width:100%;
 transition:transform 0.35s ease-in-out;
 -webkit-transition:opacity 3s, transform 0.35s ease-in-out;
 transition: opacity 3s, transform 0.35s ease-in-out;
 opacity:0;
 width:auto;
}

#news_cont ul li dl dd p.image a img.lazyloaded {
 opacity:1;
}

#news_cont ul li dl dd p.image a:before {
 background-color:var(--blue);
 content:" ";
 position:absolute;
 right:0;
 bottom:0;
 height:30px;
 width:30px;
 z-index:2;
}

#news_cont ul li dl dd p.image a:after {
 color:var(--white);
 content:"\f002";
 font-size:1.1rem;
 font-family:var(--icon);
 font-weight:600;
 line-height:30px;
 position:absolute;
 right:8px;
 bottom:0;
 z-index:2;
}

#news_cont ul li dl dd p.image a:hover img {
 opacity:0.7;
 /*transform:scale(1.15) rotate(2deg);*/
}

#news_cont ul li dl dd p.image a:hover:before {
 opacity:0.7;
}