@media screen and (max-width:640px){
	#top_news{
		width: 100%;
	}	
	
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#wrapper{
width:100%;
padding:0;
background-image:none;
}
#header_bg {
/*	height: 100%;*/
}
#header {
	width: 100%;
	height:100%;
}
#header_top_bg {
	background-color: #FFF;

}
#header_top {
	width: 100%;
}

#header_top_menu {
	width: 100%;
}
.top_mail a {
	display: block;
	position: relative;
	z-index: 9999999999;
}





#contents{
	width: 100%;
	background-image:none;
}

#logo {
	width: 100%;
}
#logo img {
	width: 30%;
}

#tel {
	width: 90%;
	float:none;
	margin:0 auto 15px;
}
#tel img {
	width: 100%;
}

#h_menu {
	display: none;
}

div#navi .accordion #menu {
	display: block;
	height: 29px;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	text-decoration: none;
	text-shadow:0 0 2px rgba(150,150,150,.8);
	font-weight: bold;
	float:left;
	margin:0;
	margin-right:10px;
	padding-top:5px;
}
div#navi{
	width:100%;
	height:100%;
	background-image: none;
	padding-top: 7px;
}
div#navi .accordion {
	height:100%;
}
div#navi .accordion li {
	height:100%;
	padding-left:0;
}
div#navi  .accordion li ul{
	width:100%;
	background-image: none;
	width: 157px;
	height:100%;
	float:left;
	margin-bottom:20px;
}
div#navi  .accordion  li ul li{
	float:none;
	width: 157px;
	height: 34px;
}
div#navi  .accordion  li  ul li a{
	display:block;
	height:24px;
	background-image: url(../images/navi_li_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px -32px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
	text-shadow:0 0 2px rgba(150,150,150,.8);
	padding: 10px 0;
	font-weight: bold;
}
div#navi  .accordion  li  ul li a:hover {
	background-position: 0px -99px;
}

#main {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
h1 {
	width: 100%;
	text-align: center;
}
#logo h1 img {
	width: 100%;
}

h2 {
	width: 98%;
	background-position: center top;
}
h2#company,
h2#product,
h2#technology,
h2#recruit,
h2#inq{
	height: 100px;
	background-size: 221% auto;
	}

#mv {
	width: 100%;
	background-image: none;
	background-color: #FFF;
	height: auto;
	margin-bottom: 20px;
}
#main_img {
	width: 100%;
}
#top #main{
	width: 100%;
}
h3 {
	width: 100%;
	margin-left: 0px;
}
#top_content {
	height: auto;
	width: 100%;
}
#top_content dl {
	width: 49%;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 15px;
	margin-left: 0.5%;
}
#top_content dl dt {
	padding-top: 8px;
	width: auto;
	text-align: center;
	font-size: 14px;
}
#top_content .top_content_3 dl{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#top_content .top_content_3 dd img{
	padding-right: 10%;
	padding-left: 10%;
	width: 80%;
}
#top_content .top_content_3 dl dt{
	width:100%
}
#top .top_banner{
	width: 100%;
}
#top .top_banner li{
	text-align: center;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
}
#info_box {
	width: 100%;
}
#info {
	width: 100%;
}


#info dl {
	font-size: 12px;
}




#wp_contents h4 {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-right:10px;
}
#wp_contents h5 {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-right:10px;
}
.box {
	width: 96%;
	margin-left:2%;
	margin-right:2%;
}
.box img {
	width:100%;
}

#sideber {
	width: 100%;
	margin-bottom:20px;
}
ul.s_btn li {
	width: 48%;
	float:left;
	margin-bottom: 10px;
	margin-right: 1%;
	margin-left: 1%;
}
#sideber h2 {
	width:100%;
}
#sideber h2 img {
	width:100%;
}

#wp_contents table{
	width:96%;
	margin-left:0px;
}

.news {
	margin-bottom:10px;
}
#inq_btm {
	margin-bottom: 10px;
}
#gmap {
width: 100%;
height:250px;
margin-left:0px;
}
#gmap #map1 {
width: 100% !important;
height:250px !important;
}

#wp_contents td {
vertical-align: middle;
}
#wp_contents table td p img {
width: 100%;
}
#footer_box{
	width:100%;
}
#footer_menu {
	float:none;
	text-align:center;
}
#footer_btm{
	width:100%;
	height:auto;
}
#footer_btm .f_menu {
	float: none;
	text-align: center;
}
#footer_btm #copy {
	float: none;
	text-align: center;
}
.btn img {
	width: 45%;
	margin-right: 3%;
}
iframe {
	width:100%;
	margin-left:0px;
	margin-right:0px;
}
#name,#f_tel,#address,#mailaddress,#message {
	width:100%;
}

ul.accordion ul { display:none;}
ul.accordion > li > p { cursor:pointer;}

.flow_box  {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
.flow_box  dl  {
	width:100%;
	margin-top:10px;
}
.flow_box  img  {
	width:100%;
	margin-right: 0px;
}
.flow_box dd p {
	margin-right:0px;
}
.hyou_company th {
	width: 60px;
}
.hyou_company td {
	padding-left: 5px;
	padding-right:0px;
}
#sitemap {
	width:100%;
}
#sitemap .left {
	float:none;
}
#sitemap .right {
	float:none;
}
#sitemap h3 {
	width:96%;
	margin-left:2%;
	margin-right:2%;
}
#sitemap h4 {
	width:80%;
	margin-left:10%;
}
#trust-form form {
	width: 98%;
}
#pagetop {
	width: 100%;
}
p.pagetop {
	width: auto;
}


#footer {
	display: none;
}
.massage_box {
    padding-right: 0px;
    padding-left: 0px;
    width: 98%;
    clear: both;
    margin-bottom: 100px;
    margin-right: auto;
    margin-left: auto;
}
.massage_box p.name {
    width: auto;
}
#bottom_menu .top_menu{
	width: auto;
}
#bottom_menu .menu6,
#bottom_menu .menu3,
#bottom_menu .menu4,
#bottom_menu .menu5{
	width: auto;
}
#bottom_menu .menu6 ul,
#bottom_menu .menu3 ul,
#bottom_menu .menu4 ul,
#bottom_menu .menu5 ul{
	height:auto;
	width: 100%;
}
#bottom_menu .menu6 ul li{
	width: 30%;
	text-align: left;
	margin-left: 15%;
}
#bottom_menu .menu3 ul li{
	width: 40%;
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
}
#bottom_menu .menu5 ul li{
	width: 46%;
	text-align: left;
	margin-left: 2%;
	margin-right: 2%;
}
#bottom_menu .menu4 ul li{
	width: 100%;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}
#profile {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;	
}
#profile table tr td .border_none td{
	padding-top: 3px;
	padding-bottom: 3px;	
}
#history {
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
}
#history table th {
	padding-left: 0px;
}
#history table tr td {
	padding-left: 10px;
}
#location {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
}
.gmap {
    width: 100%;
}
#location .location_box .right,
#location02 .location_box .right{
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
}
#location .guide,
#location02 .guide {
	margin-top: 10px;
	text-align: center;
	padding: 0px;
	width: auto;
}
#location .location_box,
#location02 .location_box {
    margin-bottom: 100px;
}
#location02 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
#product02 dl {
    width: 47%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    border: 3px solid #EBEBEB;
    float: left;
    margin-bottom: 25px;
}
#product02 dd.img {
    border-bottom-width: 3px;
}
.product_content{
	margin-bottom: 30px;	
}
#product01 .left dl,
#product01 .right dl {
    width: 80%;
    padding-left: 5%;
    padding-right: 5%;
}
#product01 dd{
	margin-right: 0px;	
}
#technology {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#technology .technology_box {
    width: auto;
    padding: 10px;
}
#technology .technology_box .right,
#technology .technology_box03 .right {
    width: 100%;
    margin-top: 15px;
}
#technology .technology_box03 {
	width: 94%;
	border: 1px solid #ccc;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
}
#technology .technology_box03 img {
    margin-bottom: 0px;
}
#quality {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
#quality .quality_content .left{
	margin-bottom: 10px;
	width: 100%;
	}
#technology .technology_box .img3 img {
	margin-right: 10%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 10%;
	float: none;
}
#technology .flow {
    width: 35%;
}
#point7 dl{
	width: 100%;	
}
.member_box {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}
.member_box .left {
	width: 100%;
	margin: 0px;
}
.member_box .left img {
	width: 70%;
	padding-right: 15%;
	padding-left: 15%;
}
.member_box .right {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}
.member_box .right dt{
	text-align: center;
	margin-top: 10px;	
}
#wp_contents .member_box dl table{
	margin-bottom: 20px;
}
.member_box .right dd.interview{
	text-align: center;
	margin: 0px;
	padding: 0px;	
}
#recruitment{
	padding-right: 5%;
	padding-left: 5%;	
}
#recruitment table th {
    width: 30%;
}
#trust-form form {
    width: 100%;
}
#interview dl {
	width: 98%;
	margin-bottom: 40px;
	padding-right: 1%;
	padding-left: 1%;
}
.plugin {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

.pdr20.pdl20 {
	padding:0;
}


#trust-form textarea,
#trust-form input {
	width:auto;
    max-width: 70%;
}
#policy {
    width: 100%;
}

}