@charset "utf-8";

/*=====================================================
1: Layout
=====================================================*/

/*
===== 1: Layout ===========================*/

.mori_ecology_cts{
	max-width:1000px;
	margin:0 auto;
	padding:0 0 0 0;
}

.mori_ecology_cts h3{
	font-size:20px;
	line-height:30px;
	font-weight:700;
	color:#286b2a;
	background-color: transparent;
	padding: 0 0 30px 0;
}


.mori_ecology_cfp{
	max-width: 900px;
	margin: 0 auto;
	background-color: #EBF4E0;
}

.mori_ecology_cfp_inner{
	padding: 40px 50px 40px 60px;
	box-sizing: border-box;
	overflow: hidden;
}

.mori_ecology_cfp_inner .tx_box,
.mori_ecology_cfp_inner .pic_01{
	float: left;
}

.mori_ecology_cfp_inner .pic_01 {
	margin-right: 20px;
}

.mori_ecology_cfp_inner h3{
	text-align: center;
}

.mori_ecology_cfp_inner .txt{
	line-height:1.7;
}

.mori_ecology_year{
	max-width: 900px;
	margin: 60px auto 0;
}

.mori_ecology_year .chronology_box{
	margin-bottom: 60px;
}

.mori_ecology_year .chronology_box:last-child{
	margin-bottom: 0;
}

.mori_ecology_year .chronology_box .column_box{
	margin-top: 30px;
}

.mori_ecology_year .chronology_box ul{
	width: 100%;
	margin:30px 0 0 0;
}

.mori_ecology_year .chronology_box li{
	width:100%;
	margin-left: 10px;
}

.mori_ecology_year .chronology_box li:first-child{
	margin-left: 0;
}

.mori_ecology_year .chronology_box li img{
	width: 100%;
	height: auto;
}

.mori_ecology_year .chronology_box .s_txt{
	margin-top: 5px;
	font-size: 12px;
	display: block;
}

.mori_ecology_year .chronology_box .btn{
	width: 280px;
	max-width: 280px;
	margin: 30px auto 0;
}


.mori_ecology_year .chronology_box .column2{
	display: flex;
}
.mori_ecology_year .chronology_box .column2 .txt_box{
	width: 70%;
	margin-right: 38px;
}
.mori_ecology_year .chronology_box .column2 .pic{
	width: 30%;
}

.mori_ecology_year .chronology_box .column2 .pic img{
	width: 100%;
	height: auto;
}

.mori_ecology_year .chronology_box .link{
	text-align: left;
	margin-top: 10px;
}











.mori_ecology_year th{
	width:110px;
	padding:20px 0;
	line-height:1;
	background:#8dc347;
}

.mori_ecology_year td{
	width:675px;
	padding:17px 0 20px 35px;
}

.mori_ecology_year td .txt_01{
	font-size:110%;
	font-weight:700;
	color:#286b2a;
}

.mori_ecology_year td .txt_01.adbt{
	padding:17px 0 0 0;
	margin:15px 0 0 0;
	border-top:dashed 1px #7bb04a;
}

.mori_ecology_year td .txt_02{
	font-size:83%;
}

.mori_ecology_year td .mori_ecology_tbox{
	margin:12px 0 0 0;
}

.mori_ecology_year td .mori_ecology_tbox.first{
	padding:0 35px 0 0;
}
.mori_ecology_year td .mori_ecology_tbox .txt{
	float:left;
	width:410px;
}

.mori_ecology_year td .mori_ecology_tbox .txt.w440{
	width:440px;
}

.mori_ecology_year td .mori_ecology_tbox .pic{
	float:right;
	width:250px;
}

.mori_ecology_year td .mori_ecology_tbox .pic.w191{
	width:191px;
}

sub,
sup{
	padding:0 0;
	font-size:60%;
}


@media screen and (max-width:767px){
	.mori_ecology_cfp_inner{
		padding: 30px 20px;
	}

	.mori_ecology_year .chronology_box .column_box{
		margin-top: 20px
	}

	.mori_ecology_cfp_inner .tx_box,
	.mori_ecology_cfp_inner .pic_01{
		float: none;
	}

	.mori_ecology_cfp_inner .pic_01 img{
		width: 50% !important;
		margin: 0 auto;
	}

	.mori_ecology_cfp_inner .pic_01{
		text-align: center;
		margin-bottom: 20px;
		margin-right: 0;
	}

	.mori_ecology_year .chronology_box li{
		margin-left: 5px;
		margin-bottom: 20px;
	}

	#year_2002 li{
		margin-bottom: 0;
	}

	.mori_ecology_year .chronology_box .column2{
		margin-top: 30px;
		display: block;
	}

	.mori_ecology_year .chronology_box .column2 .txt_box{
		margin-right: 0;
		width: 100%;
	}

	.mori_ecology_year .chronology_box .column2 .txt_box .pic{
		float: right;
		width: 40%;
	}

	
}