/*--

  company top

====================================================== --*/
.company .introduction-video {
  background: #fff;
  margin-top: 40px;
  padding-inline: 8.3333333333vw; }
  @media screen and (max-width: 1023px) {
    .company .introduction-video {
      margin-top: 30px;
      padding-inline: 6.5104166667vw; } }
  @media screen and (max-width: 639px) {
    .company .introduction-video {
      margin-top: 20px; } }
  .company .introduction-video__body {
    margin: 0px auto;
    max-width: 1280px;
    position: relative;
    z-index: 1;
    padding-block: 60px; }
    @media screen and (max-width: 1023px) {
      .company .introduction-video__body {
        padding-block: 40px; } }
    @media screen and (max-width: 639px) {
      .company .introduction-video__body {
        padding-block: 30px; } }
    .company .introduction-video__body p {
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.5em;
      margin-block: -27px 40px; }
      @media screen and (max-width: 1023px) {
        .company .introduction-video__body p {
          font-size: 1.6rem; } }
      @media screen and (max-width: 639px) {
        .company .introduction-video__body p {
          font-size: 1.4rem; } }
      @media screen and (max-width: 1023px) {
        .company .introduction-video__body p {
          margin-block: -12px 30px; } }
      @media screen and (max-width: 639px) {
        .company .introduction-video__body p {
          margin-block: -10px 25px; } }
    .company .introduction-video__body ul {
      gap: 60px;
      display: block flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (max-width: 1023px) {
        .company .introduction-video__body ul {
          gap: 30px; } }
      @media screen and (max-width: 639px) {
        .company .introduction-video__body ul {
          -ms-flex-direction: column;
              flex-direction: column;
          gap: 20px; } }
      .company .introduction-video__body ul li {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; }
      .company .introduction-video__body ul a {
        text-decoration: none;
        transition: opacity 200ms ease; }
        @media screen and (min-width: 640px) {
          .company .introduction-video__body ul a:hover {
            text-decoration: none;
            opacity: 0.5; } }

.company .policies,
.company .company-information {
  margin: 0px auto;
  max-width: 1280px;
  position: relative;
  z-index: 1;
  padding-block: 60px; }
  @media screen and (max-width: 1023px) {
    .company .policies,
    .company .company-information {
      padding-block: 40px; } }
  @media screen and (max-width: 639px) {
    .company .policies,
    .company .company-information {
      padding-block: 30px; } }

.company .policies ul {
  gap: 60px;
  display: block flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media screen and (max-width: 1023px) {
    .company .policies ul {
      gap: 30px; } }
  @media screen and (max-width: 639px) {
    .company .policies ul {
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 25px; } }
  .company .policies ul li {
    -ms-flex-preferred-size: 610px;
        flex-basis: 610px; }
    @media screen and (max-width: 639px) {
      .company .policies ul li {
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }
  .company .policies ul a {
    display: block flow;
    text-decoration: none; }
    @media screen and (min-width: 640px) {
      .company .policies ul a:hover img {
        opacity: 0.5; } }
  .company .policies ul h3 {
    margin-bottom: 30px; }
    @media screen and (max-width: 1023px) {
      .company .policies ul h3 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 639px) {
      .company .policies ul h3 {
        margin-bottom: 15px; } }
    .company .policies ul h3 img {
      border-radius: 14px;
      transition: opacity 200ms ease; }
  .company .policies ul p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5em; }
    @media screen and (max-width: 1023px) {
      .company .policies ul p {
        font-size: 1.6rem; } }
    @media screen and (max-width: 639px) {
      .company .policies ul p {
        font-size: 1.4rem; } }

/*# sourceMappingURL=map/company.css.map */