@charset "UTF-8";
/* CSS Document */
#billboard {overflow: hidden;position: relative;padding-top: 16em;}
#billboard::after {display: block;content: '';width: 100%;height: 100%;background: teal url("../img/common/bg01_pc.webp") no-repeat 100% 0 / cover;background-blend-mode: soft-light;position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;}
#billboard h2 {position: absolute;bottom: 1.5em;left: 0;right: 0;z-index: 2;text-align: center;font-weight: 600;font-size: 150%;letter-spacing: 0.15em;color: #fff;}
#billboard h2 small {display: block;font-weight: 500;font-size: 133.33%;opacity: 0.5;}

.block-company-01 table th {position: relative;}
.block-company-01 table th::after {content: attr(data-ruby)"";display: block;font-family: "Oswald", sans-serif;font-size: 75%;color: #999;}
.block-company-01 table td small {display: block;font-size: 75%;}
.block-company-01 table td strong {display: block;font-weight: 700;}
.block-company-01 table td .ruby {display: block;margin-top: 3em;font-size: 87.5%;font-weight: 500;}
.block-company-01 .container {width: calc(100% - 4em);max-width: 1200px;margin: 0 auto;padding: 5em 0;}

@media only screen and (min-width: 768px) {
  .block-company-01 table {border-top: 1px solid #006463;border-bottom: 1px solid #006463;background-color: #fafcfc;width: 100%;padding: 2em 0;}
  .block-company-01 table th {padding: 1em 1.25em;width: 12em;font-size: 112.5%;vertical-align: top;}
  .block-company-01 table td {padding: 1em 1.25em;font-size: 112.5%;line-height: 1.5;vertical-align: top;}
  .block-company-01 table tr:first-child th,
  .block-company-01 table tr:first-child td {padding-top: 3em;}
  .block-company-01 table tr:last-child th,
  .block-company-01 table tr:last-child td {padding-bottom: 3em;}
}
@media only screen and (min-width: 901px) and (max-width: 1150px) {}
@media only screen and (max-width: 900px) {}
@media only screen and (max-width: 767px) {
  .block-company-01 table {font-size: 93.75%;}
  .block-company-01 table,
  .block-company-01 table tbody,
  .block-company-01 table tr,
  .block-company-01 table th,
  .block-company-01 table td {display: block;}
  .block-company-01 table th {padding: 0.5em;}
  .block-company-01 table td {padding: 1em 0.5em 1.5em;}
  .block-company-01 table th {border-top: 1px solid #006463;background-color: #fafcfc;}
  .block-company-01 table tr:last-child td {padding-bottom: 0;}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {}