@charset "UTF-8";

/* ===============================================================================

  FIRON "Company" SP Styles

=============================================================================== */

/* Margin & Padding 〜 40px = 5%で算出 */

/*
  Main
=============================================================================== */
.l-main { padding: calc(3.75% / 2 + 3.75%) 0 calc(200 / 640 * 100vw); }

/*
  Main Visual
=============================================================================== */
.main-visual > figure { height: calc(500 / 640 * 100vw); }
.page-heading {
  font-size: calc(56px * .8);
  font-size: calc(5.6rem * .8);
}

@media screen and (max-width:480px) {
  .page-heading { font-size: calc((56 * .8 * .75) / 480 * 100vw); }
}

/* Company
------------------------------------------------------------------------------- */
.company {
  padding: 10.625% 0 0;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: .05em;
}
.company .inner { padding: 0; }
.company table tr th {
  width: 30%;
  padding: 5% 6.25%;
}
.company table tr td {
  width: 70%;
  padding: 5% 6.25%;
}

@media screen and (max-width:480px) {
  .company { font-size: max(calc(16 / 480 * 100vw), 12px); }
  .company table tr th {
    width: 100%;
    display: block;
    border-right: 0;
    text-align: left;
    padding: 3.125% 6.25%;
  }
  .company table tr td {
    width: 100%;
    display: block;
  }
}