@charset "utf-8";

/*
=========================================================================================== */
.envApproach {
	position: relative;
}

.envApproach sup {
	font-size: 70%;
	vertical-align: 0;
}

/* 英語版スタイリング */
.u-langEn.envApproach sup {
	font-size: 70%;
	vertical-align: super;
}
/* 英語版スタイリングここまで */

.envApproach .u-spDb {
	display: none;
}

@media screen and (max-width: 767px) {
	.envApproach {
		background: #fff;
	}

	.envApproach .u-pcDb {
		display: none;
	}

	.envApproach .u-spDb {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.envApproach .u-pcDb {
		display: none;
	}

	.envApproach .u-spDb {
		display: block;
	}
}

.envApproach_picArea {
	position: relative;
}

@media screen and (max-width: 767px) {
	.envApproach_picArea {
		padding-top: 140px;
	}
}

.envApproach_pic::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	padding-top: 57%;
	background: url(../image/add/environmentalValue_bg_img02.png) center center/contain no-repeat;
}

.envApproach_pic img {
	width: 100%;
}

.envAc_box {
	position: absolute;
	z-index: 2;
}

.envAc_box.u-01 {
	top: 33%;
	left: 22%;
	width: 100px;
}

.envAc_box.u-02 {
	top: 23.8%;
	left: 32%;
	max-width: 137px;
	width: 11.6vw;
}

.envAc_box.u-03 {
	top: 36.6%;
	left: 38%;
	max-width: 157px;
	width: 16vw;
}

.envAc_box.u-04 {
	top: 20.2%;
	left: 53%;
	z-index: 7;
	max-width: 172px;
	width: 16.8vw;
}

.envAc_box.u-05 {
	top: 25.8%;
	left: 50%;
	z-index: 6;
	max-width: 184px;
	width: 17vw;
}

.envAc_box.u-05 .envAc_cont {
	max-width: 134px;
	width: 15vw;
}

.envAc_box.u-06 {
	top: 32%;
	left: 56%;
	z-index: 5;
	max-width: 172px;
	width: 17vw;
}

.envAc_box.u-06 .envAc_header .TextStyle1 {
	position: relative;
	z-index: 1;
	margin-bottom: 3px;
	padding: 3.4px 4px 1px 5px;
	background: none;
}

.envAc_box.u-06 .envAc_header .TextStyle1:last-of-type {
	margin-bottom: 0;
}

.envAc_box.u-06 .envAc_header .TextStyle1.u-01::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 13vw;
	max-width: 128px;
	height: 20px;
	background: #e62700;
}

.envAc_box.u-06 .envAc_header .TextStyle1.u-02::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 9vw;
	max-width: 80px;
	height: 20px;
	background: #e62700;
}

.envAc_box.u-06 .envAc_header .TextStyle1.u-03::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 17vw;
	max-width: 173px;
	height: 20px;
	background: #e62700;
}

.envAc_box.u-06 .envAc_header .envAc_icon {
	top: 86%;
	z-index: 1;
}

.envAc_box.u-07 {
	top: 42.5%;
	left: 65%;
	z-index: 3;
	width: 116px;
}

.envAc_box.u-08 {
	top: 22.8%;
	left: 76%;
	z-index: 6;
	max-width: 136px;
	width: 13vw;
}

.envAc_box.u-09 {
	top: 39%;
	left: 66.8%;
	z-index: 4;
	width: 116px;
}

.envAc_box.u-10 {
	top: 59.4%;
	left: 19%;
	z-index: 3;
	max-width: 134px;
	width: 13vw;
}

.envAc_box.u-10 .envAc_header .TextStyle1:first-of-type {
	margin-bottom: 3px;
}

.envAc_box.u-10 .envAc_icon {
	top: 76%;
}

.envAc_box.u-11 {
	top: 47%;
	left: 25%;
	max-width: 134px;
	width: 13vw;
}

.envAc_box.u-12 {
	top: 56.6%;
	left: 46.5%;
	width: 116px;
}

.envAc_box.u-13 {
	top: 49%;
	left: 57%;
	width: 116px;
}

.envAc_box.u-14 {
	top: 64%;
	left: 31%;
	max-width: 166px;
	width: 17vw;
}

.envAc_box.u-15 {
	top: 69%;
	left: 46%;
	width: 115px;
	z-index: 1;
}

.envAc_box.u-15 .envAc_cont {
	width: 104px;
}

.envAc_box.u-16 {
	top: 63%;
	left: 63%;
	max-width: 178px;
	width: 18vw;
}

.envAc_box.u-17 {
	top: 95.4%;
	left: 16%;
	max-width: 132px;
	width: 13vw;
}

.envAc_box.u-18 {
	top: 82%;
	left: 31%;
	width: 92px;
}

.envAc_box.u-19 {
	top: 89.4%;
	left: 47%;
	width: 112px;
}

.envAc_box.u-19 .envAc_cont {
	width: 100px;
}

.envAc_box.u-20 {
	top: 86%;
	left: 50%;
	max-width: 135px;
	width: 14vw;
}

.envAc_box.u-21 {
	top: 85%;
	left: 69.6%;
	width: 13vw;
	max-width: 120px;
}

.envAc_box.u-22 {
	top: 94%;
	left: 67.6%;
	width: 14vw;
	max-width: 137px;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.envAc_box.u-01 {
		top: 31.5%;
		left: 68%;
		width: 100px;
	}

	.envAc_box.u-02 {
		top: 32.4%;
		left: 10%;
		width: 138px;
		z-index: 7;
	}

	.envAc_box.u-03 {
		top: 38%;
		left: 38%;
		width: 155px;
		z-index: 6;
	}

	.envAc_box.u-04 {
		top: 25%;
		left: 49%;
		width: 164px;
	}

	.envAc_box.u-05 {
		top: 20.8%;
		left: 10%;
		width: 160px;
	}

	.envAc_box.u-05 .envAc_cont {
		width: 134px;
	}

	.envAc_box.u-06 {
		top: 42.4%;
		left: 10%;
		width: 172px;
	}

	.envAc_box.u-06 .envAc_header .TextStyle1.u-01::after {
		width: 128px;
	}

	.envAc_box.u-06 .envAc_header .TextStyle1.u-02::after {
		width: 80px;
	}

	.envAc_box.u-06 .envAc_header .TextStyle1.u-03::after {
		width: 173px;
	}

	.envAc_box.u-07 {
		top: 47.4%;
		left: 54%;
		z-index: 3;
	}

	.envAc_box.u-08 {
		top: 18%;
		left: 37%;
		width: 120px;
	}

	.envAc_box.u-09 {
		top: 45.4%;
		left: 66.8%;
		z-index: 4;
	}

	.envAc_box.u-10 {
		top: 61%;
		left: 39%;
		z-index: 3;
		width: 134px;
	}

	.envAc_box.u-11 {
		top: 59.4%;
		left: 3%;
		width: 134px;
		z-index: 4;
	}

	.envAc_box.u-12 {
		top: 53.8%;
		left: 7%;
	}

	.envAc_box.u-13 {
		top: 50%;
		left: 45%;
	}

	.envAc_box.u-14 {
		top: 68.3%;
		left: 21%;
		width: 166px;
	}

	.envAc_box.u-15 {
		top: 70.9%;
		left: 68%;
	}

	.envAc_box.u-16 {
		top: 64.4%;
		left: 28%;
		width: 178px;
	}

	.envAc_box.u-16 .TextStyle1.u-white {
		color: #2f4763;
	}

	.envAc_box.u-17 {
		top: 87%;
		left: 28%;
		z-index: 3;
		width: 132px;
	}

	.envAc_box.u-18 {
		top: 76.5%;
		left: 46%;
		z-index: 3;
	}

	.envAc_box.u-19 {
		top: 79.6%;
		left: 64%;
	}

	.envAc_box.u-20 {
		top: 89.6%;
		left: 5.6%;
		width: 135px;
	}

	.envAc_box.u-21 {
		top: 96.4%;
		left: 27.6%;
		width: 120px;
	}

	.envAc_box.u-22 {
		top: 92.5%;
		left: 52.6%;
		z-index: 3;
		width: 137px;
	}
}

/* 英語版スタイリング */
.u-langEn .envAc_box.u-01 {
	top: 33%;
	left: 22%;
	z-index: 4;
	width: 21vw;
	max-width: 210px;
}

.u-langEn .envAc_box.u-02 {
	top: 22.8%;
	left: 31%;
	z-index: 4;
	width: 17.4vw;
	max-width: 180px;
}

.u-langEn .envAc_box.u-03 {
	top: 37.6%;
	left: 34%;
	z-index: 3;
	width: 23.5vw;
	max-width: 235px;
}

.u-langEn .envAc_box.u-04 {
	top: 20.2%;
	left: 53%;
	z-index: 11;
	width: 18vw;
	max-width: 183px;
}

.u-langEn .envAc_box.u-05 {
	top: 25.8%;
	left: 50%;
	z-index: 10;
	width: 23vw;
	max-width: 240px;
}

.u-langEn .envAc_box.u-06 {
	top: 32%;
	left: 53%;
	z-index: 9;
	max-width: 250px;
	width: 25vw;
}

.u-langEn .envAc_box.u-06 .envAc_header .TextStyle1 {
	position: relative;
	z-index: 1;
	margin-bottom: 2px;
	padding: 3.4px 4px 1px 5px;
	background: none;
}

.u-langEn .envAc_box.u-06 .envAc_header .TextStyle1:last-of-type {
	margin-bottom: 0;
}

.u-langEn .envAc_box.u-06 .envAc_header .TextStyle1.u-01::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #e62700;
	width: 18vw;
	height: 100%;
	max-width: 183px;
}

.u-langEn .envAc_box.u-06 .envAc_header .TextStyle1.u-02::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #e62700;
	width: 18vw;
	height: 100%;
	max-width: 183px;
}

.u-langEn .envAc_box.u-06 .envAc_header .TextStyle1.u-03::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #e62700;
	width: 100%;
	max-width: none;
	height: 100%;
}

.u-langEn .envAc_box.u-06 .envAc_header .envAc_icon {
	top: 86%;
	z-index: 1;
}

.u-langEn .envAc_box.u-07 {
	top: 43.5%;
	right: 21%;
	z-index: 6;
	width: 18vw;
	max-width: 180px;
}

.u-langEn .envAc_box.u-08 {
	top: 22.8%;
	left: 76%;
	z-index: 6;
	width: 18vw;
	max-width: 180px;
}

.u-langEn .envAc_box.u-09 {
	top: 39%;
	left: 66.8%;
	z-index: 7;
	width: 18vw;
	max-width: 180px;
}

.u-langEn .envAc_box.u-10 {
	left: 19%;
	z-index: 3;
	top: 58%;
	max-width: 200px;
	width: 20vw;
}

.u-langEn .envAc_box.u-10 .envAc_header .TextStyle1:first-of-type {
	margin-bottom: 3px;
}

.u-langEn .envAc_box.u-10 .envAc_icon {
	top: 76%;
}

.u-langEn .envAc_box.u-11 {
	top: 47%;
	left: 25%;
	width: 18vw;
	max-width: 170px;
}

.u-langEn .envAc_box.u-12 {
	top: 56.6%;
	left: 46.5%;
	z-index: 4;
	width: 18vw;
	max-width: 170px;
}

.u-langEn .envAc_box.u-13 {
	top: 49%;
	left: 57%;
	z-index: 5;
	width: 18vw;
	max-width: 170px;
}

.u-langEn .envAc_box.u-14 {
	top: 64%;
	left: 31%;
	width: 20.5vw;
	max-width: 205px;
}

.u-langEn .envAc_box.u-15 {
	top: 73%;
	left: 45%;
	width: 15vw;
	max-width: 146px;
}

.u-langEn .envAc_box.u-16 {
	top: 63%;
	left: 63%;
	max-width: 178px;
	width: 18vw;
}

.u-langEn .envAc_box.u-16 .envAc_header .TextStyle1:first-of-type {
	margin-bottom: 3px;
}

.u-langEn .envAc_box.u-16 .envAc_icon {
	top: 76%;
}


.u-langEn .envAc_box.u-17 {
	top: 96.4%;
	left: 13%;
	width: 18vw;
	max-width: 182px;
}

.u-langEn .envAc_box.u-18 {
	top: 82%;
	left: 31%;
	width: 11vw;
	max-width: 110px;
}

.u-langEn .envAc_box.u-19 {
	top: 89.4%;
	left: 47%;
	width: 182px;
}

.u-langEn .envAc_box.u-19 .envAc_cont {
	width: 100px;
}

.u-langEn .envAc_box.u-20 {
	left: 50%;
	top: 85%;
	width: 15vw;
	max-width: 155px;
}

.u-langEn .envAc_box.u-21 {
	top: 85%;
	left: 69.6%;
	width: 10vw;
	max-width: 95px;
}

.u-langEn .envAc_box.u-22 {
	top: 94%;
	right: 21%;
	width: 11vw;
	max-width: 110px;
}

@media screen and (max-width: 767px) {

	.u-langEn .envAc_header .TextStyle1.u-01 {
		margin-bottom: 2px;
	}

	.u-langEn .envAc_header .TextStyle1.u-02 {
		margin-bottom: 2px;
	}

	.u-langEn .envAc_header .TextStyle1:last-of-type {
		margin-bottom: 0;
	}

	.u-langEn .envAc_box.u-01 {
		top: 31%;
		left: auto;
		right: 3%;
		width: 54vw;
	}

	.u-langEn .envAc_box.u-02 {
		top: 28%;
		left: 10%;
		width: 175px;
		z-index: 7;
	}

	.u-langEn .envAc_box.u-03 {
		top: 38%;
		left: 30%;
		width: 237px;
		z-index: 12;
	}

	.u-langEn .envAc_box.u-04 {
		top: 25%;
		left: auto;
		right: 3%;
		z-index: 8;
		width: 180px;
	}

	.u-langEn .envAc_box.u-05 {
		top: 22%;
		left: 10%;
		width: 240px;
	}

	.u-langEn .envAc_box.u-06 {
		top: 41.6%;
		left: 10%;
		z-index: 11;
		width: 247px;
	}

	.u-langEn .envAc_box.u-06 .envAc_header .TextStyle1.u-01::after {
		width: 174px;
	}

	.u-langEn .envAc_box.u-06 .envAc_header .TextStyle1.u-02::after {
		width: 174px;
	}

	.u-langEn .envAc_box.u-07 {
		top: 47.4%;
		left: auto;
		right: 6%;
		z-index: 9;
		width: 178px;
	}

	.u-langEn .envAc_box.u-08 {
		top: 17.5%;
		left: 37%;
		z-index: 11;
		width: 180px;
	}

	.u-langEn .envAc_box.u-09 {
		top: 45.4%;
		left: auto;
		right: 3%;
		z-index: 10;
		width: 178px;
	}

	.u-langEn .envAc_box.u-10 {
		top: 61%;
		left: 39%;
		z-index: 5;
		width: 196px;
	}

	.u-langEn .envAc_box.u-11 {
		top: 58.4%;
		left: 3%;
		width: 175px;
		max-width: none;
		z-index: 6;
	}

	.u-langEn .envAc_box.u-12 {
		top: 53.8%;
		left: 7%;
		z-index: 7;
		width: 178px;
	}

	.u-langEn .envAc_box.u-13 {
		top: 50%;
		left: auto;
		right: 10%;
		z-index: 8;
		width: 178px;
	}

	.u-langEn .envAc_box.u-14 {
		top: 68.8%;
		left: 21%;
		z-index: 3;
		width: 202px;
	}

	.u-langEn .envAc_box.u-15 {
		top: 71.5%;
		left: auto;
		right: 3%;
		z-index: 2;
		width: 142px;
	}

	.u-langEn .envAc_box.u-16 {
		top: 64.4%;
		left: 28%;
		z-index: 4;
		width: 178px;
	}

	.u-langEn .envAc_box.u-16 .TextStyle1.u-white {
		color: #2f4763;
	}

	.u-langEn .envAc_box.u-17 {
		top: 87%;
		left: 28%;
		z-index: 3;
		width: 176px;
	}

	.u-langEn .envAc_box.u-18 {
		top: 76.5%;
		left: 46%;
		z-index: 1;
		width: 150px;
	}

	.u-langEn .envAc_box.u-19 {
		top: 79.6%;
		left: auto;
		right: 3%;
		width: 150px;
	}

	.u-langEn .envAc_box.u-20 {
		top: 89.6%;
		left: 5.6%;
		width: 156px;
	}

	.u-langEn .envAc_box.u-21 {
		top: 96.4%;
		left: 27.6%;
		width: 156px;
		max-width: none;
	}

	.u-langEn .envAc_box.u-22 {
		top: 92.5%;
		left: auto;
		right: 9%;
		z-index: 3;
		width: 156px;
		max-width: none;
	}
}
/* 英語版スタイリングここまで */

.envAc_box .TextStyle1 {
	margin: 0;
	font-weight: 600;
	line-height: 1.1em;
	color: #2f4763;
}

@media screen and (max-width: 1064px) {
	.envAc_box .TextStyle1 {
		font-size: 1.36vw;
	}
}

@media screen and (max-width: 767px) {
	.envAc_box .TextStyle1 {
		font-size: 14px;
	}
}

.envAc_box .TextStyle1.u-white {
	color: #fff;
}

.envAc_header {
	position: relative;
	cursor: pointer;
}

.envAc_header.Noncursor {
	cursor: auto;
}

.envAc_header .TextStyle1 {
	margin: 0;
	padding: 3.4px 0 1px 5px;
	color: #fff;
	background: #e62700;
}

.envAc_icon {
	width: 10px;
	height: 10px;
	background: url(/environmentalvalue/image/add/modal_close.png) center center/contain;
	position: absolute;
	top: 50%;
	right: 6px;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.envAc_header.open .envAc_icon {
	-webkit-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0);
}

@media screen and (max-width: 800px) {
	.envAc_icon {
		width: 8px;
		height: 8px;
	}
}

@media screen and (max-width: 767px) {
	.envAc_icon {
		width: 10px;
		height: 10px;
	}
}

.envAc_inner {
	display: none;
}

.envAc_inner .TextStyle2 {
	margin: 0;
	font-weight: 600;
	line-height: 1.65em;
	color: #000;
}

@media screen and (max-width: 1064px) {
	.envAc_inner .TextStyle2 {
		font-size: 1.36vw;
	}
}

@media screen and (max-width: 767px) {
	.envAc_inner .TextStyle2 {
		font-size: 14px;
	}
}

.envAc_inner .TextStyle2.u-link {
	margin: 0;
}

.envAc_inner .TextStyle2.u-noLink {
	color: #2f4763;
}

.envAc_inner .TextStyle2.u-link a {
	position: relative;
	color: #2f4763 !important;
}

.envAc_inner .TextStyle2.u-link a::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -12px;
	width: 6px;
	height: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(/environmentalvalue/image/add/link_arrow_blue.png) center center/contain no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.envAc_inner .TextStyle2.u-link a:hover {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.envAc_inner .TextStyle2.u-link a:hover::after {
	-webkit-transform: translateX(5px) translateY(-50%);
	transform: translateX(5px) translateY(-50%);
}

@media screen and (max-width: 768px) {
	.envAc_inner .TextStyle2.u-link a:hover::after {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.envAc_innerBtnLink.TextStyle2 {
	display: block;
	position: relative;
	margin-top: 10px;
	padding: 6px 0 3px 5px;
	line-height: 1.1em;
	background: #2f4763;
	border: 1px solid #2f4763;
	color: #fff !important;
	text-decoration: none !important;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

@media screen and (max-width: 1064px) {
	.envAc_innerBtnLink.TextStyle2 {
		font-size: 1.36vw;
	}
}

@media screen and (max-width: 767px) {
	.envAc_innerBtnLink.TextStyle2 {
		font-size: 14px;
	}
}

.envAc_innerBtnLink::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(/environmentalvalue/image/add/link_arrow_white.png) center center/contain no-repeat;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

@media screen and (max-width: 1064px) {
	.envAc_innerBtnLink::after {
		right: 4px;
	}
}

.envAc_innerBtnLink.TextStyle2:hover {
	background: #fff;
	color: #2f4763 !important;
}

.envAc_innerBtnLink.TextStyle2:hover.envAc_innerBtnLink::after {
	background: url(/environmentalvalue/image/add/link_arrow_blue.png) center center/contain no-repeat;
}

.envAc_inner {
	padding: 10px;
	background: rgba(255, 255, 255, 0.9);
}

.envApproach_textBox {
	position: absolute;
	top: 5vw;
	left: 0;
	right: 0;
	z-index: 1;
	margin: 0 auto;
	padding: 0 15px;
}

/* 英語版スタイリング */
.u-langEn .envApproach_textBox {
	width: 100%;
	max-width: 75vw;
}
/* 英語版スタイリングここまで */

@media screen and (max-width: 767px) {
	.envApproach_textBox {
		top: 30px;
	}

	/* 英語版スタイリング */
	.u-langEn .envApproach_textBox {
		width: auto;
		max-width: none;
	}
	/* 英語版スタイリングここまで */
}

.envApproach_title {
	font-size: 46px;
	font-weight: bolder;
	line-height: 1.3;
	text-align: center;
	color: #113157;
	background: none;
}

	/* 英語版スタイリング */
.u-langEn .envApproach_title {
	line-height: 1.1;
}
	/* 英語版スタイリングここまで */

.envApproach_title .title_small {
	display: inline-block;
	padding: 0;
	font-weight: normal;
	font-size: 46px;
	line-height: 1.3;
	text-align: center;
	color: #113157;
	background: none;
}

	/* 英語版スタイリング */
.u-langEn .envApproach_title .title_small {
	display: block;
	line-height: 1.1;
}
	/* 英語版スタイリングここまで */

.envApproach_title .u-spDb {
	display: none;
}

@media screen and (max-width: 1200px) {
	.envApproach_title {
		font-size: 4vw;
	}

	.envApproach_title .title_small {
		font-size: 4vw;
	}
}

@media screen and (max-width: 767px) {
	.envApproach_title {
		margin: 0 !important;
		font-size: 38px;
		text-align: left;
	}

	/* 英語版スタイリング */
	.u-langEn .envApproach_title {
		font-size: 34px;
	}
	/* 英語版スタイリングここまで */

	.envApproach_title .title_small {
		font-size: 56%;
		text-align: left;
	}

	.envApproach_title .u-spDb {
		display: block;
	}
}

@media screen and (max-width: 360px) {
	.envApproach_title .title_small {
		font-size: 54%;
	}
}

.envApproach_text {
	margin-bottom: 50px;
	text-align: center;
}

@media screen and (max-width: 850px) {
	.envApproach_text {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.envApproach_text {
		text-align: left;
	}
}

.envService .GridSet {
	position: relative;
	z-index: 1;
	padding-top: 100px;
}

.envService .PageTop {
	padding-top: 130px;
}

@media screen and (max-width: 767px) {
	.envService .PageTop {
		padding-top: 0;
	}
}

.envService sub {
	font-size: 70%;
	vertical-align: 0;
}

.envService_title {
	font-size: 46px;
	font-weight: bolder;
	line-height: 1.3;
	text-align: center;
	color: #113157;
	background: none;
}

.envService_title .title_small {
	display: inline-block;
	padding: 0;
	font-size: 46px;
	/* font-weight: normal; */
	line-height: 1.3;
	text-align: center;
	color: #113157;
	background: none;
}

.envService_text {
	margin-bottom: 50px;
	text-align: center;
}

@media screen and (max-width: 1200px) {
	.envService_title {
		font-size: 4vw;
	}

	.envService_title .title_small {
		font-size: 4vw;
	}
}

@media screen and (max-width: 850px) {
	.envService_text {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.envService_title {
		margin: 0 !important;
		font-size: 39px;
		text-align: left;
	}

	/* 英語版スタイリング */
	.u-langEn .envService_title {
		font-size: 34px;
	}
	/* 英語版スタイリングここまで */

	.envService_title .title_small {
		font-size: 28px;
	}

	.envService_text {
		text-align: left;
	}
}

.envService_list {
	margin-bottom: 40px;
	list-style-type: none;
}

.envService_innerList {
	padding: 30px;
	background: #efefef;
}

@media screen and (max-width: 767px) {
	.envService_innerList {
		padding: 25px;
	}
}

.envService_listItemTitle {
	margin-bottom: 0;
	padding: 12px 20px;
	font-size: 27px;
	font-weight: bolder;
	color: #fff;
	background: #113157;
}

@media screen and (max-width: 767px) {
	.envService_listItemTitle {
		padding: 5px 20px;
	}
}

.envService_innerListItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 40px;
	list-style-type: none;
}

@media screen and (max-width: 767px) {
	.envService_innerListItem {
		display: block;
	}
}

.envService_innerListItemPic {
	width: 50%;
}

@media screen and (max-width: 767px) {
	.envService_innerListItemPic {
		width: 100%;
	}
}

.envService_innerListItemImg {
	width: 100%;
}

.envService_innerListItemBox {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 50%;
	padding: 36px 40px 20px 34px;
	background: #fff;
}

@media screen and (max-width: 767px) {
	.envService_innerListItemBox {
		width: 100%;
		padding: 30px 16px;
	}
}

.envService_innerListItemBox.u-wide {
	width: 100%;
	padding: 36px 40px;
}

@media screen and (max-width: 767px) {
	.envService_innerListItemBox.u-wide {
		padding: 30px 16px;
	}
}

.envService_innerListItemTitleArea {
	margin-bottom: 10px;
}

.envService_innerListItemTextArea.u-mb {
	margin-bottom: 15px;
}

.envService_innerListItemTextAreaTitle {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	font-size: 27px;
	font-weight: bolder;
	line-height: 1.14;
	color: #e62700;
}

@media screen and (max-width: 900px) {
	.envService_innerListItemTextAreaTitle {
		font-size: 3vw;
	}
}

@media screen and (max-width: 767px) {
	.envService_innerListItemTextAreaTitle {
		margin-bottom: 12px;
		font-size: 20px;
	}
}

.envService_innerListItemTextAreaText {
	font-size: 14px;
	line-height: 1.5;
}

.envService_innerListItemTextAreaAnnotation {
	font-size: 67%;
}

.envService_btn.u-right {
	width: 45%;
	margin: 0 0 0 auto;
}

@media screen and (max-width: 767px) {
	.envService_btn.u-right {
		width: 100%;
		margin: 0 auto;
	}
}

.envService_btnLink {
	display: block;
	position: relative;
	padding: 12px 18px 10px;
	border: 1px solid #e62700;
	text-decoration: none !important;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.envService_btnLink:hover {
	background: #e62700;
	color: #fff;
}

.envService_btnLink:hover.envService_btnLink span {
	color: #fff;
}

.envService_btnLink:hover.envService_btnLink::after {
	background: url(../image/add/link_arrow_white.png) center center/contain no-repeat;
}

@media screen and (max-width: 767px) {
	.envService_btnLink {
		padding: 4px 10px 2px;
	}

	.envService_btnLink:hover {
		background: #fff;
		color: #e62700;
	}

	.envService_btnLink:hover.envService_btnLink span {
		color: #000;
	}

	.envService_btnLink:hover.envService_btnLink::after {
		background: url(../image/add/link_arrow.png) center center/contain no-repeat;
	}
}

.envService_btnLink::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 9px;
	height: 18px;
	background: url(../image/add/link_arrow.png) center center/contain no-repeat;
}

.envService_btnLinkText {
	font-size: 14px;
	font-weight: bolder;
	color: #000;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.envService_pic {
	width: 100%;
}

.envModal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7;
	width: 100%;
	height: 100vh;
}

.envModal_content {
	position: absolute;
	width: 100%;
	height: 90vh;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow-y: auto;
}

@media screen and (max-width: 1064px) {
	.envModal_content {
		width: 90%;
		max-width: 965px;
	}
}

@media screen and (max-width: 850px) {
	.envModal_content {
		width: 80%;
	}
}

@media screen and (max-width: 767px) {
	.envModal_content {
		top: 40%;
		left: 52%;
	}
}

.envModal_inner {
	position: relative;
	padding-bottom: 50px;
	background: #efefef;
}

.envModal_inner::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 85%;
	padding-top: 47.5%;
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, -1);
	background: url(../image/add/envModal_bg02.png) center center/contain no-repeat;
	mix-blend-mode: multiply;
}

.envModal_inner.u-envModal02::after {
	z-index: 2;
}

.envModal_content .env_js_modal_close {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 1;
	width: 18px;
	height: 18px;
	background: url(../image/add/modal_close.png) center center/contain no-repeat;
	cursor: pointer;
}

.envModal_content .env_js_modal_close.u-bottom {
	top: auto;
	bottom: 14px;
	z-index: 4;
	background: url(../image/add/modal_close_blue.png) center center/contain no-repeat;
}

.envModal_bg {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
}

.envModal_title {
	position: relative;
	margin-bottom: 70px;
	padding: 5px 0 0 50px;
	font-size: 27px;
	font-weight: bolder;
	color: #fff;
	background: #113157;
}

.envModal_title span {
	display: inline-block;
	margin-right: 40px;
	padding: 0;
	font-size: 73%;
	font-weight: bolder;
	color: #fff;
	background: none;
}

.envModal_title::after {
	content: "";
	display: block;
	position: absolute;
	top: 48px;
	left: -3%;
	z-index: 2;
	width: 85%;
	padding-top: 47.5%;
	background: url(../image/add/envModal_bg02.png) center center/contain no-repeat;
	mix-blend-mode: multiply;
}

.envModal_title.u-envModal02::after {
	z-index: 3;
}

.envModal_subtitle {
	position: relative;
	z-index: 4;
	width: 88%;
	margin: 0 auto 42px;
	font-size: 40px;
	font-weight: bolder;
	color: #e62700;
}

@media screen and (max-width: 767px) {
	.envModal_title {
		margin: 0 !important;
		padding: 12px 0 0 19px;
		font-size: 27px;
	}

	/* 英語版スタイリング */
	.u-langEn .envModal_title {
		padding: 8px 0 6px 19px;
		font-size: 22px;
		line-height: 1.2;
	}
	/* 英語版スタイリングここまで */

	.envModal_title span {
		display: block;
		font-size: 14px;
	}

	.envModal_title::after {
		top: 73px;
	}

	/* 英語版スタイリング */
	.u-langEn .envModal_title::after {
		top: 58px;
	}
	/* 英語版スタイリングここまで */

	.envModal_subtitle {
		margin: 0 auto 15px;
		padding-top: 28px;
		font-size: 20px;
	}
	/* 英語版スタイリング */
	.u-langEn .envModal_subtitle {
		padding-top: 20px;
	}
	/* 英語版スタイリングここまで */
}

.envModal_picArea {
	position: relative;
}

.envModal_pic {
	position: relative;
	z-index: 2;
	width: 100%;
	margin-bottom: 72px;
}

.envModal_pic.u-modal04 {
	display: flex;
}

.envModal_pic.u-modal02 {
	height: 0;
	z-index: 2;
	padding-top: 52%;
	background: #e0e0e0;
}

.envModal_imgWrap {
	width: 96.4%;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
}

.envModal_img {
	width: 100%;
}

.envModal_picBox {
	width: 50%;
}

.envModal_picBoxText {
	padding: 5px 0 0 12%;
	font-size: 11px;
}

.envModal_picBoxText.u-02 {
	padding: 5px 0 0 20px;
}

@media screen and (max-width: 767px) {
	.envModal_pic {
		margin-bottom: 27px;
	}
}

.envModal_contBox {
	position: relative;
	z-index: 3;
	width: 88%;
	margin: 0 auto 84px;
}

.envModal_contBoxTitle {
	font-size: 29px;
	font-weight: bolder;
	color: #113157;
}

.envModal_contBox .TextStyle1:first-of-type {
	margin-bottom: 0;
}

.envModal_contBox .TextStyle1.annotaion {
	font-size: 75%;
}

/* 英語版スタイリング */
.u-langEn .envModal_contBox .TextStyle1.annotaion {
	text-indent: -1rem;
	padding-left: 1rem;
	margin: 0;
}

.u-langEn .envModal_contBox .TextStyle1.annotaion.u-mt {
	margin-top: 15px;
}
/* 英語版スタイリングここまで */

@media screen and (max-width: 767px) {
	.envModal_contBox {
		margin: 0 auto 40px;
	}

	.envModal_contBoxTitle {
		font-size: 18px;
	}
}

.envModal_contBoxList {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 44px 10px 15px;
	background: #fff;
}

.envModal_contBoxListItem {
	width: calc(100% / 3);
}

.envModal_contBoxListItemPic {
	margin: 0 auto 42px;
}

.envModal_contBoxListItemPic.u-01 {
	width: 70%;
}

.envModal_contBoxListItemPic.u-02 {
	width: 66%;
}

.envModal_contBoxListItemPic.u-03 {
	width: 90%;
}

.envModal_contBoxListItemImg {
	width: 100%;
}

.envModal_contBoxListItemText {
	font-size: 15px;
	font-weight: bolder;
	text-align: center;
	color: #113157;
}

@media screen and (max-width: 767px) {
	.envModal_contBoxList {
		display: block;
	}

	.envModal_contBoxListItem {
		width: 75%;
		margin: 0 auto 40px;
	}

	.envModal_contBoxListItemPic {
		margin: 0 auto 16px;
	}
}

.envModal_contBoxFigArea {
	position: relative;
	z-index: 1;
	padding: 12px;
	background: #fff;
}

.envModal_contBoxFigArea.u-mb {
	margin-bottom: 40px;
	padding: 30px 24px 12px 12px;
}

@media screen and (max-width: 767px) {
	.envModal_contBoxFigArea.u-mb {
		padding: 12px;
	}
}

.envModal_contBoxFigAreaBox {
	margin-bottom: 25px;
}

.envModal_contBoxFigAreaBox:nth-of-type(2) {
	margin-bottom: 0;
}

.envModal_contBoxFigAreaBoxText {
	margin-bottom: 18px;
	padding: 4px 0 1px 12px;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.envModal_contBoxFigAreaBoxText {
		font-size: 14px;
		padding: 2px 0 2px 12px;
	}
}

.envModal_contBoxFigAreaBoxText.u-blue {
	background: url(/environmentalvalue/image/add/envModal03_ttlBg_b.png) center center/cover;
}

.envModal_contBoxFigAreaBoxText.u-green {
	background: url(/environmentalvalue/image/add/envModal03_ttlBg_g.png) center center/cover;
}

.envModal_contBoxFigAreaBoxPic.u-01 {
	width: 91.8%;
	margin: 0 auto;
}

.envModal_contBoxFigAreaBoxPic.u-02 {
	width: 97.1%;
}

.envModal_contBoxFigAreaBoxImg {
	width: 100%;
}

.envModal_btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.envModal_btnLink {
	display: block;
	position: relative;
	z-index: 3;
	width: 364px;
	margin: 0 15px;
	padding: 14px 18px 10px;
	font-size: 14px;
	font-weight: bolder;
	background: #113157;
	border: 1px solid #113157;
	color: #fff !important;
	text-decoration: none !important;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.envModal_btnLink::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 9px;
	height: 18px;
	background: url(/environmentalvalue/image/add/link_arrow_white.png) center center/contain no-repeat;
}

.envModal_btnLink:hover {
	background: #fff;
	color: #113157 !important;
}

.envModal_btnLink:hover.envModal_btnLink::after {
	background: url(/environmentalvalue/image/add/link_arrow_blue.png) center center/contain no-repeat;
}

@media screen and (max-width: 1064px) {
	.envModal_btnArea {
		display: block;
	}

	.envModal_btnLink {
		/* width: 100%; */
		width: 78.7%;
		max-width: 364px;
		margin: 0 auto 10px;
		padding: 4px 10px 2px;
	}
}