@charset "UTF-8";

@media all and (min-width: 768px){

      .download-category__in {
        margin-top: calc(90 / var(--font-size) * 1rem);
        padding:calc(47 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem) 0;
      }

      .l-sec__in {
        max-width: calc(1160 / var(--font-size) * 1rem);
        padding: 0 calc(40 / var(--font-size) * 1rem);
        position: relative;
        z-index: 1;
      }

      .download-category__header {
        background: var(--white-color);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
        padding: calc(40 / var(--font-size) * 1rem) calc(50 / var(--font-size) * 1rem);
        margin-top: calc((-90 / var(--font-size) * 1rem) - calc(42 / var(--font-size) * 1rem));
      }

      .download-category__body {
        padding:calc(88 / var(--font-size) * 1rem) 0 calc(50 / var(--font-size) * 1rem);
      }


      .download-header-title {
        --header-font-size: 28;
        --header-color: var(--primary-color-100);
        text-align: center;
      }

      .download-header-title__label {
        color: var(--header-color);
        font-size: calc(var(--header-font-size) / var(--font-size) * 1rem);
        font-weight: bold;
      }

      .download-category-btn {
        margin-top: calc(40 / var(--font-size) * 1rem);
      }

      .download-category-btn .l-btn-list {
        --gap-x: 16;
        --gap-y: 16;
        justify-content: flex-start;
      }

      .l-btn-list {
        --col: 1;
        display: flex;
        gap: calc(var(--gap-y) / var(--font-size) * 1rem) calc(var(--gap-x) / var(--font-size) * 1rem);
        flex-wrap: wrap;
      }
      
      .l-btn-list-item--mm {
        width: calc(307 / var(--font-size) * 1rem);
      }

      .download-category-btn .l-btn-list-item {
        width: calc(233 / var(--font-size) * 1rem);
      }
      
      .download-category-btn .c-btn {
        --btn-min-height: 57;
      }
}

@media all and (max-width: 767px){

      .download-category__in {
        margin-top: calc(72 / var(--font-size)* 1rem);
        padding:calc(47 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem) 0;
      }

      .l-sec__in {
        max-width: calc(1160 / var(--font-size) * 1rem);
        padding: 0 calc(40 / var(--font-size) * 1rem);
        position: relative;
        z-index: 1;
      }

      .download-category__header {
        background: var(--white-color);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
        padding: calc(32 / var(--font-size)* 1rem);
        margin-top: calc((-72 / var(--font-size)* 1rem) - calc(40 / var(--font-size)* 1rem));
      }

      .download-category__body {
        padding:calc(88 / var(--font-size) * 1rem) 0 calc(50 / var(--font-size) * 1rem);
      }


      .download-header-title {
        --header-font-size: 24;
        --header-color: var(--primary-color-100);
        text-align: center;
      }

      .download-header-title__label {
        color: var(--header-color);
        font-size: calc(var(--header-font-size) / var(--font-size) * 1rem);
        font-weight: bold;
      }

      .download-category-btn {
         margin-top: calc(32 / var(--font-size)* 1rem);
      }

      .download-category-btn .l-btn-list {
        --gap-x: 16;
        --gap-y: 16;
        justify-content: flex-start;
      }

      .l-btn-list {
        --col: 1;
        display: flex;
        gap: calc(var(--gap-y) / var(--font-size) * 1rem) calc(var(--gap-x) / var(--font-size) * 1rem);
        flex-wrap: wrap;
      }
      
      .l-btn-list-item--mm {
        width: calc(307 / var(--font-size) * 1rem);
      }

      .download-category-btn .l-btn-list-item {
        width: calc(233 / var(--font-size) * 1rem);
      }
      
      .download-category-btn .c-btn {
        --btn-min-height: 57;
      }
}