/*common mod------------------*/
section.title{
	min-height:calc(100vh - 76px);
	padding:80px;
}
section:last-of-type{
	padding:80px 80px 0;
}
/*----------------------------*/
.initiatives{
	margin:0 auto 100px;
}
.article{
	margin:0 0 20px;
}
.article h3{
	margin:0 0 5px;
	font-family: Albert Sans;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 20px;
	leading-trim: NONE;
	letter-spacing: 4%;
}
.initiatives .img{
	width:100%;
	margin:32px auto 0;
}
.initiatives .img img{
	width:100%;
}

.step{
	margin:32px auto 20px;
}
/*
.step li{
	padding:16px 24px;
	margin:0 0 12px;
	border:1px solid #fff;
	border-radius:16px;
	line-height:1;
	font-size:20px;
	font-weight:500;
}
.step li span:nth-of-type(1){
	display:inline-block;
	margin:0 12px 0 0;
	font-weight:600;
}
.step li:nth-of-type(1){background: rgba(255, 253, 233, 0.4);}
.step li:nth-of-type(2){background: rgba(255, 249, 188, 0.4);}
.step li:nth-of-type(3){background: rgba(255, 243, 117, 0.4);}
.step li:nth-of-type(4){background: rgba(255, 240, 75, 0.4);}
.step li:nth-of-type(5){background: rgba(253, 232, 0, 0.4);}
*/
.initiatives .right.readmore{
	padding:12px 0px 0 39px;
}

.activities{
	width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);
	background:#002940;
	color:#fff;
}
.activities .inner{
	padding:126px 0 56px;
}
.activities h2{
	color:#fff;
}

.slideArea{
	width: 100%;
	margin: 0 auto;
	overflow: hidden; /* 横スクロール防止 */
	padding:0 18.75vw 134px;
	box-sizing: border-box;
}
.bx-wrapper {
	width: 100% !important;    /* inline の width:800px を上書き */
	max-width: none !important;
	border: none;
	box-shadow: none;
	background: transparent;
	margin: 0 auto;
}

.activities .bx-viewport {
	overflow: visible !important;
}

.bx-wrapper .bx-pager{
	position:relative;
	margin:0 auto;
	bottom:-54px!important;
}
.bx-wrapper .bx-pager a{
	border-radius:17px!important;
	width:58px!important;
	height:34px!important;
	border:1px solid #ccc;
	background:transparent!important;
}
.bx-wrapper .bx-pager a.active{
	background:#ccc!important;
}
.bx-wrapper .bx-viewport{
	overflow: visible !important;
}


#slider > li{
	width: 62.5vw !important;
	background: #fff;
	border-radius: 24px;
	padding: 32px;
	box-sizing: border-box;
	background:#fff;
	border-radius:32px;
	color:#002940;
	box-sizing: border-box;
	transition: transform 0.3s ease;
}
#slider > li h3{
	margin:0 0 24px;
	font-weight: 700;
	font-size: 24px;

}
#slider .list li:not(.hasimg){
	padding:0 0 0 32px;
	margin:0 0 6px;
	font-size: clamp(13px, 1.2vw, 16px);
	background:url(../assets/img/icon-check_o.svg) left top 2px no-repeat;
	font-weight: 500;
}
#slider .list li dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#slider .list li dl dt{
	width:16.3%;
}
#slider .list li dl dt img{
	width:100%;
	height:auto;
}
#slider .list li dl dd{
	width:76%;
}

@media screen and (max-width: 960px) {
	/*common mod------------------*/
	section.title{
		min-height:calc(100vh - 48px);
		padding:10vh 6.4% 0;
	}
	section:last-of-type{
		padding: 40px 6.4% 0;
	}
	/*----------------------------*/
	.initiatives{
		margin:0 auto 30px;
	}
	.step li{
		display:flex;
		padding:16px 3% 16px 5%;
		font-size:18px;
	}
	.step li span,.step li span:nth-of-type(1){
		display:block;
		line-height:1.4;
	}
	.step li span:nth-of-type(1){
		width:25%;
	}
	.step li span:nth-of-type(2){
		width:75%;
	}
	.initiatives .right.readmore{
		margin:20px 0 0 auto;
		padding:10px 0px 0 29px;
	}
	.activities .inner{
		padding:40px 5% 28px;
	}
	.slideArea{
		padding:0 0 134px;
	}
	.bx-wrapper .bx-pager a{
		border-radius:18px!important;
		width:20px!important;
		height:12px!important;
	}
	
	#slider > li{
		width:80vw!important;
		padding: 22px 16px;
		margin:0 10vw;
	}
	#slider > li h3{
		font-size: 20px;
	}
	#slider .list li:not(.hasimg){
		margin:0 0 12px;
	}
	#slider .list li dl{
		justify-content:center;
	}
	#slider .list li dl dt{
		width:80%;
	}
	#slider .list li dl dd{
		width:100%;
	}
}