@charset "UTF-8";

/* プライバシーポリシー関連のCSSのみ記載 */
.pp-sec1 {
	padding: clamp(70px, 6vw, 90px) 0 clamp(50px, 6vw, 120px) 0;
	background-color: var(--base-color);
}

/*エントリー画像の代わりに使用*/
.pp-entry {
	background-image: linear-gradient(-45deg,#f5efe5 25%,#efe3d1 25%,#efe3d1 50%,#f5efe5 50%,#f5efe5 75%,#efe3d1 75%,#efe3d1);
	background-size: 5px 5px;
	width: 100%;
	height: clamp(150px, 15vw, 250px);
}
.pp-entry-container {
	display: grid;
	justify-items: center;
	align-content: center;
	height: 100%;
}

.pp-entry h2{
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(22px, 4vw, 40px);
	min-height: 0vw;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
}


.pp-title{
	font-size: clamp(18px, 5vw, 25px);
	margin-bottom: 10px;
	border-bottom: 1px solid #454545;
}
.pp-text{
	margin-bottom: 30px;
}

/* リスト */
ul.pp-list {
	margin: 10px 5px 30px 27px;
	line-height: 1.3;
	list-style: disc;
}

ul.pp-list li {
	font-size: clamp(13px, 1.4vw, 15px);
}

ul.pp-list li::marker {
	color: #454545;
	font-size: 150%;
	font-weight: bold;
}

/* 問い合わせ タイトル枠 */
.pp-inquiry{
	display: grid;
	grid-template-columns: repeat(1,130px 350px);
	gap: 2px 0px;
}
@media (max-width: 568px) {
	.pp-inquiry{
		grid-template-columns: repeat(1,130px 1fr); /* スマホの時は item2を画面幅に合わせる*/
	}
}
.pp-inquiry-item1{
	width: 130px;
	border: 1px solid #454545;
	background-color: #454545;
	text-align: center;
	color:#FFF;
}
.pp-inquiry-item2{
	color: #454545;
	text-align: left;
	border: 1px solid #454545;
	padding-left: 10px;
	word-break: break-all;  /* 禁則処理を無視し、改行を行う */
}

/*リンク アンダーライン*/
a.pp-unli{
	text-decoration: none;
	color:#454545;
}
a.pp-unli:hover{
	color:#c5c5c5;
}