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


/******************************************************

PC設定 1200px以上の場合に適用 

*******************************************************/

/* slideshow */
.mv {
	background-image: url("/img/company/bg_mv.jpg");
}

/* company */
.company {
  padding-bottom: 0;
}

.company_h2 {
  text-align: center;
}

.company__en {
  display: block;
}

.tbl {
	width: 100%;
	border-top: 0.3px solid #808080;
  margin-top: 50px;
}

.tbl tr th {
	width: 33%;
	padding: 20px 25px;
	border-bottom: 0.3px solid #808080;
  border-left: 0.3px solid #808080;
	font-weight: bold;
  font-size: 14px;
  background-color: #f2f2f2;
  letter-spacing: .2em;
}

.tbl tr td {
	width: 67%;
	padding: 20px 25px;
	border-bottom: 0.3px solid #808080;
  border-left: 0.3px solid #808080;
  border-right: 0.3px solid #808080;
	line-height: 1.8;
  font-size: 14px;
  letter-spacing: .2em;
}

.tbl tr td.normal {
  letter-spacing: normal;
}

.googlemap,
.googlemap iframe {
	display: block;
	width: 100%;
	height: 340px;
  margin: 60px auto 120px;
}


/******************************************************

タブレットの設定 768px~1199pxの場合に適用 

*******************************************************/

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


}

/******************************************************

SPの設定 767px以下の場合に適用 

*******************************************************/

@media screen and (max-width: 767px){
  
/* company */
.tbl tr th {
	display: block;
	width: 100%;
  padding: 15px 5px 15px 5px;
	border-bottom: none;
  border-right: 0.3px solid #808080;
	font-weight: bold;
}

.tbl tr td {
	display: block;
	width: 100%;
  padding: 15px 5px 15px 5px;
	border-bottom: 0.3px solid #808080;
}
	
.google__map,
.google__map iframe {
	height: 300px;
  margin: 40px auto 60px;
}
	
	
	
}