@charset "utf-8";
/* ===================================================================
	use second
=================================================================== */

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

#contents {
	padding:75px 0 80px;
	position:relative;
	width:100%;
}

.background {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	text-align:center;
	margin:auto;
	width:100%;
	z-index:-1;
}

.manage {
	margin:0 auto;
	width:1000px;
}

.manage .ttl {
	margin-bottom:80px;
	text-align:center;
}

.manage .manage_ttl {
	background: url(../images/icon_ttl.png) no-repeat 7px center;
	border-bottom: #ec6c00 1px solid;
	color: #ec6c00;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 40px;
	padding: 7px 0 7px 45px;
}

.manage .data {
	margin-bottom: 145px;
}

.manage .data dl {
	border-top:#ec6c00 1px solid;
	box-sizing:border-box;
	display:table;
	font-size:16px;
	padding:30px 20px;
	width:100%;
}

.manage .data dt {
	display:table-cell;
	color:#ec6c00;
	width:242px;
}

.manage .data dd {
	display:table-cell;
}

.manage .data dd p {
	margin-bottom:10px;
}

.manage .data dd h3,.manage .data dd h4 {
	font-size: 1rem;
	font-weight: normal;
}

.manage .data dd h3 {
	margin-bottom: 1rem;
}

.title_h4 {
	width: 300px;
}

.manage .data dd table th {
	font-size: 1rem;
	font-weight: normal;
	text-align: left;
	width: 10rem;
}

.manage .data dd table td {
	font-size: 1rem;
	width: 150px;
}

.manage .data dd table td.human {
	font-size: 1rem;
	width: 80%;
}

.manage .data dd table td.total {
	border-top: 1px solid #606060;
}

.manage .data dd table td.money {
	text-align: right;
}

/* PCなど画面が大きい時は非表示 */
.br-sp {
  display: none;
}

/*========================================================================== */
@media screen and (max-width: 960px) {
	#contents {
		padding:40px 0;
	}
	
	.manage {
		margin:0 auto;
		width:100%;
	}
	
	.manage .ttl {
		margin-bottom:40px;
		text-align:center;
	}
	
	.manage .ttl img {
		height: auto;
		width: 180px;
	}
	
	.manage .category_ttl {
		background-size:20px auto;
		border-bottom:#ec6c00 1px solid;
		font-size:14px;
		margin-bottom:20px;
		padding-left:35px;
	}
	
	.manage .data {
		margin-bottom:35px;
	}
	
	.manage .data dl {
		font-size:12px;
		padding:10px;
	}
	
	.manage .data dl dt {
		width:70px;
	}

.manage .data dd h3,.manage .data dd h4 {
	font-size: .75rem;
}

.title_h4 {
	width: 200px;
}

.manage .data dd table th {
	font-size: .75rem;
	vertical-align: top;
}

.manage .data dd table td {
	font-size: .75rem;
	width: 100px;
}

.manage .data dd table td.human {
	font-size: .75rem;
}

}

/* スマホなど画面が狭い時だけ表示（例：768px以下） */
@media screen and (max-width: 768px) {
  .br-sp {
    display: block;
  }
}