@charset "utf-8";

/*■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	#page-ttl{
		background-image: url(../../img/privacy-policy/t_bg2_pc.png),
											url(../../img/privacy-policy/t_bg_pc.jpg);
		background-color: transparent;
		background-repeat: repeat,no-repeat;
		background-position: 0 0, center top;
		background-size: auto,cover;
	}
	#content .top_area .inner{
		padding:0 0 40px;
		background-color:#f6f5f1;
	}
	#privacy p.top{
		color: #333;
		padding: 24px 20px 27px;
		margin-bottom: 28px;
	}
	.plist{
		counter-reset: num1 0;
	}
	.plist > li{
		margin-left:2em;
		counter-increment: num1 1;
	}
	.plist > li:not(:last-child){
		margin-bottom:35px;
	}
	.plist > li > h3{
		font-size: 1em;
		color: #333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow: 1px 1px 0 rgba(51,51,51,0.4);
		position: relative;
		padding-left: 2em;
		margin-bottom: 12px;
		margin-left: -2em;
		letter-spacing: 1px;
	}
	.plist > li > h3:before{
		content: counter(num1) ". ";
		position:absolute;
		top:0;
		left:0;
	}
	.plist > li > p{
		line-height: 1.4em;
		margin-bottom: 14px;
	}
	.plist > li:last-child > p{
		margin-bottom:0;
	}
	.plist .sub{
		counter-reset: num2 0;
		margin-left: 0;
	}
	.plist .sub li{
		counter-increment: num2 1;
		position: relative;
		line-height: 1.4em;
		padding-left: 2.6em;
		margin-bottom: 5px;
	}
	.plist .sub li:last-child{
		margin-bottom:0;
	}
	.plist .sub li:before{
		content: "（" counter(num2) "）";
		position:absolute;
		top:0;
		left:0;
	}
}

/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	#page-ttl{
		background-image: url(../../img/privacy-policy/t_bg_sp.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	#content .top_area .inner{
		padding:0 0 1.524em;
		background-color:#f6f5f1;
	}
	#privacy p.top{
		color:#333;
		padding:0.61em 0.762em 0.08em;
		margin-bottom:0.952em;
	}
	.plist{
		counter-reset: num1 0;
	}
	.plist > li{
		margin-left:2em;
		counter-increment: num1 1;
	}
	.plist > li:not(:last-child){
		margin-bottom: 1.067em;
	}
	.plist > li > h3{
		font-size: 1em;
		color: #333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow: 1px 1px 0 rgba(51,51,51,0.4);
		position: relative;
		padding-left: 1.543em;
		margin-bottom: 0.19em;
		margin-left: -1.543em;
		letter-spacing: 1px;
	}
	.plist > li > h3:before{
		content: counter(num1) ". ";
		position:absolute;
		top:0;
		left:0;
	}
	.plist > li > p{
		line-height: 1.4em;
		margin-bottom: 0.267em;
	}
	.plist > li:last-child > p{
		margin-bottom:0;
	}
	.plist .sub{
		counter-reset: num2 0;
		margin-left: 0;
	}
	.plist .sub li{
		counter-increment: num2 1;
		position: relative;
		line-height: 1.4em;
		padding-left: 2.6em;
		margin-bottom: 0.04em;
	}
	.plist .sub li:last-child{
		margin-bottom:0;
	}
	.plist .sub li:before{
		content: "（" counter(num2) "）";
		position:absolute;
		top:0;
		left:0;
	}
}