@charset "utf-8";
/* =============================================================
 * 会社案内
 * ============================================================= */
#company .btn-wrap {
  width: 75%;
  margin: 0 auto 7%;
  line-height: 0;
}
#company .wrap01 {
  width: 80%;
  margin: 0 auto 3%;
}
#company .wrap02 {
  width: 80%;
  margin: 3% auto 5%;
}
#company .wrap02 {
  width: 80%;
  margin: 0 auto 3%;
}
#company .wrap03 {
  width: 80%;
  margin: 0 auto 3%;
}
#company .headline {
  width: 100%;
  margin: 0 0 4%;
  padding: 1% 0;
  color: #FFF;
  font-size: 1.6vw;
  font-weight: bold;
  background: #646464;
  text-align: center;
}
.btn-wrap .btn01 {
  margin: 0 3.5% 0 0;
  width: 31%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #FFFFFF;
  background-color: #00003A;
  text-align: center;
  float: left;
}
.btn-wrap .btn02 {
  width: 31%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #FFFFFF;
  background-color: #00003A;
  text-align: center;
  float: right;
}
.btn-wrap a {
  color: #FFF;
  font-weight: bold;
  font-size: 1.3vw;
  display: block;
  padding: 7% 0;
}
.content .txt01 {
  margin: 0 auto 3%;
  width: 55%;
}
.btn-wrap .mark {
  font-size: 1.8vw;
}
.wrap02 .table {
  margin: 0 auto 10%;
  width: 70%;
}
.wrap02 .tr01 {
  width: 100%;
  padding: 1% 0;
  display: table;
  border-bottom: 1px solid #FFFFFF;
}
.wrap02 .tr02 {
  width: 100%;
  padding: 1% 0;
  display: table;
}
.table .th {
  width: 30%;
  display: table-cell;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 0 0 5%;
  box-sizing: border-box;
}
.table .td {
  width: 70%;
  display: table-cell;
}
#map-canvas {
  width: 80%;
  margin: 0 auto;
  height: 30rem;
}
/* 
=============================
　　　　スマホ
=============================
*/
@media screen and (max-width: 699px) {
.content {
	width: 90%;
	margin: 5% auto;
}
#company .btn-wrap {
  width: 70%;
}
.btn-wrap a {
  font-size: 14px;
}
.btn-wrap .btn01 {
  width: 100%;
  float: none;
  margin: 0 0 10%;
}
.btn-wrap .btn02 {
  width: 100%;
  float: none;
  margin: 0 0 10%;
}
#company .wrap01 {
  width: 100%;
  margin: 0 auto 3%;
}
#company .wrap02 {
  width: 100%;
  margin: 0 auto 3%;
}
#company .wrap03 {
  width: 100%;
  margin: 0 auto 3%;
}
#company .headline {
  font-size: 14px;
}
.content .txt01 {
  width: 100%;
}
.wrap02 .table {
  width: 100%;
}
.wrap02 .tr01 {
  width: 100%;
  display: block;
}
.wrap02 .tr02 {
  width: 100%;
  display: block;
}
.table .th {
  width: 100%;
  display: block;
  margin: 0 0 3%;
  padding: 0;
}
.table .td {
  width: 100%;
  display: block;
  padding: 0;
}
#map-canvas {
  width: 100%;
  height: 15rem;
}
}