:root {
	--color-blue: #006937;
}

.ButtonNewTab {
	justify-content: center;
	border: none;
	color: #006937;
	background-color: #faff7b;
	background-image: url("../../../image/page/keyword_carbon/icon_link_right_hd.svg");
}

.SectionTitleGreen {
	text-align: center;
	color: #fff;
	background: linear-gradient(45deg, #3ea372 0%, #8ac179 45.32%, #c4dd92 75.37%, #e8f8d4 100%);
	padding: 30px 0;
	font-weight: bold;
	font-size: 200%;
	letter-spacing: 0.06em;
	margin-bottom: 0;
}

.BgLightYellow {
	background-color: #f7f5ef;
}

.PageContents > .Section > .Section:not(.PageSolutionIntroduction) > .GridSet {
	padding-top: 60px;
	padding-bottom: 70px;
}

.PageContents > .Section > .Section:not(.PageSolutionIntroduction) .TextStyle1 {
	letter-spacing: 0.06em;
	line-height: 2.14;
}

.SectionZeroCarbonHokkaido .FlexColumnSet img {
	display: block;
	width: 100%;
}

.SectionZeroCarbonHokkaido .TextDescription {
	color: #006937;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 2;
	letter-spacing: 0.06em;
}

.SectionZeroCarbonHokkaido .ButtonNewTab {
	width: 258px;
	margin: 0 auto;
}

.SectionHokkaidoHitachiSystemsSupportArrow {
	display: block;
	margin-bottom: 28px;
}

.SectionQuestionCarbonNeutral {
	color: #006937;
	margin-bottom: 26px;
}

.SectionQuestionCarbonNeutralTitle {
	font-size: 140%;
	font-weight: bold;
}

.SectionQuestionCarbonNeutralTitle span {
	color: #ec395f;
	margin-bottom: 16px;
}

.SectionQuestionCarbonNeutralText {
	margin-bottom: 20px;
	font-weight: 500;
}

.SectionQuestionCarbonNeutralAfter {
	font-size: 130%;
	letter-spacing: 0.02em;
	margin-bottom: 0;
	font-weight: bold;
}

.SectionQuestionCarbonNeutralAfter span {
	background: linear-gradient(transparent 70%, #FAFF7B 70%);
}

.SectionPowerConsumption {
	border: 2px solid #EFEFEF;
	background-color: #fff;
}

.SectionPowerConsumptionTitle {
	margin-bottom: 26px;
	font-size: 140%;
	letter-spacing: 0.06em;
	margin-bottom: 26px;
}

.SectionPowerConsumptionFlow {

}

.SectionPowerConsumptionPoint {
	display: block;
	margin-bottom: 20px;
}

.SectionAntherStart {
	padding: 30px;
	text-align: center;
	background-color: #fff7f7;
	margin-bottom: 50px;
}

.SectionAntherStartTitle {
	color: #ec395f;
	font-size: 160%;
}

.SectionAntherStartText {
	margin-bottom: 0;
}

.SectionCarbonNeutralSolution picture,
.SectionCarbonNeutralSolution picture img,
.SectionCarbonNeutralSolution a {
	display: block;
	width: 100%;
}

.BannerCarbonNeutralSolutionDownload {
	position: relative;
}

.BannerCarbonNeutralSolutionDownload a {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 180px;
	height: 180px;
	border-radius: 90px;
	background-color: #fff;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.04));
	color: #006937;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.06em;
}

.BannerCarbonNeutralSolutionDownload a::before {
	content: "";
	display: block;
	width: 36px;
	height: 44px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url("../../../image/page/keyword_carbon/icon_document.svg");
	margin-bottom: 8px;
	transition: all 0.3s ease-in-out;
}

.BannerCarbonNeutralSolutionDownload a::after {
	content: "";
	display: block;
	width: 24px;
	height: 19px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.09%22%20height%3D%2221.41%22%20viewBox%3D%220%200%2026.09%2021.41%22%3E%20%3Cpath%20d%3D%22m15.4%201.41%209.28%209.3-9.29%209.28%22%20fill%3D%22none%22%20stroke%3D%22%23006937%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M1%2010.84h22.38%22%20fill%3D%22none%22%20stroke%3D%22%23006937%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all 0.3s ease-in-out;
}

.BannerCarbonNeutralSolutionDownload a span {
	margin-bottom: 8px;
}

.SectionGlossary .FlexColumnSet:not(:last-child) {
	margin-bottom: 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid #C9C9C9;
}

.SectionGlossaryImage {
	display: block;
	width: 100%;
}

.SectionGlossaryTitle {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #006937;
	margin-bottom: 26px;
}

.SectionGlossaryText {
	line-height: 1.75;
	letter-spacing: 0.06em;
	margin-bottom: 10px;
}

.PageContents > .Section > .SectionCarbonNeutralPolicy > .GridSet {
	padding-bottom: 0;
}

.SectionCarbonNeutralPolicyImage {
	display: block;
	width: 100%;
}

.SectionCarbonNeutralPolicyTitle {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #006937;
	margin-bottom: 26px;
}

.SectionCarbonNeutralPolicyText {
	line-height: 1.75;
	letter-spacing: 0.06em;
	margin-bottom: 42px;
}

.SectionCarbonNeutralPolicy .ButtonNewTab + .ButtonNewTab {
	margin-top: 20px;
}

.SectionGlossaryCalc {
	display: inline-flex;
	padding: 15px 30px;
	background-color: #feffed;
	color: #006937;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0.06em;
}

.SectionGlossaryCalc span {
	color: #ec395f;
}

@media screen and (min-width: 768px) {
	.SectionZeroCarbonHokkaido .TextIntroduction {
		margin-bottom: 50px;
		text-align: center;
	}

	.SectionZeroCarbonHokkaido .FlexColumnSet {
		--flex-column-gutter-x: 46px;
		margin-bottom: 50px;
	}

	.SectionPowerConsumption {
		padding: 40px 100px;
	}

	.SectionPowerConsumptionFlow {
		margin-bottom: 32px;
	}

	.SectionPowerConsumptionFlow img {
		width: 100%;
	}

	.SectionQuestionCarbonNeutral .FlexColumnSet {
		--flex-column-gutter-x: 46px;
	}

	.SectionGlossary .FlexColumnSet {
		--flex-column-gutter-x: 55px;
	}

	.SectionCarbonNeutralPolicy .FlexColumnSet {
		--flex-column-gutter-x: 55px;
	}

	.BannerCarbonNeutralSolutionDownload a:hover {
		background-color: #faff7b;
	}

	.BannerCarbonNeutralSolutionDownload a:hover::before {
		background-image: url("../../../image/page/keyword_carbon/icon_document_hover.svg");
	}

	.BannerCarbonNeutralSolutionDownload a:hover::after {
		transform: translateX(10px);
	}
}

@media screen and (max-width: 767px) {
	.JS #main-area .PageContents > .Section > .Section:not(.PageSolutionIntroduction) > .GridSet {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.JS .SectionTitleGreen {
		margin-left: 0;
		margin-right: 0;
	}

	.SectionTitleGreen {
		font-size: 140%;
	}

	.SectionZeroCarbonHokkaido .TextIntroduction {

	}

	.SectionZeroCarbonHokkaido .FlexColumnSet {
		flex-direction: column-reverse;
		margin-bottom: 20px;
	}

	.SectionHokkaidoHitachiSystemsSupportArrow {
		width: 78px;
	}

	.SectionAntherStartTitle {
		font-size: 120%;
		line-height: 1.75;
	}

	.SectionPowerConsumption {
		padding: 26px 20px;
	}

	.SectionPowerConsumptionTitle {
		font-size: 90%;
	}

	.SectionPowerConsumptionFlow {
		margin-bottom: 35px;
		overflow-x: scroll;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.SectionPowerConsumptionPoint {
		max-width: 100%;
	}

	.SectionQuestionCarbonNeutral .FlexColumnSet {
		--flex-column-gutter-x: 0;
	}

	.SectionGlossary .FlexColumnSet {
		--flex-column-gutter-x: 0;
	}

	.SectionCarbonNeutralPolicy .FlexColumnSet {
		--flex-column-gutter-x: 0;
	}

	.BannerCarbonNeutralSolutionDownload a {
		left: 20px;
		bottom: 20px;
		right: auto;
		width: 145px;
		height: 145px;
		border-radius: 72.5px;
		font-size: 80%;
		line-height: 1.5;
	}

	.BannerCarbonNeutralSolutionDownload a::before {
		width: 29px;
		height: 35px;
		margin-bottom: 6px;
	}

	.BannerCarbonNeutralSolutionDownload a::after {

	}

	.BannerCarbonNeutralSolutionDownload a span {
		margin-bottom: 3px;
	}
}