@charset "utf-8";
/******   ヘッダー・フッターをスマホとPCで分ける           *******/
@media screen and (min-width:769px){
	section.item_list ul.item4{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	section.item_list ul.item4 li{
		width: 24%;
		margin:0 0.5% 3rem;
	}
	section.item_list ul.item4 li a{
		text-decoration: none;
		color: rgba(0,0,0,1.00);
	}
	section.item_list ul.item4 li a img{
		width: 100%;
	}
	section.item_list ul.item4 li a img.link_btn{
		width: 117px;
	}
	section.item_list ul.item4 li p{
		font-size: 12px;
		line-height: 1.8em;
	}
}


/*****スマホ時のcss***********/
@media screen and (max-width:768px){
	section.item_list ul.item4{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	section.item_list ul.item4 li{
		width: 48%;
		margin:0 0.5% 3rem;
	}
	section.item_list ul.item4 li a{
		text-decoration: none;
		color: rgba(0,0,0,1.00);
	}
	section.item_list ul.item4 li a img{
		width: 100%;
	}
	section.item_list ul.item4 li a img.link_btn{
		width: 33%;
	}
	section.item_list ul.item4 li p{
		font-size: 14px;
		line-height: 1.6em;
	}
}