@charset "UTF-8";

/*---------------------------
SDGS SP用
---------------------------*/

/* SDGSとは SP
----------------------*/
.sdgs-note {
	padding: 0 4.667vw;
}
.sdgs h2 {
	padding: 0 0 22vw;
}
.sdgs h2.noteh2 {
	line-height: 1.8;
}
.sdgs h2.noteh2 span {
	line-height: 1.2;
}

.sdgs-box {
	background: #f5faff;
	position: relative;
}

.sdgs-box div {
	padding: 54.933vw 4.667vw 37.333vw;
}

.sdgs-box div p:first-child {
	width: 90.667vw;
	position: absolute;
	left: 4.667vw;
	top: -14.133vw;
}

.sdgs-tree-pc {
	display: none;
}
.sdgs-tree-sp {
	width: 40.533vw;
	position: absolute;
	right: 9.333vw;
	bottom: -4.667vw;
	z-index: 10;
}

.goals {
	padding: 13.333vw 0;
	background: url(../image/sdgs/bg-goals_sp.jpg) no-repeat center top;
}
.goals .goals_contents {
	width: 90.667vw;
	margin: 0 auto;
	padding: 0 4.667vw;
	background: #fff;
}
.goals_contents .logo_goals,
.goals_contents .logo_company {
	padding: 8vw 0;
	text-align: center;
}
.goals_contents .logo_goals {
	position: relative;
}
.goals_contents .logo_goals::after {
	content: "";
	position: absolute;
	background: var(--base);
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
}

.goals_contents .logo_goals img {
	width: 82%;
}
.goals_contents .logo_company img {
	width: 78%;
}
.goals-ttl {
	padding-top: 25px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

/* ACTION SP
----------------------*/
.action {
	padding: 14.667vw 0 0;
}
.action h2 {
	text-align: center;
}
.sdgs-icon {
	padding: 9.333vw 0 28.933vw;
	background-image: url(../image/sdgs/bg-sdgs-left.jpg), url(../image/sdgs/bg-sdgs-right.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 44.933vw, 50.4vw;
}

.sdgs-pc {
	display: none;
}

.sdgs-icon ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 9.333vw;
}
.sdgs-icon ol li {
	width: 25.333vw;
	padding: 0 0 2.4vw;
}

/* ACTION 01-03 -------------*/
.act-left {
	padding: 29.333vw 0 10.667vw;
	position: relative;
}

/* 背景画像 */
.act-left.bg01 {
	background: url(../image/sdgs/bg-action01_sp.jpg) no-repeat center top;
}
.act-left.bg03 {
	background: url(../image/sdgs/bg-action03_sp.jpg) no-repeat center top;
}

/* タイトル下画像 */
.act-left > p {
	width: 100%;
	position: absolute;
	right: 0;
	top: 13.333vw;
}
.act-left > p span {
	display: block;
	width: 96%;
	margin-left: auto;
	height: 59.067vw;
}
.act-left > p.main-ph01 span {
	background: url(../image/sdgs/action-main01_sp.jpg) no-repeat left top;
	background-size: cover;
}
.act-left > p.main-ph03 span {
	background: url(../image/sdgs/action-main03_sp.jpg) no-repeat left top;
	background-size: cover;
}

/* 内容 01-03 SP */
.act-bgwhite {
	padding: 0 5% 0 0;
}
.act-box {
	padding: 52vw 4.667vw 10.667vw;
	background: #fff;
}
.act-box article h3 {
	line-height: 1;
}
.act-box article h3 span {
	display: block;
}
.act-box article h3 span:first-child {
	color: var(--red);
	font-size: 5.333vw;
}
.act-box article h3 span:last-child {
	font-size: 16.667vw;
	color: #fff;
	-webkit-text-stroke: 2px var(--red);
	text-stroke: 2px var(--red);
}
.act-box article h3 > img,
.act-box-r article h3 > img {
	width: 17vw;
}

.act-box article h4 {
	padding: 18px 0;
	color: #fff;
	font-size: 5.333vw;
	font-weight: bold;
}
.act-box article h4.act03 {
	padding: 5.6vw 0 7.333vw;
}

.act-box article h4 span {
	display: block;
	line-height: 1;
	margin: 0 0 1.867vw;
	padding: 1.867vw 0 1.867vw 1.6vw;
	background: var(--base);
}
.act-box article h4 span.text01 {
	width: 61.067vw;
}
.act-box article h4 span.text02 {
	width: 84.533vw;
}
.act-box article h4 span.text05 {
	width: 66.667vw;
}
.act-box article h4 span.text06 {
	width: 55.733vw;
}

.act-box article div p {
	padding: 0 0 10.667vw;
}

/* アイコン 182 */
.act-box article div ol,
.act-box-r article div ol {
	display: flex;
	flex-wrap: wrap;
}

.act-box article div ol li {
	width: 24.267vw;
	margin: 0 3.467vw 0 0;
}

.act-box-r article div ol li {
	width: 24.267vw;
	margin: 0 3.467vw 3.467vw 0;
}
.act-box-r article div ol li:last-child {
	margin: 0 3.467vw 0 0;
}

/* ACTION 02 -------------*/
.act-right {
	padding: 29.333vw 0 10.667vw;
	position: relative;
}

/* 背景画像 */
.act-right.bg02 {
	background: url(../image/sdgs/bg-action02_sp.jpg) no-repeat center top;
	background-size: cover;
}

/* タイトル下画像 */
.act-right > p {
	width: 100%;
	position: absolute;
	right: 0;
	top: 13.333vw;
}
.act-right > p span {
	display: block;
	width: 96%;
	margin-left: auto;
	height: 59.067vw;
}
.act-right > p.main-ph02 span {
	background: url(../image/sdgs/action-main02_sp.jpg) no-repeat left top;
	background-size: cover;
}

/* 内容 02 SP */
.act-bgwhite-r {
	padding: 0 5% 0 0;
}
.act-box-r {
	padding: 52vw 4.667vw 6.667vw;
	background: #fff;
}

.act-box-r article h3 {
	line-height: 1;
}
.act-box-r article h3 span {
	display: block;
}
.act-box-r article h3 span:first-child {
	color: var(--red);
	font-size: 5.333vw;
}
.act-box-r article h3 span:last-child {
	font-size: 16.667vw;
	color: #fff;
	-webkit-text-stroke: 2px var(--red);
	text-stroke: 2px var(--red);
}

.act-box-r article h4 {
	padding: 5.6vw 0 7.333vw;
	color: #fff;
	font-size: 5.333vw;
	font-weight: bold;
}
.act-box-r article h4 span {
	display: block;
	line-height: 1;
	margin: 0 0 1.867vw;
	padding: 1.867vw 0 1.867vw 1.6vw;
	background: var(--base);
}
.act-box-r article h4 span.text03 {
	width: 66.667vw;
}
.act-box-r article h4 span.text04 {
	width: 62.4vw;
}

.act-box-r article div p {
	padding: 0 0 10.667vw;
}