@charset "UTF-8";
/* CSS Document */


/*==============================
メイン設定
==============================*/

/*------------------------------
メインフォト設定
------------------------------*/

/*メインフォト*/
.mainPhoto{
	width: 100%;
	height: 300px;
	background: url(../images/privacy/bg_main@2x.jpg) no-repeat center center / cover;
}

/*------------------------------
プライバシー設定
------------------------------*/

/*プライバシー全体*/
#privacy{
	margin: 0 auto 0;
	padding: 85px 0 200px;
	width: 620px;
}

/*プライバシー 日本語見出し*/
#privacy h2::after{
	content: "- プライバシーポリシー -";
}

/*プライバシー 説明*/
#privacy .desc{
	margin: 56px auto 0;
	color: #4D4D4D;
	font-size: 1.4rem;
	line-height: 36px;
	text-align: justify;
}

/*プライバシー サブ見出し*/
#privacy h3{
	margin: 50px auto 0;
	color: #4D4D4D;
	font-size: 2.2rem;
	font-weight: 600;
}

/*プライバシー サブ説明*/
#privacy .subDesc{
	margin: 10px auto 0;
	color: #4D4D4D;
	font-size: 1.4rem;
	line-height: 36px;
	text-align: justify;
}

/*プライバシーリスト*/
.privacyList{
	margin: 20px auto 0;
}

/*見出し*/
.privacyList dt{
	margin: 30px 0 0;
	color: #4D4D4D;
	font-size: 1.6rem;
	font-weight: 600;
}

/*会社名 1つ目*/
.linkList dt:first-child{
	margin: 0;
}

/*説明*/
.privacyList dd{
	margin: 10px 0 0 0;
	color: #4D4D4D;
	font-size: 1.4rem;
	line-height: 36px;
	text-align: justify;
}

/*サブリスト*/
.privacyList .subList{
	margin: 0 0 0 30px;
	padding-left:1em;
	text-indent:-1em;
}

/*サブリスト 装飾*/
.privacyList .subList li::before{
	content: "・";
}

/*お問い合わせボタン*/
.contactBtn{
	margin: 50px auto 0;
	width: 254px;
	height: 50px;
	text-align: center;
}

/*お問い合わせボタン リンク*/
.contactBtn a{
	display: block;
	width: 100%;
	height: 100%;
	color: #4D4D4D;
	font-size: 1.4rem;
	line-height: 50px;
	border: 1px solid #4D4D4D;
	transition: 0.15s;
}

/*お問い合わせボタン リンク ホバー設定*/
.contactBtn.active a{
	color: #FFF;
	background: #4D4D4D;
	transition: 0.3s;
}

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

/*768px以下の場合*/
@media screen and (max-width:768px){

	/*==============================
	メイン設定
	==============================*/

	/*------------------------------
	メインフォト設定
	------------------------------*/

	/*メインフォト*/
	.mainPhoto{
		height: 250px;
	}

	/*------------------------------
	プライバシー設定
	------------------------------*/

	/*プライバシー全体*/
	#privacy{
		padding: 60px 0 150px;
		width: calc(100% - 80px);
	}

	/*プライバシー サブ見出し*/
	#privacy h3{
		font-size: 2rem;
	}

	/*プライバシー 説明*/
	#privacy .desc{
		margin: 40px 0 0 0;
	}

	/*プライバシーリスト*/
	.privacyList{
		margin: 50px auto 0;
	}

	/*見出し*/
	.privacyList dt{
		margin: 20px 0 0;
	}

}

/*480px以下の場合*/
@media screen and (max-width:480px){

	/*==============================
	メイン設定
	==============================*/

	/*------------------------------
	メインフォト設定
	------------------------------*/

	/*メインフォト*/
	.mainPhoto{
		height: 150px;
	}

	/*------------------------------
	プライバシー設定
	------------------------------*/

	/*プライバシー全体*/
	#privacy{
		padding: 40px 0 100px;
		width: calc(100% - 40px);
	}

	/*プライバシー サブ見出し*/
	#privacy h3{
		margin: 30px 0 0 0;
		font-size: 1.8rem;
	}

	/*プライバシー 説明*/
	#privacy .desc{
		margin: 30px 0 0 0;
		line-height: 26px;
	}

	/*プライバシー サブ説明*/
	#privacy .subDesc{
		line-height: 26px;
	}

	/*プライバシーリスト*/
	.privacyList{
		margin: 30px auto 0;
	}

	/*説明*/
	.privacyList dd{
		line-height: 26px;
	}

		/*サブリスト*/
	.privacyList .subList{
		margin: 0 0 0 15px;
	}

}