.module-community {
    position: relative;
  }

  .module-community .module-inner {
    padding-block: max(74px, var(--inner-padding-220)) 0;
    position: relative;
    z-index: 2;
  }
  
  .module-community .module-wrap {
    display: flex;
    flex-flow: column nowrap;
    gap: calc(120 * var(--px)) 0;
  }
  
  
  
  
  
  
  .module-community .module-wrap > .row-1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
  
  
  
  
  
  
  
  .module-community .module-wrap > .row-2 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
  
  .module-community .row-2 .col-set {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 calc(267 * var(--px));
    align-items: center;
    max-width: calc(1473 * var(--px));
  }
  
  .module-community .row-2 .col-set .col-1 {
    width: calc(802 * var(--px));
    flex-shrink: 0;
  }
  
  .module-community .row-2 .col-set .col-2 {
    width: 100%;
  }
  
  
  
  
  
  
  
  .module-community .dots {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  
  .module-community .dot {
    position: absolute;
    aspect-ratio: 1;
    width: max(164px, calc(344 * var(--px)));
    background: var(--base-color-pink);
    border-radius: 50%;
    overflow: hidden;
  }
  
  .module-community .dot-1 {
    top: calc(98 * var(--px));
    left: calc(333 * var(--px));
  }
  
  .module-community .dot-2 {
    top: calc(556 * var(--px));
    left: calc(-125 * var(--px));
  }
  
  
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .module-community .dot-1 {
      top: 74px;
      left: auto;
      right: 75px;
    }
    
    .module-community .module-wrap > .row-1 {
      padding-top: 205px;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .module-community .dot-2 {
      top: 300px;
      left: -83px;
    }
    
    .module-community .row-2 .col-set {
      flex-flow: column nowrap;
      gap: 38px;
      max-width: none;
      align-items: flex-start;
      width: 100%;
    }
    
    .module-community .row-2 .col-set .col-1 {
      width: calc(290 * var(--px-mobile));
    }
    
    .module-community .row-2 .col-set .col-2 {
      width: calc(214 * var(--px-mobile));
      margin-left: auto;
      margin-right: calc(var(--page-padding-left) * -1);
    }
    
  }