@charset "UTF-8";
/*===========================================================================*/
/*  media quary  */
/*===========================================================================*/
@import "/css/common.css";
/*==================================================================*/
/* style css　*/
/*==================================================================*/
/* -------------------------------------------- */
/* 会社概要 */
/* -------------------------------------------- */
.overview {
  margin-bottom: 7em;
}
.overview .o-table dl {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overview .o-table dl dt, .overview .o-table dl dd {
  padding: 1em;
}
.overview .o-table dl dt {
  width: 15%;
  min-width: 152px;
  background: #23221f;
  color: #fff;
}
.overview .o-table dl dd {
  background: #fff;
  width: 85%;
}
.overview .o-table dl dd a {
  text-decoration: underline;
}
.overview .o-table dl dd a:hover {
  text-decoration: none;
}

.access .iframe-box {
  width: 100%;
  height: 35vw;
}
.access .iframe-box iframe {
  width: 100%;
  height: 100%;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 769px) {
  .access .iframe-box {
    height: 45vw;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  /* -------------------------------------------- */
  /* 会社概要 */
  /* -------------------------------------------- */
  .overview {
    margin-bottom: 5em;
  }
  .overview .o-table dl {
    margin-bottom: 5px;
    font-size: 0.9em;
  }
  .overview .o-table dl dt, .overview .o-table dl dd {
    padding: 0.5em 0.8em;
  }
  .overview .o-table dl dt {
    min-width: 125px;
  }
  .access .iframe-box {
    height: 60vw;
  }
}