@charset "utf-8";

#main {
	margin: 0 auto 110px;
}

section * {
	font-family: ShinGoPro-Light, sans-serif !important;
}

#main img {
	width: 100%;
	height: auto;
}

section {
	background-color: #fff;
	margin-top: 0 !important;
}

section h1, section h2 {
	font-size: calc(36 / 14 * 1em);
	letter-spacing: 0.03em;
}

section p {
	font-size: calc(18 / 14 * 1em);
	letter-spacing: 0.03em;
}

.renewable-energy-lead, .renewable-energy-goal {
	background-color: #eaf5f7;
}

.renewable-energy-lead .wrap {
	max-width: 822px;
	padding: calc(18 / 1170 * 100%) 0 calc(74 / 1170 * 100%);
}

.renewable-energy-about .wrap {
	padding: calc(76 / 1170 * 100%) 0 calc(86 / 1170 * 100%);
}

.renewable-energy-goal .wrap {
	padding: calc(76 / 1170 * 100%) 0 calc(74 / 1170 * 100%);
}

.renewable-energy-zesp3 .wrap {
	padding: calc(80 / 1170 * 100%) 0 calc(76 / 1170 * 100%);
}

.renewable-energy-lead-text {
	margin-top: calc(24 / 1170 * 100%);
}

.renewable-energy-lead-text p {
	line-height: 1.9;
	margin: 0;
}

.renewable-energy-lead-text p sup,
.renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text p sup {
	top: -6px;
	font-size: calc(9 / 14 * 1em);
}

.renewable-energy-flex-box {
	display: flex;
	justify-content: center;
}

.renewable-energy-flex-box .renewable-energy-detail {
	width: 448px;
}

.renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text {
	margin-top: calc(48 / 1170 * 100%);
}

.renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text p {
	line-height: 1.9;
}

.renewable-energy-flex-box figure {
	margin-top: calc(8 / 1170 * 100%);
}

.renewable-energy-flex-box figure img {
	max-width: 570px;
	width: 100%;
}

.renewable-energy-about figure, .renewable-energy-zesp3 figure {
	margin-left: calc(152 / 1170 * 100%);
}

.renewable-energy-goal figure {
	margin-right: calc(152 / 1170 * 100%);
}

.renewable-energy-goal .renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text {
	margin-top: calc(56 / 1170 * 100%);
}

.renewable-energy-goal h2, .renewable-energy-zesp3 h2 {
	line-height: 1.45;
}

.renewable-energy-zesp3 .renewable-energy-text p span {
	letter-spacing: 0;
}

.renewable-energy-zesp3-btn a {
	background-color: #B2B2B2;
	color: #fff;
	width: 180px;
	position: relative;
	font-size: calc(18 / 14 * 1em);
	letter-spacing: 0.03em;
	margin: 0 auto;
	display: block;
	padding: 16px 10px;
	transition: background-color 150ms ease-in-out;
	text-align: center;
}

.renewable-energy-zesp3-btn a span {
	font-family: ShinGoPro-Light, sans-serif !important;
}

.renewable-energy-annotation {
	margin-top: 0;
}

.renewable-energy-annotation p {
	font-family: ShinGoPro-Light, sans-serif !important;
	margin: calc(76 / 1170 * 100%) auto 0;
	font-size: calc(12 / 14 * 1em);
	letter-spacing: 0;
}

#FloatingNavi {
	display: none;
}

/* PC Only*/
@media screen and (min-width: 581px) {
	.renewable-energy-lead h1 {
		text-align: center;
	}

	.renewable-energy-goal .renewable-energy-flex-box {
		flex-direction: row-reverse;
	}

	.renewable-energy-zesp3-btn a:hover {
		background-color: #666;
	}
}

/* 中間調整 */
@media (max-width: 1240px) {
	.renewable-energy-lead-text p sup,
	.renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text p sup {
		top: calc(-6 / 1240 * 100vw);
	}

	.renewable-energy-zesp3-btn a {
		width: calc(180 / 1240 * 100vw);
		padding: calc(16 / 1240 * 100vw) calc(10 / 1240 * 100vw);
	}
}

/* SP Only*/
@media screen and (max-width: 580px) {
	#main {
		margin: 0 auto calc(110 / 750 * 100vw);
	}

	section h1, section h2 {
		font-size: calc(48 / 750 * 100vw) !important;
		font-weight: normal !important;
		text-align: left;
		line-height: calc(80 / 750 * 100vw);
	}

	section p {
		font-size: calc(28 / 750 * 100vw);
	}

	.renewable-energy-lead .wrap {
		padding: calc(86 / 750 * 100vw) calc(60 / 750 * 100vw) calc(98 / 750 * 100vw);
	}

	.renewable-energy-about .wrap {
		padding: calc(96 / 750 * 100vw) calc(60 / 750 * 100vw) calc(110 / 750 * 100vw);
	}

	.renewable-energy-goal .wrap {
		padding: calc(94 / 750 * 100vw) calc(60 / 750 * 100vw) calc(106 / 750 * 100vw);
	}

	.renewable-energy-zesp3 .wrap {
		padding: calc(96 / 750 * 100vw) calc(60 / 750 * 100vw) calc(60 / 750 * 100vw);
	}

	.renewable-energy-annotation .wrap {
		padding: 0 calc(60 / 750 * 100vw);
	}

	.renewable-energy-lead-text {
		margin-top: calc(38 / 750 * 100vw);
	}

	.renewable-energy-lead-text p {
		line-height: calc(52 / 750 * 100vw);
	}

	.renewable-energy-lead-text p sup,
	.renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text p sup {
		font-size: calc(14 / 750 * 100vw);
		top: calc(-10 / 750 * 100vw);
	}

	.renewable-energy-flex-box {
		flex-direction: column;
	}

	.renewable-energy-flex-box .renewable-energy-detail {
		width: 100%;
	}

	.renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text {
		margin-top: calc(42 / 750 * 100vw);
	}

	.renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text p {
		line-height: calc(52 / 750 * 100vw);
	}

	.renewable-energy-flex-box figure {
		margin: calc(30 / 750 * 100vw) auto 0;
	}

	.renewable-energy-goal .renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text {
		margin-top: calc(40 / 750 * 100vw);
	}

	.renewable-energy-goal h2, .renewable-energy-zesp3 h2 {
		line-height: calc(80 / 750 * 100vw);
	}

	.renewable-energy-zesp3 .renewable-energy-flex-box {
		position: relative;
	}

	.renewable-energy-zesp3 .renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text {
		margin-top: calc(46 / 750 * 100vw);
	}

	.renewable-energy-zesp3 .renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text p {
		letter-spacing: 0.02em;
	}

	.renewable-energy-zesp3 .renewable-energy-flex-box .renewable-energy-detail .renewable-energy-text p span {
		letter-spacing: -0.06em;
	}

	.renewable-energy-zesp3-btn a {
		width: calc(630 / 750 * 100vw);
		font-size: calc(30 / 750 * 100vw);
		padding: calc(21 / 750 * 100vw) 0 calc(21 / 750 * 100vw) calc(40 / 750 * 100vw);
	}

	.renewable-energy-zesp3-btn a::before {
		width: calc(14 / 750 * 100vw);
		height: calc(21 / 750 * 100vw);
		right: calc(40 / 750 * 100vw);
	}

	.renewable-energy-annotation p {
		font-size: calc(20 / 750 * 100vw);
		line-height: calc(32 / 750 * 100vw);
		letter-spacing: 0.03em;
		margin-top: calc(60 / 750 * 100vw);
	}
}

/* Animation */
[data-anim] {
	transition: opacity 1000ms ease-in-out;
	opacity: 0;
}

[data-anim='true'] {
	opacity: 1;
}