@charset "utf-8";

/****************************************************************************************************************************

プリントアウト用css

*****************************************************************************************************************************/
img{
	width:auto;
}
.mb1em{margin-bottom:1em;}
.utility{overflow:hidden;}
.category{
	background:#488EDB;
	background-size:cover;
	text-align:center;
	padding:69px 0;
	
}
		.category h2{
		
	}
		.category h2 img{
			width:300px;
		}

.privacy{
	width:960px;
}
	.privacy .lead{
		margin-bottom:50px;
	}
	.privacy section{

	}
	.privacy section p.attention{
		text-indent:-1em;
		margin-left:1em;
		font-size:90%;
	}
	.privacy .box{
		border:1px solid #ccc;
		padding:2em;
		margin-bottom:40px;
	}
	.privacy ol li{
		list-style-type:decimal;
		margin-bottom:1.5em;
	}
	.privacy .box{
		border:1px solid #ccc;
		padding:1.5em;
		margin:10px 0 20px 0;
	}
	.privacy ol li{
		list-style-type:decimal;
		margin-bottom:1.5em;
	}
	.privacy dt{
		font-size:125%;
		margin-bottom:0.5em;
	}
	.privacy dd{
		margin-left:1em;
		margin-bottom:2em;
	}
	.privacy p.caption{
		margin-bottom:0;
	}
	.privacy table.noborder td{
		padding-left:0;
		border:none;
	}
#purpose{
		
	}
	#purpose ol{
		margin-left:1em;
	}
	#purpose ol > li{
		list-style-type:none;
		list-style-position:inside;
		counter-increment: cnt;
	}
	#purpose ol > li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
	}
	#purpose ol ul li{
		list-style-type:disc;
		margin-left:2em;
		margin-bottom:0;
	}




/*  スマホ向けのスタイル：0以上--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) {
img{
	width:auto;
}
.category{
	background:#488EDB;
	background-size:cover;
	text-align:center;
	padding:30px 0;
	
}
	.category h2{

	}
	.category h2 img{
		width:200px;
	}

.privacy{
	width:94%;
}
	.privacy .lead{
		margin-bottom:30px;
	}
	.privacy section{

	}
	.privacy section p.attention{
		text-indent:-1em;
		margin-left:1em;
		font-size:90%;
	}
	.privacy .box{
		border:1px solid #ccc;
		padding:1.5em;
		margin:10px 0 20px 0;
	}
	.privacy ol li{
		list-style-type:decimal;
		margin-bottom:1.5em;
	}
	.privacy dt{
		font-size:125%;
		margin-bottom:0.5em;
	}
	.privacy dd{
		margin-left:1em;
		margin-bottom:2em;
	}
	.privacy p.caption{
		margin-bottom:0;
	}
	.privacy table.noborder td{
		padding-left:0;
		border:none;
	}
#policy ul li{
		list-style-type:disc;
		margin-left:2em;
	}
	
#purpose{
		
	}
	#purpose ol{
		margin-left:1em;
	}
	#purpose ol > li{
		list-style-type:none;
		list-style-position:inside;
		counter-increment: cnt;
	}
	#purpose ol > li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
	}
	#purpose ol ul li{
		list-style-type:disc;
		margin-left:2em;
		margin-bottom:0;
	}
}

/* タブレット向けのスタイル：769px以上-------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
img{
	width:auto;
}
.category{
	background:#488EDB;
	background-size:cover;
	text-align:center;
	padding:69px 0;
	
}
		.category h2{
		
	}
		.category h2 img{
			width:300px;
		}

.privacy{
	width:90%;
}
	.privacy .lead{
		margin-bottom:50px;
	}
	.privacy section{

	}
	.privacy .box{
		border:1px solid #ccc;
		
	}
	.privacy ol li{
		list-style-type:decimal;
		margin-bottom:1.5em;
	}
	
	
}

/*  PC向けのスタイル：1000px以上-------------------------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {
img{
	width:auto;
}
.category{
	background:#488EDB;
	background-size:cover;
	text-align:center;
	padding:69px 0;
	
}
		.category h2{
		
	}
		.category h2 img{
			width:300px;
		}

.privacy{
	width:960px;
}
	.privacy .lead{
		margin-bottom:50px;
	}
	.privacy section{

	}
	.privacy .box{
		border:1px solid #ccc;
		
	}
	.privacy ol li{
		list-style-type:decimal;
		margin-bottom:1.5em;
	}
}