.company {
  background: #fff;

  .company .logo a {
    display: block;
    cursor: default;
  }

  main {
    width: 1080px;
    margin: 0 auto;
  }

  section {
    display: block;
    padding: 80px 0 0;
  }

  h1 {
    margin-top: 80px;
  }

  h2 {
    text-align: left;
  }

  .container {
    margin-top: 40px;
  }

  .top-massage .container,
  .operating-company .container {
    display: flex;
    width: 100%;
  }

  .top-massage {
    .container {
      justify-content: space-between;
    }

    .container picture {
      width: 36%;
    }

    .container p {
      width: 48%;
      line-height: 2;
    }
  }

  .operating-company {
    .container {
      gap: 40px;
    }

    .item-list {
      width: 508px;
    }

    .item {
      display: flex;
      flex-wrap: nowrap;
      gap: 40px;
      padding: 24px 0;
      border-bottom: 1px solid #eee;
    }

    .item dt {
      width: 120px;
    }

    .item a {
      position: relative;
    }

    .map {
      width: calc(100% - 548px);
      height: 390px;
    }
  }

  .history {
    .item {
      display: flex;
      gap: 40px;
    }
    .time {
      width: 100px;
    }
  }

  footer {
    margin-top: 120px;
  }
}

/*--レスポンシブ対応--*/
@media screen and (max-width:1200px) {
  .company {
    main {
      width: auto;
      padding: 0 4%;
    }

    h1 {
      margin-top: 60px;
    }

    section {
      padding-top: 48px;
    }
  }
}

@media screen and (max-width:992px) {
  .company .operating-company {
    .container {
      flex-direction: column;
      gap: 32px;
    }

    .item-list,
    .map {
      width: 100%;
    }

    .newline {
      display: none;
    }

    .post-code {
      padding-right: 1rem;
    }

    .item ul {
      display: flex;
    }

    .item li {
      margin-right: 1.5rem;
    }
  }
}

@media screen and (max-width:768px) {

  .company {
    .header {
      height: 60px;
    }

    .top-massage .container {
      flex-direction: column-reverse;

      picture,
      p {
        width: 100%;
      }
    }

    .operating-company {
      .item {
        flex-direction: column;
        gap: 8px;

        &:first-of-type {
          padding-top: 0;
        }
      }
    }

    .history {
      .item {
        flex-direction: column;
        gap: 8px;
      }
    }
  }
}

@media screen and (max-width:540px) {
  .company {
    .operating-company {
      .item {
        .newline {
          display: block;
        }

        ul {
          display: block;

          li {
            padding: 0.5rem 0;
          }
        }
      }
    }
  }
}