@charset "UTF-8";
/*----------------------------------------------------
　
------------------------------------------------------*/
#main {
margin: 0 0 60px;
padding-top: 100px;
background: #edf8fd;
}

#main h2{
padding: 2em;
font-size: 20px;
}

@media screen and (max-width: 1200px) {
#main {
margin: 0 0 40px;
padding-top:65px;
}
#main h2{
font-size: 15px;
}
}

#main-text{
clear: both;
width: 90%;
max-width: 910px;
margin: 0 auto 95px;
}


@media screen and (max-width: 800px) {
#main-text{
margin: 0 auto 35px;
text-align: left;
font-size: 13px;
}

}
/*----------------------------------------------------
　
------------------------------------------------------*/
#SDGs-detail{
overflow: hidden;
width: 90%;
max-width: 1520px;
margin: 0 auto 90px;
}
#SDGs-detail h3{
color: #4fb6f0;
font-size: 30px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: normal;
font-style: normal;
text-align: center;
margin: 0 0 60px;
}

@media screen and (max-width: 1200px) {
#SDGs-detail{
margin: 0 auto 40px;
}
#SDGs-detail h3{
font-size: 17px;
text-align: center;
margin: 0 0 1em;
}

}
/*----------------------------------------------------
　
------------------------------------------------------*/
#greet{
	clear:both;
	overflow:hidden;
	margin:0 0 4em;
}
#greet .text{
text-align: left;
}
#greet .name{
text-align: right;
}
@media screen and (max-width: 1000px) {
#greet .name{
padding-top: 1em;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#torikumi{
	clear:both;
	overflow:hidden;
	margin:0 0 5em;
  text-align: left;
}
#torikumi ul .torikumi-detail{
float: left;
width: 46%;
margin:0 8% 3.5em 0;
overflow: hidden;
}

#torikumi ul .torikumi-detail:nth-child(2n){
margin-right: 0;
}
#torikumi ul .torikumi-detail:nth-child(3),
#torikumi ul .torikumi-detail:nth-child(4){
border-top: 1px solid #ccc;
padding-top: 2.5em;
}

#torikumi ul .torikumi-detail h4{
text-align: left;
font-size: 110%;
margin: 0 0 0.4em;
}
#torikumi ul .torikumi-detail .text{
clear: both;
overflow: hidden;
margin: 0 0 1em;
line-height: 1.6;
}
#torikumi ul .torikumi-detail .text .text-d{
margin-bottom: 0.5em;
}
#torikumi ul .torikumi-detail .icon{
clear: both;
overflow: hidden;
}
#torikumi ul .torikumi-detail .icon img{
width: 100%;
}
#torikumi ul .torikumi-detail .icon li{
float: left;
width: 19%;
margin: 0 1% 0.2em 0;
}


@media screen and (max-width: 640px) {
#torikumi ul .torikumi-detail{
float: none;
width: 100%;
margin: 0 0 2.5em;
}
#torikumi ul .torikumi-detail:nth-child(2){
border-top: 1px solid #ccc;
padding-top: 2em;
}
#torikumi ul .torikumi-detail .text{
margin: 0 0 0.6em;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#about{
	clear:both;
	overflow:hidden;
	margin:0 0 4em;

}
#about .text{
float: right;
width: 60%;
text-align: left;
}
#about .text h3{
text-align: left;
font-size: 120%;
margin: 0 0 0.5em;
padding-top: 1.8em;
}
#about .img{
float: left;
width: 35%;
}

@media screen and (max-width: 1000px) {
#about .text h3{
padding-top: 1em;
}
}
@media screen and (max-width: 640px) {

#about .text{
float: none;
width: 100%;
text-align: left;
margin: 0 0 1em;
}
#about .text h2{
padding-top: 0;
}
#about .img{
float: none;
width: 100%;
margin: 0 0 0.5em;
}
}