@charset "utf-8";

*,*::before,*::after {
box-sizing: border-box;}

ul,li {list-style: none; margin:0; padding: 0;}
a {text-decoration: none;}




/* PC ================================================== */
@media all and (min-width:960px){
	#privacy-page {
	padding-top: 80px;
	}
	.privacy-area {
		width: 80%;
		max-width: 1000px;
		margin: 50px auto 0;
	}
	.privacy-ttl-area {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ttl-box {
		text-align: center;
		display: inline-block;
		margin: 20px 30px 0;
	}
	.privacy-ttl-area img {
		width: 130px;
		height: auto;
	}
	.privacy-inner {
		width: 100%;
		max-width: 1000px;
		margin: 50px auto 0;
  }
		.privacy-txt-area {
			width: 100%;
			height: auto;
			margin: 0 auto;
			text-align: left;
			line-height: 2;
			letter-spacing: 0.03em;
			font-weight: normal;
      font-size: 13px;
		}
		.sepa {
			margin: 80px auto;
		}
		.privacy_box{width: 100%;
			max-width: 1500px;
			margin: 0 auto;
		}
		.privacy_box dl{
      width: 100%;
      border-bottom: 1px dotted #ccc;
			padding-bottom: 21px;
			margin-bottom: 21px;
		}
		.privacy_box dl dt{
      display: block;
      width: 100%;
			font-size: 16px;
      font-weight: 700;
		}
		.privacy_box dl dd{
      display: block;
      width: 100%;
      font-size: 14px;
      font-weight: normal;
		}

}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){

#privacy-page {
	padding-top: 80px;
	}
	.privacy-area {
		width: 86%;
		max-width: 1000px;
		margin: 50px auto 0;
	}
	.privacy-ttl-area {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ttl-box {
		width: 300px;
		text-align: center;
		display: inline-block;
		margin: 20px 10px 0;
	}
	.privacy-ttl-area img {
		width: 100px;
		height: auto;
	}
		.ttl-box h1 {
			font-size: 32px;
		}
	.privacy-inner {
		width: 100%;
		max-width: 1000px;
		margin: 50px auto 0;
	}
		.privacy-txt-area {
			width: 100%;
			height: auto;
			margin: 0 auto;
			text-align: center;
			line-height: 2;
			letter-spacing: 0.04em;
			font-weight: normal;
			font-size: 14px;
		}
		.sepa {
			margin: 50px auto;
		}
		.privacy_box{
			width: 100%;
			margin: 0 auto;
		}
		.privacy_box dl{
			display: block;
			width: 100%;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 14px;
			margin-bottom: 14px;
		}
		.privacy_box dl dt{
			display: block;
			width: 100%;
			font-size: 16px;
      font-weight: 700;
			padding-bottom: 5px;
		}
		.privacy_box dl dd{
			display: block;
			width: 100%;
			font-size: 14px;
		}
  }
/* SP ================================================== */
@media all and (max-width:559px){
	#privacy-page {
		padding-top: 80px;
		}
		.privacy-area {
			width: 86%;
			max-width: 1000px;
			margin: 50px auto 0;
		}
		.privacy-ttl-area {
			width: 100%;
		}
		.ttl-box {
			text-align: center;
			margin: 20px 0 0;
		}
		.privacy-ttl-area img {
			display: block;
			width: 100px;
			height: auto;
		}
		.privacy-ttl-area img:last-child {
			margin: 0 0 0 auto;
		}
			.ttl-box h1 {
				font-size: 32px;
			}
		.privacy-inner {
			width: 100%;
			max-width: 1000px;
			margin: 50px auto 0;
		}
			.privacy-txt-area {
				width: 100%;
				height: auto;
				margin: 0 auto;
				text-align: left;
				line-height: 1.5;
				letter-spacing: 0.075em;
				font-weight: normal;
				font-size: 14px;
			}
			.sepa {
				margin: 50px auto;
			}
			.privacy_box{
				width: 100%;
				margin: 0 auto;
			}
			.privacy_box dl{
				display: block;
				width: 100%;
				border-bottom: 1px dotted #ccc;
				padding-bottom: 14px;
				margin-bottom: 14px;
			}
			.privacy_box dl dt{
				display: block;
				width: 100%;
				font-size: 14px;
        font-weight: 700;
				padding-bottom: 5px;
			}
			.privacy_box dl dd{
				display: block;
				width: 100%;
				font-size: 12px;
			}
}