@charset "utf-8";
#body.Title{
	display: flex;
	align-items: center;
	padding-top: 0;
}

@media screen and (max-width: 994px){
	#body.Title {
		padding: 0 15px 0 !important;
	}
}

@media screen and (max-width: 767px){
	#body.Title {
		padding: 15px !important;
	}
}

#body.Title a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
small {
	font-size:69%;
}

.ImgOnlyStyle img{
	width: 100%;
}

.ColumnSet{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;

}

.ColumnSet .Column1{
	width: calc((100% - 45px) / 4);
	margin: 0;
}

#TopPageNew #Footer p{
	line-height: 1.8;
}



@media screen and (max-width: 994px){
	.JS .ColumnSet{
		margin: 0;
	}

	.JS .Grid4 .Column1{
		padding: 0;

	}

	.JS .Grid4 .Column1{
		width: calc((100% - 30px) / 3);
	}
}

@media screen and (max-width: 767px){
	.JS h2{
		margin: 0;
	}

	.JS .Grid4 .Column1{
		width: calc((100% - 15px) / 2);
	}

	/* .JS .PageTitleStyle1{
		padding-left: 15px;
	} */

	.JS .ResponsiveBrandingImgStyle #BrandingImgStyle2{
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 541px){
	.JS .Grid4 .Column1{
		width: 100%
	}

	.JS .ResponsiveBrandingImgStyle #BrandingImgStyle2{
		/* margin-bottom: 0; */
	}
	/* .JS #Contents{
		padding: 0;
	} */

	.JS .Grid4 .Column1 ul.LinkListStyle1{
		padding-left: 15px;
	}
}