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

/*------------------------------
イベント情報設定
------------------------------*/

/*ページビジュアル*/
#pageVisual{
	background: url(../img/privacy/bg_main.webp) no-repeat center center / cover;
}

/*ページビジュアル  見出し英語*/
#pageVisual .pageNav h2::after{
	content: "PRIVACY POLICY";
}

/*イベント全体*/
#privacy{
	background: #333;
}

/*イベント全体*/
#privacy .inner{
	padding: 60px;
	background: #fff;
}

#privacy h2 {
	padding: 12px 20px;
	color: #fff;
	font-size: 2.2rem;
	line-height: 1;
	text-align: left;
	background: #333;
}

#privacy .policyList h3 {
	margin: 50px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 1.8rem;
	line-height: 1.6;
	text-align: justify;
	border-bottom: 1px solid #1a1a1a;
}

#privacy .desc,
#privacy .policyList p:not(.btn),
#privacy .policyList ol {
	font-size: 1.4rem;
	line-height: 2;
	text-align: justify;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#privacy .desc{
	margin: 30px 0 0 0;
}

#privacy .policyList p:not(.btn) {
	margin: 15px 0 0 0;
}

#privacy .policyList ol {
	padding: 0 0 0 20px;
  counter-reset: my-count; /* カウンターを初期化 */
}

#privacy .policyList ol li {
  position: relative;
  padding-left: 1.4em;
}

#privacy .policyList ol li::before {
  content: counter(my-count) ".";
  counter-increment: my-count;
  position: absolute;
  left: 0;
  top: 0;
}

#privacy .policyList .btn {
  margin: 40px 0 0 0;
}


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

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

	/*イベント全体*/
	#privacy .inner{
		padding: 40px;
	}


}

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

	/*イベント全体*/
	#privacy .inner{
		padding: 30px;
	}

	#privacy h2 {
		padding: 10px 10px;
		font-size: 1.8rem;
	}

	#privacy .policyList h3 {
		margin: 30px 0 0 0;
		font-size: 1.6rem;
	}


	#privacy .desc,
	#privacy .policyList p:not(.btn),
	#privacy .policyList ol {
		font-size: 1.4rem;
		line-height: 1.8;
	}

	#privacy .desc{
		margin: 20px 0 0 0;
	}

	#privacy .policyList p:not(.btn) {
		margin: 10px 0 0 0;
	}

	#privacy .policyList ol {
		padding: 0 0 0 15px;
	}

		
}

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

}

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

	/*ページビジュアル*/
	#pageVisual{
		background: url(../img/privacy/bg_main_sp.webp) no-repeat center center / cover;
	}

	/*イベント全体*/
	#privacy .inner{
		padding: 40px 20px;
	}

	#privacy .policyList .btn {
	  margin: 20px 0 0 0;
	}



}