@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/* --------------------------------------------------------
* csr safe-society safety-efforts
* -------------------------------------------------------*/
.efforts_imagemap {
	position: relative;
}
.efforts_imagemap__list {
	margin-top: 20px;
}
.efforts_imagemap__button {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	padding: 17px 0;
	border-bottom: 1px solid var(--color-border);
	cursor: pointer;
}
.efforts_imagemap__button-icon {
	position: absolute;
	width: 20px;
	height: auto;
	aspect-ratio: 1;
	top: 19px;
	right: 12px;
}
.efforts_imagemap__button-icon::before {
	mask: url("/company/assets/images/icon/search.svg") center/100% 100%;
	background-color: var(--color-prim);
}
.efforts_imagemap__icon {
	width: 28px;
	aspect-ratio: 1;
	background-color: var(--color-prim);
	color: var(--color-base);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 100%;
	padding-bottom: 2px;
}
.efforts_imagemap__text {
	color: var(--color-txt);
	font-size: 1.6rem;
	font-weight: 500;
	padding-left: 12px;
}
@media (min-width: 768px), print {
	.efforts_imagemap__list {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin-top: 0;
	}
	.efforts_imagemap__button {
		position: absolute;
		padding: 0;
		border-bottom: 1px solid transparent;
		aspect-ratio: 1;
		width: 10%;
		border-radius: 100%;
	}
	.efforts_imagemap__button-icon {
		width: 50px;
		left: auto;
		top: auto;
		background: var(--color-txt-link);
		border-radius: 50%;
		border: 2px solid var(--color-base);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.efforts_imagemap__button {
		/* -------csr safe-society safety-efforts crossing-------*/
		/* -------csr safe-society safety-efforts platform-------*/
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px), print and (min-width: 768px), print and (max-width: 1024px) and (min-width: 768px), print {
	.efforts_imagemap__button-icon {
		width: 34px;
	}
}
@media (min-width: 768px), print {
	.efforts_imagemap__button-icon::before {
		background-color: var(--color-base);
		transition: scale 0.2s;
		width: 16px;
	}
	.efforts_imagemap__button:hover .efforts_imagemap__button-icon::before {
		scale: 1.5;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (min-width: 768px), print and (min-width: 768px), print and (max-width: 1024px) and (min-width: 768px), print {
	.efforts_imagemap__button-icon::before {
		width: 12px;
	}
}
@media (min-width: 768px), print {
	.efforts_imagemap__button > span {
		display: none;
	}
	#efforts_crossing .efforts_imagemap__item--1 > .efforts_imagemap__button {
		top: 39.8%;
		left: 1%;
		width: 7.9%;
	}
	#efforts_crossing .efforts_imagemap__item--1 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: -10%;
		bottom: -3%;
	}
	#efforts_crossing .efforts_imagemap__item--2 > .efforts_imagemap__button {
		top: 40.7%;
		left: 29.8%;
		width: 7.8%;
	}
	#efforts_crossing .efforts_imagemap__item--2 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: -17%;
		top: -10%;
	}
	#efforts_crossing .efforts_imagemap__item--3 > .efforts_imagemap__button {
		bottom: 24%;
		left: 26.6%;
		width: 7.9%;
	}
	#efforts_crossing .efforts_imagemap__item--3 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: -10%;
		bottom: -3%;
	}
	#efforts_crossing .efforts_imagemap__item--4 > .efforts_imagemap__button {
		aspect-ratio: 100/65;
		bottom: 14%;
		right: 24.7%;
		width: 10.9%;
		height: 21.9%;
	}
	#efforts_crossing .efforts_imagemap__item--4 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		left: 72%;
		top: 30%;
	}
	#efforts_platform .efforts_imagemap__item--1 > .efforts_imagemap__button {
		aspect-ratio: 100/60;
		top: 9.2%;
		left: 28.7%;
		width: 13.5%;
	}
	#efforts_platform .efforts_imagemap__item--1 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: -15%;
		bottom: 23%;
	}
	#efforts_platform .efforts_imagemap__item--2 > .efforts_imagemap__button {
		top: 45.2%;
		left: 21.7%;
		width: 7.9%;
	}
	#efforts_platform .efforts_imagemap__item--2 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: -16%;
		top: -13%;
	}
	#efforts_platform .efforts_imagemap__item--3 > .efforts_imagemap__button {
		top: 87.8%;
		left: 2.3%;
		width: 5.2%;
	}
	#efforts_platform .efforts_imagemap__item--3 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: -35%;
		bottom: -19%;
	}
	#efforts_platform .efforts_imagemap__item--4 > .efforts_imagemap__button {
		bottom: 12.5%;
		left: 6.3%;
		width: 5.4%;
	}
	#efforts_platform .efforts_imagemap__item--4 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		left: -20%;
		top: -35%;
	}
	#efforts_platform .efforts_imagemap__item--5 > .efforts_imagemap__button {
		bottom: 2.5%;
		left: 11.2%;
		width: 7.9%;
	}
	#efforts_platform .efforts_imagemap__item--5 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: -20%;
		bottom: 29%;
	}
	#efforts_platform .efforts_imagemap__item--6 > .efforts_imagemap__button {
		aspect-ratio: 100/65;
		bottom: 6.8%;
		right: 3.7%;
		width: 22.9%;
	}
	#efforts_platform .efforts_imagemap__item--6 > .efforts_imagemap__button > .efforts_imagemap__button-icon {
		right: 12%;
		top: -6%;
	}
}
/*# sourceMappingURL=safety-efforts.css.map */