@charset "UTF-8";

/* 横幅786pxまでの画面に対して */
@media (max-width:786px){
/* 縦向き */
#wrap{
	width:auto;
	display:flex;
	flex-direction:column;
	margin:0 auto;
}

/* スマホ版のみ改行 */
.br_media{
	display:block;
}

/* スマホ版のみ非表示 */
.none_media{
	display:none;
}

/********** ↓文字関係↓ **********/
/* h1の文字サイズと色 */
h1{
	font-size:clamp(24px, 4.6vw, 36px);
}

/* h2の文字サイズと色 */
h2{
	font-size:clamp(22px, 3.6vw, 28px);
}

/* h3の文字サイズと色 */
h3{
	font-size:clamp(18px, 2.8vw, 22px);
}

/* 各項目の内容とボタン、文字サイズと色 */
p, .privacy_a a{
	font-size:clamp(16px, 2.5vw, 20px);
	color:#000;
}

/********** ↑文字関係↑ **********/

/******************** ↑まとめたもの↑ ********************/


/******************** ↓ファーストビュー↓ ********************/
/* ファーストビュー */
.fv_privacy{
	height:min(48.3vw, 380px);
	margin-top:100px;
}
/* ロゴのサイズと位置関係 */
.logo{
	display:none;
}
/* ファーストビューのタイトル */
h1{
	margin-top:min(19.6vw, 154px);
}
/******************** ↑ファーストビュー↑ ********************/


/******************** ↓プライバシーポリシー↓ ********************/
/* 文字が並ぶ幅 */
article{
	width:min(86.5vw, 680px);
	margin:0 auto;
}

/* 各項目下のすき間 */
.privacy0, .privacy1, .privacy2, .privacy3{
	padding-bottom:clamp(28px, 4.6vw, 50px);
}

/* PRIVACY POLICYの見出し */
h2{
	padding:min(4.5vw, 35px) 0 min(2.5vw, 20px);
}

/* 各項目の内容 */
p{
	line-height:1.7em;
}

/* ボタンの位置 */
.privacy_a{
	margin:min(4.6vw, 50px) 0 min(8.3vw, 90px);
	text-align: center;
}
/* ボタンの設定 */
.privacy_a a{
	border:min(0.1vw, 1px) solid #555;
	transition:none;
	padding:min(1.8vw, 14px) min(18.4vw, 145px);
}
/* ボタンをホバーしたとき */
.privacy_a a:hover{
	background-color:transparent;
	color:#000;
	transition:none;
}

}