@charset "UTF-8";

/* ==========================================================================
   Secondary CSS: Extracted Inline Styles
   ========================================================================== */

/* Hero Component Overrides */
.l-hero__content-wrap {
	width: fit-content !important;
}

/* About Section */
.p-about__grand-img {
	max-width: 780px;
	margin: 0 auto 2rem;
}

.p-about__text--narrow {
	max-width: 670px;
	margin: 0 auto;
	text-align: left;
}

.p-about__caldera-step-placeholder {
	height: 180px;
}

.p-about__activities-placeholder {
	height: 400px;
}

/* Blessings Section */
.p-blessings__photo-placeholder {
	height: 300px;
}

.p-blessings__placeholder-sm {
	max-width: 600px;
	height: 300px;
	margin: 0 auto;
}

.p-blessings__placeholder-md {
	max-width: 800px;
	height: 400px;
	margin: 0 auto;
}

.p-blessings__placeholder-lg {
	max-width: 1000px;
	height: 500px;
	margin: 0 auto;
}

.p-blessings__placeholder-alt {
	max-width: 800px;
	height: 350px;
	margin: 0 auto;
}

.p-blessings__circle-placeholder {
	height: 100%;
}

.p-blessings__text--small {
	font-size: 1.4rem;
	padding-top: 20px;
}

.p-blessings__disaster-placeholder {
	height: 250px;
}

/* Crisis Section */
.c-sec-title__en--muted {
	color: #666666 !important;
}

.p-crisis__lifestyle-placeholder {
	width: 100%;
	height: 350px;
}

.p-crisis__decrease-placeholder {
	width: 100%;
	height: 300px;
}

/* Utilization Section */
.c-sec-title__ja--large {
	font-size: 3.2rem;
}

.p-utilization__placeholder {
	width: 300px;
	height: 300px;
}

/* What We Can Do Section */
.p-whatwecando__hero-placeholder {
	width: 100%;
	height: 400px;
}

.p-whatwecando__placeholder-lg {
	max-width: 800px;
	height: 500px;
	margin: 0 auto;
}

/* Park / Link Section */
.c-button-wrap--mt60 {
	margin-top: 60px;
}

.p-park__link-text {
	text-align: center;
	margin-bottom: 20px;
}

.p-link__banner-placeholder {
	width: 300px;
	height: 80px;
}