@charset "UTF-8";
/* =================================
sec01 
================================= */
#header-area01 {
    line-height: 1.5;
}
.guideline{
	border:solid 2px #b60081;
	border-radius: 15px;
	padding:30px;
}
#harassment_guideline h2{
	font-size:20px;
	color:#000000;
	margin-bottom:20px;
}
#harassment_guideline p{
	font-size:15px;
}
#harassment_guideline ul{
	font-size:15px;
}
#harassment_guideline li{
	margin-bottom: 20px;
    margin-left: 30px;
}
#harassment_guideline .in{
    margin-left: 30px;
}
#harassment_guideline .box{
	border:1px solid #ccc;
	padding:15px 220px;
	margin-top:15px;
	font-size:15px;
}
#harassment_guideline .bold{
	font-weight:bold;
	font-size:18px;
}
#harassment_guideline .w160{
	width:160px;
}
#harassment_guideline .w300{
	width:300px;
}
#harassment_guideline .mb20{
	margin-bottom:20px;
}
ul li {
  position: relative;
  padding-left: 20px;
}

ul li::before {
    content: "●";
    position: absolute;
    left: 0;
}

@media screen and (max-width: 740px) {
	.sec01 {
	  width: auto;
	  padding: 0 15px;
	  margin-bottom: 60px;
	}
	.sec01 p {
	  margin-bottom: 30px;
	}
	.sec01 h1 {
	  margin: 20px 0;
	}
	.sec01 ol {
	  margin-bottom: 30px;
	}
	.sec01 ol li {
	  padding-left: 20px;
	  text-indent: -10px;
	}
	.sec01 ol li span {
	  width: 9px;
	}
	#topicArea {
	    width: auto;
	    padding: 7px 10px;
	    display: block;
	}

h1 {
    font-size: 2rem;
}
.guideline {
    padding: 5%;
}
#harassment_guideline h2 {
    font-size: 1.8rem;
}
#harassment_guideline li {
    margin-left: 20px;
    font-size: 1.5rem;
    line-height: 1.3;
}
#harassment_guideline .in {
    margin-left: 20px;
}
#harassment_guideline .box {
    padding: 15px;
    font-size: 1.4rem;
}
#harassment_guideline .w160{
	width:100%;
}
#harassment_guideline .w300{
	width:100%;
}
#harassment_guideline td{
	display: block;
}




}