@charset "utf-8";

/*------------------------------------------------
   会社案内
------------------------------------------------*/

/*----- 会社概要 -----*/

#outline {
  width: 100%;
}

#outline .contentsBlock {
  width: 100%;
  padding: 0 10px;
}

.outlineTbl {
	width: 100%;
	border-top: solid 3px var(--line-color);
	border-bottom: solid 3px var(--line-color);
}

.outlineTbl .tblRow {
	border-bottom: solid 1px var(--line-color);
	padding: 0.4em;
}

.outlineTbl .tblRow:last-of-type {
	border-bottom: none;
}

.outlineTbl .tblRow > dt,
.outlineTbl .tblRow > dd {
	padding: 0.4em 0;
	font-size: 1.3rem;
  line-height: 1.8;
}

.outlineTbl .tblRow > dt {
  color: var(--main-color);
  font-weight: 500;
}

.outlineTbl .tblRow > dd {
}

.outlineTbl .tblSubRow {
	padding: 0.4em;
}

.outlineTbl .tblSubRow > dt,
.outlineTbl .tblSubRow > dd {
	font-size: 1.3rem;
  line-height: 1.8;
}


@media print, screen and (min-width: 601px) {

  #outline .contentsBlock {
    width: 800px;
    margin: 0 auto;
    padding: 0;
  }

  .outlineTbl .tblRow {
    display: flex;
    justify-content: space-between;
  }

  .outlineTbl .tblRow > dt,
  .outlineTbl .tblRow > dd {
    font-size: 1.5rem;
    padding: 2.0em 1.0em;
  }

  .outlineTbl .tblRow > dt {
    width: 240px;
  }

  .outlineTbl .tblRow > dd {
    width: 540px;
  }

  .outlineTbl .tblSubRow {
  }

  .outlineTbl .tblSubRow > dt,
  .outlineTbl .tblSubRow > dd {
    font-size: 1.5rem;
  }

}

/*----- アクセス -----*/

#access {
  width: 100%;
}

#access .contentsBlock {
  width: 100%;
  padding: 0 10px;
}

.accessBlock {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}

.accessBlock .googleMap {
  position: relative;
  width: 100%;
	height: 340px;
	background: #eee;
	border: 1px solid #e1deda;
  overflow: hidden;
  margin-bottom: 10px;
}
  
.accessBlock .googleMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.accessBlock .info {
  width: 100%;
}

.accessBlock .info .image {
  width: 100%;
  margin-bottom: 20px;
}

.accessBlock .info .image img {
  width: 100%;
  height: auto;
}

.accessBlock .info .accessBox {
  text-align: center;
}

.accessBlock .info .accessBox .name {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--main-color);
  margin-bottom: 10px;
}

.accessBlock .info .accessBox .adrs {
  font-size: 1.2rem;
  line-height: 1.4;
}

@media print, screen and (min-width: 601px) {

  #access .contentsBlock {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
  }

  .accessBlock {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .accessBlock .googleMap {
    width: 700px;
    height: 400px;
    margin-bottom: 0;
  }

  .accessBlock .info {
    width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .accessBlock .info .image {
    margin-bottom: 0;
  }

  .accessBlock .info .accessBox {
    text-align: left;
  }

  .accessBlock .info .accessBox .name {
    font-size: 1.8rem;
  }

  .accessBlock .info .accessBox .adrs {
    font-size : 1.4rem;
  }

}