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

	--privacy.css--

	1. Layout setting

****************************************************************** */
/*==================================================================
	1. Layout setting
===================================================================*/
#header, #navi, #footer {
	display:none;
}
#contents {
	padding-top:40px
}
.rightText {
	margin-bottom:10px;
	text-align:right;
}
.privacyList dt {
	margin:20px 0 10px;
	font-size:153.9%;
	font-weight:bold;
}
.privacyList dd {
	margin-left:33px;
}
.privacyList dd div {
	margin-bottom:15px;
}
.privacyList dd p {
	margin:0 0 15px 2em;
	text-indent:-2em;
}
.privacyList dd p.caution01 {
	margin:0 0 0px 2em;
	text-indent:-2em;
	font-size:85%;
}
.privacyList dd ul {
	margin-left:40px;
}
.privacyList .tableStyle ul {
	margin-left:10px;
}
.privacyList dd li {
	margin-left:0.9em;
	text-indent:-0.9em;
}
.privacyList dd li.inline {
	margin-left:0;
	display:inline;
}
.privacyList dd .txt {
	text-indent:1em;
}
.privacyList .contactBox {
	margin-left:-33px;
}
.privacyList .contactBox div {
	max-width:600px;
	margin:20px auto 0;
	padding: 15px;
	background:#CCC;
	text-indent:0;
}
.privacyList .contactBox p {
	margin-bottom:0;
	margin-left:4em;
	text-indent:-4em;
}
.tableStyle {
	width:100%;
	margin-bottom:14px;
	border:2px solid #CFCFCF;
}
.tableStyle th {
	padding:5px 0 4px;
	font-size:108%;
	line-height:1.5;
	text-align:center;
	background:#F4F4F4;
}
.tableStyle td {
	padding:6px 10px 7px;
	word-break: break-all;
}
.tableStyle .col01 {
	width:20%;
}
.tableStyle .col02 {
	width:30%;
}
.tableStyle .col03 {
	width:35%;
}
.tableStyle em {
	font-size:50%;
	font-weight:lighter;
	vertical-align:super;
}
@media screen and (max-width:736px) {
	.privacyList dt {
		font-size:116%;
	}
	.privacyList dd {
		margin-left:20px;
	}
	.privacyList .contactBox {
		margin-left:-20px;
	}
	.privacyList .contactBox div {
		padding:10px;
	}
}
@media screen and (max-width:420px) {
	.privacyList .contactBox span.note {
		display:block;
	}
}
@media screen and (max-width:320px) {
	.privacyList dd {
		margin-left:0;
	}
	.privacyList dd ul {
		margin-left:28px;
	}
	.privacyList .contactBox {
		margin-left:0px;
	}
}