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

/*ITOWA Menuページ(PC)*/


/*PCレスポンシブ*/
	
	.policy-page {
		padding: 200px 20px;
		margin: 0 auto;
		font-family: "Shippori Mincho B1", serif;
		line-height: 1.8;
		color: #2e2e2e;
		background-color: #f9f7f4;
		max-width: 800px;
	}
	
	/* タイトル */
	
	.policy-page h1 {
		font-size: 28px;
		text-align: center;
		margin-bottom: 60px;
		color: #5b3a2b;
		font-weight: 600;
		position: relative;
	}
	
	.policy-page h1::after {
		content: "";
		display: block;
		width: 50px;
		height: 2px;
		background-color: #5b3a2b;
		margin: 16px auto 0;
	}
	
	/* セクション見出し */
	
	.policy-page h2 {
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: 12px;
		padding-left: 12px;
		border-left: 3px solid #c7a28d;
		color: #3e3e3e;
	}
	
	/* テキスト段落 */
	
	.policy-page p {
		font-size: 16px;
		margin-bottom: 50px;
		letter-spacing: 0.03em;
	}
	
	/* 番号付きリスト */
	
	.policy-page ol {
		counter-reset: item;
		padding-left: 0;
		margin-left: 0;
	}
	
	.policy-page ol li {
		counter-increment: item;
		list-style: none;
		margin-bottom: 30px;
		padding-left: 2.5em;
		position: relative;
		font-size: 15.5px;
		line-height: 1.8;
	}
	
	.policy-page ol li::before {
		content: counter(item) ".";
		position: absolute;
		left: 0;
		top: 0;
		color: #5b3a2b;
		font-weight: bold;
		width: 2em;
		text-align: right;	
	}
		
/* ===== タブレット（768px以下） ===== */

@media screen and (max-width: 768px) {
  .policy-page {
    padding: 80px 16px;
    max-width: 90%;
  }

  .policy-page h1 {
    font-size: 24px;
    margin-bottom: 50px;
  }

  .policy-page h2 {
    font-size: 17px;
    margin-top: 32px;
  }

  .policy-page p,
  .policy-page li {
    font-size: 15px;
  }
}


/* ===== スマホ（480px以下） ===== */
@media screen and (max-width: 480px) {
  .policy-page {
    padding: 60px 12px;
  }

  .policy-page h1 {
    font-size: 20px;
    margin-bottom: 50px;
  }

  .policy-page h2 {
    font-size: 15px;
    margin-top: 28px;
    margin-bottom: 10px;
  }

  .policy-page p,
  .policy-page li {
    font-size: 13px;
    margin-bottom: 30px;
  }

  .policy-page ol li {
    padding-left: 2.2em;
	  font-size: 11.5px;
  }

  .policy-page ol li::before {
    width: 1.8em;
  }
	
}