@charset "UTF-8";
@media screen and (max-width: 1024px) {
  #company {
    section {
      min-width: 90vw;
      max-width: 90vw;
      padding: 10vh 5vw;
    }

    #greeting {
      section {
        .greeting-area {
          flex-direction: column;

          .greeting-image {
            height: 52vh;
            width: 100%;
            margin: 5vh auto;

            img {
              height: inherit;
              width: 100%;
            }
          }

          .greeting-text-area {
            width: 80vw;
            padding: 0;

            .greeting-text-name {
              margin-top: 15px;
            }
          }
        }
      }
    }

    #detail{
      section{
        .detail-area{
          flex-direction: column;
          .detail-table{
            width: 100%;
            table{
              tbody{
                tr{
                  th{
                    display: block;
                    background-color: var(--main-color);
                    p{
                      color:var(--white-color);
                    };
                  }
                  td{
                    display: block;
                  }
                }
              }
            }
          }
          .detail-map{
            padding: 5vh 0;
            width: 100%;
          }
        }
      }
    }
  }
}