@charset "utf-8";

/*=====================================================
1: Layout
=====================================================*/

/*
===== 1: Layout ===========================*/

.mori_eco_cts{
	max-width:900px;
	margin:0 auto;
}

.mori_eco_cts .txt_01{
	line-height:1.7;
	text-align:center;
}

.mori_eco_list{
	padding:15px 0 0 0;
	width:820px;
}

.mori_eco_list li{
	float:left;
	width:260px;
	margin:20px 20px 0 0;
}

.mori_eco_list li.ri{
	margin:20px 0 0 0;
}


.mori_eco_list li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/* overlay & floatbox */

#overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#63a800;
	-ms-filter: "alpha( opacity=85 )";
	filter: alpha( opacity=85 );
	opacity:0.85;
	z-index:11;
}

#float_box{
	position:absolute;
	top:50%;
	left:50%;
	width:920px;
	margin:0 0 0 -460px;
	background:url('/mori_kaori/res/image/eco/bg_floatbox_upper.png') no-repeat 0 0;
	padding:20px 0 0 0;
	display:none;
	z-index:12;
}

#float_box_add{
	background:url('/mori_kaori/res/image/eco/bg_floatbox_bottom.png') no-repeat 0 bottom;
	padding:0 0 20px 0;
}

#float_box_inner{
	background:#ffffff;
	padding:0 50px 30px 50px;
	position:relative;
	font-size: 116%;
}

#float_box_close{
	position:absolute;
	top:0;
	right:0;
	margin:-30px -11px 0 0;
}

.mori_eco_float_ttl{
	width:820px;
	padding:0 0 15px 0;
	border-bottom:solid 2px #7bb04a;
	position:relative;
}

.mori_eco_float_ttl h2{
	text-align:center;
}

.mori_eco_float_ttl .txt{
	font-weight:700;
	text-align:center;
	margin:6px 0 0 0;
}

.mori_eco_float_ttl li.mori_eco_float_prv{
	position:absolute;
	top:65px;
	left:0;
}

.mori_eco_float_ttl li.mori_eco_float_nxt{
	position:absolute;
	top:65px;
	right:0;
}

.mori_eco_float_ttl li a{
	display:inline-block;
	min-height:30px;
	font-size:83%;
	line-height:1.3;
	font-weight:700;
	color:#6da837;
	text-decoration:none;
}

.mori_eco_float_ttl li.mori_eco_float_prv a{
	background:url('/mori_kaori/res/image/eco/icon_arrow_prv.png') no-repeat 0 center;
	padding:0 0 0 40px;
}

.mori_eco_float_ttl li.mori_eco_float_nxt a{
	background:url('/mori_kaori/res/image/eco/icon_arrow_nxt.png') no-repeat right center;
	padding:0 40px 0 0;
}

.mori_eco_float{
	display:none;
}

.mori_eco_float_cts{
	padding:35px 20px 0 20px;
}

.mori_eco_float_cts .txt_01{
	font-size:138%;
	line-height:1.3;
	font-weight:700;
	color:#457f46;
	text-align:left;
}

.mori_eco_float_cts .txt_02{
	font-size:124%;
	line-height:1.5;
	font-weight:700;
	color:#6da837;
}

.mori_eco_float_cts .txt_03{
	line-height:1.7;
}

.mori_eco_float_cts .txt_04{
	font-size:110%;
	line-height:1.5;
}

/* float contents */

.mori_eco_float_01_upper{

}

.mori_eco_float_01_upper .pic{
	margin:-50px 0 0 0;
}

.mori_eco_float_05_ol{
	margin:5px 0 0 1em;
	line-height:1.7;
}

.mori_eco_float_11_bottom{

}

.mori_eco_float_11_bottom li{
	float:left;
	width:220px;
	padding:0 20px 0 0;
	margin:0 20px 0 0;
	border-right:dashed 1px #7bb04a;
}

.mori_eco_float_11_bottom li.ri{
	width:258px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-right:none;
}

.mori_eco_float_11_bottom li div{
	position:relative;
	height:220px;
}

.mori_eco_float_11_bottom li .pic{
	position:absolute;
	bottom:0;
}

.mori_eco_float_11_bottom li.ri .pic img{
	margin:0 auto;
}

/* etc */

.addt{
	border-top:dashed 1px #7bb04a;
	padding:30px 0 0 0;
}

.fl{
	float:left !important;
}

.fr{
	float:right !important;
}

.mt10{
	margin-top:10px !important;
}

.mt15{
	margin-top:15px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt25{
	margin-top:25px !important;
}

.mt30{
	margin-top:30px !important;
}

.mt35{
	margin-top:35px !important;
}

.mt40{
	margin-top:40px !important;
}




.eco_idea_box{
	width: 900px;
	margin: 0 auto;
	display: flex;
}

.idea_box{
	position: relative;
	margin-bottom: 60px;
}

#idea_10.idea_box,
#idea_11.idea_box{
	margin-bottom: 0;
}

#idea_11 .column2 .pic_box{
	width: 30%;
}

.idea_menu {
	display: flex;
}

.idea_menu .idea_btn{
	width: 280px;
	height: 210px;
	border-radius: 10px;
	border: 3px solid #6DA837;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	margin-left: 30px;
}

.idea_menu .idea_btn span{
	display: block;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}


.idea_menu .idea_btn:first-child{
	margin-left: 0;
}

.idea_menu .idea_btn::before{
	content: '▼';
	display: block;
	color: #fff;
	width: 30px;
	height: 30px;
	background-color: #6DA837;
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-radius: 50px;
	line-height: 2.2;
}

.idea_menu .idea_btn a{
	display: block;	
}

.idea_menu .idea_btn .number{
	display: block;
	position: absolute;
	left: 20px;
	top: 15px;
	z-index: 1;
	font-weight: 600;
	font-size: 25px;
	width: 50px;
	height: 50px;
	border: 2px solid #6DA837;
	border-radius: 50px;
	color: #6DA837;
	line-height: 2;
	padding: 0;
}

.idea_menu .idea_btn:hover,
.idea_menu .idea_btn.active{
	background-color: #EBF4E0;
}

.idea_menu .idea_btn.active::before{
	content: '×';
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
}

.idea_menu .idea_btn img{
	width: 150px;
	height: auto;
	margin: 0 auto;
}

.idea_menu .idea_btn .txt_btn{
	font-size: 18px;
	font-weight: 600;
	color: #286B2A;
	line-height: 1.5;
	text-align: left;
	padding-top: 10px;
}

.toggle_innner{
	width: 100%;
}

.inner_contents{
	margin: 40px 0 0;
}

.content_box{
	padding-bottom: 30px;
}

.cap{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.8;
	text-align: center;
	margin: 0 0 30px;
}

.toggle_innner .cap{
	margin: 30px 0;
}

.ttl_pg + .column2{
	border: none;
}

.column2{
	padding: 30px 0;
	border-top: 1px dashed #6DA837;
	display: flex;
}

.column1{
	padding: 30px 0;
	border-top: 1px dashed #6DA837;}

.column3{
	display: flex;
}

.column3 .column_box{
	flex: 0 0 31%;
	margin-left: 30px;
}

.column3 .column_box:first-child{
	margin-left: 0;
}

.column3 .column_box img{
	width: 100%;
	height: auto;
}

.column3 .column_box p strong{
	margin: 10px 0;
	display: block;
}

.column2 .txt_box{
	width: 70%;
	margin-right: 30px;
}

.column2 .pic_box {
	width: 30%;
}

.close{
	margin-top: 20px;
	width: 100%;
	border-top: 1px solid #ddd;
	text-align: center;
}

.close .close_btn{
	width: 120px;
	margin: 0 auto;
	background-color: #6DA837;
	border-radius: 0 0 10px 10px;
	font-weight: 600;
	color: #fff;
	font-size: 13px;
	padding: 6px 0;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

#wrap .close .close_btn a{
	color: #fff;
	text-decoration: none;
}

.idea_box {
}

.toggele_btn{
	border-radius: 10px;
	border: 3px solid #6DA837;
	padding: 20px 0 20px 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.toggele_btn .number{
	display: block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	text-align: center;
	line-height: 2.1;
	font-weight: 600;
	color: #6DA837;
	border-radius: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.toggele_btn .txt_btn{
	width: calc(100% - 40%);
	float: right;
	color: #286B2A;
	font-weight: 600;
	font-size: 14px;
}

.toggele_btn.open{
	background-color: #EBF4E0;

}


/*SPボタン*/

.idea_01 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_01.jpg);
}

.idea_02 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_02.jpg);
}
.idea_03 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_03.jpg);
}
.idea_04 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_04.jpg);
}

.idea_05 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_05.jpg);
}

.idea_06 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_06.jpg);
}

.idea_07 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_07.jpg);
}

.idea_08 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_08.jpg);
}

.idea_09 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_09.jpg);
}

.idea_10 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_10.jpg);
}

.idea_11 .toggele_btn{
	background-image: url(/mori_kaori/res/image/eco/img_btn_11.jpg);
}



@media screen and (max-width:767px){
	.cap{
		text-align: left;
	}

	.column2,.column3{
		display: block;
	}
	.column2 .txt_box{
		width: 100%;
	}
	.column3 .column_box{
		margin-left: 0;
		margin-bottom: 20px;
	}

	.toggle_innner{
		margin-top: 30px;
	}

	.idea_box,.inner_contents{
		margin-bottom: 0;
		margin-top: 0;
	}
	.idea_box{
		margin-top: -60px;
		padding-top: 80px;
	}

	.column2 .pic_box,
	#idea_11 .column2 .pic_box{
		width: 100%;
	}

	.pic_box{
		width: 100%;
		margin-top: 10px;
	}
}

@media screen and (max-width:350px){
	.toggele_btn{
		background-position: -10% center;
	}
	.toggele_btn .txt_btn{
		letter-spacing: -0.1em;
	}
}