@charset "utf-8";

.h1 {
	font-size: 3.2rem;
	font-weight: 700;
}
.h2.address {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1em 0;
}
.h2.address::before {
	content: '';
	display: inline-block;
    background-image: url(../images/icon-home.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
.h2.address span {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin-left: 0.5em;
}

.h2.park {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1em 0;
}
.h2.park::before {
	content: '';
	display: inline-block;
    background-image: url(../images/icon-park.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 63px;
	height: 50px;
}
.h2.park span {
	font-weight: 500;
	text-align: left;
	margin-left: 0.5em;
}

.katsudo-info {
	display: inline-block;
	background: #EDEB67;
	padding: 2em 2em;
	border-radius: 50% / 50%;
	font-weight: 700;
	line-height: 2em;
	position: relative;
}
.katsudo-info::before {
	content: '';
	display: inline-block;
    background-image: url(../images/illust03.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 178px;
	height: 175px;
	position: absolute;
	left: -80px;
	bottom: -5px;
}

.indent-green {
	text-indent: -1em;
	padding-left: 1em;
}

.indent-green::first-letter {
	color: var(--color-green);
}

.main2nd > .row {
	margin-top: 100px !important;
}


h3.title {
	display: inline-block;
	padding: 0.2em 0.5em 0.3em;
	margin: 0.5em 0;
	border-radius: 15px;
	font-size: 2.1rem;
	color: #fff;
	background: var(--color-brown);
}

.bg01 {
    background-image: url(../images/bg01.png), url(../images/bg02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right center;
	background-size: 244px, 144px;
}

.bg02 {
    background-image: url(../images/bg03.png), url(../images/bg04.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right center;
	background-size: 167px, 171px;
}

.bg03 {
    background-image: url(../images/bg05.png), url(../images/bg06.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
	background-size: 181px, 175px;
}

@media (max-width: 992px) {
	.bg01, .bg02, .bg03 {
	    background-image: none;
	}
}

@media (max-width: 576px) {
	.katsudo-info {
		display: block;
		padding: 2em 0;
	}
	.katsudo-info::before {
	    background-image: none;
	}
	.main2nd > .row {
		margin-top: 40px !important;
	}
	footer {
		background-image: url(../../images/bg-footer-sp2nd.png);
	}
}