@media screen and (min-width: 1024px) {
  .contentComponent-section3-container {
    width: clamp(0px, 100vw, 1440px);
    max-width: clamp(0px, 100vw, 1440px);
    margin: 0 auto;
    padding: clamp(0px, 8.3333333333vw, 120px) clamp(0px, 4.4444444444vw, 64px);
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 2.7777777778vw, 40px);
  }
  .contentComponent-section3-container .contentComponent-section3-body {
    display: flex;
    flex-direction: row;
    gap: clamp(0px, 6.6666666667vw, 96px);
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-right {
    flex: 1;
    display: flex;
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-right .contentComponent-section3-body-right-img-item {
    flex: 1;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left .contentComponent-section3-body-left-box {
    max-width: clamp(0px, 31.1805555556vw, 449px);
    width: clamp(0px, 31.1805555556vw, 449px);
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 1.6666666667vw, 24px);
    padding: clamp(0px, 3.3333333333vw, 48px) clamp(0px, 2.7777777778vw, 40px);
    background-color: var(--fill-bg-grey);
    border-radius: clamp(0px, 0.5555555556vw, 8px);
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left .contentComponent-section3-body-left-box .contentComponent-section3-body-left-list {
    font-size: var(--body3);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-bk-subheading);
    line-height: 200%;
    font-size: clamp(0px, 1.1111111111vw, 16px);
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left .contentComponent-section3-body-left-box .contentComponent-section3-body-left-title {
    font-size: var(--body1);
    font-family: "Montserrat-Medium", "NotoSansJP-Medium";
    font-weight: 500;
    line-height: 1.5;
    color: var(--text-bk-primary);
    line-height: 150%;
    font-size: clamp(0px, 1.3888888889vw, 20px);
  }
  .contentComponent-section3-container .contentComponent-section3-header {
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 1.1111111111vw, 16px);
  }
  .contentComponent-section3-container .contentComponent-section3-header .contentComponent-section3-header-text {
    font-size: var(--h4);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-bk-primary);
    line-height: 150%;
    font-size: clamp(0px, 2.7777777778vw, 40px);
  }
  .contentComponent-section3-container .contentComponent-section3-header .contentComponent-section3-header-sub {
    font-size: var(--body3);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-bk-subheading);
    line-height: 200%;
    font-size: clamp(0px, 1.1111111111vw, 16px);
  }
}@media screen and (max-width: 1023.98px) {
  .contentComponent-section3-container {
    width: 100vw;
    padding: clamp(0px, 21.3333333333vw, 104px) clamp(0px, 6.4vw, 31.2px);
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 10.6666666667vw, 52px);
  }
  .contentComponent-section3-container .contentComponent-section3-body {
    display: flex;
    flex-direction: column-reverse;
    gap: clamp(0px, 17.0666666667vw, 83.2px);
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-right {
    flex: 1;
    display: flex;
    justify-content: center;
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-right .contentComponent-section3-body-right-img-item {
    flex: 1;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left {
    display: flex;
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left .contentComponent-section3-body-left-box {
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 4.2666666667vw, 20.8px);
    padding: clamp(0px, 10.6666666667vw, 52px) clamp(0px, 5.3333333333vw, 26px);
    background-color: var(--fill-bg-grey);
    border-radius: clamp(0px, 2.1333333333vw, 10.4px);
    flex: 1;
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left .contentComponent-section3-body-left-box .contentComponent-section3-body-left-list {
    font-size: var(--body3);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-bk-subheading);
    line-height: 200%;
    font-size: clamp(0px, 3.7333333333vw, 18.2px);
  }
  .contentComponent-section3-container .contentComponent-section3-body .contentComponent-section3-body-left .contentComponent-section3-body-left-box .contentComponent-section3-body-left-title {
    font-size: var(--body1);
    font-family: "Montserrat-Medium", "NotoSansJP-Medium";
    font-weight: 500;
    line-height: 1.5;
    color: var(--text-bk-primary);
    line-height: 150%;
    font-size: clamp(0px, 4.2666666667vw, 20.8px);
  }
  .contentComponent-section3-container .contentComponent-section3-header {
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 4.2666666667vw, 20.8px);
  }
  .contentComponent-section3-container .contentComponent-section3-header .contentComponent-section3-header-text {
    font-size: var(--h4);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-bk-primary);
    line-height: 140%;
    font-size: clamp(0px, 6.4vw, 31.2px);
  }
  .contentComponent-section3-container .contentComponent-section3-header .contentComponent-section3-header-sub {
    font-size: var(--body3);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-bk-subheading);
    line-height: 200%;
    font-size: clamp(0px, 3.7333333333vw, 18.2px);
  }
}