@charset "utf-8";

#content {
	background-image: url(/sdgs/feature/img/vol4/vol4_pc_bg_l.png);
	background-repeat: no-repeat;
	background-position: left 1600px;
}
.bg_r {
	background-image: url(/sdgs/feature/img/vol4/vol4_pc_bg_r.png);
	background-repeat: no-repeat;
	background-position: right 1600px;
}
@media (max-width: 768px) {
	#content {
		background-position: left 1200px;
	}
	.bg_r {
		background-position: right 1200px;
	}
}

/* textWrap */
.textWrap {
	padding-bottom: var(--25px);
}
.textWrap h3 {
	font-size: var(--19px);
}
.textWrap h3 .sbt {
	display: block;
	font-size: var(--14px);
	font-weight: 500;
	margin-top: var(--15px);
}

/* vol4_leadWrap1 */
#vol4_leadWrap1 {
	margin-bottom: var(--30px);
}
#vol4_leadWrap1 .pic {
	position: relative;
}
#vol4_leadWrap1 .pic img {
	width: 100%;
}
#vol4_leadWrap1 .pic .icon {
	position: absolute;
	width: var(--60px);
	height: var(--60px);
	left: var(--10px);
	bottom: var(--10px);
}
#vol4_leadWrap1 .innerTxt {
	margin-top: var(--10px);
	background-color:rgba(255,255,255,0.8);
	border: solid 1px #bebdbb;
	border-radius: var(--5px);
	width: 100%;
	padding: var(--15px);
}
#vol4_leadWrap1 .innerTxt p {
	font-size: var(--13px);
	line-height: 1.5;
}
#vol4_leadWrap1 .innerTxt p + p {
	margin-top: var(--10px);
}

h4 {
	margin-bottom: var(--15px);
}

#figWrap {
	margin-top: var(--20px);
}
#figWrap img {
	width: 100%;
}


/* artistWrap */
#artistWrap {
	margin: 0 auto var(--60px);
	border: solid 1px #bebdbb;
	background-color: #fff;
	border-radius: var(--18px);
	padding: var(--25px) var(--18px) var(--30px);
}
#artistWrap ul {
	margin-top: var(--25px);
}
#artistWrap ul li {
	line-height: 2;
	font-size: var(--12px);
}
#artistWrap ul li + li {
	margin-top: var(--30px);
}
#artistWrap ul li h5 {
	font-weight: 600;
	margin-bottom: var(--10px);
}
#artistWrap ul li h5 a {
	color: #222;
	font-weight: 600;
	text-decoration: underline;
}



/* challenge */
#challenge h3 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	background-image: url(/sdgs/feature/img/vol4/vol4_workshop_ttlbg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: table;
	margin: 0 auto var(--30px);
	font-size: var(--20px);
	letter-spacing: 0;
	color: #003256;
	padding: 0 0 var(--25px) 0;
	font-weight: 700;
}
@media (max-width: 768px) {
	#challenge h3 {
		padding: 0 0 var(--35px) 0;
	}
}
#challenge dl {
	margin-top: var(--18px);
	font-size: var(--13px);
	line-height: 2;
	margin-bottom: var(--30px);
}
#challenge dt {
	font-weight: bold;
}
#challenge dt a {
	text-decoration: underline;
}

/* itemSlideWrap */
.itemSlideWrap .swiper-prev,
.itemSlideWrap .swiper-next {
	top: calc(16.709vw - 32px);
}
@media (min-width: 1185px) {
	.itemSlideWrap .swiper-prev,
	.itemSlideWrap .swiper-next {
		top: 166px;
	}
}
@media (max-width: 768px) {
	.itemSlideWrap .swiper-prev,
	.itemSlideWrap .swiper-next {
		top: calc(25.781vw - 22px);
	}
}