@charset "utf-8";

/*------------------------------------------------



   /focus/index


------------------------------------------------*/
.ci_bg .photo{
	background:url(../../imges/focus/ci_bg.jpg) center center no-repeat;
	background-size:100%;
	text-indent:-9999px;
}
ul.focus-list li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;
	background: none;
	border-bottom: 1px solid #ddd;
}
ul.focus-list li:first-child{
	border-top: 1px solid #ddd;
}
ul.focus-list li:before,ul.focus-list li:after{
	display: none;
}
ul.focus-list li .img{
	width: 200px;
	text-align: center;
}
ul.focus-list li .img img{
	max-width: 100%;
}

ul.focus-list li .note{
	width: calc(100% - 220px);
}

ul.focus-list li .note .tit{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
ul.focus-list li:nth-child(1) .note .tit{
	color: #5C1A67;
}
ul.focus-list li:nth-child(2) .note .tit{
	color: #2E92A7;
}
ul.focus-list li:nth-child(3) .note .tit{
	color: #2D61AC;
}
ul.focus-list li:nth-child(4) .note .tit{
	color: #E84335;
}
ul.focus-list li:nth-child(5) .note .tit{
	color: #3098D4;
}
ul.focus-list li:nth-child(6) .note .tit{
	color: #F68B1E;
}
ul.focus-list li:nth-child(7) .note .tit{
	color: #049380;
}
ul.focus-list li:nth-child(8) .note .tit{
	color: #F15B25;
}

ul.focus-list li .note .read{
}






@media screen and (max-width: 480px) {
	ul.focus-list li .img{
		width: 100%;
	}
	ul.focus-list li .img img{
		max-width: 200px !important;
	}	
	ul.focus-list li .note{
		width: 100%;
	}
	ul.focus-list li .note .tit{
		text-align: center;
	}
	ul.focus-list li .note .read{
		padding: 5px 5px 15px 5px;
	}
	
	
}