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

/*---------------------------------------------
/* harassment policy
/*---------------------------------------------*/

/*--------------- タイトルまわり ---------------*/
/* モバイルレイアウト : 639 px およびそれ以下. */
h2 { display:none }
h3 {
	text-align: center;
	font-weight: bolder;
}
/* 英字タイトルが長いため、SPのみ文字サイズを調整 */
#harassment h3 {
	font-size: 18px;
	line-height: 30px;
}
.harassment_catch {
	text-align: center;
	/* SPは英字タイトルと詰めて見せる。line-height ぶんの余白が
	   上下に6pxずつ乗るため、実際の間隔はこの値＋12px になる */
	margin-top: 8px;
	letter-spacing: 0.1em;
}
.text_announce {
	margin-top: 40px;
}

/*--------------- コンテナ ---------------*/
.container {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#harassment {
	margin-top: 120px;
	margin-bottom: 100px;
}

/*--------------- 本文ブロック ---------------*/
.harassment_block {
	margin-top: 50px;
}
.harassment_ttl {
	margin-bottom: 15px;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #699fc4;
	padding-bottom: 8px;
}
.harassment_list li {
	text-indent: -1em;
	padding-left: 1em;
}
.harassment_list li:before {
	content: "・";
}
.harassment_p {
	margin-top: 30px;
}

/*タブレットレイアウト : 640 px ～ 959 px。モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 640px) {
#harassment h3 {
	font-size: 30px;
	line-height: 50px;
}
.harassment_catch {
	margin-top: 20px;
}
.container {
	width: 90%;
}
#harassment {
	margin-bottom: 60px;
}
.text_announce {
	text-align: center;
}
.harassment_block {
	margin-top: 70px;
}
}

/* デスクトップレイアウト : 960 px ～。 モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 960px) {
.container {
	width: 800px;
}
}