
/*-----------------------------------
	ショーケース
-------------------------------------*/
#showcase{
	background:url(/privacy/images/showcase.jpg) repeat center 0;
}

@media screen and (max-width: 480px) {
	#showcase{
	background:url(/privacy/images/showcase.jpg) repeat center 0;
	background-size:cover;
	}
}



#main{
	padding-bottom:0;
}

.box{
	margin-bottom:60px;
}

#main .stit{
	font-size:2rem;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

#main .mb{
	margin-bottom:20px;
}

#main h3{
	font-size:1.6rem;
}

#main .bg{
	padding:20px 20px 15px;
	background:#F5F5F5;
	border:1px solid #ddd;
}

#main ul.no li span{
	display:inline-block;
	width:20px;
}


#main .box li{
  	text-indent:-20px;
 	margin:0 0 5px 45px;
 }

#main .box dl.bg{
	margin-bottom:10px;
}

#main .box dd{
	font-weight:bold;
}

#main .box dt{
	padding-left:25px;
	margin-bottom:5px;
}

#main .bg p{
	line-height:1.6;
	margin-bottom:5px;
}

.lead{
	margin-bottom:20px;
}

.date{
	text-align:right;
}

.name{
	text-align:right;
	width:
}

.name p{
	display:inline-block;
	text-align:left;
}

.indent{
	padding-left:40px;
}


.inq{
	font-weight:bold;
}

.sign-box{
	position:relative;
	top:0;
	left:0;
}

.p-mark{
	position:absolute;
	top:0;
	left:0;
}

.p-mark img{
	width:150px;
	height:auto;
}

@media screen and (max-width: 480px) {
	
	.box{
		margin-bottom:40px;
	}
	
	
	.main_lead br{
		display:none;
	}
	
	#main .stit{
		font-size:1.6rem;
	}
	
	#main h3{
		font-size:1.4rem;
	}
	
	.indent{
		padding-left:25px;
	}

	
	#main .box li{
		font-size:1.2rem;
		text-indent:-11px;
		margin:0 0 5px 25px;
	}
		
	#main ul.no li span{
		width:10px;
	}	
		
	#main .box dl.bg{
		font-size:1.2rem;
	}
	
	#main .box dt{
		padding-left:17px;
	}
	
	.p-mark img{
	width:90px;
	height:auto;
	}

	
}

