@charset "UTF-8";
/* CSS Document */

/******ページ******/

.page-top {
	width: 100%;
	min-height: 300px;
	position: relative;
	z-index: 10;
}

.page-top div {
	max-width: 1200px;
	padding: 150px 20px 0px;
	margin: 0px auto;
}

/***トップ写真***/
.page-top.tour-guide {
	background: url("../img/tour-guide/tour-guide_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.info {
	background: url("../img/information/information_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.spot {
	background: url("../img/spots/spot_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
@media screen and (max-width: 768px) {
	.page-top.spot {
		background: url("../img/spots/spot_bg-sp.webp") no-repeat 0 0 / cover;
		background-position: center;
	}
}
.page-top.event {
	background: url("../img/event/event_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.course {
	background: url("../img/modelcourse/archive/course_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.library {
	background: url("../img/photolibrary/library_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.contest {
	background: url("../img/photolibrary/contest_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.contact {
	background: url("../img/contact/contact_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.tour-guide {
	background: url("../img/tour-guide/tour-guide_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.imizu-city {
	background: url("../img/imizu-city/imizu-city_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.site {
	background: url("../img/support-pages/site_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.about {
	background: url("../img/support-pages/about_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.for-business {
	background: url("../img/support-pages/for-business_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.faq {
	background: url("../img/support-pages/faq_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}
.page-top.search {
	background: url("../img/common/search_bg.webp") no-repeat 0 0 / cover;
	background-position: center;
}

.page-top h1, .page-top p {
	color: #fff;
	text-shadow:
	0 1px 2px rgba(0,0,0,.4),
	0 0 6px rgba(0,0,0,.35);
}

.page-top h1 {
	font-size: 42px;
	margin: 0;
}

.page-top p {
	font-size: 28px;
	margin: 0;
}

.page-wrapper {
	background-size: auto 70px;
	background-repeat: repeat-x;
	padding-inline: 0;
    padding-bottom: 0;
    background-position: center top;
	margin-top: -33px;
	padding: 90px 16px 130px 16px;
}

.page-inner {
	padding: 50px 0px;
}


@media screen and (max-width: 768px) {
	.page-top {
		min-height: 170px;
	}

	.page-top div {
		max-width: 1200px;
		padding: 60px 20px 0px;
		margin: 0px auto;
	}
	.page-wrapper {
		padding: 70px 16px 70px 16px;
	}

	.page-top h1 {
		font-size: 26px;
	}

	.page-top p {
		font-size: 16px;
	}
}

.page-wrapper.pb-0 {
	padding: 90px 16px 0px 16px;
}

@media screen and (max-width: 768px) {
	.page-wrapper.pb-0 {
		padding: 70px 16px 0px 16px;
	}
}

/***波***/
.page-wrapper {
	background-image: url("../img/common/wave-blue.svg");
}

.page-wrapper.green {
	background-image: url("../img/common/wave-green.svg");
}

.page-wrapper.yellow {
	background-image: url("../img/common/wave-yellow.svg");
}

.page-wrapper.pink {
	background-image: url("../img/common/wave-pink.svg");
}

.page-about {
	margin: 50px 0;
}

.page-about p {
	text-align: center;
}