@charset "UTF-8";


.black {
		color: #000000;
}

.font-eng{
		font-family: "Eina01-Bold", sans-serif;
}

/* .sustainability p {
		font-family: "Eina01-SemiBold", 'メイリオ', Meiryo, sans-serif;
} */

.sustainability img {
		width: 100%;
}

.sustainability a:hover {
		color: #fff;
}


/* Header Styles */
.sustainability-header {
		position: relative;
		width: 100%;
		background-color: #EE8632;
}

.sustainability-header-banner {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom-left-radius: 4.25rem;
		border-bottom-right-radius: 4.25rem;
}

.sustainability-header-banner-image {
		object-fit: cover;
		object-position: center top;
		transform: translate(0, 0);
}

.sustainability-header-banner-content {
		display: flex;
		flex-direction: column;
		justify-content: end;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		width: 100%;
		height: 100%;
		color: white;
		text-align: center;
}

.sustainability-header-banner-title {
		font-size: 2.25rem;
		/* font-weight: 700; */
		font-family: 'Eina01-Bold', sans-serif;
		max-width: 80%;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.sustainability-header-banner-subtitle {
		font-size: 0.875rem;
		font-weight: 500;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.sustainability-header-introduction {
		margin: 0 auto;
		padding: 2.5rem;
		font-size: 0.929rem;
		line-height: 1.25;
		font-weight: 600;
		color: #ffffff;
		text-align: center;
}

.sustainability-header-introduction p {
		margin-top: 1.125rem;
		margin-bottom: 1.125rem;
}

.sustainability-header-slogan {
		display: flex;
		position: relative;
		justify-content: center;
		top: -0.5rem;
		padding-bottom: 3.5rem;
}

.sustainability-header-slogan-content {
		position: absolute;
		padding: 1.5rem 0;
		border-radius: 2rem;
		transform: rotate(-6deg);
		background-color: #D42B51;
		width: 100%;
		display: flex;
		justify-content: center;
}

.sustainability-header-slogan-content h2 {
		font-size: 1.25rem;
		font-weight: 600;
		color: #EDCE34;
}

.sustainability-slogan-line-1 {
		margin-left: 0;
}

.sustainability-slogan-line-2 {
		margin-left: 3rem;
}

/* Card Styles */
.sustainability-cards {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
		padding: 30px 20px 0;
		margin-top: 4rem;
		margin-bottom: -230px;
}

.sustainability-card {
		position: relative;
		width: 50%;
		max-width: 320px;
		height: auto;
		border-radius: 25px;
		padding: 6%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		overflow: hidden;
		background-color: #fff;
		border: 2px solid #000;
		cursor: pointer;
		transition: all 0.15s ease-in-out;
}

.sustainability-card.active {
		color: white;
		z-index: 4;
}

.sustainability-card-footer {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
}

.sustainability-product-card {
		color: #E15741;
		border-color: #E15741;
		transform: translate(-48%, 0) rotate(-1deg);
		z-index: 3;
}

.sustainability-product-card.active {
		background-color: #E15741;
}

.sustainability-planet-card {
		color: #EE8632;
		border-color: #EE8632;
		transform: translate(40%, -58%) rotate(14deg);
		z-index: 2;
}

.sustainability-planet-card.active {
		background-color: #EE8632;
}

.sustainability-people-card {
		color: #D42B51;
		border-color: #D42B51;
		transform: translate(-40%, -96%) rotate(-8deg);
		z-index: 1;
}

.sustainability-people-card.active {
		background-color: #D42B51;
}

.sustainability-card-title {
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 15px;
}

.sustainability-card-content {
		font-size: 0.7143rem;
		line-height: 1.2;
		word-spacing: 0;
		font-weight: 600;
}

.sustainability-card-icon {
		align-self: flex-start;
		width: 40px;
		height: auto;
		visibility: hidden;
}

.sustainability-card-nav {
		position: absolute;
		bottom: 20px;
		right: 20px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
}

.sustainability-card-nav:after {
		font-family: 'AT-icons' !important;
		content: "\E90E";
		color: #fff;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
}

.sustainability-card.active .sustainability-card-nav {
		background-color: rgba(255, 255, 255, 0.3);
}

.sustainability-product-card .sustainability-card-nav {
		background-color: #E15741;
		color: white;
}

.sustainability-planet-card .sustainability-card-nav {
		background-color: #EE8632;
		color: white;
}

.sustainability-people-card .sustainability-card-nav {
		background-color: #D42B51;
		color: white;
}

/* Section Styles */
.sustainability-sections {
		margin-top: 2rem;
}

.sustainability-section {
		padding: 2rem 0 1rem;
		animation: fadeIn 0.5s ease-in-out;
		display: none;
}

.sustainability-section.active {
		display: block;
}

.sustainability-section-container {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		max-width: 100%;
		overflow: hidden;
		margin-bottom: 1.125rem;
}

.sustainability-section-container:has(.sustainability-section-image-container.border-radius-top) {
		padding-left: 24px;
		padding-right: 24px;
}

.sustainability-section-container:has(.sustainability-section-image-container.border-radius-top) .sustainability-section-content-description {
		padding-left: 10px;
		padding-right: 10px;
}

.sustainability-section-container:has(.sustainability-section-image-container.border-radius-top) img {
		border-radius: 2rem;
}

.sustainability-section-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex: 1;
		color: #ffffff;
		text-align: center;
}

.sustainability-section-content-title {
		width: 100%;
		padding-top: 1rem;
}

.sustainability-section-content-title h2 {
		font-size: 1.5rem;
		font-weight: 700;
		margin-bottom: 1.5rem;
}

.sustainability-section-content-description {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		margin-top: 2.5rem;
		color: #3B3B3B;
		text-align: center;
		padding: 0 40px;
}

.sustainability-section-content-description p {
		font-size: 1rem;
		line-height: 1.2;
}

.sustainability-section-image-container {
		width: 100%;
		height: auto;
		background-color: #E75C41;
		overflow: hidden;
}

.sustainability-section-image-container.border-radius-top {
		border-top-left-radius: 2rem;
		border-top-right-radius: 2rem;
}

.sustainability-section-content-title {
		border-bottom-left-radius: 2rem;
		border-bottom-right-radius: 2rem;
}

#product-section .sustainability-section-content-title,
#product-section .sustainability-section-image-container {
		background-color: #E75C41;
		color: #EDCE34;
}

#planet-section .sustainability-section-content-title,
#planet-section .sustainability-section-image-container {
		background-color: #F27B22;
		color: #D42B50;
}

#people-section .sustainability-section-content-title,
#people-section .sustainability-section-image-container {
		background-color: #D42B50;
		color: #F1C543;
}

.sustainability-section-title {
		margin-bottom: 2rem;
		text-align: center;
}

.sustainability-section-title h2 {
		color: #E15741;
		font-size: 1.5rem;
		font-weight: 700;
}

/* Test Section Styles */
.sustainability-test-section {
		padding-bottom: 4rem;
}

.sustainability-test-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
}

.sustainability-test-item {
		display: grid;
		grid-template-columns: 100px 1fr;
		align-items: center;
		gap: 1.25rem;
		padding: 1.5rem;
		border-radius: 1rem;
		color: white;
}

.sustainability-test-item-title {
		margin-bottom: 0;
}

.sustainability-test-item-title h3 {
		font-size: 1rem;
		line-height: 1.25;
		font-weight: 700;
}

.sustainability-test-item-description p {
		font-size: 0.875rem;
		line-height: 1;
}

.sustainability-test-item.drop {
		background-color: #D42B51;
}

.sustainability-test-item.drop .sustainability-test-item-title {
		color: #F1C543;
}

.sustainability-test-item.zipper {
		background-color: #E15741;
}

.sustainability-test-item.zipper .sustainability-test-item-title {
		color: #F1C444;
}

.sustainability-test-item.wheel {
		background-color: #EE8632;
		color: #3B3B3B;
}

.sustainability-test-item.wheel .sustainability-test-item-title {
		color: #D42B51;
}

.sustainability-test-item.handle {
		background-color: #F1C543;
		color: #3B3B3B;
}

.sustainability-test-item.handle .sustainability-test-item-title {
		color: #D42B51;
}

.sustainability-test-item.temperature {
		background-color: #B1C341;
		color: #3B3B3B;
}

.sustainability-test-item.temperature .sustainability-test-item-title {
		color: #04559F;
}

.sustainability-test-item.tumble {
		background-color: #6AC6B1;
		color: #3B3B3B;
}

.sustainability-test-item.tumble .sustainability-test-item-title {
		color: #04549F;
}

/* Detail Sections */
.sustainability-section-detail.sustainability-section-detail-shadow {
		position: relative;
		padding-bottom: 3rem;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
		border-bottom-left-radius: 2.25rem;
		border-bottom-right-radius: 2.25rem;
}

.sustainability-section-detail.sustainability-section-detail-shadow::before {
		content: "";
		position: absolute;
		top: -1.25rem;
		left: 0;
		height: 1.25rem;
		width: 100%;
		background-color: #ffffff;
}

.sustainability-section-detail-button {
		display: flex;
		justify-content: center;
		align-items: center;
}

.sustainability-section-detail-note {
		margin: 0 auto;
		padding: 0.5rem 1rem;
		font-size: 0.875rem;
		line-height: 1;
		color: #000000;
		text-align: center;
}

/* Repair Section */
.sustainability-repair-section {
		margin-bottom: 4rem;
}

/* Button Styles */
.sustainability-link-button {
		display: inline-block;
		padding: 0.75rem 2.25rem;
		text-decoration: none;
		border-radius: 9999px;
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease;
		cursor: pointer;
		background-image: linear-gradient(to right, #D42B51, #EE8632);
		color: #ffffff;
		font-size: 1.125rem;
		line-height: 1.5;
		font-weight: 700;
}


#people-section .sustainability-section-content-description h2 {
		font-weight: 700;
}

.sustainability-link-button:hover,
.sustainability-link-button:focus,
.sustainability-link-button:active {
		text-decoration: none;
		opacity: 0.9;
}

/* People Section Styles */
.sustainability-people-section-header {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-bottom: 2rem;
}

.sustainability-people-header-tags-wrapper {
		display: flex;
		flex-direction: column;
}


.sustainability-people-header-tag {
		display: inline-block;
		width: fit-content;
		padding: 0.75rem 2rem;
		border-radius: 9999px;
		font-weight: 700;
		margin: 0;
}

.sustainability-people-tag-red {
		background-color: #D42B51;
		color: #F1C543;
}

.sustainability-people-tag-yellow {
		background-color: #F1C543;
		color: #D42B51;
		margin-left: 6rem;
}

.sustainability-people-section-content {
		padding: 1rem 1.5rem;
		margin-bottom: 2rem;
		font-size: 0.875rem;
		line-height: 1.5;
		color: #3B3B3B;
		text-align: center;
}

.sustainability-people-section-growth {
		background-color: #fff;
		z-index: 2;
}

.sustainability-people-section-culture {
		margin-bottom: 2rem;
		text-align: center;
		background-color: #F1C543;
		padding-bottom: 8rem !important;
		padding-left: 2rem;
		padding-right: 2rem;
		padding-top: 4rem;
		margin-top: -2.5rem;
		z-index: 0;
		position: relative;
}

.sustainability-people-section-working {
		margin-top: -8rem;
		position: relative;
		z-index: 1;
}

.sustainability-people-section-culture .sustainability-section-content-description {
		color: #D42B50;
}

.sustainability-people-section-culture p {
		margin-bottom: 1rem;
}

/* Description Elements */
span.sustainability-section-content-description-note {
		font-size: 0.875rem;
		line-height: 1.2;
		font-weight: 500;
}

.sustainability-section-content-description-location {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.75rem;
		font-size: 1.25rem;
		line-height: 1.5;
		font-weight: 700;
		color: #D42B50;
		width: 100%;
}

img.sustainability-section-content-description-location-icon {
		height: 3rem;
		width: auto;
}


.sustainability-section-content-description-highlight {
		padding: 1rem 2rem;
		border-radius: 1.5rem;
		font-size: 1.25rem;
		line-height: 1.4;
		text-align: center;
		font-weight: 700;
}

#planet-section .sustainability-section-content-description-highlight {
		background-color: #F1C543;
		color: #D42B50;
}

#people-section .sustainability-section-content-description-highlight {
		background-color: #F27B22;
		color: #FFFFFF;
		margin: 30px;
}

/* Ethical Programs */
.sustainability-ethical-programs {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		margin-top: 1rem;
}

.sustainability-ethical-program-item {
		border-radius: 1rem;
		color: #D42B50;
}

.sustainability-ethical-program-title {
		font-size: 1.25rem;
		font-weight: 700;
		max-width: 70%;
}

.sustainability-ethical-program-description {
		font-size: 0.875rem;
		line-height: 1.4;
		padding: 1.5rem;
		border-radius: 2rem;
		position: relative;
		text-align: left;
		color: #fff;
		font-weight: 600;
		font-size: 1rem;
}

.sustainability-ethical-program-item.top .sustainability-ethical-program-title {
		text-align: left;
		margin-left: 1.5rem;
		margin-bottom: 1rem;
}

.sustainability-ethical-program-item.top .sustainability-ethical-program-description {
		background-color: #E15741;
}

.sustainability-ethical-program-item.top .sustainability-ethical-program-description::before {
		content: "";
		position: absolute;
		top: -12px;
		left: 3.5em;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 14px solid #E15741;
}

.sustainability-ethical-program-item.bottom .sustainability-ethical-program-title {
		float: right;
		text-align: right;
		margin-right: 1.5rem;
		margin-top: 1rem;
}

.sustainability-ethical-program-item.bottom .sustainability-ethical-program-description {
		background-color: #F27B22;
}

.sustainability-ethical-program-item.bottom .sustainability-ethical-program-description::after {
		content: "";
		position: absolute;
		bottom: -12px;
		right: 3.5em;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-top: 14px solid #F27B22;
}

/* Footer Styles */
.sustainability-footer {
		margin-bottom: 4rem;
}

.sustainability-footer-container {
		max-width: 1400px;
		margin: 0 auto;
		text-align: center;
}

.sustainability-footer-message {
		margin-bottom: 2rem;
		padding: 2rem 3rem;
		background-color: #D42B51;
		border-radius: 2rem;
		z-index: 1;
		position: relative;
}

.sustainability-footer-message p {
		font-size: 0.875rem;
		line-height: 1.5;
		color: #EDCE34;
}

.sustainability-footer-title {
		font-size: 1.25rem;
		font-weight: 700;
		margin-bottom: 1.5rem;
		color: #D42B51;
		text-align: center;
}

.sustainability-footer-cta {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 6rem 3rem 2rem;
		background-color: #F1C543;
		border-radius: 2rem;
		margin-top: -6rem;
		margin-left: 2rem;
		margin-right: 2rem;
}

/* Responsive Styles */

@media (min-width: 576px) {
		.sustainability-header-slogan-content {
				max-width: 80%;
		}
}

@media (min-width: 768px) {

		.sustainability-header-banner,
		.sustainability-header {
				border-bottom-left-radius: 4.25rem;
				border-bottom-right-radius: 4.25rem;
		}

		.sustainability-header-banner-content {
				padding-bottom: 6rem;
		}

		.sustainability-header-banner-title {
				font-size: 5rem;
		}

		.sustainability-header-banner-subtitle {
				font-size: 1.75rem;
		}

		.sustainability-header-introduction {
				padding: 2rem 6rem;
				font-size: 1rem;
				line-height: 1.5;
		}

		.sustainability-header-slogan {
				padding-bottom: 4rem;
		}

		.sustainability-header-slogan-content {
				max-width: 70%;
		}

		.sustainability-header-slogan-content h2 {
				font-size: 1.5rem;
		}

		.sustainability-cards {
				margin-top: 6rem;
		}

		.sustainability-section-content h2 {
				font-size: 2rem;
		}

		.sustainability-test-grid {
				grid-template-columns: repeat(2, 1fr);
		}

		.sustainability-people-section-content {
				font-size: 1rem;
				padding: 1.5rem 3rem;
		}

		.sustainability-people-section-culture h3 {
				font-size: 1.5rem;
		}

		.sustainability-people-section-culture p {
				font-size: 1rem;
		}

		.sustainability-ethical-program-item {
				flex: 1;
		}

		.sustainability-footer {
				padding: 4rem 2rem 6rem;
		}

		.sustainability-footer-message p {
				font-size: 1rem;
		}

		.sustainability-footer-title {
				font-size: 1.5rem;
		}
}

@media (min-width: 992px) {
		.sustainability-header-banner-title {
				font-size: 6rem;
		}

		.sustainability-header-banner-subtitle {
				font-size: 2rem;
		}

		.sustainability-header-introduction {
				max-width: 70%;
				font-size: 1.125rem;
		}

		.sustainability-header-slogan {
				padding-bottom: 4.5rem;
		}

		.sustainability-header-slogan-content {
				max-width: 50%;
				transform: rotate(-3deg);
		}

		.sustainability-cards {
				padding: 2%;
				flex-direction: row;
				max-width: 1200px;
				margin: 4rem auto 0;
		}

		.sustainability-card-content {
				font-size: 1rem;
		}

		.sustainability-product-card {
				transform: translate(5%, 2%) rotate(-10deg);
		}

		.sustainability-planet-card {
				transform: rotate(0);
		}

		.sustainability-people-card {
				transform: translate(-5%, 0%) rotate(10deg);
		}

		.sustainability-link-button {
				padding: 1.25rem 4.25rem;
		}

		.sustainability-section-container {
				flex-direction: row;
				max-width: 90%;
				margin-bottom: 4rem;
				border-radius: 6.5rem;
		}

		.sustainability-section-container.reverse {
				flex-direction: row-reverse;
		}

		.sustainability-section-title h2 {
				font-size: 2.5rem;
				line-height: 1.5;
		}

		.sustainability-section-image-container {
				width: 45%;
				height: auto;
				border-radius: 6.5rem;
		}

		.sustainability-section-content {
				max-width: 55%;
				margin: 0 auto;
				padding: 0 5%;
		}

		.sustainability-people-section-working .sustainability-section-content {
				padding: 4rem 2rem;
		}

		.sustainability-section-content-title {
				padding-top: 0;
		}

		.sustainability-section-content-title h2 {
				font-size: 2rem;
		}

		.sustainability-section-content-description {
				color: #ffffff;
				padding-left: 0;
				padding-right: 0;
		}

		.sustainability-section-content-description p {
				font-size: 1.125rem;
		}

		#product-section .sustainability-section-container {
				background-color: #E75C41;
		}

		#planet-section .sustainability-section-container {
				background-color: #F17B22;
		}

		#people-section .sustainability-section-container {
				background-color: #D42B50;
		}

		#people-section .sustainability-section-content-description.black {
				color: #3B3B3B;
		}

		#product-section .sustainability-section-content-description.black {
				color: #3B3B3B;
				max-width: 60%;
				margin: auto;
		}

		#product-section .sustainability-section-detail-button {
				margin-top: 1rem;
		}

		#people-section .sustainability-people-section-growth .sustainability-section-content-description {
				max-width: 60%;
				margin: 30px auto;
		}

		#people-section .sustainability-people-section-growth .sustainability-section-content-description-highlight,
		#people-section .sustainability-people-section-culture .sustainability-section-content-description {
				max-width: 50%;
				margin: 30px auto;
		}

		.sustainability-test-grid {
				grid-template-columns: repeat(3, 1fr);
				padding-left: 4rem;
				padding-right: 4rem;
		}

		.sustainability-test-item-title h3 {
				font-size: 1.125rem;
				line-height: 1.25;
		}

		.sustainability-test-item-description p {
				font-size: 1rem;
				line-height: 1.125;
		}

		.sustainability-section-detail.sustainability-section-detail-shadow {
				padding-bottom: 8.25rem;
				border-bottom-left-radius: 8.25rem;
				border-bottom-right-radius: 8.25rem;
		}

		.sustainability-section-detail-note {
				font-size: 1.125rem;
				line-height: 1.25;
				color: #000000;
				text-align: center;
		}

		.sustainability-people-section-content {
				font-size: 1.125rem;
				padding: 2rem 6rem;
				max-width: 80%;
				margin: 0 auto 2rem;
		}


		.sustainability-people-section-culture {
				margin-top: -8.5rem;
				padding-bottom: 24rem !important;
				padding-top: 12rem;
		}

		.sustainability-people-section-culture h3 {
				font-size: 1.75rem;
		}

		.sustainability-people-section-culture p {
				font-size: 1.125rem;
		}

		.sustainability-people-section-working {
				margin-top: -24rem;
		}

		.sustainability-ethical-program-item.top .sustainability-ethical-program-title {
				font-size: 1.2rem;
				position: relative;
				background: #fff;
				padding: 1rem 1rem 5rem;
				margin: 0;
				max-width: 40%;
				margin-bottom: -4rem;
				border-radius: 2rem;
				margin-left: 1px;
		}

		.sustainability-ethical-program-item.bottom .sustainability-ethical-program-title {
				font-size: 1.2rem;
				position: relative;
				background: #fff;
				padding: 5rem 1rem 1rem;
				margin: 0;
				max-width: 80%;
				margin-top: -4rem;
				margin-right: 1px;
				border-radius: 2rem;
		}

		.sustainability-ethical-program-description {
				font-size: 1rem;
				z-index: 1;
		}

		.sustainability-footer {
				padding: 0rem 8rem;
				background-color: #D42B51;
				border-top-left-radius: 6.25rem;
				border-top-right-radius: 6.25rem;
		}

		.sustainability-footer-container {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 4rem;
				padding: 5rem 0 5rem;
				text-align: left;
		}

		.sustainability-footer-message {
				width: 50%;
				margin-bottom: 0;
				padding: 0;
				background-color: transparent;
				text-align: justify;
		}

		.sustainability-footer-message p {
				font-size: 1.125rem;
		}

		.sustainability-footer-title {
				font-size: 1.75rem;
		}

		.sustainability-footer-cta {
				width: 50%;
				border-radius: 5rem;
				margin: 0;
				padding: 3rem;
		}

		.sustainability-footer {
				margin-bottom: 0;
		}

		.sustainability-section-container:has(.sustainability-section-image-container.border-radius-top) {
				padding-left: 0;
				padding-right: 0;
		}

		.sustainability-section-image-container.border-radius-top {
				border-top-left-radius: 6.5rem;
				border-top-right-radius: 6.5rem;
		}

		.sustainability-section-content-description-location {
				background: #fff;
				padding: 1rem 2rem;
				border-radius: 1.5rem;
		}

		.sustainability-people-section-working .sustainability-section-content-description {
				gap: 0;
				margin-top: 0;
		}

		.sustainability .align-center-80-percent {
				max-width: 80%;
				align-self: center;
		}

		.sustainability .object-fit-cover {
				object-fit: cover;
				width: 100%;
				height: 100%;
		}
}

@media (min-width: 1600px) {
		.sustainability-people-section-working .sustainability-section-content {
				padding: 4rem;
		}
}


/*------------------------------------------------------------------------------
 display＊デバイスサイズ毎に表示非表示
 -----------------------------------------------------------------------------*/
.pcOnly{
  display:block;
}
.pcTabOnly{
  display:block;
}
.tabSpOnly{
  display:none;
}
.tabOnly{
  display:none;
}
.spOnly{
  display:none;
}
/*
992px
1600px
*/
@media only screen and (max-width: 768px) {
  .pcOnly{
    display:none;
  }
  .pcTabOnly{
    display:block;
  }
  .tabSpOnly{
    display:block;
  }
  .tabOnly{
    display:block;
  }
  .spOnly{
    display:none;
  }
}
@media only screen and (max-width: 576px) {
  .pcOnly{
    display:none;
  }
  .pcTabOnly{
    display:none;
  }
  .tabSpOnly{
    display:block;
  }
  .tabOnly{
    display:none;
  }
  .spOnly{
    display:block;
  }
}
/* ------------------------------------------- */


/*------------------------------------------------------------------------------
【レイアウト調整】Add
-----------------------------------------------------------------------------*/
.sustainability{
	overflow:hidden;
}

.sustainability div p{
	line-height:1.5;
}
.sustainability div p span,
.sustainability h2 span,
.sustainability h3 span{
 display: inline-block;
}

.sustainability .sustainability-header-introduction p{
	line-height:1.8;
}

.sustainability-footer-cta{
	padding:6rem 2rem 2rem;
}
.sustainability-section-content-description{
	padding:0;
}

.sustainability-ethical-program-item.top{
	text-align: left;
}
.sustainability-ethical-program-item.top .sustainability-ethical-program-title{
	max-width:100%;
	width:auto;
	display: inline-block;
}
.sustainability-ethical-program-item.bottom{
	text-align: left;
}
.sustainability-ethical-program-item.bottom .sustainability-ethical-program-title{
	max-width:100%;
	width:auto;
	display: inline-block;
}
.sustainability-section-content-description-note > span{
	display: inline-block;
}



@media only screen and (min-width:992px){
	.sustainability-header-introduction{
		padding:2rem 0;
	}
}
@media only screen and (max-width:576px){
	.sustainability-section-container:has(.sustainability-section-image-container.border-radius-top){
		padding-left: 10px;
		padding-right: 10px;
	}
	.sustainability-footer-message{
		padding:2rem;
	}
	.sustainability-test-item{
	  grid-template-columns: 90px 1fr;
	  gap: 0.85rem;
	  padding: 1.5rem 1.2rem;
	}
}