/* common */
.c-headingLv2.case_heading{position: relative; padding-left: 4.7em;}
.c-headingLv2.case_heading > span{position: absolute;left: 0;top: 0;}
hr{border-color: #666;}

@media screen and (max-width:980px){
  .c-headingLv2.case_heading{padding-left: 4.25em;font-feature-settings: "palt";}
  .c-featureArea__box .c-featureArea__lead.u-fz--32{font-size: 28px;}
  .c-catchText{font-size: 24px;}
}

/* page unique compornent */
.uc-heading_category{font-size: 14px;font-weight: 700;letter-spacing: 0.025em;color: #28733c;}
.uc-heading_category + .c-headingLv2{margin-top: 0;}

.uc-case_category_tag_list{display: flex; justify-content: flex-start;margin: 40px auto;}
.uc-case_category_tag_list > li{font-size: clamp(16px,1vw,18px); font-weight: 700; text-align: center; line-height: 1; max-width: 100px; width: 33.3%; padding: 7px 4px 9px; margin-right: 4px; border-width: 1px; border-style:solid; background-color: #fff;}
.uc-case_category_tag_list > li.category01{border-color: #004878; color: #004878;}
.uc-case_category_tag_list > li.category02{border-color: #28733c; color: #28733c;}
.uc-case_category_tag_list > li.category03{border-color: #9e5323; color: #9e5323;}
.uc-case_category_tag_list > li.category04{border-color: #442769; color: #442769;}
.uc-case_category_tag_list > li.category05{border-color: #dc6f06; color: #dc6f06;}

.uc-assignment dl,
.uc-howto dl{display: flex;justify-content: space-between;}
.uc-assignment dl dt,
.uc-howto dl dt{font-size: clamp(18px,1.2vw,24px);color: #fff;line-height: 1;font-weight: 700;letter-spacing: .04em;text-align: center;width: 190px;display: flex;justify-content: center;align-items: center;padding: 0 0 0.25em;}
.uc-assignment dl dd,
.uc-howto dl dd{width: calc(100% - 190px);background-color: #f5f5f5;font-size: clamp(14px,1vw,16px);color: #000; font-weight: 700; letter-spacing: .02em;padding: 35px 40px;}
/* header icon */
.uc-assignment dl dt{background:url(/fa/solutions/competencies/carbon-neutral/case/assets/img/img_assignment.png) left bottom no-repeat #616161;}
.uc-howto dl dt{background:url(/fa/solutions/competencies/carbon-neutral/case/assets/img/img_howto.png) left bottom no-repeat #004878;}
.uc-howto.effect dl dt{background:url(/fa/solutions/competencies/carbon-neutral/case/assets/img/img_effect.png) left bottom no-repeat,linear-gradient(52deg, rgba(33,90,143,1) 0%, rgba(48,153,221,1) 100%);}
/* dd list */
.uc-howto dl dd > ul > li{text-indent: -1.4em;padding-left: 1.4em;margin-top: 0.75em;}
.uc-howto dl dd > ul > li:first-of-type{margin-top: 0;}
.uc-howto dl dd > ul > li::before{content: ''; display: inline-block;width: 14px;height: 14px;background-color: #000;margin-right: 0.5em;}
/* howto arrow */
.uc-howto.arrow{position: relative;padding-top: 107px;}
.uc-howto.arrow::before{content: ''; display: block; position: absolute; left:0;right: 0;top: 30px; margin: auto; width: 0;height: 0;border-style: solid;border-width: 47px 63.5px 0 63.5px;border-color: #004878 transparent transparent transparent;}
/* leadtext_image */
.leadtext_image{font-size: 1.312rem; text-align: center; font-weight: 700; letter-spacing: .02em; color: #333; max-width: 930px; margin: 25px auto;}


/*/ Added in Dec 2024 /*/
.uc-mdhead{width: fit-content; margin: 50px auto 0; padding: 6px 58px; border-radius: 5vh; font-size: 22px; font-weight: bold; color: #FFF; text-align: center; display: block;}
.uc-mdhead--blue{background-color: #004878;}
.uc-mdhead--orange{background-color: #EF8B00;}
.uc-mdhead--green {background-color: #28733C;}
.uc-mdhead br{display: none;}
.uc-centertxt{margin: 20px 0 0; font-size: 16px; text-align: center;}
.uc-centertxtbold{margin: 20px 0 0; font-size: 24px; font-weight: bold; text-align: center;}
.uc-captiontxt{margin: 10px 0 0; font-size: 14px; text-align: left;}
.uc-imgbox{width: 100%; max-width: 800px;}
.uc-imgbox--30{margin: 30px auto 0;}
.uc-imgbox--10{margin: 10px auto 0;}
.uc-imgbox_img{width: 100%; display: block;}
.uc-imgbox_head{margin: 0 0 10px; font-size: 18px; font-weight: bold; text-align: left;}
.uc-imgbox_text{margin: 20px 0 0; font-size: 16px; text-align: left;}
.uc-imgbox_caption{margin: 10px 0 0; font-size: 14px; text-align: left;}
.uc-imgbox_caplist{margin: 10px 0 0; padding: 0 0 0 2em;}
.uc-imgbox_caplist-item{font-size: 14px; text-align: left;}
.uc-imgbox_caplist-item:nth-child(1){list-style: outside "※1 ";}
.uc-imgbox_caplist-item:nth-child(2){list-style: outside "※2 ";}
.uc-imgbox_redbox{width: fit-content; margin: 20px auto; padding: 15px 50px; border: 3px solid #FF0000; border-radius: 10px; color: #FF0000; font-size: 28px; font-weight: bold; text-align: center; display: block;}
.uc-imgbox_redbox br{display: none;}
.uc-lgtxt{margin: 50px 0 0; color: #004878; font-size: 32px; font-weight: bold; text-align: center;}
.uc-lgtxt_inner{padding-left: 2px; padding-bottom: 3px; background: linear-gradient(transparent 70%, #FFD700 0%);}
.uc-lgtxt_span{display: inline-block;}
.uc-flexbox{width: 100%; max-width: 800px; margin: 20px auto 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px 40px; flex-direction: row-reverse;}
.uc-flexbox_img{max-width: 400px; width: 100%; display: block;}
.uc-flexbox_inner{width: calc(50% - 40px);}
.uc-flexbox_inner-head{margin: 0 auto 20px; padding: 6px 40px; background-color: #2AA87E; border-radius: 42px; color: #FFF; font-size: 22px; font-weight: bold; text-align: center;}
.uc-flexbox_inner-txt{margin: 0; font-size: 16px; text-align: left;}
.uc-spimg{width: 100%; max-width: 800px; margin: 10px auto 0; display: none;}
.uc-spimg_img{width: 100%; display: block;}
.uc-arrowsvg{margin: 10px auto 0}
.uc-arrowsvg_img{width: 70px; margin: 0 auto; display: block;}
.uc-bluecont{max-width: 930px; margin: 40px auto 0; border: 4px solid #004878;}
.uc-bluecont_header{margin: 0; padding: 10px 20px; background-color: #004878; color: #FFF; font-size: 24px; font-weight: bold; text-align: center;}
.uc-bluecont_img{width: 100%; max-width: 800px; margin: 15px auto; display: block;}
.uc-point{margin: 40px auto 0;}
.uc-point_img{width: 120px; margin: 0 auto; display: block;}
.uc-point_text{margin: 10px auto 0; font-size: 24px; font-weight: bold; text-align: center;}
.uc-imgbox930{max-width: 930px; margin: 50px auto 0;}
.uc-imgbox930_img{width: 100%; display: block;}
.uc-imgbox930_img--sp{display: none;}
.uc-imgbox930_img--mt{margin: 30px auto 0;}
.uc-imgbox930_caption{margin: 10px 0 0; font-size: 14px; text-align: left;}
@media screen and (max-width:767px) {
	.uc-flexbox_inner{width: 100%;}
	.uc-flexbox_inner-head{width: fit-content;}
}
@media screen and (max-width:600px) {
	.uc-pcbr {display: none;}
	.uc-mdhead{padding: 6px 48px;}
	.uc-mdhead br{display: block;}
	.uc-centertxt{text-align: left;}
	.uc-imgbox--30{margin: 20px auto 0;}
	.uc-imgbox_redbox{padding: 15px 42px;}
	.uc-imgbox_redbox br{display: block;}
	.uc-lgtxt{font-size: 24px;}
	.uc-lgtxt--sm {font-size: 22px;}
	.uc-lgtxt_br{display: none;}
	.uc-flexbox_inner-txt br{display: none;}
	.uc-spimg{display: block;}
	.uc-bluecont_img{width: calc(100% - 20px * 2); margin: 20px;}
	.uc-point_text{text-align: left;}
	.uc-point_text br{display: none;}
	.uc-imgbox930_img--pc{display: none;}
	.uc-imgbox930_img--sp{display: block;}
}
/*/// End of 'Added in Dec 2024' ///*/


/* page unique compornent - sp */
@media screen and (max-width:980px){
	.uc-case_category_tag_list{margin: 22px auto;}

	.uc-howto.arrow{padding-top: 80px;}
	.uc-howto.arrow::before{border-width: 24px 32px 0 32px;}
	.uc-assignment dl dt,
	.uc-howto dl dt{width: 71px;}
	.uc-assignment dl dd,
	.uc-howto dl dd{width: calc(100% - 71px);padding: 20px;}
	.uc-assignment dl dt{background-size: 38px 44px;}
	.uc-howto dl dt{background-size: 38px 55px;}

	.uc-howto dl dd > ul > li::before{width: 12px;height: 12px;transform: translateY(1px);}
}