.design-area-wrap {
  width: calc(100vw - 354px);
  flex: auto;
  background: #F5F6F7;
  display: flex;
  flex-direction: column;
  padding-left: 1px;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
  &.phone-edit {
    margin-left: 354px;
  }
  .phone_view_area {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
    .device_border {
      width: 375px;
      max-height: 691px;
      height: calc(100vh - 150px);
      overflow: scroll;
      overflow-x:hidden;
      border: 10px solid #FFF;
      background-color: #F2F2F2;
      border-radius: 12px;
      box-sizing: content-box;

    }
  }
  .pc_view_area {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    .device_border {
      padding: 1px;
      max-width: 1240px;
      width: 100%;
      min-height: 70vh;
      border: 16px solid #FFF;
      border-radius: 12px;
      max-height: calc(100vh - 180px);
      height: 100%;
      overflow: scroll;
      box-sizing: content-box;

    }
  }
}