@charset "utf-8";
@import url("/css/pages.css");
/* concept.css */
/*PC first*/
/*##### PC #####*/
.content_title .content_title_img{
	background: url(/shared/content_title/concept_img.jpg) no-repeat left top;
}

.newsListBox{
	width:900px;
	margin:0 auto;
}

	.newsListBox > .box_inner{
		
	}
	
	.newsListBox > .box_inner dl{
		padding:15px 10px;
		border-bottom:1px dotted #555;
		display:flex;
	}
	
	.newsListBox > .box_inner dl dt{
		width:200px;
	}
	
		.newsListBox > .box_inner dl dt .entry_category{
			background: #e2e2e2;
			color: #505050;
			display: inline-block;
			width: 70px;
			font-size: 11px;
			font-size: 1.1rem;
			text-align: center;
			padding: 5px 0;
			margin-right: 10px;
		}
	
		.newsListBox > .box_inner dl dt .entry_date{
			color:#a02814;
		}
	
	.newsListBox > .box_inner dl dd{
		line-height:1.6em;
	}
	
	.newsListBox > .box_inner dl dd a{
		color: #212121;
	}
	
	.newsListBox > .box_inner dl dd a:hover{
		text-decoration:underline;
	}
	
.newsDetailBox{
	width:900px;
	margin:0 auto;
}

	.newsDetailBox > .box_header{
		border-bottom:1px dotted #000;
		font-size:1.3em;
		padding:0 10px 10px 10px;
		margin-bottom:20px;
	}
	
	.newsDetailBox > .box_inner{
		line-height:1.8em;
		padding:0 20px;
		font-size:1.05em;
	}

		.newsDetailBox > .box_inner img{
			max-width: 100%;
			height: auto;
		}
	
		.newsDetailBox > .box_inner p{
			margin-bottom:1em;
		}
		
		.newsDetailBox > .box_inner strong{
			font-weight:bold;
		}
		
		.newsDetailBox > .box_inner a{
			color:#00416b;
			text-decoration:underline;
		}
		
		.newsDetailBox > .box_inner a:hover{
			background:#ceedff;
		}
	
	.newsDetailBox > .box_footer{
		border-top:1px dotted #000;
		padding:10px 0 0 0;
		margin-top:50px;
		text-align:center;
		clear:both;
	}
	
	.newsDetailBox > .box_footer a{
		color:#888;
	}
		


@media screen and (max-width:480px){
/*##### SP #####*/


	.newsListBox{
		width:auto;
	}
	
		.newsListBox > .box_inner dl{
			display:block;
		}
		
		.newsListBox > .box_inner dl dt{
			width:auto;
			margin-bottom:8px;
		}
		
	.newsDetailBox{
		width:auto;
	}
	
	.newsDetailBox img{
		max-width:100%;
		height:auto;
	}


}