@charset "UTF-8";
/*=======================================
company
=========================================*/
.p-company__about {
  padding: calc(100 / 1920 * 100vw) 0;
}
.p-company__about .inner {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.p-company__about .inner:before, .p-company__about .inner:after {
  content: none;
}
.p-company__about .inner .item {
  width: calc(790 / 1920 * 100vw);
}
.p-company__about .inner .item table {
  margin-bottom: calc(60 / 1920 * 100vw);
}
.p-company__about .inner .item table:last-child {
  margin-bottom: 0;
}
.p-company__about .inner .item h2 {
  margin-bottom: calc(10 / 1920 * 100vw);
}
.p-company__ac {
  padding: calc(100 / 1920 * 100vw) 0;
  background-color: #E6F4F1;
}
.p-company__ac .inner {
  display: table;
  width: 100%;
  margin-top: calc(60 / 1920 * 100vw);
}
.p-company__ac .inner .txt {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: calc(100 / 1920 * 100vw);
  vertical-align: top;
}
.p-company__ac .inner .map {
  width: calc(500 / 1920 * 100vw);
  vertical-align: top;
}
.p-company__ac .inner .map iframe {
  width: 100%;
  height: calc(300 / 1920 * 100vw);
}
.p-company__message {
  padding: calc(100 / 1920 * 100vw) 0;
}
.p-company__message .inner {
  display: table;
  width: 100%;
  margin-top: calc(60 / 1920 * 100vw);
}
.p-company__message .inner .txt {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: calc(30 / 1920 * 100vw);
}
.p-company__message .inner .txt p {
  font-size: calc(18 / 1920 * 100vw);
  margin-bottom: 1em;
}
.p-company__message .inner .ph {
  width: calc(141 / 1920 * 100vw);
  vertical-align: top;
}
.p-company__message .inner .ph p {
  text-align: center;
  font-size: calc(18 / 1920 * 100vw);
  font-family: "Shippori Mincho", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-company__about {
    padding: 80px 0 40px;
  }
  .p-company__about .inner {
    display: block;
  }
  .p-company__about .inner .item {
    width: 100%;
  }
  .p-company__about .inner .item table {
    margin-bottom: 40px;
  }
  .p-company__about .inner .item table:last-child {
    margin-bottom: 40px;
  }
  .p-company__about .inner .item h2 {
    margin-bottom: 10px;
  }
  .p-company__ac {
    padding: 60px 0;
  }
  .p-company__ac .inner {
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .p-company__ac .inner .txt {
    display: block;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .p-company__ac .inner .map {
    display: block;
    width: 100%;
  }
  .p-company__ac .inner .map iframe {
    width: 100%;
    height: 300px;
  }
  .p-company__message {
    padding: 60px 0 0;
  }
  .p-company__message .inner {
    display: table;
    width: 100%;
    margin-top: 40px;
  }
  .p-company__message .inner .txt {
    display: table;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .p-company__message .inner .txt p {
    font-size: 14px;
    margin-bottom: 1em;
  }
  .p-company__message .inner .ph {
    width: 100%;
    vertical-align: top;
    text-align: center;
  }
  .p-company__message .inner .ph img {
    display: inline-block;
  }
  .p-company__message .inner .ph p {
    text-align: center;
    font-size: 14px;
    font-family: "Shippori Mincho", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
}