@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main {
	background: url(../img/outline/main_img.jpg) no-repeat center top;
	background-size: 100% auto;
}

.mainVisual {
	margin-bottom: 30px;
}

#main .logo {
	margin-bottom: 29px;
	text-align: center;
}

#main .headLine01 {
	margin-bottom: 35px;
	padding: 7px;
	font-size: 2.049rem;
	letter-spacing: 0;
	background-color: #7ECC9C;
}

#main .tableA {
	margin-bottom: 25px;
}

#main .tableA table {
	width: 100%;
	border-collapse: collapse;
}

#main .tableA th,
#main .tableA td {
	padding: 10px 10px 10px 40px;
	font-size: 1.564rem;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #5AB9B8;
}

#main .tableA th {
	padding: 10px;
	width: 18%;
	text-align: center;
	border-right: none;
	background-color: #E6F4F6;
}

#main .tableA td {
	border-left: none;
}

#main .tableA .tdStyle {
	letter-spacing: -0.5px;
}

#main .notesList {
	float: right;
	width: 380px;
}

#main .notesList li {
	font-size: 1.134rem;
	padding-left: 1em;
	text-indent: -1em;
	letter-spacing: -0.5px;
	line-height: 1.75;
}

@media all and (-ms-high-contrast:none){
	#main .headLine01 {
		padding: 10px 0 4px;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (max-width: 767px) {
	.mainVisual {
		margin-bottom: 15px;
	}
	
	#main .logo {
		margin-bottom: 15px;
	}

	#main .logo img {
		width: 180px;
	}
	
	#main .headLine01 {
		margin-bottom: 20px;
		padding: 4px;
		font-size: 1.3rem;
	}
	
	#main .tableA {
		margin: 0 15px 15px;
	}
	
	#main .tableA th,
	#main .tableA td {
		padding: 5px 5px 5px 10px;
		font-size: 0.9rem;
	}
	
	#main .tableA th {
		padding: 5px;
	}
		
	#main .notesList {
		margin: 0 auto;
		float: none;
		width: 295px;
	}
	
	#main .notesList li {
		font-size: 0.9rem;
	}
}