@charset "utf-8";

/* ======================================================
 * /corporate/sustainability/carbon/index.css
 * ------------------------------------------------------
 * Base
 * - Reset
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * @media print, screen and (min-width: 768px)
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Override
 * - General Purpose
 * - Layout
 * - Diversion Parts
 * - Parts
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * Base
====================================================== */
/* ------------------------------------------------------
* Reset
------------------------------------------------------ */

/* ------------------------------------------------------
 * Override
------------------------------------------------------ */
.RENEWAL-SUSTAINABILITY-CONTAINER .Main_content {
	color: #000;
}
/* ------------------------------------------------------
 * Layout
------------------------------------------------------ */
.cmn-visually-hidden {
	clip: rect(0,0,0,0)!important;
	position: absolute!important;
	width: 1px!important;
	height: 1px!important;
	margin: -1px!important;
	padding: 0!important;
	overflow: hidden!important;
	border: 0!important;
	white-space: nowrap!important
}
/* 既存踏襲 */
.lead-text {
	color: #222;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	.RENEWAL-SUSTAINABILITY-CONTAINER .Main_content{
		padding-top: 70px;
	}
	.RENEWAL-SUSTAINABILITY-CONTAINER .Main_content>section:first-child>*:first-child{
		margin-top: 0;
	}

	/* ------------------------------------------------------
	 * General Purpose
	------------------------------------------------------ */
.util-pc-hidden { display: none!important; }

/* 既存踏襲 */
.lead-text {margin: 43px 0 0; font-size: 26px;}
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
.sustainability-carbon-hero {
	position: relative;
	color: #000;
}
.sustainability-carbon-hero__inner {
	position: absolute;
	width: 1200px;
	margin: 0 auto;
	height: 583px;
	top: 0;
	left: calc(50% - 600px);
}
.sustainability-carbon-hero__image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.sustainability-carbon-hero__image::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 140px;
	display: block;
	background: url('/extlib/corporate/sustainability/carbon/img/index_ex01.png') no-repeat center bottom/auto 100%;
	content: '';
}
.sustainability-carbon-hero__body {
	position: absolute;
	top: 0;
	right: 0;
	width: 742px;
	margin-left: auto;
	padding-top: 72px;
}
.sustainability-carbon-hero__image > img {
}
.sustainability-carbon-hero__title {
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #fff;
}
/* .sustainability-carbon-hero-box */
.sustainability-carbon-hero-box {
	display: flex;
	flex-direction: row-reverse;
	gap: 0 50px;
	margin-top: 53px;
	border-radius: 8px;
	padding: 16px 34px 16px 38px;
	background: #fff;
}
.sustainability-carbon-hero-box__body {
	padding: 10px 0 0;
}
.sustainability-carbon-hero-box__title {
	margin: 0;
	font-weight: bold;
	font-size: 20px;
}
.sustainability-carbon-hero-box__text {
	margin: 10px 0 -5px;
	font-size: 15px;
}
.sustainability-carbon-hero-box__emphasis {
	font-weight: bold;
}
.sustainability-carbon-hero-box__image{
	width: 150px;
}
.sustainability-carbon-hero-box__image > img{
	width: 100%;
}
/* .sustainability-carbon-hero-card */
.sustainability-carbon-hero-card-wrap{
	display: flex;
	gap: 0 20px;
	margin-top: 30px;
}
.sustainability-carbon-hero-card-wrap > *{
	width: calc((100% - (20px * 2))/3);
}
.sustainability-carbon-hero-card{
	display: flex;
}
.sustainability-carbon-hero-card__type{
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #dbdcde;
	background: #fff;
	transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
}
.sustainability-carbon-hero-card.is-current .sustainability-carbon-hero-card__type{
	pointer-events: none;
	border: 2px solid #0e0d6a;
	background: #0e0d6a;
	color: #fff;
}
.sustainability-carbon-hero-card__image{
	overflow: hidden;
}
.sustainability-carbon-hero-card__image img{
	transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
}
.sustainability-carbon-hero-card__type:hover .sustainability-carbon-hero-card__image img{
	transform: scale(1.2);
}
.sustainability-carbon-hero-card__body{
	padding: 14px 16px;
}
.sustainability-carbon-hero-card__title{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
}

/* sustainability-carbon-heading01 */
.sustainability-carbon-heading01{
	margin: 43px 0 0;
}
.sustainability-carbon-heading01__inner{
	position: relative;
	padding-top: 58px;
	background: url('/extlib/corporate/sustainability/carbon/img/index_ex03.png') repeat-x 0 15px/auto 5px;
}
.sustainability-carbon-heading01__inner::after{
	position: absolute;
	top: 0;
	left: calc(50% - ((48px + 5px * 2)/2));
	width: 48px;
	height: 36px;
	padding: 0 5px;
	background: #fff url('/extlib/corporate/sustainability/carbon/img/index_ex02.png') no-repeat 50% 0/48px auto;
	content: '';
}
.sustainability-carbon-heading01__title{
	text-align: center;
	font-size: 30px;
}

/* .sustainability-carbon-card */
.sustainability-carbon-card-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 32px 36px;
	margin-top: 26px;
}
.sustainability-carbon-card-wrap > *{
	width: calc((100% - (36px * 2))/3);
}
.sustainability-carbon-card {
}
.sustainability-carbon-card__body {
	margin-top: 18px;
}
.sustainability-carbon-card__text {
	margin-top: 14px;
	font-size: 15px;
}
.sustainability-carbon-card__title {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
}
.sustainability-carbon-card__text {
	margin-top: 14px;
	font-size: 15px;
}
.sustainability-carbon-card__link {
	margin-top: 18px;
	font-size: 15px;
}
.sustainability-carbon-card__link [class*="__type"] {
	display: inline-block;
	position: relative;
	color: #0066aa;
	transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
}
.sustainability-carbon-card__link [class*="sustainability-carbon-card__link__type"]:not(.sustainability-carbon-card__link__type--nolink):hover {
	color: #1eace5;
	text-decoration: underline;
}
.sustainability-carbon-card__link .sustainability-carbon-card__link__type::after {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 20px;
	height: 15px;
	margin-left: 9px;
	background: url(/extlib/corporate/sustainability/img/cmn_ic01_01.gif) no-repeat center / contain;
	content: "";
}
.sustainability-carbon-card__link .sustainability-carbon-card__link__type--blank::after {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 13px;
	height: 11px;
	margin-left: 9px;
	background: url(/extlib/corporate/sustainability/img/cmn_ic02_01.gif) no-repeat center / contain;
	content: "";
}
.sustainability-carbon-card__link .sustainability-carbon-card__link__type--pdf::after {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 9px;
	background: url(/extlib/corporate/sustainability/img/cmn_ic03.gif) no-repeat center / contain;
	content: "";
}

/* .sustainability-carbon-box */
.sustainability-carbon-box{
	margin-top: 40px;
	border: 1px solid #d7dbde;
	background-color: #fff;
}
.sustainability-carbon-box__head{
	padding: 24px 27px 0;
}
.sustainability-carbon-box__body{
	padding: 24px 27px;
}
.sustainability-carbon-box__title{
	font-size: 20px;
	font-weight: bold;
}
:root .sustainability-carbon-box-logo-list{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 36px;
}


}


@media screen and (min-width: 768px) and (max-width: 1260px) {

}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	.RENEWAL-SUSTAINABILITY-CONTAINER .Main_content{
		padding-top: 45px;
	}
	.RENEWAL-SUSTAINABILITY-CONTAINER .Main_content>section:first-child>*:first-child{
		margin-top: 0;
	}
	/* ------------------------------------------------------
	 * General Purpose
	------------------------------------------------------ */
	.util-sp-hidden { display: none!important; }

	/* ------------------------------------------------------
	 * Layout
	------------------------------------------------------ */

	/* 既存踏襲 */
	.lead-text {margin: 40px 0 0; font-size: 20px;}
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */


	.sustainability-carbon-hero {
		position: relative;
		color: #000;
	}
	.sustainability-carbon-hero__inner {

	}
	.sustainability-carbon-hero__image{
		position: relative;
		width: 100%;
	}
	.sustainability-carbon-hero__image img{
		width: 100%;
	}
	.sustainability-carbon-hero__image::after {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100vw;
		height: calc((70/750)*100vw);
		display: block;
		background: url('/extlib/corporate/sustainability/carbon/img/index_ex01_sp.png') no-repeat center bottom/auto 100%;
		content: '';
	}
	.sustainability-carbon-hero__body {
		padding: 0 20px;
	}
	.sustainability-carbon-hero__heading {
		position: absolute;
		top: 0;
		right: 0;
		width: calc((346/750)*100vw);
		height: calc((226/750)*100vw);
		padding-right: 20px;
		display: flex;
		align-items: center;
	}
	.sustainability-carbon-hero__title {
		text-align: center;
		font-weight: bold;
		font-size: 26px;
		font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		color: #fff;
	}
	/* .sustainability-carbon-hero-box */
	.sustainability-carbon-hero-box {
		display: flex;
		flex-direction: row-reverse;
		align-items: center	;
		gap: 0 18px;
		margin-top: 18px;
	}
	.sustainability-carbon-hero-box__head {
		margin-top: 3px;
	}
	.sustainability-carbon-hero-box__body {
	}
	.sustainability-carbon-hero-box__title {
		margin: 0;
		font-weight: bold;
		font-size: 15px;
		line-height: 1.4;
	}
	.sustainability-carbon-hero-box__text {
		margin: 7px 0 0;
		font-size: 14px;
	}
	.sustainability-carbon-hero-box__emphasis {
		font-weight: bold;
	}
	.sustainability-carbon-hero-box__image{
		width: 105px;
	}
	.sustainability-carbon-hero-box__image > img{
		width: 100%;
	}
	/* .sustainability-carbon-hero-card */
	.sustainability-carbon-hero-card-wrap{
		display: flex;
		gap: 0 10px;
		margin-top: 12px;
	}
	.sustainability-carbon-hero-card-wrap > *{
		width: calc((100% - (10px * 2))/3);
	}
	.sustainability-carbon-hero-card{
		display: flex;
	}
	.sustainability-carbon-hero-card__type{
		display: flex;
		flex-direction: column;
		overflow: hidden;
		border-radius: 4px;
		border: 1px solid #dbdcde;
		background: #fff;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.sustainability-carbon-hero-card.is-current .sustainability-carbon-hero-card__type{
		pointer-events: none;
		border: 2px solid #0e0d6a;
		background: #0e0d6a;
		color: #fff;
	}
	.sustainability-carbon-hero-card__image{
		overflow: hidden;
		width: 100%;
	}
	.sustainability-carbon-hero-card__image img{
		width: 100%;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.sustainability-carbon-hero-card__body{
		padding: 8px 10px;
	}
	.sustainability-carbon-hero-card__title{
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		line-height: 1.4;
	}

	/* sustainability-carbon-heading01 */
	.sustainability-carbon-heading01{
		margin: 43px 0 0;
	}
	.sustainability-carbon-heading01__inner{
		position: relative;
		padding-top: 25px;
		background: url('/extlib/corporate/sustainability/carbon/img/index_ex03.png') repeat-x 0 7.5px/auto 2.5px;
	}
	.sustainability-carbon-heading01__inner::after{
		position: absolute;
		top: 0;
		left: calc(50% - ((24px + 3px * 2)/2));
		width: 24px;
		height: 18px;
		padding: 0 3px;
		background: #fff url('/extlib/corporate/sustainability/carbon/img/index_ex02.png') no-repeat 50% 0/24px auto;
		content: '';
	}
	.sustainability-carbon-heading01__title{
		text-align: center;
		font-size: 23px;
		line-height: 1.4;
	}

	/* .sustainability-carbon-card */
	.sustainability-carbon-card-wrap{
		display: flex;
		flex-direction: column;
		gap: 26px 0;
		margin-top: 22px;
	}
	.sustainability-carbon-card-wrap > *{
		width: 100%;
	}
	.sustainability-carbon-card {
	}
	.sustainability-carbon-card__body {
		margin-top: 10px;
	}
	.sustainability-carbon-card__text {
		margin-top: 14px;
		font-size: 15px;
	}
	.sustainability-carbon-card__title {
		font-weight: bold;
		font-size: 14px;
		line-height: 1.4;
	}
	.sustainability-carbon-card__text {
		margin-top: 10px;
		font-size: 14px;
	}
	.sustainability-carbon-card__link {
		margin-top: 9px;
		font-size: 14px;
	}
	.sustainability-carbon-card__link [class*="__type"] {
		display: inline-block;
		position: relative;
		color: #0066aa;
		transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
	}
	.sustainability-carbon-card__link .sustainability-carbon-card__link__type::after {
		position: relative;
		top: 1px;
		display: inline-block;
		width: 15px;
		height: 11px;
		margin-left: 9px;
		background: url(/extlib/corporate/sustainability/img/cmn_ic01_01.gif) no-repeat center / contain;
		content: "";
	}
	.sustainability-carbon-card__link .sustainability-carbon-card__link__type--blank::after {
		position: relative;
		top: 1px;
		display: inline-block;
		width: 13px;
		height: 11px;
		margin-left: 9px;
		background: url(/extlib/corporate/sustainability/img/cmn_ic02_01.gif) no-repeat center / contain;
		content: "";
	}
	.sustainability-carbon-card__link .sustainability-carbon-card__link__type--pdf::after {
		position: relative;
		top: 0;
		display: inline-block;
		width: 9px;
		height: 9px;
		margin-left: 9px;
		background: url(/extlib/corporate/sustainability/img/cmn_ic03.gif) no-repeat center / contain;
		content: "";
	}

	/* .sustainability-carbon-box */
	.sustainability-carbon-box{
		margin-top: 17px;
		border: 1px solid #d7dbde;
		background-color: #fff;
	}
	.sustainability-carbon-box__head{
		padding: 15px 19px 0;
	}
	.sustainability-carbon-box__body{
		padding: 10px 19px 15px;
	}
	.sustainability-carbon-box__title{
		font-size: 15px;
		font-weight: bold;
	}
	:root .sustainability-carbon-box-logo-list{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 15px;
	}
	:root .sustainability-carbon-box-logo-list > li{
		width: calc((100% - 15px)/2);
		text-align: center;
	}
	:root .sustainability-carbon-box-logo-list > li img{
		max-height: 70px;
	}

}

/* ======================================================
 * Print
====================================================== */
@media print {
}