@charset "UTF-8";



/* 森の再生
------------------------------------------------------------*/


h3.concept_ttl{
	width:25%;
	height:auto;
	margin:0 auto 50px auto;
	padding:0;
	text-align:center;
}


.concept_txt{
	font-size:1.1em;
	line-height:200%;
	padding:1% 0;
}

.concept_txt2{
	font-size:1.1em;
	line-height:200%;
	padding:0;
}


.concept_txten{
    font-size:1.1em;
	line-height:200%;
	padding:0;
    text-align: left;
    padding:0 5%;
    margin:10% auto;
}



.concept-images01{
	padding:6% 0 0% 0;
}


.concept-images02{
	padding:6% 0%;
}


h4.concept_ttl2{
border-top:1px solid #F2F1ED;
border-bottom:1px solid #F2F1ED;
display: inline-block;
padding:1% 0;
margin-top:10%;
font-size:1.7em;
line-height:170%;
font-family: "source-han-serif-jp-subset", sans-serif;
font-weight: 400;
font-style: normal;
}


.vision-map{
	margin:10% 0 0 0;
}




@media (max-width: 800px) {

    h3.concept_ttl{
        width:45%;
        height:auto;
        margin:0 auto 30px auto;
        padding:0;
        text-align:center;
    }
    
    

    h4.concept_ttl2{
        border-top:1px solid #F2F1ED;
        border-bottom:1px solid #F2F1ED;
        display: inline-block;
        padding:2% 0;
        margin:25% 15px 0 15px;
        font-size:1.7em;
        line-height:170%;
        font-family: "source-han-serif-jp-subset", sans-serif;
        font-weight: 400;
        font-style: normal;
        }


        .concept_txt{
            font-size:1.1em;
            line-height:200%;
            padding:15px 15px;
            text-align: left;
        }
        
        .concept_txt2{
            font-size:1.1em;
            line-height:200%;
            padding: 15px;
            text-align: left;
        }
        
        .concept_txten{
            font-size:1em;
            line-height:200%;
            padding:0;
            text-align: left;
            padding:0 5%;
            margin:15% auto;
        }
        
        

        .concept-images01{
            padding:6% 15px 0% 15px;
        }
        
        
        .concept-images02{
            padding:30px 15px;
            margin:30px 0;
        }
        


.vision-map{
	margin:40px 0 0 0;
    text-align: center;
}


        
	
}






/* ずっとみんなの森の活動
------------------------------------------------------------*/



h5.activity_ttl{
	padding:3% 0;
	font-size:2.3em;
	line-height:170%;
	font-family: "source-han-serif-jp-subset", sans-serif;
	font-weight: 400;
	color:#324834;
	font-style: normal;
	position:relative;
	}
	
/*上に配置する場合*/
h5.activity_ttl::before {
	content:url(/images/activity_ttl.png); /*表示する画像のURL*/
	position:absolute;
	top:-220px; /*見出しから上40pxの位置に配置*/
	left:0;
	right:0;
	transform: scale(0.18); /*高解像度ディスプレイ対応のサイズで作成した画像を半分の大きさで表示*/
	}
	


.activity-sub-ttl{
    font-size:1.7em;
    font-weight:500;
    margin:0 0 20px 0;
    font-family: "source-han-serif-jp-subset", sans-serif;
}


.activity-sub_txt{
	font-size:1.1em;
	line-height:200%;
	padding:1% 0;
    font-weight:500;
    margin:0;
    padding:0;
}




.index-section-activity1{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:80px 0 0 0;
    padding:0;
    display: flex;
    display: -webkit-flex;
    align-items: center; /* 縦方向中央揃え */
    flex-wrap: wrap;
    text-align:left;
    justify-content: space-between;
    align-content: stretch;  
}


.index-section-activity2{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:120px 0;
    padding:0;
    display: flex;
    display: -webkit-flex;
    align-items: center; /* 縦方向中央揃え */
    flex-wrap: wrap;
    text-align:left;
    justify-content: space-between;
    align-content: stretch;
    flex-direction: row-reverse;    
}



.index-section-activity1_left{
    width:54%;
    height:auto;
    overflow:hidden;
    padding:0px;
    margin:0;
    text-align:left;
    color:#000000;
    line-height:220%;
    text-align:left;
    font-weight: bold!important;
}

.index-section-activity1_right{
    width:40%;
    height:auto;
    overflow:hidden;
    padding:0px;
    margin:0;
    text-align:left;
    color:#000000;
    line-height:220%;
    text-align:left;
    font-weight: bold!important;
}


.index-section-activity2_left{
    width:55%;
    height:auto;
    overflow:hidden;
    padding:0px;
    margin:0;
    text-align:left;
    color:#000000;
    line-height:220%;
    text-align:left;
    font-weight: bold!important;
}

.index-section-activity2_left img{
    width:80%;
}

.index-section-activity2_right{
    width:35%;
    height:auto;
    overflow:hidden;
    padding:0px;
    margin:0;
    text-align:left;
    color:#000000;
    line-height:220%;
    text-align:left;
    font-weight: bold!important;
}


ol.member-list{
    list-style-type: circle;
    margin:0 0 0 15px;
    padding:0;
    text-align:left;
}
ol.member-list li{
    margin:0 0 15px 0;
}


@media screen and (max-width: 800px) {



    h5.activity_ttl{
        padding:3% 0;
        font-size:1.8em;
        line-height:170%;
        font-family: "source-han-serif-jp-subset", sans-serif;
        font-weight: 400;
        color:#324834;
        font-style: normal;
        position:relative;
        }
        
    /*上に配置する場合*/
    h5.activity_ttl::before {
        content:url(/images/activity_ttl.png); /*表示する画像のURL*/
        position:absolute;
        top:-220px; /*見出しから上40pxの位置に配置*/
        left:0;
        right:0;
        transform: scale(0.14); /*高解像度ディスプレイ対応のサイズで作成した画像を半分の大きさで表示*/
        }
        
    
    
    .activity-sub-ttl{
        font-size:1.4em;
        font-weight:500;
        margin:0 0 20px 0;
        text-align:center;
        font-family: "source-han-serif-jp-subset", sans-serif;
    }
    
    
    .activity-sub_txt{
        font-size:1.1em;
        line-height:200%;
        padding:1% 0;
        font-weight:500;
        margin:0;
        padding:0;
    }
    
    
    
    
    .index-section-activity1{
        width:100%;
        height:auto;
        overflow:hidden;
        margin:60px 0 0 0;
        padding:0;
        display:inherit;
        display: -webkit-flex;
        align-items: center; /* 縦方向中央揃え */
        flex-wrap: wrap;
        text-align:left;
        justify-content: space-between;
        align-content: stretch;  
    }
    
    
    .index-section-activity2{
        width:100%;
        height:auto;
        overflow:hidden;
        margin:120px 0;
        padding:0;
        display:inherit;
        display: -webkit-flex;
        align-items: center; /* 縦方向中央揃え */
        flex-wrap: wrap;
        text-align:left;
        justify-content: space-between;
        align-content: stretch;
        flex-direction: row-reverse;    
    }
    
    
    
    .index-section-activity1_left{
        width:auto;
        height:auto;
        overflow:hidden;
        padding:0px;
        margin:0 0 30px 0;
        text-align:left;
        color:#000000;
        line-height:220%;
        text-align:left;
        font-weight: bold!important;
    }
    
    .index-section-activity1_right{
        width:auto;
        height:auto;
        overflow:hidden;
        padding:0px;
        margin:0;
        text-align:left;
        color:#000000;
        line-height:220%;
        text-align:left;
        font-weight: bold!important;
    }
    
    
    .index-section-activity2_left{
        width:auto;
        height:auto;
        overflow:hidden;
        padding:0px;
        margin:0 0 30px 0;
        text-align:left;
        color:#000000;
        line-height:220%;
        text-align:left;
        font-weight: bold!important;
    }
    
    .index-section-activity2_left img{
        width:80%;
        padding:0 0 0 10%;
        text-align: center;
    }
    
    .index-section-activity2_right{
        width:auto;
        height:auto;
        overflow:hidden;
        padding:0px;
        margin:0;
        text-align:left;
        color:#000000;
        line-height:220%;
        text-align:left;
        font-weight: bold!important;
    }
    
	

}






/* 団体概要
------------------------------------------------------------*/

h5.overview_ttl{
	padding:0;
    margin:0 0 30px 0;
	font-size:2.1em;
	line-height:170%;
	font-family: "source-han-serif-jp-subset", sans-serif;
	font-weight: 400;
	font-style: normal;
	}

.index-section-overview{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:0;
    padding:0;
    display: flex;
    display: -webkit-flex;
    align-items: center; /* 縦方向中央揃え */
    flex-wrap: wrap;
    text-align:left;
    justify-content: space-between;
    align-content: stretch;
}


.index-section-overview_box{
    width:47%;
    height:100%;
    overflow:hidden;
    padding:0px;
    margin:0;
    text-align:left;
    color:#F2F1ED;
    line-height:220%;
    text-align:left;
}


table.company-list{
	width:100%;
	height:auto;
	padding:0px;
	margin:0;
	text-align:left;
	border:none;
	line-height:180%;
    border-top:1px solid #F2F1ED;
	}
	
	table.company-list a{
	color:#00692f;
	}
	
	table.company-list th{
	width:110px;
	margin:0;
	padding:15px 0;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #F2F1ED;
	}
	
	table.company-list td{
		padding:15px 0;
	margin:0;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #F2F1ED;
	}


    table.company-list br {
        display: block;
        content: "";
        margin:-5px 0 0 0;
        }
    

    @media (max-width: 800px) {


        h5.overview_ttl{
            padding:0;
            margin:0 0 30px 0;
            font-size:1.5em;
            line-height:170%;
            font-family: "source-han-serif-jp-subset", sans-serif;
            font-weight: 400;
            font-style: normal;
            }
        
        .index-section-overview{
            width:auto;
            height:auto;
            overflow:hidden;
            margin:0;
            padding:0;
            display:inherit;
            display: -webkit-flex;
            align-items: center; /* 縦方向中央揃え */
            flex-wrap: wrap;
            text-align:left;
            justify-content: space-between;
            align-content: stretch;
        }
        
        
        .index-section-overview_box{
            width:auto;
            height:auto;
            overflow:hidden;
            padding:0px;
            margin:0;
            text-align:left;
            color:#F2F1ED;
            line-height:220%;
            text-align:left;
        }
        
        
     	
		table.company-list{
			width:100%;
			height:auto;
			padding:0px;
			margin:0 0 60px 0;
			text-align:left;
			border:none;
			line-height:180%;
            border-top:1px solid #F2F1ED;
			}
			
			
			table.company-list th{
			width:80px;
			margin:0;
			padding:15px 0;
			vertical-align:top;
			text-align:left;
			font-weight:bold;
			border-bottom:1px solid #F2F1ED;
			}
			
			table.company-list td{
				padding:15px 0;
			margin:0;
			vertical-align:top;
			text-align:left;
			border-bottom:1px solid #F2F1ED;
			}
        

    }


/* 代表メッセージ
------------------------------------------------------------*/

h5.message_ttl{
	padding:0;
	font-size:2.3em;
	line-height:170%;
	font-family: "source-han-serif-jp-subset", sans-serif;
	font-weight: 400;
	font-style: normal;
    margin:0 0 50px 0;
	}

.message_images{
    width:45%;
    margin:0 auto;
    padding:0 0 0 8%;
    text-align:center;
}


.message_txt{
	font-size:1.1em;
	line-height:250%;
	padding:1% 0;
	text-align: left;
}


@media (max-width: 800px) {
	
    .message_images{
        width:85%;
        margin:0 auto;
        padding:0 0 0 14%;
        text-align:center;
    }

    

}