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

/* ----------------------------------------------------------------------------------------------------
*  トップページ
* --------------------------------------------------------------------------------------------------*/
#mainImage img{
	display: block;
	width: 100%;
	margin: auto;
	margin-bottom: 55px;
}
#lead {
	text-align: center;
	margin-bottom: 68px;
}
#lead .txtStyle01 {
	color: #34918c;
	margin-bottom: 42px;
}
#lead .leadBox {
	margin-top: 67px;
}
#lead .leadBox a {
	display: block;
	text-decoration: none;
}
#lead .leadBox img {
	display: inline-block;
	vertical-align: middle;
}
#lead .leadBox p {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 20px;
	padding: 0 20px;
	text-align: center;			
}
#lead .leadBox > div {
	width: 480px;	
	background-color: #42b8b0;
	border: 1px solid #c9c9c9;	
	text-align: left;	
}
#lead .leadBox .leftBox {
	float: left;	
}
#lead .leadBox .centerBox {
    float: left;
    position: relative;
    left: 10%;
}
#lead .leadBox .rightBox {
	float: right;
}
#topNews {
	margin-bottom: 70px;
}
#topNews .ttlStyle04 {
    margin-bottom: 14px;
}
#topNews table {
	width: 100%;
}
#topNews table tr {
	border-bottom: 1px dotted #c9c9c9;	
}
#topNews table th {
	width: 135px;
	vertical-align: top;
	padding: 19px 26px 15px !important	
}
#topNews table th,
#topNews table td {
	padding: 19px 0 15px;	
}
#topPerformance .performanceList ul {
	float: left;
	width: 23%;
	margin-left: 2%;
}
#topPerformance .performanceList ul:nth-child(1) {
	/*margin-left: 54px;*/
}
#topPerformance .performanceList ul:nth-child(2) {
	/*margin-left: 47px;*/
}
#topPerformance .performanceList ul:nth-child(3) {
	/*margin-left: 58px;*/
}
#topPerformance .performanceList ul:nth-child(4) {
	/*margin-left: 42px;*/
}
#topPerformance .performanceList ul:nth-child(5) {
	/*margin-left: 36px;*/
}
#topPerformance .performanceList ul:nth-child(6) {
	/*margin-left: 55px;*/
}

@media screen and (max-width:768px) {
	#mainImage img,#lead {
		margin-bottom: 30px;
	}
	#lead .txtStyle01 {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#lead .leadBox {
		margin-top: 30px;
	}
	#lead .leadBox img {
		width: 48%;
	}	
	#lead .leadBox p {
		width: 50%;		
		font-size: 14px;
		padding: 0 5px;
	    text-align: center;		
	}
	#lead .leadBox > div {
		width: auto;
	}
	#lead .leadBox .leftBox,
	#lead .leadBox .rightBox {
		float: none;	
	}
	#lead .leadBox .rightBox {
		margin-top: 10px;
	}	
	#topNews {
		margin-bottom: 50px;
	}
	#topNews .ttlStyle04 {
		margin-bottom: 14px;
	}
	#topNews table th {
		width: 10%;
		padding: 8px 13px !important;
		vertical-align: top;
	}
	#topNews table td {
		width: 90%;
	}	
	#topNews table th,
	#topNews table td {
		padding: 8px 13px !important;
	}
	#topPerformance .performanceList ul {
		width: 48%;
	}
	#topPerformance .performanceList ul:nth-child(n+3) {
		margin-top: 20px;
	}	
	#topPerformance .performanceList ul:nth-child(even) {
		float: right;
	}	
	#topPerformance .performanceList ul:nth-child(1),
	#topPerformance .performanceList ul:nth-child(2),
	#topPerformance .performanceList ul:nth-child(3),
	#topPerformance .performanceList ul:nth-child(4), 
	#topPerformance .performanceList ul:nth-child(5),
	#topPerformance .performanceList ul:nth-child(6) {
		margin-left: 0;
	}
}

.news strong {
	font-weight: 600;
}
.news em {
	font-style: italic;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
.news a {
	color: dodgerblue;
	text-decoration: underline;
}