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

#ttl_flow {
	background		: transparent url('../img/ttl_harassment.jpg') no-repeat center center;
	background-size	: cover;
}

.parent-ul .child-ul{
	list-style-type: decimal;
	list-style-position: inside;
	text-indent: -1em;
	text-align: left;
	padding-left: 1em;
}

.sub-ul > li{
	padding-left: 1em;
}
.sub-ul > li + li{
	margin-top: 0.5em;
}

.contactBox{
	border: solid 2px #0e8cc8;
	border-radius: 10px;
	max-width: 560px;
    margin: 40px auto;
    padding: 20px;
    background: #edf9ff;
}
.contactBox h3{
	font-size: 1.3em;
}
.contactBox a{
	text-decoration: underline;
	color: #444;
}
.contactBox a:hover{
	text-decoration: none;
}

.contactBox a.tel{
	pointer-events: none;
	text-decoration: none;
}
.contactBox a.mail{
	display: inline-block;
}

.contactBox p{
	text-align: center;
    margin: 0 auto;
}

@media screen and (max-width:500px) {
	#ttl_flow{
		background-position: 70% center;
	}
}