﻿
@charset "utf-8";


.toolBox01 {
	background-color: #A89B73;
	}
.btnBrand01 > span {
	color: #A89B73;
	}
	
#moist_wrap{
	background:#023401 url(../../201603/common/images/bg_moist.gif) repeat-x center top;
	padding:0 0 10px 0;
	}
#moist_vi{
	max-width:940px;
	margin:0 auto;
	}
#moist_body{
	max-width:940px;
	margin:0 auto;
	padding:20px 0 0 0;
	}
	
@media screen and (max-width:768px) {
	#moist_wrap{
		background:#023401;
		}
	#moist_body{
		margin:0 4.7%;
		}
	}
	
.clr_box{
	zoom:100%;
	}
.clr_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
.moist_cont{
	border:1px solid #E1E8E4;
	background-color:#C6D0CC;
	padding:26px 30px;
	box-sizing:border-box;
	margin-bottom:28px;
	-webkit-box-shadow:0 0 4px 2px rgba(255,255,255,0.3), 0 0 8px 3px rgba(2,52,1,0.5) inset;
	-moz-box-shadow:0 0 4px 2px rgba(255,255,255,0.3), 0 0 8px 3px rgba(2,52,1,0.5) inset;
	box-shadow:0 0 4px 2px rgba(255,255,255,0.3), 0 0 8px 3px rgba(2,52,1,0.5) inset;
	zoom:100%;
	}
.moist_cont:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
.moist_cont h3{
	height:38px;
	font-size:20%;
	text-indent:-940px;
	overflow:hidden;
	}
#mcont01 h3{
	background:url(../../201603/common/images/cp1.gif) no-repeat center top;
	}

#mcont03 h3{
	background:url(../../201603/common/images/cp3.gif) no-repeat center top;
	}

#mcont01 p{
	width:46%;
	float:left;
	}


#mcont03{
	}
	
#mimg01{
	margin-top:10px;
	width:50%;
	float:right;
	}
#mimg02{
	height:188px;
	width:auto;
	float:right;
	margin-left:20px;
	}
#mimg04{
	margin-top:14px;
	width:46%;
	float:left;
	}
#mimg05{
	margin-top:14px;
	width:43%;
	float:right;
	}
	
@media screen and (max-width:768px) {
	.moist_cont h3{
		height:auto;
		font-size:1.8rem;
		line-height:21px;
		margin:0 0 0.75em 0;
		text-indent:0;
		overflow:hidden;
		}
	#mcont01 h3{
		background:url();
		}

	#mcont03 h3{
		background:url();
		}

	#mimg04{
		margin-top:14px;
		width:51%;
		float:left;
		}
	#mimg05{
		width:47%;
		}
	}
@media screen and (max-width:480px) {
	.moist_cont{
		padding:18px;
		margin-bottom:18px;
		}
	.moist_cont h3{
		font-size:1.6rem;
		line-height:20px;
		margin:0 0 0.5em 0;
		}
	.moist_cont p{
		font-size:1.3rem;
		}
		
	#mcont01 p{
		width:auto;
		float:none;
		}

	#mimg01{
		width:auto;
		float:none;
		}
	#mimg03{
		max-width:60%;
		}
	#mimg04{
		margin-top:10px;
		width:auto;
		float:none;
		}
	#mimg05{
		margin-top:10px;
		width:auto;
		float:none;
		}
	}