.gx-participation-title-br{
  display: none;
}
@media all and (min-width: 1366px) and (max-width: 1616px) {
  .gx-participation-title-br{
    display: block;
  }
}
@media all and (max-width: 767px) {
}


@media all and (min-width: 768px), print {
  .gx-intro {
    background-color: var(--sub-color-03);
    padding: calc(64 / var(--font-size) * 1rem) 0;
  }
  .gx-intro__body {
    padding: 0 calc(20 / var(--font-size) * 1rem) 0 calc(20 / var(--font-size) * 1rem);
  }
  .gx-intro__content {
    padding: 0 calc(80 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  .cooperation-method-img {
    position: relative;
  }
  .cooperation-method-portal-btn {
    width: calc(68 / 1276 * 100%);
    height: calc(26 / 347 * 100%);
    transition: 0.3s all ease;

    position: absolute;
    bottom: calc(116 / 347 * 100%);
    left: calc(30 / 1276 * 100%);
  }
  .cooperation-method-portal-btn a:hover {
    opacity: 0.75;
  }
  .cooperation-method-portal-btn a {
    position: relative;
    display: block;
    height: 100%;
    background: url("/assets/img/gx-participation/ico_portal_btn.svg") no-repeat center / contain;
  }
  .cooperation-method-portal-btn a[disabled] {
    pointer-events: none;
    background: url("/assets/img/gx-participation/ico_portal_btn_disabled.svg") no-repeat center / contain;
  }
  .gx-participation-button {
    max-width: calc(280 / var(--font-size)* 1rem);
    width: 100%;
    flex-shrink: 0;
  }
}
@media all and (max-width: 767px) {
  .gx-intro {
    background-color: var(--sub-color-03);
    padding: calc(64 / var(--font-size) * 1rem) 0;
  }
  .gx-intro__body {
    padding: 0 calc(20 / var(--font-size) * 1rem) 0 calc(20 / var(--font-size) * 1rem);
  }
  .cooperation-method-img {
    position: relative;
  }
  .cooperation-method-img--sp-stick {
    margin-left: calc(-15 / var(--font-size) * 1rem);
    margin-right: calc(-15 / var(--font-size) * 1rem);
  }
  .cooperation-method-img--sp-stick .js-scrollable {
    padding-left: calc(15 / var(--font-size) * 1rem);
    padding-right: calc(15 / var(--font-size) * 1rem);
  }
  .cooperation-method-img--sp-stick.cooperation-method-img--01 img {
    width: calc(600 / var(--font-size) * 1rem);
  }
  .cooperation-method-img--sp-stick.cooperation-method-img--02 img {
    width: calc(345 / var(--font-size) * 1rem);
  }
  .cooperation-method-portal-btn {
    width: calc(40 / var(--font-size) * 1rem);
    height: calc(15 / var(--font-size) * 1rem);
    transition: 0.3s all ease;

    position: absolute;
    left: calc(26 / var(--font-size) * 1rem);
  }
  .cooperation-method-img--01 .cooperation-method-portal-btn {
    bottom: calc(54 / var(--font-size) * 1rem);
  }
  .cooperation-method-img--02 .cooperation-method-portal-btn {
    bottom: calc(46 / var(--font-size) * 1rem);
  }
  .cooperation-method-portal-btn a:hover {
    opacity: 0.75;
  }
  .cooperation-method-portal-btn a {
    position: relative;
    display: block;
    height: 100%;
    background: url("/assets/img/gx-participation/ico_portal_btn.svg") no-repeat center / contain;
  }
  .cooperation-method-portal-btn a[disabled] {
    pointer-events: none;
    background: url("/assets/img/gx-participation/ico_portal_btn_disabled.svg") no-repeat center / contain;
  }
}