@charset "utf-8";
/* CSS Document */

/* keyvisual
------------------------------------------------ */

#sekizen .page-title::before{
	background:url(../images/img_keyvisual_sekizen.jpg) no-repeat 50% 50% / cover;
}

.page-title::before{
	background:url(../images/img_keyvisual_001.jpg) no-repeat 50% 50% / cover;
}

/* pnavi */

.pnavi ul li{
	width:160px;
}

/* sdgs-box */

.sdgs-box{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:330px;
	margin:50px 0 0;
}

.sdgs-box.sdgs01{
	background:url(../images/bg_sdgs_001.jpg) no-repeat 50% 50% / cover;
}

.sdgs-box.sdgs02{
	background:url(../images/bg_sdgs_002.jpg) no-repeat 50% 50% / cover;
}

.sdgs-box.sdgs03{
	background:url(../images/bg_sdgs_003.jpg) no-repeat 50% 50% / cover;
}

.sdgs-box::after{
	display:none;
}

.sdgs-box h3{
	color:#fff;
	font-size:113%;
	line-height:2;
	margin:0 0 0 80px;
}

.sdgs-box div{
	width:438px;
	margin:0 81px 0 0;
}

.sdgs-box.sdgs03 div{
	width:550px;
}

.sdgs-box ul{
	display:flex;
	flex-wrap:wrap;
	margin:-10px 0 0 -10px;
}

.sdgs-box ul li{
	margin:10px 0 0 10px;
}

/* associate-area */

table .division dd{
	margin:-2.1875em 0 0 10em;
}


/* ---------------------------------------------
 SP
------------------------------------------------ */

/* keyvisual
------------------------------------------------ */

#sekizen.sp .page-title::before{
	background-image:url(../images/img_keyvisual_sekizen_sp.jpg);
}

.sp .page-title::before{
	background-image:url(../images/img_keyvisual_001_sp.jpg);
}

/* pnavi */

.sp .pnavi ul li{
	width:48%;
}

/* sdgs-box */

.sp .sdgs-box{
	display:block;
	height:auto;
	padding:20px 0;
}

.sp .sdgs-box h3{
	font-size:15px;
	text-align:center;
	margin:0;
}

.sp .sdgs-box div{
	width:230px;
	margin:20px auto 0;
}

.sp .sdgs-box.sdgs03 div{
	width:230px;
}

.sp .sdgs-box ul li{
	width:50px;
}