/***********************************************************************************************************************

privacy.css

***********************************************************************************************************************/
.privacy{
}

.privacy main{
	overflow-x: hidden; /* フォールバック */
	overflow-x: clip;   /* モダンブラウザ向け */
}


/* sec *************************************************************/
.sec_hd{
	position: relative;
	/*padding: 0;*/
	padding-top: 12.5%; /*17.3611111%*/
	background: #888;
}

.sec_privacy{
	padding: 8% 0 8%;
}
.second_box{
	padding-top: 3%;	
}


@media screen and (max-width: 767px) {
.sec_hd{
	padding-top: 0; /* 43.75% */
	height: 100px;
}
.sec_privacy{
	padding: 12% 0 18%;
}
}




/* h1〜 *************************************************************/
h1.h1_ttl{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	font-size: 16px; /*18px*/
	font-size: clamp(12px, 1.6vw, 16px); /*clamp(14px, 1.8vw, 18px)*/
	text-align: center;
	color: #fff;
}
h1.h1_ttl .en{
	display: block;
	font-size: 250%; /*310%*/
	padding-bottom: 0.1em;
}

h2.h2_ttl{
	font-size: 34px;
	font-size: clamp(22px, 3.4vw, 34px);
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 1.2em; /*0.8em*/
}

h2.h2_privacy{
	font-size: 20px;
	font-size: clamp(16px, 2vw, 20px);
	line-height: 1.6em;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
}

h3.h3_privacy{
	font-size: 18px;
	font-size: clamp(14px, 1.8vw, 18px);
	line-height: 1.6em;
	margin-bottom: 0.5em;
}

p.lead{
	font-size: 18px;
	font-size: clamp(14px, 1.8vw, 18px);
	text-align: center;
	line-height: 2.2em;
}



@media screen and (max-width: 767px) {
h1.h1_ttl .en{
	font-size: 250%;
}
}




/* fig_hd *************************************************************/
.fig_hd{

}
.fig_hd img{
	width: 100%;
	height: auto;
}
.fig_hd .pc{}
.fig_hd .sp{ display: none;}


@media screen and (max-width: 767px) {
.fig_hd .pc{ display: none;}
.fig_hd .sp{ display: block;}
}




/* list_privacy *************************************************************/
.list_privacy{

}
.list_privacy > li{
	margin-top: 5%;
}

@media screen and (max-width: 767px) {
.list_privacy > li{
	margin-top: 8%;
}
}





/* list_sub *************************************************************/
.list_sub{
	margin: 0 0 0 3em;
	padding-bottom: 3em;
}

.list_sub li{
	position: relative;
	font-size: 14px;
	font-size: clamp(12px, 1.6vw, 14px);
	line-height: 1.5em;
	margin: 0.8em 0 0 2em;
}
.list_sub li.ttl{
	margin-left: 0;
	font-weight: 600;
}
.list_sub li.google{
	line-height: 2em;
}

.list_sub li::before{
	content: "";
	position: absolute;
	top: 0.6em;
	left: -0.8em;
	width: 0.4em;
	height: 0.4em;
	line-height: 1em;
	background-color: #888;
	border-radius: 50%;
}
.list_sub li.ttl::before{
	display: none;
}


@media screen and (max-width: 767px) {
.list_sub{
	margin-left: 1em;
}
}