@charset "UTF-8";

/* first-view section */
.first-view {
  position: relative;
  overflow: hidden;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .first-view {
    padding-top: 2.5rem; /* 40px */
    padding-bottom: 2.5rem; /* 40px */
    background-image: linear-gradient(-20deg, transparent 35%, white 35%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view {
    background-image: linear-gradient(to bottom right, white 50%, #F9F9F9 50%);
    padding-top: 4rem; /* 64px */
    margin-bottom: -2rem; /* -32px */
  }
}

@media only screen and (min-width: 1024px) {
  .first-view {
    background-image: linear-gradient(to bottom right, white 50%, #F9F9F9 50%);
    padding-top: 4rem; /* 64px */
    padding-bottom: 3.5rem; /* 56px */
  }
}

.first-view--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  margin: 0 auto;
  padding: 0 1.25rem; /* 20px */
  max-width: 86rem; /* 1376px */
  width: 100%;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}

@media only screen and (max-width: 767px) {
  .first-view--wrap {
    padding: 0 2.1875rem; /* 35px */
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view--wrap {
    display: block;
  }
}

.first-view__logo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.first-view__logo img {
  height: auto;
  display: block;
}
.first-view__logo--aia {
  width: 61%;
}
.first-view__logo--achievements {
  width: 28.5%;
}
@media only screen and (max-width: 767px) {
  .first-view__logo--aia {
    width: 58%;
  }
  .first-view__logo--achievements {
    width: 32%;
  }
}

.first-view--form {
  border-radius: 0.625rem; /* 10px */
  border: 1px solid #DCEBE5;
  background: #fff;
  box-shadow: 0px 0.25rem 1rem 0px rgba(0, 0, 0, 0.20); /* 0px 4px 16px 0px */

  padding: 2rem 2rem; /* 32px 32px */
  width: 25rem; /* 400px */

  text-align: left;
}

@media only screen and (max-width: 767px) {
  .first-view--form {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view--form {
    display: none;
  }
}

.first-view--main {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: center;
  padding-left: 1.5rem; /* 24px */
  padding-right: 3rem;
  width: calc(100% - 27.5rem); /* 440px */
}

@media only screen and (max-width: 767px) {
  .first-view--main {
    background-image: none;
    padding-left: 0;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view--main {
    background-size: 40% auto;

    padding: 0 max(4.69208vw, 1.5rem) 3.75rem; /* 0 max(4.69208vw, 24px) 60px */
    width: 100%;
    padding-right: 3rem; /* 48px */
    padding-right: 0;
  }
}

@media only screen and (max-width: 1439px) {
  .first-view--main {
    padding-right: 0;
  }
}

.first-view--hero-section-picture {
  align-self: flex-start;
}

.first-view--hero-section-logo {
  width: 55rem; /* 880px */
}

.first-view--hero-section-title {
  align-self: flex-start;
  color: #1cb57b;
  font-feature-settings: 'palt' on;
  font-size: 2.5rem; /* 40px */
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.25rem; /* 4px */
  margin-top: 0.5rem; /* 0.5px */
}

.first-view--hero-section-title span {
  font-size: 3.25rem; /* 48px */
  line-height: 100%;
  letter-spacing: 0.3rem; /* 4.8px */
}

.first-view--hero-section-img {
  margin-top: 1.5rem; /* 24px */
  margin-bottom: -2rem; /* -32px */
  max-width: 54rem; /* 864px */
}

@media only screen and (max-width: 767px) {
  .first-view--hero-section-logo {
    max-width: clamp(15rem, 83vw, 40rem); /* 240px, 83vw, 640px */
  }
  .first-view--hero-section-title {
    margin-top: 1.5rem; /* 38px */
    font-size: clamp(1rem, 6vw, 2.75rem); /* 16px, 6vw, 44px */
  }
  .first-view--hero-section-title span {
    font-size: clamp(1.25rem, 10vw, 4.5rem); /* 20px, 10vw, 72px */
  }
  .first-view--hero-section-img {
    margin-top: 2rem; /* 48px */
    max-width: clamp(15rem, 83vw, 40rem); /* 240px, 83vw, 640px */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view--hero-section-logo {
    max-width: clamp(41rem, 85vw, 53rem); /* 656px, 85vw, 848px */
  }
  .first-view--hero-section-title {
    font-size: clamp(1.875rem, 4vw, 2.25rem); /* 30px, 4vw, 36px */
  }
  .first-view--hero-section-title span {
    font-size: clamp(2.5rem, 5.5vw, 3rem); /* 40px, 5.5vw, 48px */
  }
  .first-view--hero-section-img {
    margin-top: 2rem; /* 36px */
    max-width: clamp(33rem, 75vw, 39rem); /* 528px, 75vw, 624px */
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
  .first-view--hero-section-logo {
    max-width: clamp(32rem, 50vw, 37rem); /* 512px, 50vw, 592px */
  }
  .first-view--hero-section-title {
    margin-top: 2.5rem; /* 40px */
    font-size: clamp(1.75rem, 2.5vw, 2rem); /* 28px, 2.5vw, 32px */
  }
  .first-view--hero-section-title span {
    font-size: clamp(2.375rem, 3.25vw, 2.75rem); /* 38px, 3.5vw, 48px */
  }
  .first-view--hero-section-img {
    margin-top: 3rem; /* 48px */
    max-width: clamp(33rem, 52vw, 39rem); /* 528px, 52vw, 624px */
  }
}

@media only screen and (min-width: 1152px) and (max-width: 1279px) {
  .first-view--hero-section-logo {
    max-width: clamp(38rem, 54vw, 44rem); /* 608px, 54vw, 704px */
  }
  .first-view--hero-section-title {
    margin-top: 2.5rem; /* 40px */
    font-size: clamp(1.75rem, 2.625vw, 2.5rem); /* 28px, 2.625vw, 40px */
  }
  .first-view--hero-section-title span {
    font-size: clamp(2.375rem, 3.5vw, 3rem); /* 38px, 3.5vw, 48px */
  }
  .first-view--hero-section-img {
    margin-top: 3rem; /* 48px */
    max-width: clamp(39rem, 56vw, 45rem); /* 624px, 56vw, 720px */
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .first-view--hero-section-logo {
    max-width: clamp(46rem, 57.5vw, 53rem); /* 736px, 57.5vw, 848px */
  }
  .first-view--hero-section-title {
    font-size: clamp(1.75rem, 2.75vw, 2.5rem); /* 28px, 2.75vw, 40px */
  }
  .first-view--hero-section-title span {
    font-size: clamp(2.375rem, 3.5vw, 3rem); /* 38px, 3.5vw, 48px */
  }
  .first-view--hero-section-img {
    max-width: clamp(47rem, 60vw, 54rem); /* 752px, 60vw, 864px */
  }
}

.first-view--hero-section-title br {
  display: none;
}

.first-view--hero-section-title .tb-pc {
  display: inline;
}

@media only screen and (max-width: 767px) {
  .first-view--hero-section-title br {
    display: inline;
  }
  
  .first-view--hero-section-title .tb-pc {
    display: none;
  }
}

.first-view--data-integration-title {
  font-feature-settings: 'palt' on;
  font-size: 1.325rem; /* 21px */
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-top: 2.5rem; /* 40px */
  letter-spacing: 0.1rem; /* 2px */
  white-space: nowrap;
}

.first-view--data-integration-title br {
  display: none;
}

@media only screen and (max-width: 376px) {
  .first-view--data-integration-title {
    font-size: clamp(0.5rem, 3.625vw, 1.6rem); /* 8px, 3.625vw, 26px */
  }
  .first-view--data-integration-title br {
    display: inline;
  }
}

@media only screen and (min-width: 377px) and (max-width: 465px) {
  .first-view--data-integration-title {
    font-size: clamp(0.5rem, 3.625vw, 1.6rem); /* 8px, 3.625vw, 26px */
  }
  .first-view--data-integration-title br {
    display: inline;
  }
}

@media only screen and (min-width: 466px) and (max-width: 561px) {
  .first-view--data-integration-title {
    font-size: clamp(1rem, 3.625vw, 1.8rem); /* 16px, 3.625vw, 28px */
  }
  .first-view--data-integration-title br {
    display: inline;
  }
}

@media only screen and (min-width: 562px) and (max-width: 767px) {
  .first-view--data-integration-title {
    font-size: clamp(1rem, 3.7375vw, 1.8rem); /* 16px, 3.7375vw, 28px */
  }
  .first-view--data-integration-title br {
    display: inline;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view--data-integration-title {
    font-size: clamp(0.8rem, 2vw, 2rem); /* 12px, 2vw, 32px */
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
  .first-view--data-integration-title {
    letter-spacing: 0.05rem; /* 1px */
    font-size: clamp(0.6rem, 1.45vw, 1.125rem); /* 10px, 1.45vw, 18px */
  }
}

@media only screen and (min-width: 1152px) and (max-width: 1279px) {
  .first-view--data-integration-title {
    letter-spacing: 0.05rem; /* 1px */
    font-size: clamp(0.6rem, 1.45vw, 1.525rem); /* 10px, 1.45vw, 24px */
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .first-view--data-integration-title {
    font-size: clamp(0.8rem, 1.5vw, 1.325rem); /* 12px, 1.5vw, 21px */
  }
}

.first-view--data-integration-body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem; /* 16px */
  margin-top: 0.5rem; /* 8px */
}

.first-view--keywords {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.first-view--keywords div:first-of-type {
  margin-right: 0.25rem; /* 4px */
}

.first-view--keyword {
  border: none;
  border-radius: 0.3rem; /* 5px */
  background: #1cb57b;
  width: 11.5rem; /* 184px */
  height: 2rem; /* 32px */

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.first-view--keyword span {
  font-size: 1rem; /* 16px */
  color: #fff;
  text-align: center;
  letter-spacing: 0.1rem; /* 2px */
}

.first-view--keyword br {
  display: none;
}

.first-view--google-analytics {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.first-view--google-analytics-logo {
  margin-bottom: 0.3rem; /* 5px */
  width: 11rem; /* 192px */
}

.first-view--integration-img {
  max-height: 2rem; /* 32px */
  max-width: 2rem; /* 32px */
}

.first-view--google-sc {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.first-view--google-sc-logo {
  height: 5.5rem; /* 88px */
  width: 17.5rem; /* 280px */
  margin-bottom: -0.5rem; /* -8px */
}

@media only screen and (max-width: 376px) {
  .first-view--data-integration-body {
    gap: 0.6rem; /* 10px */
  }
  .first-view--keyword {
    width: clamp(4rem,  19vw, 10rem); /* 64px, 19vw, 160px */
    height: clamp(1.5rem,  12vw, 3.3rem); /* 24px, 12vw, 52.8px */
  }
  .first-view--keyword span {
    font-size: clamp(0.5rem, 3vw, 1rem); /* 8px, 3vw, 16px */
  }
  .first-view--keyword br {
    display: inline;
  }
  .first-view--google-analytics-logo {
    margin-bottom: 0.4rem;
    max-width: clamp(7rem, 30vw, 12rem); /* 112px, 30vw, 192px */
  }
  .first-view--integration-img {
    max-width: clamp(1.5rem, 6vw, 2rem); /* 24px, 6vw, 32px */
  }
  .first-view--google-sc-logo {
    height: clamp(3.5rem, 15vw, 4rem); /* 56px, 15vw, 64px */
    margin-bottom: -0.1rem;
    max-width: clamp(5rem, 28vw, 12rem); /* 80px, 28vw, 192px */
  }
}

@media only screen and (min-width: 377px) and (max-width: 465px) {
  .first-view--data-integration-body {
    gap: 0.6rem; /* 10px */
  }
  .first-view--keyword {
    width: clamp(4rem,  19.5vw, 10rem); /* 64px, 19.5vw, 160px */
    height: clamp(2rem,  14vw, 3.3rem); /* 32px, 14vw, 52.8px */
  }
  .first-view--keyword span {
    font-size: clamp(0.8rem, 2.4vw, 1rem); /* 12px, 2.4vw, 16px */
  }
  .first-view--keyword br {
    display: inline;
  }
  .first-view--google-analytics-logo {
    margin-bottom: 0.5rem; /* 8px */
    max-width: clamp(8rem, 31vw, 12rem); /* 80px, 31vw, 192px */
  }
  .first-view--integration-img {
    max-width: clamp(1.5rem, 6vw, 2rem); /* 24px, 6vw, 32px */
  }
  .first-view--google-sc-logo {
    height: clamp(4rem, 15vw, 5rem); /* 64px, 15vw, 80px */
    margin-bottom: -0.1rem;
    max-width: clamp(5rem, 28vw, 12rem); /* 80px, 28vw, 192px */
  }
}

@media only screen and (min-width: 466px) and (max-width: 561px) {
  .first-view--data-integration-body {
    gap: 0.7rem; /* 10px */
  }
  .first-view--keyword {
    width: clamp(4rem,  17vw, 9rem); /* 64px, 17vw, 144px */
    height: clamp(2rem,  14vw, 3.3rem); /* 32px, 14vw, 52.8px */
  }
  .first-view--keyword span {
    font-size: clamp(0.8rem, 2.4vw, 1rem); /* 12px, 2.4vw, 16px */
  }
  .first-view--keyword br {
    display: inline;
  }
  .first-view--google-analytics-logo {
    margin-bottom: 0.5rem; /* 8px */
    max-width: clamp(8rem, 31vw, 12rem); /* 80px, 31vw, 192px */
  }
  .first-view--integration-img {
    max-width: clamp(1.5rem, 6vw, 2rem); /* 24px, 6vw, 32px */
  }
  .first-view--google-sc-logo {
    height: clamp(4rem, 15vw, 5rem); /* 64px, 15vw, 80px */
    margin-bottom: -0.1rem;
    max-width: clamp(5rem, 26vw, 11rem); /* 80px, 26vw, 176px */
  }
}

@media only screen and (min-width: 562px) and (max-width: 767px) {
  .first-view--data-integration-body {
    gap: 0.7rem; /* 10px */
  }
  .first-view--keyword {
    width: clamp(4rem,  17vw, 9rem); /* 64px, 17vw, 144px */
    height: clamp(3rem,  16vw, 3.5rem); /* 48px, 16vw, 56px */
  }
  .first-view--keyword span {
    font-size: clamp(0.9rem, 2.4vw, 1rem); /* 14px, 2.4vw, 16px */
  }
  .first-view--keyword br {
    display: inline;
  }
  .first-view--google-analytics-logo {
    margin-bottom: 0.55rem; /* 12px */
    max-width: clamp(9rem, 32vw, 11rem); /* 80px, 29vw, 176px */
  }
  .first-view--google-sc-logo {
    margin-bottom: -0.2rem;
    max-width: clamp(9rem, 21vw, 12rem); /* 144px, 14vw, 240px */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view--keyword {
    width: clamp(7rem, 18.5vw, 11.5rem); /* 112px, 18.5vw, 184px */
  }
  .first-view--keyword span {
    font-size: clamp(0.5rem, 1.85vw, 1rem);
  }
  .first-view--google-analytics-logo {
    max-width: clamp(10rem, 28vw, 11rem); /* 160px, 28vw, 176px */
  }
  .first-view--google-sc-logo {
    max-width: clamp(12rem, 31vw, 17rem); /* 232px, 28vw, 272px */
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
  .first-view--keyword {
    width: clamp(4rem, 10vw, 9rem); /* 64px, 10vw, 144px */
    height: 3.5rem; /* 56px */
  }
  .first-view--keyword span {
    font-size: clamp(0.5rem, 1.55vw, 1rem); /* 8px, 1.55vw, 16px */
  }
  .first-view--keyword br {
    display: inline;
  }
  .first-view--google-analytics-logo {
    max-width: clamp(10rem, 17vw, 13rem); /* 160px, 17vw, 208px */
  }
  .first-view--google-sc-logo {
    margin-bottom: -0.2rem;
    height: 5.2rem;
    max-width: clamp(10rem, 14vw, 15rem); /* 144px, 14vw, 240px */
  }
}

@media only screen and (min-width: 1152px) and (max-width: 1279px) {
  .first-view--keyword {
    width: clamp(6rem, 12.1vw, 11rem); /* 96px, 12.1vw, 176px */
  }
  .first-view--keyword span {
    font-size: clamp(0.5rem, 1.2vw, 1rem); /* 8px, 1.2vw, 16px */
  }
  .first-view--google-analytics-logo {
    max-width: clamp(10rem, 15vw, 13rem); /* 160px, 15vw, 208px */
  }
  .first-view--google-sc-logo {
    max-width: clamp(14.5rem, 20vw, 17rem); /* 232px, 19vw, 272px */
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .first-view--keyword {
    width: clamp(8rem, 12.3vw, 11.5rem); /* 128px, 12.3vw, 184px */
  }
  .first-view--keyword span {
    font-size: clamp(0.5rem, 1.2vw, 1rem); /* 8px, 1.2vw, 16px */
  }
  .first-view--google-analytics-logo {
    max-width: clamp(10rem, 15vw, 13rem); /* 160px, 15vw, 208px */
  }
  .first-view--google-sc-logo {
    max-width: clamp(14.5rem, 20vw, 17rem); /* 232px, 19vw, 272px */
  }
}

/* start-analysis-section */
.start-analysis--data-linkage-head {
  width: 100%;
}

@media only screen and (max-width: 375px) {
  .start-analysis--data-linkage {
    width: clamp(200px, 80vw, 300px); /* 200px, 80vw, 300px */
  }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .start-analysis--data-linkage {
    width: clamp(250px, 80vw, 350px); /* 250px, 80vw, 350px */
  }
}

.start-analysis--data-linkage-body {
  border-bottom-left-radius: 0.625rem; /* 10px */
  border-bottom-right-radius: 0.625rem; /* 10px */
  background-color: white;
  box-shadow: 0px 0.0625rem 0.625rem 0px rgba(0, 0, 0, 0.07); /* 0px 1px 10px 0px */
  padding-top: 1.25rem; /* 20px */
  padding-bottom: 2rem; /* 32px */
  padding-left: 0.3125rem; /* 5px */
  padding-right: 0.3125rem; /* 5px */
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 26.25rem; /* 420px */
}

@media only screen and (max-width: 767px) {
  .start-analysis--data-linkage-body {
    padding-left: 0.625rem; /* 10px */
    padding-right: 0.625rem; /* 10px */
  }
}

.start-analysis--data-linkage-body img {
  margin-top: 1.5rem; /* 24px */
  margin-bottom: 2rem; /* 32px */
  max-width: 17.125rem; /* 257px */
}

@media only screen and (max-width: 375px) {
  .start-analysis--data-linkage-body {
    padding-bottom: 2.375rem; /* 38px */
  }
  .start-analysis--data-linkage-body img {
    margin-bottom: 1.5rem; /* 24px */
    margin-top: 1rem; /* 16px */
    max-width: 13.75rem; /* 220px */
  }
}


@media only screen and (min-width: 376px) and (max-width: 767px) {
  .start-analysis--data-linkage-body {
    padding-bottom: 2.375rem; /* 38px */
  }
  .start-analysis--data-linkage-body img {
    margin-bottom: 1.5rem; /* 24px */
    width: 55vw;
    min-width: 14.375rem; /* 230px */
    max-width: 15.625rem; /* 250px */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-analysis--data-linkage-body {
    padding-bottom: 2.375rem; /* 38px */
  }
  .start-analysis--data-linkage-body img {
    margin-bottom: 1.5rem; /* 24px */
    width: 27.5vw; /* 220px */
    max-width: 16.3rem; /* 260px */
  }
}

.start-analysis--data-linkage-body p {
  color: var(--text-main, #363833);
  text-align: center;
  font-feature-settings: 'palt' on;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.start-analysis--data-linkage-text {
  font-size: 1rem; /* 16px */
  letter-spacing: 0.08rem; /* 1.28px */
  white-space: nowrap;
}

.start-analysis--data-linkage-text .tb-sp {
  display: none;
}

@media only screen and (max-width: 375px) {
  .start-analysis--data-linkage-text {
    font-size: max(1.4vw, 0.875rem); /* 14px */
  }
  .start-analysis--data-linkage-text .tb-sp {
    display: inline;
  }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .start-analysis--data-linkage-text {
    font-size: max(1.4vw, 0.875rem); /* 14px */
  }
  .start-analysis--data-linkage-text .tb-sp {
    display: inline;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-analysis--data-linkage-text {
    font-size: max(1.4vw, 0.75rem); /* 12px */
  }
}

.start-analysis--data-linkage-annotation {
  margin-top: 0.5rem; /* 8px */
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0.0875rem; /* 1.4px */
}

@media only screen and (max-width: 1023px) {
  .start-analysis--data-linkage-annotation {
    font-size: max(1vw, 0.735rem); /* 11.76px */
  }
}

.start-analysis--report-function-body img {
  margin-top: 1.5rem; /* 24px */
  margin-bottom: 2rem; /* 32px */
  max-width: 23.375rem; /* 374px */
}

.start-analysis--report-function-text {
  white-space: nowrap;
}

@media only screen and (max-width: 375px) {
  .start-analysis--report-function-body img {
    width: 45vw;
    min-width: 15rem; /* 240px */
  }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .start-analysis--report-function-body img {
    width: 50vw;
    min-width: 16.5rem; /* 280px */
    max-width: 19rem; /* 304px */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .start-analysis--report-function-body img {
    width: 37vw;
    max-width: 22rem;
  }
}

/* report-click section */
.report-click--wrap > img {
  margin-left: 0;
}

@media only screen and (max-width: 375px) {
  .report-click--wrap > img {
    margin-left: 1rem; /* 16px */
  }
  .report-click--wrap > div {
    margin-top: 1.5rem; /* 24px */
    margin-bottom: 1rem; /* 16px */
  }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .report-click--wrap > img {
    margin-left: 1rem; /* 16px */
  }
  .report-click--wrap > div {
    margin-top: 1.5rem; /* 24px */
    margin-bottom: 1rem; /* 16px */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .report-click--wrap > img {
    width: max(55vw, 15.625rem); /* 250px */
  }
}

.report-click--wrap h2 {
  font-size: 1.625rem; /* 26px */
  font-style: normal;
  line-height: 136%;
  color: #fff;
  letter-spacing: 0.1125rem; /* 1.8px */
  text-align: center;
}

.report-click--wrap h2 span {
  font-size: 2rem; /* 32px */
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

@media only screen and (max-width: 375px) {
  .report-click--wrap h2 {
    font-size: max(4vw, 1.125rem); /* 18px */
  }
  .report-click--wrap h2 span {
    font-size: clamp(2rem, 11vw, 3rem); /* 32px, 11vw, 48px */
  }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .report-click--wrap h2 {
    font-size: max(4vw, 1.125rem); /* 18px */
  }
  .report-click--wrap h2 span {
    font-size: clamp(2.5rem, 7.5vw, 3.25rem); /* 40px, 7.5vw, 52px */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .report-click--wrap h2 {
    font-size: 1.25rem; /* 20px */
  }
}