@charset "utf-8";

/*----------------------------------------------------
　メインビジュアル
----------------------------------------------------*/
#mv{
    background-image: url(../img/mv.jpg);
}

#news{
    background-color: #ECECEC;
    padding-top: 120px;
    position: relative;
    padding-bottom: 120px;
}

#news .news_box{
    margin-bottom: 4em;
}

#news dl{
    width: 100%;
    text-align: left;
    display: flex;
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#news dl dt{
    width: 6.5em;
    margin-right: 10px;
}
#news dl dd{
	width: calc(100% - 6.5em - 10px);
}
#news dl dd a{
    text-decoration: underline;
    color: #000000;
	line-height: 1.8em;
}
#news dl dd a:hover{
    color: #4E4E4E;
    text-decoration: none;
}


.pagination {
  margin-top: 20px;
  text-align: center;
}
.pagination a,
.pagination .current {
    background-color: #DDDDDD;
    margin-right: 4px;
    margin-left: 4px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: #000000;
    text-decoration: none;
    text-align: center;
}
.pagination a:hover{
    background-color: #BFBFBF;	
}

.pagination .current {
    background-color: #474747;
    color: #FFFFFF;
}

#news_info .contents{
    padding-top: 120px;
    padding-bottom: 120px;
}
#news_info img {
    max-width: 100%;
    height: auto;
}


/*----------------------------------------------------
　レスポンシブ設定768以下
----------------------------------------------------*/
@media screen and (max-width: 768px) {
	
#mv{
    background-image: url(../img/sp_mv.jpg);
    background-size: cover;
}
	
#news{
    padding-top: 5em;
    padding-bottom: 5em;
}
	
#news dl{
	flex-direction: column;
}
#news dl dt{
    width: 100%;
    margin-right: 0px;
}
#news dl dd{
	width: 100%;
}

#news_info .contents{
    padding-top: 5em;
    padding-bottom: 5em;
}
	}