@charset "utf-8";
.sustainability-slider-wrap{
	display: flex;
}
.swiper.js-sustainability-main-slider{
	overflow: hidden;
}
.sustainability-main-slider > div{
	height: auto;
	border: 1px solid #dde0e7;
	box-shadow: 0px 6px 15px -6px #999999;
	box-sizing: border-box;
}
.sustainability-main-slider-figure-wrap{
	position: relative;
}
.sustainability-main-slider-figure__icon{
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: #ffffff;
	border-radius: 8px;
}
.sustainability-main-slider-figure__icon img{
	border-radius: 8px;
}
.sustainability-main-slider-text__title{
	margin: 0 auto;
	padding-bottom: 5px;
	font-size: 16px;
	text-align: center;
	border-bottom: 2px dotted #278e22;
}
.sustainability-main-slider-text__news .sustainability-list-wrap{
	margin-top: 20px;
}
.sustainability-thumb-slider-list{
	display: flex;
}
.sustainability-thumb-slider-list > div{
	position: relative;
	border: 1px solid #dde0e7;
	border-radius: 8px;
	cursor: pointer;
}
.sustainability-thumb-slider-list > div.swiper-slide-thumb-active{
	border: 1px solid #ffffff;
}
.sustainability-thumb-slider-list > div.swiper-slide-thumb-active::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: 2px solid #1eace5;
	border-radius: 8px;
}
.sustainability-thumb-slider-list > div button{
	border: none;
	background-color: #ffffff;
	border-radius: 8px;
}
.sustainability-thumb-slider-list > div button:hover{
	cursor: pointer;
}
.sustainability-thumb-slider-list > div button img{
	vertical-align: middle!important;
	border-radius: 8px;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	content: ""
}
.swiper-button-next,
.swiper-button-prev{
	background-color: #0e0d6a!important;
	border-radius: 100px;
	border: none;
	cursor: pointer;
}
.swiper-button-next::after,
.swiper-button-prev::after{
	content: '';
	position: absolute;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
.swiper-button-next,
.swiper-button-prev{
	background: none;
	border: none;
}
.sustainability-slider-wrap img{
	width: 100%;
}
/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px){
	.swiper{
		max-width: 1200px;
	}
	.swiper-slide img{
		height: auto;
		width: 100%;
	}
	.sustainability-slider-wrap{
		flex-direction: column-reverse;
		margin-top: 50px;
		padding-bottom: 50px;
	}
	.sustainability-main-slider > div{
		display: flex;
		width: 850px!important;
		margin-bottom: 15px;
	}
	.sustainability-main-slider-figure-wrap{
		display: flex;
		flex-direction: column;
	}
	.sustainability-main-slider-figure__figure{
		flex-grow: 1;
		width: 380px;
	}
	.sustainability-main-slider-figure__figure img{
		width: 100%!important;
		height: 100%!important;
		object-fit: cover;
	}
	.sustainability-main-slider-figure__icon{
		width: 130px;
	}
	.sustainability-main-slider-text-wrap{
		padding: 20px 30px;
		width: 100%;
	}
	.sustainability-main-slider-text__title{
		max-width: 300px;
	}
	.sustainability-main-slider-wrap .swiper-button-next{
		right: 88px;
	}
	.sustainability-main-slider-wrap .swiper-button-prev{
		left: 88px;
	}
	.sustainability-main-slider-wrap .swiper-button-next,
	.sustainability-main-slider-wrap .swiper-button-prev{
		top: 50%;
		width: 50px;
		height: 50px;
	}
	.sustainability-main-slider-wrap .swiper-button-next::after,
	.sustainability-main-slider-wrap .swiper-button-prev::after{
		top: calc(50% - 9px);
		width: 15px;
		height: 15px;
	}
	.sustainability-main-slider-wrap .swiper-button-next::after{
		left: calc(50% - 12px);
		transform: rotate(135deg);
	}
	.sustainability-main-slider-wrap .swiper-button-prev::after{
		right: calc(50% - 12px);
		transform: rotate(-45deg);
	}
	.sustainability-thumb-slider-wrap{
		margin-top: 30px;
	}
	.sustainability-thumb-slider-wrap .swiper-button-next,
	.sustainability-thumb-slider-wrap .swiper-button-prev{
		display: none;
	}
	.sustainability-thumb-slider-list{
		flex-wrap: wrap;
		justify-content: center;
	}
	.sustainability-thumb-slider-list > div{
		width: calc((100% - 123px) / 8) !important;
	}
	.sustainability-thumb-slider-list > div:not(:nth-child(8n)):not(:last-child){
		margin-right: 15px
	}
	.sustainability-thumb-slider-list > div:nth-child(n+9){
		margin-top: 15px
	}
	.sustainability-thumb-slider-list > div button:hover{
		opacity: 0.5;
		transition: .5s;
	}
}
@media print, screen and (min-width: 1261px){
	.sustainability-main-slider-wrap .swiper-button-next{
		right: 105px;
	}
	.sustainability-main-slider-wrap .swiper-button-prev{
		left: 105px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
	.swiper{
		max-width: 1164px;
	}
}
/* ======================================================
 * SP
====================================================== */
@media print, screen and (max-width: 767px){
	.swiper.js-sustainability-main-slider{
		width: 100%;
	}
	.sustainability-slider-wrap{
		flex-direction: column;
		margin-top: 30px;
	}
	.sustainability-main-slider{
		padding-bottom: 20px;
	}
	.sustainability-main-slider-figure__icon{
		width: 110px;
	}
	.sustainability-main-slider-text-wrap{
		padding: 20px 15px;
	}
	.sustainability-main-slider-wrap{
		margin-top: 20px;
	}
	.sustainability-main-slider-wrap .swiper-button-next,
	.sustainability-main-slider-wrap .swiper-button-prev{
		display: none;
	}
	.sustainability-thumb-slider{
		width: 72%;
	}
	.sustainability-thumb-slider-wrap{
		position: relative;
/*		display: flex;
		justify-content: center;
		flex-direction: column;*/
	}
	.sustainability-thumb-slider-wrap .swiper-button-next{
		right: 0;
	}
	.sustainability-thumb-slider-wrap .swiper-button-prev{
		left: 0;
	}
	.sustainability-thumb-slider-wrap .swiper-button-next,
	.sustainability-thumb-slider-wrap .swiper-button-prev{
		top: 50%;
		width: 35px;
		height: 35px;
	}
	.sustainability-thumb-slider-wrap .swiper-button-next,
	.sustainability-thumb-slider-wrap .swiper-button-prev{
		width: 35px;
		height: 35px;
	}
	.sustainability-thumb-slider-wrap .swiper-button-next::after,
	.sustainability-thumb-slider-wrap .swiper-button-prev::after{
		top: calc(50% - 5px);
		width: 10px;
		height: 10px;
	}
	.sustainability-thumb-slider-wrap .swiper-button-next::after{
		left: calc(50% - 8px);
		transform: rotate(135deg);
	}
	.sustainability-thumb-slider-wrap .swiper-button-prev::after{
		right: calc(50% - 8px);
		transform: rotate(-45deg);
	}
	.sustainability-thumb-slider-list > div{
		box-sizing: border-box;
	}
	.sustainability-thumb-slider-wrap .swiper-button-prev,
	.sustainability-thumb-slider-wrap .swiper-button-next{
		position: absolute;
		top: 60%;
	}
	.sustainability-thumb-slider-wrap .swiper-button-prev{
		left: 0;
	}
	.sustainability-thumb-slider-wrap .swiper-button-next{
		right: 0;
	}
}