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


.back_color_gray{
	background-color:#fff;
	margin:0 auto;
}

#hair_donation header{
	display:table;
	height:auto;
	max-height:800px;
	min-height:400px;
	width:100%;	
	position:relative;
	top:0;
	left:0;
}


#hair_donation .header_menu{
	width:100%;
	height:400px;
	background:#f6f5f2;
	display:none;
	box-sizing:border-box;
}

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

#hair_donation .header_menu li{
	padding:0;
	margin:0;

}

#hair_donation .header_menu ul span{
	display:none;
}



#hair_donation #top_pict_wrap{
	width: 100%;
	height: auto;
	max-width: 768px;
	position: static;
	max-height: 300px;
	opacity:1;
}

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

 #mainpic {
           width: 100%;
	   max-width: 768px;
           height: 100%;
	   min-height:100px;
           overflow: hidden;
 }
 #mainpic img{
           width: 100%;
           min-width: 100%;
           max-width: 768px;
	   height: auto;
	   min-height: auto;
           opacity: 0.6;
	   position:static;
 }
 .wrap {
           width: 100%;
           background: #fff;
	position:relative;
 }
 .donation {
           width: 100%;
	   max-width:768px;
           height: auto;
           margin: 0 auto;
           overflow: hidden;
 }
 .bun {
           position:relative;
           width: 100%;
	max-width:768px;	
           height: auto;
           margin: 0 auto;
           padding:0;
 }
 .bun h3 {
	   text-align:center;
           padding-bottom: 30px;
 }
 #towa {
           width: 100%;
	max-width:768px;	
           float: none;
           padding:0;
	   margin: 0 auto 0 auto;
 }
 #towa_pic img{
           display:none;
 }
 #kibo1_pic img{
        width: 100%;
 } 



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

 #mainpic {
           width: 100%;
           height: auto;
           overflow: hidden;
 }
 #mainpic img{
           min-width: 200px;
           max-width: 768px;
	width:100%;
           opacity: 0.6;
           position: relative;
 }
 .wrap {
           width: 100%;
	max-width:768px;
           background: #fff;
 }
 .donation {
           width: 100%;
	max-width:768px;
           height: auto;
           margin: 0 auto;
           overflow: hidden;
 }
 .bun {
           width: 100%;
	max-width:768px;
           margin: 0 auto;
           padding-top: 40px;
 }
 .bun h3 {
           padding-bottom: 20px;
 }
 .bun h2 {
	width:100%;
	max-width:768px;	
	text-align: center;
           padding-bottom: 30px;
 }
 #donation_1 {
            width: 100%;
	max-width:768px;
            margin: 0 auto;
	padding:0;
 }
 #towa {
        width: 100%;
	max-width:768px;
           height: auto;	
	margin:0 auto;
 }
 #towa p {
        width: 90%;
	max-width:768px;
           float: none;
	margin:0 auto;
 }
 #towa_pic {
           float: none;
           margin: 20px 0 0 0;
           padding-right: 0px;;
 }

#towa_pic img{
	width:60%;
	max-width:768px;	
}

 #donation_2 {
        width: 100%;
	max-width:768px;
            float: none;
 }
 #kibo {
        width: 100%;
	max-width:768px;
           height: auto;
 }
 #kibo1_pic {
           float: none;
 }
 .kibo1 {
        width: 100%;
	max-width:768px;
           height: auto;
           float: none;
 }
 .kibo1 h2 {
	text-align: center;
           margin-top: 40px;
           padding: 10px 0;
 }
 .kibo1 p {
	width:90%;
	margin:0 auto;
           padding: 0 0 100px 0; 

 }

#kibo2_pic{
	text-align:center;
}

#kibo2_pic img{
	width:60%;
	margin-bottom:80px;
}


}