@charset "UTF-8";

.environment h2 {
	text-align: center;
	font-size: 24px;
	padding-bottom: 15px;
	position: relative;
}
.environment h2.with-bar {
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.environment h2.with-bar:after {
	width: 160px;
	height: 4px;
	background: linear-gradient(90deg, #01916d 0%, #014937 100%);
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.txt-box {
	padding-bottom: 40px;
}
.sub-block {
	margin-bottom: 50px;
}
.pickup {
	position: relative;
	margin-bottom: 15px;
}
.pickup span {
	display: inline-block;
}
.pickup span:nth-child(1) {
	background: #000;
	color: #FFF;
	padding: 3px 15px;
	font-family: var(--en-font);
	font-size: 20px;
}
.pickup span:nth-child(2) {
	background: #F6F7F6;
	color: #01916D;
	font-size: 20px;
	padding: 3px 15px;
}
.att {
	font-size: 12px;
	padding: 15px 0 0;
}
.list-box {
	position: relative;
	padding: 20px 0 40px;
}
.list-box h3 {
	text-align: center;
	font-size: 16px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.list-box h3:after {
	width: 160px;
	height: 4px;
	background: linear-gradient(90deg, #01916d 0%, #014937 100%);
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.list-style01 {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 103%;
	left: -1.5%;
	justify-content: flex-start;
}
.list-style01 li {
	width: 47%;
	margin: 0 1.5% 3%;
	background: #fff;
	filter: drop-shadow(0px 0px 6px rgba(51, 83, 76, 0.3));
	padding: 30px;
	position: relative;
}
.list-style01 li:before {
	width: 24px;
	height: 24px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-04/70d74ae1fc176bc2d668d6a5f826f469/box-deco01.svg");
	left: 0;
	top: 0;
	z-index: 2;
}
.list-style01 li .ttl {
	font-size: 24px;
	color: #01916D;
}
.list-style01 li .ttl span {
	font-size: 60%;
}
.about-plism .ttl {
	font-size: 24px;
	color: #01916D;
}
.about-plism .image-box {
	padding: 30px 0 40px;
	display: flex;
	flex-wrap: wrap;
}
.about-plism .image-box .image {
	width: 100%;
}
.to-link {
	text-align: center;
}
.link-bnr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px auto 0;
}
.link-bnr li {
	width: 30.33%;
	margin: 0 1.5% 2%;
	position: relative;
}
.link-bnr li .bg {
	filter: drop-shadow(0px 0px 2px rgba(51, 83, 76, 0.3));
}
.link-bnr li p:nth-of-type(1) {
	padding: 5px 0 0;
	line-height: 1.6em;
}
.link-bnr li p:nth-of-type(2) {
	padding: 5px 0 0;
	line-height: 1.6em;
	color: #01916D;
	font-size: 11px;
}
@media (hover: hover) {

}
@media screen and (max-width: 767px) {
	.environment h2 {
		text-align: center;
		font-size: 17px;
		padding-bottom: 10px;
	}
	.txt-box {
		padding-bottom: 40px;
	}
	.sub-block {
		margin-bottom: 40px;
	}
	.pickup {
		position: relative;
		margin-bottom: 10px;
	}
	.pickup span {
		display: inline-block;
	}
	.pickup span:nth-child(1) {
		background: #000;
		color: #FFF;
		padding: 3px 15px;
		font-family: var(--en-font);
		font-size: 13px;
	}
	.pickup span:nth-child(2) {
		display: block;
		background: #F6F7F6;
		color: #01916D;
		font-size: 14px;
		padding: 3px 15px;
	}
	.att {
		font-size: 12px;
		padding: 15px 0 0;
	}
	.list-box {
		position: relative;
		padding: 20px 0 40px;
	}
	.list-box h3 {
		text-align: center;
		font-size: 14px;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.list-box h3:after {
		width: 160px;
		height: 4px;
		background: linear-gradient(90deg, #01916d 0%, #014937 100%);
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
	}
	.list-style01 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		left: 0%;
		justify-content: flex-start;
	}
	.list-style01 li {
		width: 100%;
		margin: 0 0% 2%;
		background: #fff;
		filter: drop-shadow(0px 0px 6px rgba(51, 83, 76, 0.3));
		padding: 20px;
	}
	.list-style01 li .ttl {
		font-size: 16px;
		color: #01916D;
	}
	.list-style01 li .ttl span {
		font-size: 60%;
	}
	.about-plism .ttl {
		font-size: 24px;
		color: #01916D;
	}
	.about-plism .image-box {
		padding: 30px 0 40px;
		display: flex;
		flex-wrap: wrap;
	}
	.about-plism .image-box .image {
		width: 100%;
	}
	.to-link {
		text-align: center;
	}
	.link-bnr {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 20px auto 0;
		max-width: 350px;
	}
	.link-bnr li {
		width: 100%;
		margin: 0 0% 30px;
		position: relative;
	}
	.link-bnr li .bg {
		filter: drop-shadow(0px 0px 2px rgba(51, 83, 76, 0.3));
	}
	.link-bnr li p:nth-of-type(1) {
		padding: 5px 0 0;
		line-height: 1.6em;
	}
	.link-bnr li p:nth-of-type(2) {
		padding: 5px 0 0;
		line-height: 1.6em;
		color: #01916D;
		font-size: 11px;
	}
}


.number-list {
	background: #F6F7F6;
	padding: 30px 30px 10px;
	margin-bottom: 15px;
}
.number-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.number-list ul li {
	width: 33.33%;
	padding: 0 20px;
}
.number-list ul li:nth-child(-n + 2) {
	border-right: solid 1px #34A78A;
}
.number-list ul li p:nth-of-type(1) {
	text-align: center;
	font-size: 20px;
	padding-bottom: 20px;
}
.number-list ul li p:nth-of-type(1) sup {
	font-size: 11px;
}
.number-list ul li .number {
	text-align: center;
	font-size: 32px;
}
.number-list ul li .number span {
	color: #01916D;
	font-size: 66px;
	font-family: var(--en-font);
	font-weight: 500;
}
.number-list ul li .number span span {
	color: #01916D;
	font-size: 96px;
}
.number-list ul li .point {
	text-align: center;
	background: #E6F4F0;
	border-radius: 20px;
	font-size: 14px;
	color: #01916D;
}
.number-list > p {
	text-align: right;
	font-size: 11px;
}
.att2 {
	font-size: 10px;
}
.list-style02 {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 103%;
	left: -1.5%;
	justify-content: center;
}
.list-style02 li {
	width: 47%;
	margin: 0 1.5% 3%;
	background: #fff;
	filter: drop-shadow(0px 0px 6px rgba(51, 83, 76, 0.3));
	padding: 30px;
	position: relative;
}
.list-style02 li:before {
	width: 24px;
	height: 24px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-04/e95381edf0b19daea7bbe980e29b8583/box-deco02.svg");
	left: 0;
	top: 0;
	z-index: 2;
}
.list-style02 li .ttl {
	font-size: 24px;
	color: #01916D;
}
.list-style01 li .ttl span {
	font-size: 60%;
}
.system-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.system-block > div {
	width: 47%;
}
.system-block .s-ttl {
	position: relative;
}
.system-block .s-ttl span {
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	background: var(--main-color);
	line-height: 1.8em;
	padding: 0 10px;
	margin-bottom: 10px;
}
.system01 {
	margin-bottom: 40px;
}
.system02 .txt {
	order: 2;
}
.system02 .image {
	order: 1;
}
.system-block ul {
	margin-bottom: 20px;
}
.system-block ul li {
	padding-left: 15px;
	position: relative;
	line-height: 1.6em;
	padding-bottom: 8px;
}
.system-block ul li:before {
	width: 8px;
	height: 8px;
	background: linear-gradient(#01916d 0%, #014937 100%);
	left: 0;
	top: .6em;
}
.system-block ul li sup {
	position: absolute;
	font-size: 11px;
	top: -3px;
}

@media screen and (max-width: 767px) {
	.number-list {
		background: #F6F7F6;
		padding: 20px 20px 10px;
		margin-bottom: 15px;
	}
	.number-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 0px;
	}
	.number-list ul li {
		width: 100%;
		padding: 20px 20px;
	}
	.number-list ul li:nth-child(-n + 2) {
		border-right: none;
		border-bottom: solid 1px #34A78A;
	}
	.number-list ul li p:nth-of-type(1) {
		text-align: center;
		font-size: 16px;
		padding-bottom: 10px;
	}
	.number-list ul li p:nth-of-type(1) sup {
		font-size: 11px;
	}
	.number-list ul li .number {
		text-align: center;
		font-size: 26px;
	}
	.number-list ul li .number span {
		color: #01916D;
		font-size: 40px;
		font-family: var(--en-font);
		font-weight: 500;
	}
	.number-list ul li .number span span {
		color: #01916D;
		font-size: 66px;
	}
	.number-list ul li .point {
		text-align: center;
		background: #E6F4F0;
		border-radius: 20px;
		font-size: 12px;
		color: #01916D;
	}
	.number-list > p {
		text-align: right;
		font-size: 11px;
	}
	.att2 {
		font-size: 10px;
	}
	.list-style02 {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		left: 0%;
		justify-content: center;
	}
	.list-style02 li {
		width: 100%;
		margin: 0 0% 3%;
		background: #fff;
		filter: drop-shadow(0px 0px 6px rgba(51, 83, 76, 0.3));
		padding: 20px;
	}
	.list-style02 li .ttl {
		font-size: 16px;
		color: #01916D;
	}
	.list-style01 li .ttl span {
		font-size: 60%;
	}
	.system-block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.system-block > div {
		width: 100%;
	}
	.system-block .s-ttl {
		position: relative;
	}
	.system-block .s-ttl span {
		display: inline-block;
		color: #FFF;
		font-size: 12px;
		background: var(--main-color);
		line-height: 1.8em;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.system01 {
		margin-bottom: 20px;
	}
	.system01 .txt {
		order: 1;
	}
	.system01 .image {
		order: 2;
	}
	.system02 .txt {
		order: 1;
	}
	.system02 .image {
		order: 2;
	}
	.system-block ul {
		margin-bottom: 20px;
	}
	.system-block ul li {
		padding-left: 15px;
		position: relative;
		line-height: 1.6em;
		padding-bottom: 8px;
	}
	.system-block ul li:before {
		width: 8px;
		height: 8px;
		background: linear-gradient(#01916d 0%, #014937 100%);
		left: 0;
		top: .6em;
	}
	.system-block ul li sup {
		position: absolute;
		font-size: 11px;
		top: -3px;
	}
}



.environment h3.num-ttl {
	font-size: 24px;
	padding: 0 0 20px 60px;
	position: relative;
	margin-bottom: 20px;
	z-index: 2;
}
.environment h3.num-ttl:after {
	background: #F6F7F6;
	height: 30px;
	width: 55%;
	top: 30px;
	left: 0;
	z-index: -1;
}
.environment h3.num-ttl span {
	position: absolute;
	width: 40px;
	height: 40px;
	background: linear-gradient(#01916d 0%, #014937 100%);
	left: 0;
	top: 4px;
	text-align: center;
	font-family: var(--en-font);
	font-weight: 500;
	color: #FFF;
	font-size: 22px;
	line-height: 40px;
}

.environment .intro h2 {
	padding-bottom: 60px;
}
.voice-block {
	padding: 100px 0;
}
.voice01 {
	background: linear-gradient(90deg, rgba(230,244,240,1) 0%, rgba(230,244,240,1) 50%, rgba(232,243,248,1) 50%, rgba(232,243,248,1) 100%);
}
.voice03 {
	background: #F0F7E8;
}
.before-after {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.before-after .before {
	width: 47%;
}
.before-after .after {
	width: 47%;
}
.before-after .before > p {
	text-align: center;
	font-size: 20px;
	padding: 0 0 10px;
	color: #01916D;
}
.before-after .after > p {
	text-align: center;
	font-size: 20px;
	padding: 0 0 10px;
	color: #1E83BE;
}
.voice-list li {
	margin-bottom: 20px;
	background: #fff;
	filter: drop-shadow(0px 0px 4px rgba(51, 83, 76, 0.3));
	padding: 30px;
	position: relative;
}
.voice-list li:before {
	width: 24px;
	height: 24px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-04/70d74ae1fc176bc2d668d6a5f826f469/box-deco01.svg");
	left: 0;
	top: 0;
	z-index: 2;
}
.voice-list.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 102%;
	position: relative;
	left: -1%;
}
.voice-list.flex li {
	width: 31.33%;
	margin: 0 1% 30px;
}
.voice-list.flex li p {
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.environment h3.num-ttl {
		font-size: 15px;
		padding: 0 0 20px 45px;
		position: relative;
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	.environment h3.num-ttl:after {
		background: #F6F7F6;
		height: 20px;
		width: 100%;
		top: 20px;
		left: 0;
		z-index: -1;
	}
	.environment h3.num-ttl span {
		position: absolute;
		width: 30px;
		height: 30px;
		background: linear-gradient(#01916d 0%, #014937 100%);
		left: 0;
		top: 0;
		text-align: center;
		font-family: var(--en-font);
		font-weight: 500;
		color: #FFF;
		font-size: 18px;
		line-height: 30px;
	}
	.environment .intro h2 {
		padding-bottom: 60px;
	}
	.voice-block {
		padding: 50px 0;
	}
	.voice01 {
		background: linear-gradient(90deg, rgba(230,244,240,1) 0%, rgba(230,244,240,1) 50%, rgba(232,243,248,1) 50%, rgba(232,243,248,1) 100%);
	}
	.voice03 {
		background: #F0F7E8;
	}
	.before-after {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.before-after .before {
		width: 48%;
	}
	.before-after .after {
		width: 48%;
	}
	.before-after .before > p {
		text-align: center;
		font-size: 16px;
		padding: 0 0 10px;
		color: #01916D;
	}
	.before-after .after > p {
		text-align: center;
		font-size: 16px;
		padding: 0 0 10px;
		color: #1E83BE;
	}
	.voice-list li {
		margin-bottom: 20px;
		background: #fff;
		filter: drop-shadow(0px 0px 3px rgba(51, 83, 76, 0.3));
		padding: 10px;
		position: relative;
	}
	.voice-list li:before {
		width: 24px;
		height: 24px;
		background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-04/70d74ae1fc176bc2d668d6a5f826f469/box-deco01.svg");
		left: 0;
		top: 0;
		z-index: 2;
	}
	.voice-list.flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 102%;
		position: relative;
		left: -1%;
	}
	.voice-list.flex li {
		width: 100%;
		margin: 0 0% 10px;
	}
	.voice-list.flex li p {
		text-align: center;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

.certifications {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 102%;
	position: relative;
	left: -1%;
	margin: 40px auto 100px;
}
.certifications li {
	width: 22%;
	margin: 0 1.5% 3%;
	background: #fff;
	filter: drop-shadow(0px 0px 3px rgba(51, 83, 76, 0.3));
	padding: 3%;
	position: relative;
}
.certifications li:before {
	width: 24px;
	height: 24px;
	background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-04/70d74ae1fc176bc2d668d6a5f826f469/box-deco01.svg");
	left: 0;
	top: 0;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.certifications li:before {
		width: 16px;
		height: 16px;
		background-image: url("https://assets-fb-rn.fujifilm.com/files/2025-04/70d74ae1fc176bc2d668d6a5f826f469/box-deco01.svg");
		left: 0;
		top: 0;
		z-index: 2;
	}
}