@charset "UTF-8";

.bg-gra01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    background: linear-gradient(50deg, rgb(173 216 235), rgb(236 238 239));
    border-radius: 0 100px 0 0;
	z-index: -1;
}

table {
	width: 100%;
}
.map {
	width: 100%;
	height: 300px;
}
.icon-sdgs {
	width: 120px;
}
.num {
	width: 25px;
    height: 25px;
    line-height: 25px;
    background: #666;
    color: #fff;
    text-align: center;
    padding: 0;
}
.num02 {
    display: inline-block;
	width: 25px;
    height: 25px;
    line-height: 25px;
    background: #1DB0F1;
    color: #fff;
    text-align: center;
    padding: 0;
    vertical-align: 3px;
}


@media (min-width: 768px) {
	.posi-ph {
        position: absolute;
        top: 100px;
        right: 8%;
	}
	.posi-ph02 {
        position: absolute;
        bottom: -50px;
        right: 15%;
	}


}

@media (max-width: 768px) {

	.bg-gra01 {
		width: 100%;
	}


}