@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　privacy
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* page-nav
-----------------------------------------------------------------*/
.page-nav{
	justify-content: space-between;
	max-width: 765px;
	margin: 0 auto 120px;
}
.page-nav li{
	width: 30.7%;
}

/* .privacy{
	scroll-margin-top: 82px;
} */



/* privacy
-----------------------------------------------------------------*/
.privacy{
	padding: 0 0 160px;
	/* background: var(--beige); */
}
.privacy h2{
	margin-bottom: 90px;
	font-size: min(3.39vw,5.2rem);
	line-height: 1.2;
	text-align: center;
}
.privacy .txt{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* privacy-info
-----------------------------------------------------------------*/
.privacy-info h2{
	margin-bottom: 90px;
	font-size: min(3.39vw,5.2rem);
	line-height: 1.2;
	text-align: center;
}
.privacy-info ul{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.privacy-info ul li{
	/* width: 47%; */
	width: 100%;
	margin-bottom: 80px;
}
.privacy-info ul li:last-of-type{
	margin-bottom: 0;
}


.privacy-info .bg-white{
	padding: 160px 0;
}
.privacy-info .bg-white:first-of-type{
	padding-top: 0;
}

.privacy-info li p + p{
	padding-top: 20px;
}

h3.ttl-dot {
    margin-bottom: 20px;
    font-size: min(1.5vw,2.3rem);
}

h3.ttl-dot::before {
    margin-right: 5px;
    color: #AFDCDD;
    font-size: 1rem;
    line-height: 2vw;
}





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

	.page-ttl._type02 h1 .ja {
		line-height:1.2;
	}


/* page-nav
-----------------------------------------------------------------*/
	.page-nav{
		flex-wrap: wrap;
		max-width: none;
		width: 84.64vw;
		margin: 50px auto 80px;
	}
	.page-nav li{
		width: 46.5%;
	}
	.page-nav li:nth-child(n+3){
		margin-top: 20px;
	}


/* privacy
-----------------------------------------------------------------*/
	.privacy{
		padding: 0 0 120px;
	}
	.privacy h2,
	.privacy-info h2{
		margin-bottom: 40px;
		font-size: 3rem;
		line-height: 1.4;
	}



/* privacy-info
-----------------------------------------------------------------*/
	.privacy-info{
		padding: 0 0 60px;
	}
	.privacy-info h2 + .txt{
		margin-bottom: 50px;
		font-size: 1.6rem;
		text-align: justify;
	}
	
	h3.ttl-dot{
		display: flex;
        align-items: center;
        margin-bottom: 20px;
        font-size: 1.6rem;
    }
	

}