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


.back_color_gray{
	background-color:#fff;
}

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


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

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

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

}

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



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

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

 #mainpic {
           width: 100%;
	   max-width: 768px;
           height: auto;
	   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;
 }
 .contact {
           width: 100%;
	max-width:768px;
           height: auto;
           margin: 0 auto;
           overflow: hidden;
 }
/* コンタクト全体ここから
------------------------------------*/
 #accsess {
position:relative;
           width: 100%;
           height: auto;
           margin: 0 auto;
           padding:0;
 }
 .bun1 {
           width: 90%;
           float: none;
           padding:0;
	margin: 40px auto 60px auto;
 }
 .bun1 h3 {
	text-align:center;
           padding-bottom: 20px;
 }
 .bun1 p {
	width:90%;
         fong-size:16px; 
 }
 #accsess_pic  {
           border: 1px solid #555;
           float: none;
 }
 #accsess_pic img {
           width: 100%;
 }
 #contact {
           width: 100%;
           height: auto;
           margin: 0 auto;
 }
 #contact_pic {
           float: none;
 }
 #contact_pic img {
	display:none;
 }
 .bun2 {
           width: 100%;
           padding: 40px 0;
           float: none;
 }
 .bun2 h3 {
           padding-bottom: 20px;
	text-align:center;
 }
 .bun2 p {
           padding-bottom:0;
	padding-left:60px;
 }
 .bun2 p.tel {
           color: #9d926d;
           font-weight: bold;
           font-size: 28px;
           line-height: 150%;
	padding-left:60px;
 }

}