@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.main_image {
	width: 100%;
	height: 300px;
	background-image:url(../images/company/main_image.jpg) ;
	background-repeat: repeat-x;	
}

@media screen and ( max-width:800px ){
.main_image {
	height: 300px;
	}}
@media screen and ( max-width:600px ){
.main_image {
	height: 200px;
	}}

.main_image2 {
	width:950px;
	margin:0 auto;
}

@media screen and ( max-width:950px ){
.main_image2 {
	width: auto;
	}}
	
@media screen and ( max-width:950px ){
.main_image2 img{
	width: 100%;
	}}
	
.message_img {
	float:right;
	margin:0px 0px 15px 30px
}

@media screen and ( max-width:950px ){
.message_img img{
	width: 100%;
	height:160px;
	}}
	
	
	
.menu {
	float:left;
	width:950px;
	margin:0 auto;
}

.menu1 {
	float:left;
	width:465px;
	margin-right:20px;
}

.menu1 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.menu1:hover img {
	opacity: .5;
}

.menu2 {
	float:left;
	width:465px;
	padding-left:0;
}

.menu2 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.menu2:hover img {
	opacity: .5;
}

.menu3 {
	float:left;
	width:465px;
	padding-top:17px;
	padding-right:20px;	
}

.menu3 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.menu3:hover img {
	opacity: .5;
}

.menu4 {
	float:left;
	width:465px;
	padding-top:17px;
}

.menu4 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.menu4:hover img {
	;opacity: .5;
}

@media screen and ( max-width:950px ){
.menu {
	float:none;
	width:320px;
	margin: 0 auto;
	padding:0;
	clear: both;	
	}}
	
@media screen and ( max-width:950px ){
.menu1 img,.menu2 img,.menu3 img,.menu4 img {
	width:  320px;
	height:100%;
	}}
	
@media screen and ( max-width:950px ){
.menu1,.menu2,.menu3,.menu4 {
	padding:5px 0;
	}}
	
		






	
#nospace {
	padding:0px;
	margin:0px 0px 0px 24px;
}

#nospace ul {
	padding:0px;
	margin:0px;
}

#nospace ol {
	padding:0px;
	margin:0px;
}

#nospace li {
	padding:0px;
	margin:0px;
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,.gmap object,.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0px;
}