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


.back_color_gray{
	background-color:#fff;
}

#about_wrap h3{
	width:100%;
	padding-bottom:20px;
}

#about_wrap h2{
	width:100%;
	padding-bottom:24px;	
}

#about_wrap{
	width:auto;
}


#about_wrap header,#wrap_1250 header,#menu_menu header{
	display:table;
	height:100%;
	max-height:750px;
	min-height:400px;
	width:100%;	
	position:relative;
	top:0;
	left:0;
}


header .logo{
	width:100%;
	height:240px;
	padding:100px 0;
	box-sizing:border-box;
	overflow:visible;
	float:none;
	text-align:center;
}


.logo a{
	background-image:url(../images/all/logo2.png);
	background-repeat:no-repeat;
	background-size:110px;
	display:inline-block;
	width:126px;
	height:240px;
	text-indent:100%;
	white-space: nowrap;	
	overflow: hidden;
}

#about_wrap .header_menu,#wrap_1250 .header_menu,#menu_menu .header_menu{
	width:100%;
	height:450px;
	background:#f6f5f2;
	display:none;
	box-sizing:border-box;
}

#about_wrap .header_menu  ul,#wrap_1250 .header_menu ul,#menu_menu .header_menu ul{
	height:auto;
	display:table-cell;
	text-align:center;
	line-height:2.7em;
	vertical-align:middle;	
	position:absolute;
	top:80px;
	left:0;
}

#about_wrap .header_menu  li,#wrap_1250 .header_menu li,#menu_menu .header_menu li{
	padding:0;
	margin:0;

}

#about_wrap .header_menu ul span,#wrap_1250 .header_menu ul span,#menu_menu .header_menu ul span{
	display:none;
}

#top_pict_wrap{
	position:relative;
	width:100%;
	height:300px;
	max-height:320px;
	opacity:1;
}



.top_pict1{
	width:100%;
	max-width:768px;
	height:300px;
	max-height:320px;
	background-image:url(../images/about/about_top2.jpg);
	background-repeat:no-repeat;
	background-size:120%;
	background-position:center center;
	position:absolute;
	top:0px;
	opacity:0.7;
}

	



.about1_left{
	width:100%;
	height:auto;
}



.about_gazo_box{
	position:static;
}



.about_gazo1{
	width: 100%;
	height:442px;
	background-image:url(../images/about/about_top_left.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	position:static;
}

.about_gazo2{
	display:none;
}


.about2_left{
	width:100%; 
	height:auto;
	float:none;
	position:static;

}


.about2_right{
	width:100%;
	height:auto;
	float:none;
	background-image:url(../images/about/about_shampoo2.jpg);
	background-repeat:no-repeat,no-repeat;
	background-size:100% 99%;
	overflow:hidden;
}

.about2_right img{
	width:100%;
}





.about2_wrap{
	clear:none;
}	

#dragon{
	width:100%;
	position:static;
}

#dragon .dragon{
	width:60%;
	height:auto;
}

#about1_wrap{
	height:auto;
	position:static;
	overflow:hidden;
	margin:0;
}

.about1_right{
	width:100%;
	position:static;
	float:none;
}

#about2_wrap{
	position:static;
	overflow:visible;
	margin:0;
}


#coffee{
	position:static;
	text-align:right;
}


#comment1{
	width:90%;
	position:static;
	margin:10px auto 60px auto;
}

#coffee img{
	width:60%;
}

.about2_wrap{
	clear:none;
	position:static;
}	


.comment3{
	width:90%;
	height:auto;
	position:static;
	margin:80px auto;
}

.comment2{
	width:90%;
	position:static;
	margin:80px auto;
}

#kids_wrap{
	width:100%;
	max-width:768px;
	overflow:visible;
}

#kids_wrap #top_pict_wrap{
	position:relative;
	width:100%;
	max-width:768px;
	height:220px;
	opacity:1;
	
}

.comment_kids{
	width:90%;
	max-width:768px;
	position:static;
	margin:40px auto;
}

.comment_kids p{
	text-align:left;
	width: 90%;
	max-width:768px;
	position:static;
	margin-right: auto;
}


#kids_wrap h3{
	text-align:left;
	width:90%;
	padding-bottom:20px;
}

#kids_wrap h2{
	text-align:left;
	width:90%;
	padding-bottom:20px;	
}


#kids_wrap{
	width:100%;
	max-width:768px;
	margin:0 auto 0 auto;
	overflow:visible;
}


#kids_wrap section{
	transform:translate3d(0,0,0);
}

.top_kids{
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	background-image:url(../images/kids/kids_top1.jpg);
	background-repeat:no-repeat;
	background-size:120%;	
	background-position:center center;
}


.kids_left{
	width: auto;
	max-width:700px;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}


.kids_left img{
	padding:0;
}

.kids_right{
	width:100%;
	max-width:700px;
	float:none;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
}

.kids_right img{
	width:100%;
	padding:0;
	text-align:center;
}



#kids_footer{
	clear:none;
}

#wrap_1250{
	width:100%;
	max-width:768px;
	margin:0 auto;
}



#menu_menu{
	width:100%;
	max-width:768px;
	margin:0 auto;
}

}