/* CSS Document */

#main .text {
	margin-bottom: 85px;
	font-size: 18px;
	line-height: 2.11;
	text-align: center;
}

.mainImg02 {
	min-height: 300px !important;
	margin-bottom: 83px;
}

.mainImg03{
	padding-top: 120px !important;
}
.mainImg02:after {
	width: 9999px;
	height: 206px;
	position: absolute;
	bottom: -0;
	right: 0;
	content: "";
}


#main .mapBox {
	padding-bottom: 99px;
	text-align: center;
	position: relative;
}

#main .mapBox .headLine01 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-size: 60px 3px;
}

#main .mapBox .mainBox {
	padding-bottom: 0;
}
#date{
	text-align: center;
	margin-bottom: 40px;
}

/* list */

ul.maga li {
	margin-top: 30px;
	min-height: 260px;
	width: 50%;
	text-align: center;
	float: left;
}

ul.maga li:last-child {
	margin-right: 0;
}

ul.maga li span {
	display: block;
}

ul.maga li .img {
	margin-bottom: 16px;
}

ul.maga li .txt {
	margin-bottom: 11px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.maga li .link01 {
	margin-bottom: 10px;
}

ul.maga li span a:hover {
	opacity: 0.7;
}
ul.maga li .lbox{
	float: left;
	width: 30%;
}

ul.maga li .rbox{
	float: right;
	width: 67%;
	text-align: left;
}
ul.maga li .rbox h4{
	margin-bottom: 10px;
}


#main .innerBox .lBox .comLink, .comLink{
	margin: 30px auto;
}






@media all and (min-width: 0px) and (max-width: 767px) {
	.mainImg02 h2 span {
		margin-bottom: 0;
	}

	#main .text {
		margin-bottom: 27px;
		font-size: 14px;
		line-height: 1.72;
	}

	.mainImg02 {
		min-height: 170px !important;
		margin-bottom: 47px !important;
	}
	.mainImg03 {
	    padding-top: 67px !important;
	}

	#main .h2Ttl01 {
		letter-spacing: 0;
		font-size: 20px;
	}

	#main .h2Ttl01 img {
		width: 28px;
		margin-top: 10px;
	}


	#main .mapBox .headLine01 {
		margin-bottom: 20px;
		padding-bottom: 15px;
		background-size: 30px 2px;
	}


	#main .mapBox {
		padding-bottom: 18px;
	}


	#main .mapBox:after {
		width: auto;
		height: auto;
		float: none;
	}

	#main {
		margin-bottom: 15px;
	}


	 ul.maga {
		margin: 0 2px;
	}

	ul.maga li {
		margin-right: 0;
		width: 100%;
	}
	ul.maga li:first-child{
		margin-top: 0;
	}


	ul.maga li .img {
		margin-bottom: 8px;
		width: 100%;
	}

	ul.maga li .img img {
		width: 100%;
	}

	ul.maga li .txt {
		margin-bottom: 5px;
		font-size: 14px;
	}

	ul.maga li:nth-child(2n) {
		float: right;
	}

	ul.maga li .link01,
	ul.maga li .link02 {
		margin: 0 -3px 10px;
	}

	ul.maga li .link01 img,
	ul.maga li .link02 img {
		width: 100%;
	}


}