@charset "utf-8";
/* CSS Document */

#page-ttl{
  text-align: center;
}

.service-area {
    padding-bottom: 80px;
}

.list-page-ttle {
    font-size: 30px;
}
.blog-item-wrap{
	border:3px solid #efefef;
	padding:24px;
	margin-bottom:24px;
	}

.blog-item-wrap .date{
	font-size:18px;
	color:#999;
	}

.blog-item-wrap .tag{
	    background: #06C;
    position: absolute;
    right: 8px;
    top: 8px;
    text-align: center;
    color: #FFF;
    padding: 4px;
    border-radius: 5px;
    font-size: 18px;
	}

.blog-item-wrap .title{
	font-size:24px;
	color:#444;
	font-weight:normal;
	}

.blog-item-wrap .description{
	font-size:18px;
	line-height:2.0em;
	}

.blog-item-wrap .img{
	}

.blog-item-wrap .img img{
	width:100%;
}

.blog-item-wrap .pdf,.url{
	text-align:right;
	}

.blog-item-wrap .pdf a,.url a{
	background:#666;
	color:#FFF;
	display:inline-block;
	padding:16px;
	font-size:16px;
	border-radius:8px;
}

.blog-item-wrap .pdf a:hover,.url a:hover{
	background:#999;
	text-decoration:none;

}

.news-wrap{
	padding:0 !important;
	background:none !important;
	}

.new-post-ttl{
	font-size:20px;
	background:#efefef;
	padding:8px;
	}

.to-list2{

	}

.to-list2 a{
	background:#efefef;
	color:#222;
	display:block;
	padding:16px;
	font-size:20px;
	border-radius:8px;
	text-align:center;
	}


.to-list2 a:hover{
	background:#e3e3e3;
	text-decoration:none;
	}



.news-wrap .news-list {
}

.news-wrap .news-list a{
	color:#333;
	}

.news-wrap .news-list li {
	margin-top:16px;
	background:#fff;
	position:relative;
}

.news-info-wrap{
	padding:8px;
	}

.news-wrap .news-list li .img {

	min-height:115px;
	background-image:url(../../common/img/no-img.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.news-wrap .news-list li .tag {
	background:#06C;
	position:absolute;
	right:8px;
	top:8px;
	text-align:center;
	color:#FFF;
	padding:4px;
	border-radius:5px;
	font-size:12px;
}

.news-wrap .news-list li .date {
	font-size:18px;
	display:inline-block;
	border-bottom:1px solid #ccc;
	padding:0 0 8px;
}



.news-wrap .news-list li .description {
	padding:8px 0;
}

.news-wrap .news-list li .link {
	border-top:1px solid #ccc;
	text-align:right;
	padding-top:8px;
}

.news-wrap .news-list li .link i {
}

@media (min-width: 768px) {

}

@media (min-width: 992px){

}