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

body{
	background-image: url("/~oseki/image/linkbg.png");
	background-size: 10%;
	background-attachment: fixed;
	background-position: 3% 95%;
}

#project-base{
	margin-top: 5%;
	padding-left: 7%;
	padding-right: 7%;
	font-size: 1.7vw;
	min-height: 60vw;
	line-height: 2.5;
}


h2{
	font-size: 4.5vw;
	margin: 1% 0% 5% 0%;
	text-align: center;
	color: #1962A3;
}

@media screen and (max-width: 480px) {
	h2{
	font-size: 5.5vw;
}
}


main p{
	color: #010A4F;
}
@media screen and (max-width: 480px) {
	main p{
	font-size: 3vw;
}
}


.project{
	margin-bottom: 10%;
	align-content: center;
}

.lead-text{
	margin-bottom: 10vw;
}

.ac-menu-inside{
	margin-bottom: 5%;
}

.ac-menu:last-child {
  margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
}


.inside-lead{
	padding: 0% 3% 0% 3%;
	text-align: left;
}
@media screen and (max-width: 480px) {
	.inside-lead{
	font-size: 3vw;
}
}


.inside-lead h3{
	font-size: 2.6vw;
	margin-top: 2%;
}
@media screen and (max-width: 480px) {
	.inside-lead h3{
	font-size: 3.5vw;
}
}


/* 各項目タイトル色 */

.SDGs{
	background-color: #0580C3;
	color: white;
	margin-bottom: 2%;
}

.poverty{
	background-color: #ee192d;
	color: white;
	margin-bottom: 2%;
}

.hunger{
	background-color: #d7a425;
	color: white;
	margin-bottom: 2%;
}

.vegitarianism{
	background-color: #279f46;
	color: white;
	margin-bottom: 2%;
}

.children{
	background-color: #c72034;
	color: white;
	margin-bottom: 2%;
}

.gender{
	background-color: #f2412d;
	color: white;
	margin-bottom: 2%;
}

.water{
	background-color: #00b1dd;
	color: white;
	margin-bottom: 2%;
}

.energy{
	background-color: #ffb80b;
	color: white;
	margin-bottom: 2%;
}

.refugees{
	background-color: #e61686;
	color: white;
	margin-bottom: 2%;
}

.development{
	background-color: #fc9f28;
	color: white;
	margin-bottom: 2%;
}

.consumption{
	background-color: #d39028;
	color: white;
	margin-bottom: 2%;
}

.climate{
	background-color: #457b3d;
	color: white;
	margin-bottom: 2%;
}

.plastic{
	background-color: #007fbe;
	color: white;
	margin-bottom: 2%;
}

.insects{
	background-color: #39b248;
	color: white;
	margin-bottom: 2%;
}

.partnerships{
	background-color: #1a336c;
	color: white;
	margin-bottom: 2%;
}

.globalcitizenship{
	background-color: #065590;
	color: white;
	margin-bottom: 2%;
}

.other{
	background-color: #361904;
	color: white;
	margin-bottom: 2%;
}


/* -------------- */


.ListBlock{
	padding: 1% 0% 2% 5%;
	color: #010A4F;
}
@media screen and (max-width: 480px) {
	.ListBlock{
	font-size: 3vw;
}
}

ul{
	padding-left: 4%;
	list-style: ;
}

li{
	margin-bottom: 3%;
}

li span{
	padding-left: 3%;
}


.url{
	text-decoration: underline;
	color: #47763c;
}


.none{
	display: none;
}