@charset "utf-8";

@media screen and (min-width:800px){
.sumaho{
	display:none;
}
*{
	font-size:15px;
}
h3{
	font-size:22px;
	margin-bottom:30px;
	text-align:center;
	border:none;
}
h4{
	font-size:20px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:15px;
	text-align:center;
	border-bottom:1px dotted #c4c7cd;
}
h5{
	font-size:18px;
	font-weight:bold;
	width:1000px;
	margin-bottom:25px;
}
#main{
	width:1000px;
	padding:50px 0;
}
#henna02,#henna03,#henna04{
	clear:both;
}
#henna01{
	height:400px;
}
#henna01 img.henna_pic{
	margin:0 30px 90px 0 ;
	float:left;
}
#henna01 p.henna_p1{
	font-size:16px;
	margin:20px 0px 0 0;
}
#henna02{
	margin-bottom:90px;
}
#henna02 .meri{
	width:60%;
	float:left;
}
#henna02 .meri ul{
	list-style-image:url("../images/leaf.png");
	margin-left:30px;
	margin-bottom:90px;
}
#henna02 .meri li{
	font-size: 18px;
	line-height: 2em;
	padding:0 0 10px 2px;
}
#henna02 .demeri{
	width:40%;
	padding-left:15px;
	float:left;
	overflow:hidden;
}
#henna02 .demeri h4{
	padding-bottom:5px;
}
#henna02 .demeri ul {
	list-style-image:url("../images/arrow_wh.gif");
	margin-left:15px;
}
#henna02 .demeri li{
	line-height:2em;
	padding-bottom:5px;
}

#henna03{
	height:auto;
	font-size:15px;
}
#henna03 .inner01 dl,.inner02 dl{
	width:60%;
	height:350px;
	margin:0 auto;
	text-align:center;
}
#henna03 .inner01{
	margin-bottom:30px;
}
#henna03 .inner03,.inner04{
	height:350px;
}
#henna03 .inner03{
	margin-bottom:30px;
}
#henna03 .inner03 dl,.inner04 dl{
	float:left;
}
#henna03 .inner03 dl.left{
	margin:0 10px 0 170px;
}
#henna03 .inner03 dl.right{
	margin:0 170px 0 10px;
}
#henna03 .inner04 dl.left{
	margin:0 10px 0 170px;
}
#henna03 .inner04 dl.right{
	margin:0 170px 0 10px;
}
#henna03 p.mihon{
	clear:both;
}
#henna04 {
	margin-bottom:180px;
}
#henna04 .pc{
	width:280px;
	float:right;
}
#henna04 .pc img{

	margin:0 0 10px 40px;
}
#henna04 p{
	font-size:17px;
}
#henna04 p a{
	color:#fff;
	border-bottom:1px solid #fff;
}
#henna04 p a:hover{
	color:#ccc;
}
footer{
	clear:both;
}

}/* min-width: 800px */



/* max-width: 800px */
@media screen and (max-width:800px){
h3{
	margin-top:40px;
}
h4{
	font-weight:bold;
	margin-top:5px;
}
h5{
	font-size:110%;
	font-weight:bold;
	margin-bottom:0.8em;
}
#main{
	padding-top:80px;
}
#henna01 img.henna_pic{
	width:100%; height:auto;
	margin-bottom:10px;
}
#henna02 .meri ul{
	list-style-image:url("../images/leaf.png");
	padding:1em 5% 0 15%;
}
#henna02 .meri ul li{
	font-size:110%;
	padding:3px 0;
}
#henna02 .demeri ul{
	list-style-image:url("../images/arrow_wh.gif");
	padding:1em 5% 0 15%;
}
#henna02 .demeri ul li{
	padding:3px 0;
}
#henna03 .inner01,.inner02{
	margin-bottom:2.5em;
}
#henna03 .inner03 dl,.inner04 dl{
	width:50%;
	float:left;
}
#henna03 .inner03 dl{
	margin-bottom:1.5em;
}
#henna03 .inner04 dl{
	margin-bottom:2.5em;
}
#henna03 .inner03 dt,.inner04 dt{
	font-size:75%;
}
#henna03 .inner03 dl.left,dl.right{
	padding:0 1%;
}
#henna03 .inner04 dl.left,dl.right{
	padding:0 1%;
}

#henna03 .inner03 dl.right{
}
#henna03 .inner03 img,.inner04 img{
	width:100%;
	height:auto;
}

#henna03 .inner03 dl.left{
}
#henna04 p {
	margin:0.5em 0 1.5em;

}
#henna04 p a{
	color:#fff;
	border-bottom:1px solid #fff;

}
#henna04 p a:hover{
	color:#ccc;
}



}
/*@media screen and (max-width: 500px) {*/
/* max-width: 500px */