@charset "UTF-8";

/* title-area */
.title-area {

}

/* privacy-area */
.privacy-area .wrap {
	margin-bottom: 80px;
}
.privacy-area .wrap p {
	margin-bottom: 40px;
}
.privacy-area dl {
	margin-bottom: 50px;
}
.privacy-area dl:last-child {
	margin-bottom: 0px;
}
.privacy-area dt,
.privacy-area dd {
	line-height: 1.6;
}
.privacy-area dt {
	font-weight: bold;
	margin-bottom: 10px;
}
.privacy-area dd {
	margin-bottom: 10px;
}
.privacy-area li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.privacy-area ul li:before {
	content: "・";
}
.privacy-area ul ,
.privacy-area ol {
	margin-top: 20px;
	padding-left: 20px;
}
.privacy-area dd:last-child ,
.privacy-area li:last-child {
	margin-bottom: 0;
}
.privacy-area ol ul {
	margin-top: 5px;
	margin-bottom: 25px;
}
.privacy-area ol ul li:before {
	display: none;
}
.privacy-area dd.box {
	border: 1px solid #ccc;
	padding: 30px;
	margin: 20px 0;
}
.privacy-area dd.box ol {
	margin-bottom: 20px;
}
.privacy-area .mark {
    padding: 0;
    background-color: #fff;
}
.privacy-area .mark span {
	width: 70%;
	margin-right: 20px;
	display: inline-block;
}
.privacy-area .mark a {
	vertical-align: top;
}
.privacy-area .text-right {
	text-align: right;
}




/* ====================================================================================
         SP
  ==================================================================================== */
@media screen and (max-width: 767px) {
	
/* title-area */		
	.title-area {
		margin-bottom: 20px;
	}
	
/* privacy-area */		
	.privacy-area .wrap {
		margin-bottom: 40px;
	}
	.privacy-area dl {
		margin-bottom: 20px;
	}
	.privacy-area dt {
		margin-bottom: 5px;
	}
	.privacy-area dd a {
		display: inline;
	}
	.privacy-area dd.box {
		padding: 20px;
	}
	.privacy-area .mark span {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.privacy-area .mark a img {
		display: block;
		margin: 10px auto 0 auto;
	}


}


/* ====================================================================================
         ipad
  ==================================================================================== */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}