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

/*
	
*/

/****** CONTENTS ***************************************/

/****メイン*******/

.sp_bt{
	display:none;
}

#keyview{
	background:url(../img/spica/bg_ttl.jpg) no-repeat center center;
	background-size:cover;
	font-size:14px;
	margin-bottom:10px;
	font-size:300%;
	color:#fff;
}

#keyview:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#keyview .keyview_inner{
	padding:70px 50px;
	max-width:1100px;
}

#keyview span{
	font-size:20px;
	display:block;
	margin-bottom:10px;
}



/****期限*******/

#contents .section.info {
	padding-bottom:50px;
}
.section.info .report{

background:#f2f1e7;
	padding:10px;
}
.section.info .report ul{
	padding:10px;
	background:#fff;
}

.section.info .report ul li{
	border-bottom:1px solid #e8e8e8;
	background:#fff;
	padding:20px;
}
.section.info .report ul li:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.section.info .report ul li a {
    background: url(/common/img/pdf_icon.png) no-repeat left center;
    padding:0px 0 0px 15px;
	margin-bottom:5px;
	display:block;
}
.section.info .report ul li span{
	float:left;
	width:110px;
}
.section.info .report ul li p{
	display: block;
	overflow:hidden;
	padding-left:10px;
}

/*******/
	
.section.info h2{
	font-size:130%;
	margin:30px 0;
}
.section.info h2 span{
	padding-bottom:10px;
	border-bottom:3px solid #000;
	font-weight:bold;
}



@media screen and (max-width: 800px) {


	
}

@media screen and (max-width: 680px) {

#keyview {
	font-size:170%;
}
#keyview span {
    font-size: 15px;
	margin-bottom: 5px;
}

#keyview .keyview_inner{
	padding:20px 10px;
	background-size:70px auto;
}
.section.info .report{

background:#f2f1e7;
	padding:5px;
}
.section.info .report ul li{
	padding:20px 0;
}
.section.info .report ul li span{
	float:left;
	width:60px;
}

}