


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

/* =========================================================
		ryouen item
========================================================= */

	



#company{
	width: 90%;
	margin: 0 auto;
	
	
	
}

	
		
		
#company .com_menu{
margin: 8% auto 10%;
	text-align: center;
}
#company .com_menu li{
display: table;
float: left;
width: 50%;
margin: 0 0 10px;
padding: 0 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
	
}
#company .com_menu li a{
	 display: table-cell;
height: 40px;
padding: 0 10px;


line-height: 1.2;
text-align: center;
vertical-align: middle;
	font-size: 12.5px;
}
	

	

	



#company .com_menu li a span::after{
	position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 5px;
margin-top: -3px;

background-size: 8px auto;
content: '';

}

		
/* =========================================================
		company2
========================================================= */


#company2{
	
	margin-bottom:12%;
	padding-bottom: 12%;
margin-top: -53px;
padding-top: 53px;
	
	
	
}


#company2 .greeting{
	width:90%;
	margin: 0 auto;
	
	
	
}

.compnay_title{
	font-size: 24px;
    margin-bottom: 6%;
    letter-spacing: 1.5px;
    text-align: center;
	
	
	
}
#company2 .greeting .daihyou{
	float: none;
	width: 65%;
	
	margin: 0 auto 6%;
	
	
	
}

#company2 .greeting .daihyou p{
	font-size: 13px;
	padding-top: 13px;
	
	
	
}

#company2 .greeting .greeting_txt{
	float: none;
	width: 100%;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 1px;
	
	
	
}

		
/* =========================================================
		company3
========================================================= */


#company3{
	
	margin-bottom:12%;
	padding-bottom: 6%;
	
	margin-top: -53px;
padding-top: 53px;
	
	
}

.company_pic1{
	margin-bottom: 6%;
	
	
	
}
#company3 .gaiyou{
	
	width: 90%;
	margin: 0 auto;
	
	
}
#company3 .gaiyou table{
	
	
	width: 100%;
	margin: 5px 0 0;
	
}

#company3 .gaiyou th{
	display: block;
	padding: 2% 4%;
text-align: left;
vertical-align: top;
	min-width: auto;
width: 92%;
font-size: 100%;
	
	
	
	border: none;

border-width: 0;
}

#company3 .gaiyou td{
	display: block;
	padding: 3% 2% 3%;
text-align: left;
vertical-align: top;
	line-height: 1.7;
border: none;
	letter-spacing: 0.5px;

border-width: 0;
	margin-bottom: 5%;
	
	
}

#company3 .gaiyou .company_logo{
	padding-bottom: 0;
	width: 48%;
	padding: 2% 0 1%;
	
	
}
		
.group_company_caption {
    padding-bottom: 3%;
}	
/* =========================================================
		company4
========================================================= */


#company4{
	
	margin-bottom:12%;
	padding-bottom: 8%;

	margin-top: -53px;
padding-top: 53px;
	
	
}
#company4 .history{
	
	width:90%;
	margin: 0 auto;
	
	
}


#company4 .history .his_copy1{
	padding-bottom:5%;
	line-height: 1.8;
	letter-spacing: 1px;
	
	
	
	
}

#company4 .history ul{
	
	
	padding-bottom: 3%;
	
}

#company4 .history li{
	
	
padding-bottom: 2%;
	
}

#company4 .history table {
    width: 100%;
    margin: 5% auto 0;
    border-bottom: none;
}
#company4 .history th{
	
	display: block;
width: 100%;
padding: 2% 4%;
background: 0 0;
	background: #eee;

line-height: 1.8;
box-sizing: border-box;
	border-top: none;
	vertical-align: top;
text-align: left;
}


#company4 .history td{
	
		display: block;
width: 92%;
padding: 3% 2% 8%;
border-top: none;

line-height:1.8;
	
	
}
/* =========================================================
		company5
========================================================= */


#company5{
	
	margin-bottom:12%;
	padding-bottom: 12%;
	
	margin-top: -53px;
padding-top: 53px;
	
	
}
#company5 .regist{
	
	width: 90%;
	margin: 0 auto;
	
	
}
#company5 .regist h4{
	
	color: #333;
	font-size: 16px;
	padding: 1% 0 4%;
	
	
	
}


#company5 .regist table{
	width: 100%;
	
	
}


#company5 .regist th{
	display: block;
width: 92%;
padding: 2% 4%;
text-align: left;
vertical-align: top;
	min-width: auto;


	background: #eee;
	
	border: none;

border-width: 0;
	
	
}

#company5 .regist td{
	
display: block;
width: 92%;
padding: 2% 2% 6%;
text-align: left;
vertical-align: top;
	line-height: 1.8;
	border: none;

border-width: 0;
	
}


#company5 .regist dt{
	float: none;
	width: 100%;
	letter-spacing: 0.5px;
	
}

#company5 .regist dd{
	float: none;
	width: 100%;
	
	
}

#company5 .salt_mark{
	margin: 2% 0 5% 0;
	
	
	
}

#company5 .salt_mark .mark{
	float: none;
	margin: 0 auto;

width: 60%;	
	
	
}

#company5 .salt_mark .mark_copy{
	float: none;
	padding-top: 3%;

	
	
}
#company5 .salt_mark .mark_copy p{
	padding-bottom: 2%;
	line-height: 1.7;
	
	
	
}
/* =========================================================
		company6
========================================================= */
#company6{
	

	margin-top: -53px;
padding-top: 53px;
	
}

#company6 .companymap{
	
	width: 100%;
	margin: 0 auto 12%;

}


.googlemap{

	height: 350px;
	margin-bottom: 8%;
	
	
	
	
}
.companymap .map_txt{
	width: 90%;
	margin: 0 auto;
			
			
			
			
		}
.companymap h5{
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 2px;
	
	
}

.companymap .ofiice_detail{
	line-height: 1.7;
	padding-bottom: 9%;
	
	
}
.change_map{
	width: 96%;
	margin: 0 auto;
			
			
			
		}		
.map_a, .map_b {
padding: 5px 20px;
border: 1px solid #ccc;
color: #666;
margin: 0 5px 10px 0;
border-radius: 4px;
display: inline-block;
	font-size:13px;
	align-self: 
	
	
	
	
}	
		
.salesarea {
   
    height: auto;
   
}
		
		
		
		
		
		
		
/* =========================================================
		company7
========================================================= */


#company7{
	
	margin-bottom:12%;
	padding-bottom: 6%;
	
	margin-top: -53px;
padding-top: 53px;
	
	
}

#company7 .rinen{
	
	width: 90%;
	margin: 0 auto;
	
	
}
		
		
		
	
	}



