@charset "UTF-8";
/*------------------------------

  NEWS Css

------------------------------*/
h2{
    font-weight: 600;
    letter-spacing: 0.25rem;
	font-size: 30px;
}
h2 span{
   	display: block;
    line-height: 1;
    font-size: 18px;
    color: #a7a7a7;
    font-weight: 300;
	padding-top: 10px;
}

#hero .main-ttl img{
	margin-bottom: 20px;
}

/*一覧　list*/
#catalog .intro{
	margin-bottom: 60px;
}
#catalog .block .ttl{
	color: #007cd4;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 60px;
}
#catalog .list{
	justify-content: center;
}
#catalog .list.l-solid{
	border-bottom: solid 2px #000;
    padding-bottom: 60px;
	margin-bottom: 100px;
}
#catalog .list.l-dashed{
	border-bottom: dashed 1px #000;
	padding-bottom: 60px;
	margin-bottom: 100px;
}
#catalog .list.sub{
	justify-content: flex-start;
}
#catalog .list .item{
	width: 33.3333%;
	padding: 0 30px;
	margin-bottom: 60px;
	display: block;
}
#catalog .list .img{
	width: 100%;
	margin-bottom: 10px;
}
#catalog .list .img img{
	width: 100%;
}
#catalog .list .txt p{
	font-size: 18px;
	font-weight: bold;
}
#catalog .list .txt p .sub{
	font-size: 14px;
	font-weight: normal;
	display: block;
}
/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1024px){
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
	
	
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
	#catalog .list.l-solid, #catalog .list.l-dashed{
		padding-bottom: 0;
		margin-bottom: 60px;
	}
	#catalog .list .item {
    	width: 80%;
	}
	#catalog .list .txt p {
    	font-size: 14px;
	}
	#catalog .list .txt p .sub {
    	font-size: 12px;
	}
	#catalog .list.sub {
		justify-content: center;
	}
}