body {
	background-color: #f7f7f7;
}
#inner-page-wrapper {
	margin: 0;
	padding: 0;
}
	#inner-page-wrapper > .container {
		width: 100%;
		padding: 0;
	}

.ip-banner {
	display: none;
}

.ip-area-information {

}
	.ip-areainfo-banner-wrap {
		position: relative;
		font-size: 0;
		text-align: center;
	}
		.ip-areainfo-banner {
			position: relative;
		}
			.ip-areainfo-banner::before {
				/*width: 100%;
				height: 100%;
				content: '';
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				background-color: #000000;
				opacity: 0.55;*/
			}
			.ip-areainfo-banner canvas {
				width: 100%;
				height: auto;
				display: block;
			}
			.ip-areainfo-banner img {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				object-fit: cover;
			}
		.ip-areainfo-banner-title {
			width: 100%;
			position: absolute;
			z-index: 2;
			bottom: 0;
			left: 0;
			padding: 6px 0;
			color: #ffffff;
			font-size: 40px;
			font-weight: 700;
			letter-spacing: 0.01em;
			background-color: rgba(0,0,0,0.65);
		}

	.ip-areainfo-content-wrap {
		padding: 90px 0 120px;
		font-size: 0;
		text-align: center;
	}
		.ip-areainfo-content-title {
			width: 100%;
			max-width: 960px;
			margin: 0 auto;
			display: inline-block;
			vertical-align: top;
			color: #000000;
			font-size: 41px;
			font-weight: 700;
			line-height: 1.2;
			letter-spacing: 0.01em;
		}
			.ip-areainfo-content-title span {
				display: inline-block;
				position: relative;
				padding: 0 60px;
			}
				.ip-areainfo-content-title span::before {
					width: 100%;
					height: 1px;
					content: '';
					position: absolute;
					bottom: 20px;
					right: 100%;
					background-color: #d8d8d8;
				}
				.ip-areainfo-content-title span::after {
					width: 100%;
					height: 1px;
					content: '';
					position: absolute;
					bottom: 20px;
					left: 100%;
					background-color: #d8d8d8;
				}
		.ip-areainfo-content-list-wrap {
			margin-top: 80px;
			font-size: 0;
    		letter-spacing: 0;
		}
			.ip-areainfo-list-wrap {
				width: 100%;
				max-width: 1392px;
				margin: 0 auto;
			}
				.ip-areainfo-item {
					width: calc(100% / 3);
					display: inline-block;
					vertical-align: top;
					padding: 0 16px;
				}
					.ip-areainfo-item a {
						width: 100%;
						height: 100%;
						display: block;
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
					}
						.ip-areainfo-item a:hover {
							opacity: 0.7;
						}
					.ip-areainfo-item-photo {
						position: relative;
					}
						.ip-areainfo-item-photo canvas {
							width: 100%;
							height: auto;
							display: block;
						}
						.ip-areainfo-item-photo img {
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							object-fit: cover;
						}
					.ip-areainfo-item-title {
						padding: 20px 55px 0;
						color: #000000;
						font-size: 23px;
						font-weight: 700;
						line-height: 1.2;
						letter-spacing: 0.01em;
					}

@media only screen and (min-width: 992px) {
	.ip-container .fixed.header {
	    background: #4f4f4f;
	}
	.fixed .navigation #nav {
	    background: transparent;
	    border-color: transparent;
	    padding: 0;
	}
	.ip-container .header {
	    background: transparent;
	}
		.ip-areainfo-banner:before {
		    content: '';
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    height: 50%;
		    background: rgb(0,0,0);
		    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		    display: block;
		    z-index: 1;
		    opacity: 0.5;
		}
		.hr-top-contact:last-child a {
		    padding: 10px 20px;
		    background: rgb(0 0 0 / 50%);
		    border: 1px solid rgba(255,255,255,0.41);
		}
			.hr-top-contact:last-child a:hover {
				background: var(--primary-color);
				border-color: var(--primary-color);
				color: #fff!important;
			}
		.translate-trigger {
		    background: rgb(0 0 0 / 50%);
		}
		.navigation #nav {
		    display: inline-block;
		    background: rgb(0 0 0 / 50%);
		    padding: 10px 0;
		    border: 1px solid rgba(255,255,255,0.41);
		    transition: all .3s ease;
		}
}

/* MOBILE */
@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
	.ip-areainfo-content-wrap {
		padding: 50px 0;
	}
	.ip-areainfo-content-title div {
		display: inline-block;
	}
	.ip-areainfo-content-title span {
		padding: 0;
	}
	.ip-areainfo-content-title span::before, .ip-areainfo-content-title span::after {
		display: none;
	}
	.ip-areainfo-item {
		width: 100%;
		margin-bottom: 50px;
	}
		.ip-areainfo-item a {
			width: 100%;
			max-width: 448px;
			margin: 0 auto;
		}
}

@media only screen and (max-width: 767px) {
	.ip-areainfo-banner-title, .ip-areainfo-content-title {
		font-size: 30px;
	}
}

@media only screen and (max-width: 567px) {

}

@media only screen and (max-width: 480px) {
	.ip-areainfo-item {
		padding: 0;
	}
	.ip-areainfo-item-title {
		padding-left: 15px;
		padding-right: 15px;
	}
}