@charset "UTF-8";

/* SP */
@media screen and (max-width: 750px) {

#harassment {
	padding-top: 2.93vw;
	}

#harassment .content {
	padding: 0 2.6vw 5vw;
	}

#harassment .intro {
	margin-top: 5vw;
	}

#harassment .intro p {
	font-size: 4.8vw;
	line-height: 7.73vw;
	color: #333;
	}

#harassment .policy {
	margin-top: 7.33vw;
	}

#harassment .policy h2 {
	display: block;
	font-size: 4.8vw;
	line-height: 6.13vw;
	color: #333;
	border-bottom: 0.4vw solid #7f57a0;
	margin-bottom: 3.73vw;
	}

#harassment .policy h3 {
	font-size: 4.8vw;
	line-height: 6.13vw;
	margin-bottom: 0.3vw;
	}

#harassment .policy h3::before {
	content: "\025c6";
	font-size: 5.2vw;
	color: #7f57a0;
	}

#harassment .policy p {
	font-size: 4vw;
	line-height: 6.4vw;
	color: #333;
	}

#harassment .policy li {
	font-size: 4vw;
	line-height: 6.93vw;
	color: #333;
	}

#harassment .policy li::before {
	content: "\025cf";
	color: #7f57a0;
	}

#harassment .list-area {
	border: 0.26vw solid #7f57a0;
	border-radius: 1.6vw;
	margin-bottom: 6.66vw;
	padding: 4.8vw 4vw 3vw;
	}

#harassment .list-area:first-of-type {
	margin-top: 9.2vw;
	}

#harassment .list-area ul {
	margin-top: 3vw;
	padding-left: 3.2vw;
	}

#harassment .contact {
	background: #f2eef5;
	border-radius: 1.6vw;
	margin-bottom: 10vw;
	padding: 5.2vw 4vw 4vw;
	box-sizing: border-box;
	}

#harassment .contact h3 {
	font-size: 4.8vw;
	line-height: 6.13vw;
	color: #7f57a0;
	text-indent: -2vw;
	margin-bottom: 1.4vw;
	}

#harassment .contact p {
	font-size: 4vw;
	line-height: 6.4vw;
	}

#harassment .contact img {
	display: inline;
	}

#harassment .contact img.mail {
	width: 19.33vw;
	height: auto;
	padding: 0.2vw 0.8vw 0 0;
	}

#harassment .others h4 {
	font-size: 4.8vw;
	line-height: 6.13vw;
	margin: 0 0 1.2vw -0.5vw;
	}

#harassment .others h4::before {
	content: "\025a0";
	font-size: 5.4vw;
	color: #7f57a0;
	}

#harassment .others p {
	font-size: 4vw;
	line-height: 6.4vw;
	padding-bottom: 4.4vw;
	}

}/* SP end */


/* PC */
@media screen and (min-width: 751px) {

#harassment {
	padding-top: 40px;
	}

#harassment .title-wrap {
	height: 100px;
	background: url(../img/title_bg.jpg) center top no-repeat;
	}

#harassment .title {
	display: flex;
	width: 1280px;
	margin: 0 auto;
	}

#harassment .content {
	width: 1280px;
	margin: 0 auto;
	padding-bottom: 60px;
	}

#harassment .intro {
	width: 1000px;
	margin: 30px auto 0;
	}

#harassment .intro p {
	font-size: 20px;
	line-height: 38px;
	color: #333;
	}

#harassment .policy {
	width: 1000px;
	margin: 70px auto 0;
	}

#harassment .policy h2 {
	display: block;
	font-size: 28px;
	line-height: 36px;
	color: #333;
	border-bottom: 2px solid #7f57a0;
	margin-bottom: 15px;
	padding-bottom: 3px;
	}

#harassment .policy h3 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 15px;
	}

#harassment .policy h3::before {
	content: "\025c6";
	font-size: 28px;
	color: #7f57a0;
	}

#harassment .policy p {
	font-size: 18px;
	line-height: 32px;
	color: #333;
	}

#harassment .policy li {
	font-size: 18px;
	line-height: 36px;
	color: #333;
	}

#harassment .policy li::before {
	content: "\025cf";
	color: #7f57a0;
	}

#harassment .list-area {
	border: 1px solid #7f57a0;
	border-radius: 12px;
	margin-bottom: 60px;
	padding: 38px 45px 45px 45px;
	}

#harassment .list-area:first-of-type {
	margin-top: 50px;
	}

#harassment .list-area p {
	padding-left: 5px;
	}

#harassment .list-area ul {
	margin-top: 15px;
	padding-left: 25px;
	}

#harassment .contact {
	width: 1000px;
	background: #f2eef5;
	margin: 30px auto 0;
	padding: 38px 30px 38px 50px;
	box-sizing: border-box;
	}

#harassment .contact h3 {
	font-size: 28px;
	line-height: 36px;
	color: #7f57a0;
	margin: 0 0 5px -15px;
	}

#harassment .contact p {
	font-size: 18px;
	line-height: 32px;
	}

#harassment .contact img {
	display: inline;
	}

#harassment .contact img.mail {
	width: 94px;
	height: auto;
	padding: 3px 5px 0 0;
	}

#harassment .others {
	width: 1000px;
	margin: 56px auto 0;
	}

#harassment .others h4 {
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 6px -5px;
	}

#harassment .others h4::before {
	content: "\025a0";
	font-size: 30px;
	color: #7f57a0;
	}

#harassment .others p {
	font-size: 18px;
	line-height: 32px;
	padding: 0 0 37px 5px;
	}

@media screen and (min-width: 751px) and (max-width: 1280px) {

	#harassment .title-wrap {
		width: 1280px;
		background: url(../img/title_bg_1280.jpg) left top no-repeat;
		}

	#harassment .content {
		margin-left: 0;
		}

	}

}/* PC end */