table.style-01 {
  width: 100%;
}
table.style-01 th,
table.style-01 td {
  display: block;
}
table.style-01 th {
  color: var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
  padding: 10rem 0;
}
table.style-01 td {
  padding: 20rem 0 30rem;
}
table.style-01 iframe {
  margin-top: 20rem;
  height: 400rem;
}

section.area-outline {
  margin-top: 100rem;
  margin-bottom: 200rem;
  position: relative;
}
section.area-outline::before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: url("../images/stripe-2.svg") no-repeat right bottom;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
}
section.area-outline .inner {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
section.area-outline .inner::before {
  content: "";
  display: block;
  width: 140rem;
  height: 140rem;
  background: url("../images/illust-03.svg") no-repeat center left;
  background-size: contain;
  position: absolute;
  top: -130rem;
  right: 0;
}

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

 * Media Query For PC

 ***********************************************************************/
@media print, screen and (min-width: 768px) {
  table.style-01 {
    width: 100%;
  }
  table.style-01 th,
  table.style-01 td {
    display: table-cell;
    font-size: min(20px, 1.25vw);
  }
  table.style-01 tr:first-child th {
    border-top: 1px solid var(--color-blue);
  }
  table.style-01 tr:first-child td {
    border-top: 1px solid #bbb;
  }
  table.style-01 th {
    color: var(--color-blue);
    border-bottom: 1px solid var(--color-blue);
    padding: min(30px, 1.88vw) min(30px, 1.88vw);
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
  }
  table.style-01 td {
    padding: min(30px, 1.88vw) min(30px, 1.88vw);
    border-bottom: 1px solid #bbb;
  }
  table.style-01 iframe {
    margin-top: min(20px, 1.25vw);
    height: min(400px, 25vw);
  }
  section.area-outline {
    margin-top: min(150px, 9.38vw);
    margin-bottom: min(200px, 12.5vw);
  }
  section.area-outline::before {
    content: "";
    display: block;
    width: 70%;
    height: 100%;
    background: url("../images/stripe-2.svg") no-repeat right top;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  section.area-outline .inner {
    max-width: min(1100px, 68.75vw);
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  section.area-outline .inner::before {
    content: "";
    display: block;
    width: min(135px, 8.44vw);
    height: min(135px, 8.44vw);
    background: url("../images/illust-03.svg") no-repeat center left;
    background-size: contain;
    position: absolute;
    top: min(-120px, -7.5vw);
    right: min(-80px, -5vw);
  }
}
/*# sourceMappingURL=company.css.map */