@charset "utf-8";

/*==============================
security設定
==============================*/

/*security全体*/
#security{
	width: 100%;
}

/*security見出し日本語*/
#security .inner h2::after{
	content: "ー情報セキュリティ方針 ー";
}

/*securityBox*/
.securityBox{
	margin: 60px auto 0;
	width: 740px;
}

/*securityBox 見出し*/
.securityBox h3{
	font-size: 2rem;
	text-align: justify;
}

/*security説明*/
.securityBox .desc{
	text-indent: 1.6rem;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: justify;
}

/*security説明*/
.securityBox .desc span{
	display: inline-block;
	text-indent: 1.6rem;
}

/*securityList*/
.securityList{
	margin: 40px 0 0 0;
	padding-left: 20px;
}

/*securityList リスト*/
.securityList > li{
	margin: 0 0 20px 0;
	padding-left: 5px;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: justify;
	list-style: decimal;
	position: relative;
}

.sign{
	margin: 40px 0 0 0;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: right;
}


/*==============================
レスポンシブ設定
==============================*/

@media screen and (max-width: 768px){

	/*==============================
	security設定
	==============================*/

	/*securityBox*/
	.securityBox{
		width: calc(100% - 80px);
	}


}

@media screen and (max-width: 480px){

	/*==============================
	security設定
	==============================*/

	/*securityBox*/
	.securityBox{
		margin: 30px auto 0;
		width: calc(100% - 40px);
	}

	/*securityBox 見出し*/
	.securityBox h3{
		font-size: 1.8rem;
		line-height: 26px;
	}

	/*security 説明*/
	.securityBox .desc{
		text-indent: 1.4rem;
		font-size: 1.4rem;
		line-height: 26px;
		text-align: justify;
	}

	/*security説明*/
	.securityBox .desc span{
		text-indent: 1.4rem;
	}

	/*securityList*/
	.securityList{
		margin: 20px 0 0 0;
	}

	/*securityList リスト*/
	.securityList > li{
		margin: 0 0 10px 0;
		font-size: 1.4rem;
		line-height: 26px;
	}

	.sign{
		margin: 20px 0 0 0;
		font-size: 1.4rem;
		line-height: 26px;
	}




}