@charset "utf-8";

/* .privacy */
.privacy{
	padding:min(9%,120px) min(9%,150px);
	box-shadow:0 8px 12px rgba(0,0,0,0.12);
}
.privacy .head{
}
.privacy > dl{
	text-align:left;
}
.privacy > dl > dt{
	line-height:1.5;
	margin-top:min(7%,70px);
	padding:0.8em 1.5em;
	font-size:min(2vw,25px);
	letter-spacing:0.09em;
	background-color:#f8f8f8;
	position:relative;
}
.privacy > dl > dt:before{
	content:'';
	display:block;
	width:min(0.4vw,5px);
	height:100%;
	background:#c69a1e;
	position:absolute;
	left:0;
	top:0;
}
.privacy > dl > dd{
	line-height:2.3;
	padding:2em;
}
.privacy > dl > dd .kana_list li{
	padding-left:1.7em;
	text-indent:-1.7em;
}
.privacy > dl > dd .num_list li{
	padding-left:1.5em;
	text-indent:-1.5em;
}
.privacy > dl > dd .contact{
	margin-top:2em;
	text-indent:0;
}
.privacy > dl > dd .tbl{
	width:100%;
	margin:min(5%,50px) 0;
	border:1px solid #005431;
}
.privacy > dl > dd .tbl tr:nth-child(n+2){
	border-top:1px solid #e6e6e6;
}
.privacy > dl > dd .tbl th{
	width:18em;
	color:#fff;
	background-color:#c69a1e;
	text-align:center;
}
.privacy > dl > dd .tbl td{
	padding:3%;
}

.privacy > dl > dd .foot{
	margin-top:2em;
}
.privacy > dl > dd .more{
	width:15em;
	line-height:3.2;
	font-size:15px;
}


@media screen and (max-width:768px){
	.privacy{
		width:86%;
		padding:0;
		background-color:transparent;
		box-shadow:none;
	}
	.privacy h2{
		line-height:1.5;
		margin-top:12%;
		padding:0.6em 1.2em;
		font-size:4.5vw;
	}
	
	.privacy .head{
		font-size:3vw;
	}
	.privacy > dl > dt{
		margin-top:9%;
		padding:0.6em 0.6em 0.6em 2.4em;
		font-size:4.1vw;
		text-indent:-1.4em;
		background-color:#fff;
		box-shadow:0 4px 4px rgba(0,0,0,0.06);
	}
	.privacy > dl > dt:before{
		width:0.7vw;
	}
	.privacy > dl > dd{
		line-height:2;
		padding:1.6em 0;
	}
	.privacy > dl > dd .contact{
		margin-top:2em;
	}
	.privacy > dl > dd .tbl{
		width:100%;
		margin:min(5%,50px) 0;
		border:1px solid #005431;
		position:relative;
		z-index:2;
	}
	.privacy > dl > dd .tbl:before{
		content:'';
		display:block;
		width:9em;
		height:100%;
		background:linear-gradient(#005431,#009245);
		position:absolute;
		left:0;
		top:0;
		z-index:-1;
	}
	.privacy > dl > dd .tbl th{
		width:9em;
		letter-spacing:0.03em;
		white-space:nowrap;
	}
	.privacy > dl > dd .tbl td{
		padding:3%;
		background-color:#fff;
	}

	.privacy > dl > dd .foot{
		margin-top:2em;
		font-size:3.2vw;
		white-space:nowrap;
	}
	.privacy > dl > dd .more{
		font-size:3.2vw;
	}
}

