@charset "utf-8";
@import url(./reset-min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*	header -------------------------------------- */
header {
	width:100%;
	margin:0 auto;
	background-color: #3A3A3A;
}
header h1 {
	padding:15px 15px;
}
header h1 img {
	width: 250px;
}

/*	main -------------------------------------- */


/*main {
	max-width: 900px;
	margin:0 auto 20px;
}*/
main h2 {
	font-weight: 600;
	font-size:1.7rem;
	margin:0 0 35px;
/*	color:#28395B;*/
}
main p.mainTxt {
	margin: 0 0 25px;
	line-height: 1.6;
}
main h2 span {
	padding-left: 10px;
	font-size: 1.4rem;
	font-weight: normal;
}
main .container {
	max-width: 900px;
	margin: 0 auto;
	padding:20px 0 60px;
}
@media screen and (max-width:900px){

main .container {
	margin: 0 5%;
}
main h2 {
	font-size:1.5rem;
}
main h2 span {
	padding-left: 0;
	font-size: 0.9rem;
	display: block;
}
}
@media screen and (max-width:400px){
main .container {
	width:90%;
}
}


/*	harass -------------------------------------- */

#harass {
	max-width: 900px;
	margin: 45px auto 65px;
}
#harass .content {
	margin: 0 0 45px;
}
#harass .content h3 {
	margin: 0 0 25px;
	padding:5px 10px;
	font-size: 1.2rem;
	font-weight: 600;
	color:#0a458d;
	border-bottom:2px solid #0a458d;
	background-color: #E9EDF5;
}
#harass .content h4 {
	margin: 0 0 5px;
	font-size: 1.1rem;
	font-weight: 600;
}
#harass .content p {
	margin: 0 0 25px;
	line-height: 1.6;
}
#harass .content p.point {
	text-decoration: underline;
	font-weight: 500;
}
#harass .content ul {
	margin: 0 0 25px;
	line-height: 1.6;
}
#harass .content li {
	margin: 0 0 5px 20px;
	line-height: 1.6;
	list-style-type:disc;
}
#harass .content dl {
	margin: 0 0 25px;
	line-height: 1.6;
}
#harass .content dt {
	display: inline-block;
	margin: 0 0 3px;
	padding:1px 10px;
	font-weight: 600;
	background-color:#E1E1E1;
	border-radius: 3px;
}
#harass .content dd {
	margin: 0 0 20px 15px;
	line-height: 1.6;
}
#harass .notes {
	margin: 0 0 35px;
	padding:20px 25px 5px;
	background-color: #F5F5F5;
}
#harass .notes h4 {
	margin: 0 0 5px;
	font-size: 1.1rem;
	font-weight: 600;
}
#harass .notes p {
	line-height: 1.6;
}

@media screen and (max-width:900px){
#harass {
	margin: 45px 5% 65px;
}
}

/*	form -------------------------------------- */

#form {
	max-width: 900px;
	margin: 45px auto 65px;
}

#form iframe {
	max-width: 800px;
}

@media screen and (max-width:900px){
#form {
	margin: 45px 5% 65px;
}
}


/*	footer -------------------------------------- */
footer {
	padding:5px;
	text-align: center;
	font-size: 0.9rem;
	color:#515151;
	background-color: #E3E3E3;
}