@charset "UTF-8";
/* CSS Document */
#contentsWrap {padding: 5em 0 0;}
.block-company-01 .container table {letter-spacing: 0.1em;width: 100%;}
.block-company-01 .container > table > tbody > tr {border-top: 1px solid var(--gray-01);}
.block-company-01 .container > table > tbody > tr:last-child {border-bottom: 1px solid var(--gray-01);}
.block-company-01 .container > table > tbody > tr > th,
.block-company-01 .container > table > tbody > tr > td {padding: 1.5em 0;}
.block-company-01 .container > table > tbody > tr > th {width: 14em;}
.block-company-01 .container > table > tbody > tr > td span {display: inline-block;}
.block-company-01 .container > table > tbody > tr > td table tr + tr td,
.block-company-01 .container > table > tbody > tr > td table tr + tr th {padding-top: 1em;}
.block-company-01 .container > table > tbody > tr.executive td table {max-width: 37em;}
.block-company-01 .container > table > tbody > tr.services > td ol li + li {margin-top: 1em;}
.block-company-01 .container > table > tbody > tr.license > td p + p {margin-top: 2em;}
.block-company-01 .container > table > tbody > tr.license > td ul {display: flex;flex-wrap: wrap;max-width: 37em;padding-top: 1em;margin-top: 0.5em;border-top: 1px solid var(--gray-01);}
.block-company-01 .container > table > tbody > tr.license > td ul li {width: 50%;}
.block-company-01 .container > table > tbody > tr.license > td ul li:nth-child(n + 3) {margin-top: 1em;}
.block-company-01 .container > table > tbody > tr.qualification > td ul {display: flex;flex-wrap: wrap;max-width: 37em;}
.block-company-01 .container > table > tbody > tr.qualification > td ul li {width: 50%;}
.block-company-01 .container > table > tbody > tr.qualification > td ul li:nth-child(n + 3) {margin-top: 1em;}
.block-company-02 {margin-top: 5em;}
.block-company-02 .container iframe {display: block;width: 100%;height: 28em;}
@media only screen and (max-width: 1400px) {
  .block-company-01 .container > table > tbody > tr > th {width: 9em;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #contentsWrap {padding: 2.5em 0 0;}
  .block-company-01 .container > table > tbody > tr > th,
  .block-company-01 .container > table > tbody > tr > td {display: block;font-size: var(--fontsize-14);width: 100%;}
  .block-company-01 .container > table > tbody > tr > th {padding: 0.5em 1em;background: var(--gray-01);}
  .block-company-01 .container > table > tbody > tr > td {padding: 1em 1em 1.5em;}
  .block-company-01 .container > table > tbody > tr.executive td table tr {text-align: left;}
  .block-company-01 .container > table > tbody > tr.executive td table tr th {width: 9em;}
  .block-company-01 .container > table > tbody > tr.services > td ol li {text-indent: -1.2em;padding-left: 1em;}
  .block-company-02 {margin-top: 3em;}
  .block-company-02 .container iframe {height: 20em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}