@charset "utf-8";

/**
 *
 *  セキュリティマネジメント 個人情報の取り扱い
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.pageLinkNavi li{
	width: 20%;
}

/*--------------------------------------------------------------------------
   Main
---------------------------------------------------------------------------*/


/* #management
-----------------------------------------------------------------*/
#management .list ol > li{
	margin: 0 0 20px;
}
#management .list05 li{
	margin: 0 0 20px;
}
#management .list07 ul{
	margin: 0 0 20px;
}
#management .date{
	margin: 20px 0 0;
	text-align: right;
}


/* #procedure
-----------------------------------------------------------------*/
#procedure .list dl{
	margin: 0 0 20px;
}
#procedure .list dl ul{
	margin: 0 0 20px;
}
#procedure .list03 dl+dl{
	margin: 20px 0 0;
}
#procedure .list05 dd > ol > li{
	margin: 20px 0 0;
}


/* #structure
-----------------------------------------------------------------*/
#structure .introduction .txt{
	text-align: center;
}

/* .chart */
.chart{
	margin: 25px 0 0;
}
.chart .chart-img{
	width: 960px;
	height: 52px;
	background: url(../images/privacy/img_structure.gif) no-repeat;
}



/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 740px
 *
 ----------------------------------------------------------------- */

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

	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/

	/*--------------------------------------------------------------------------
	   Main
	---------------------------------------------------------------------------*/
	.list .link{
		margin: 10px 0 0;
	}


	/* #management
	-----------------------------------------------------------------*/
	#management .introduction{
		border-bottom: 1px solid #e7e7e7;
	}
	#management .list ol > li{
		margin: 0 0 10px;
	}
	#management .list05 li{
		margin: 0 0 10px;
	}
	#management .list07 ul{
		margin: 0 0 10px;
	}
	#management .date{
		margin: 10px 0 0;
	}


	/* #procedure
	-----------------------------------------------------------------*/
	#procedure .list dl{
		margin: 0 0 10px;
	}
	#procedure .list dl ul{
		margin: 0 0 10px;
	}
	#procedure .list03 dl+dl{
		margin: 10px 0 0;
	}
	#procedure .list05 dd > ol > li{
		margin: 10px 0 0;
	}


	/* #mark
	-----------------------------------------------------------------*/
	#mark .logo-privacy{
		width: 38px;
	}


	/* #structure
	-----------------------------------------------------------------*/
	/* .chart */
	.chart{
		margin: 5px 0 0;
	}
	.chart .chart-img{
		width: 280px;
		height: 145px;
		margin: auto;
		background: url(../images/privacy/img_structure_sp.gif) no-repeat;
		background-size: 280px 145px;
	}
}