@charset "UTF-8";
/* CSS Document */

.contents.privacy {
	width: 100%;
	height: 100%;
	margin: 430px 0 0;
	padding: 0;
	float: left;
	background-color: #FFF;
}

.contents.privacy .footprint01 {
	margin: 0 0 0 20%;
	float: left;
}

.contents.privacy .footprint02 {
	margin: 10px 0 0;
	float: left;
}

.contents.privacy .intro {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

.contents.privacy .intro .glid-left {
	width: 20%;
	margin: 0;
	padding: 0;
	float: left;
}

.contents.privacy .intro .glid-mid {
	width: 60%;
	margin: 0 20% 0 0;
	padding: 0;
	float: right;
}


.contents.privacy .intro .message {
	width: 80%;
	margin: 0 10% 50px;
	padding: 0;
	float: left;
}

.contents.privacy .policy {
	width: 80%;
	margin: 0 10% 100px;
	padding: 0;
	float: left;
	background-color: #F5F8FC;
}

.contents.privacy .policy .wrapper {
	width: 80%;
	margin: 50px 10%;
	padding: 0;
	float: left;
}

.contents.privacy .policy h3 {
	border-bottom: #00719D 1px solid;
	width: 100%;
	margin: 1em 0;
	color: #00719D;
	float: left;
}

.contents.privacy .policy ul {
	width: 90%;
	margin: 0.5em 5%;
	padding: 0;
	float: left;
}

.contents.privacy .policy ul li {
	list-style: disc;
	margin: 0 0 0.3em;
}

.contents.privacy .policy p {
	width: 96%;
	margin: 0.5em 2%;
	padding: 0;
	float: left;
}

/* ************************************************** */
/* PC  Display */
/* ************************************************** */

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

.contents.privacy { margin: 500px 0 0; }

}

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

.contents.privacy { margin: 400px 0 0; }

.contents.privacy .intro .glid-left { width: 10%; }
.contents.privacy .intro .glid-mid { width: 80%;margin: 0 10% 0 0; }

}

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

.contents.privacy { letter-spacing: 0;margin: 85vw 0 0; }

}