@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: 3.5rem; /* 56px */
    padding-bottom: 2rem; /* 32px */
    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; /* 48px */
  width: calc(100% - 27.5rem); /* 440px */

  text-align: left;
}

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

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .first-view--main {
    align-items: center;
    background-size: 40% auto;
    padding: 0 max(4.69208vw, 1.5rem) 3.75rem; /* 0 max(4.69208vw, 24px) 60px */
    width: 100%;
  }
}

.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.4rem;
  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 .sp {
  display: none;
}

.first-view--hero-section-title span {
  font-size: 3rem;
  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: 56rem; /* 896px */
}

.first-view--linkage-logos {
  margin-top: 1.5rem; /* 24px */
}

.first-view--linkage-logos span {
  font-weight: 700;
  margin-right: 1rem; /* 16px */
}

@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, 5.5vw, 2.75rem); /* 16px, 5.5vw, 44px */
  }
  .first-view--hero-section-title .sp {
    display: inline;
  }
  .first-view--hero-section-title span {
    font-size: clamp(1.25rem, 10vw, 4.5rem); /* 20px, 10vw, 72px */
  }
  .first-view--hero-section-img {
    margin-top: 3rem; /* 48px */
    max-width: clamp(15rem, 95vw, 50rem); /* 240px, 100vw, 800px */
  }
  .first-view--linkage-logos {
    white-space: nowrap;
    padding-top: 2.5rem; /* 40px */
  }
  .first-view--linkage-logos span {
    margin-right: 0.25rem; /* 4px */
    font-size: clamp(0.4rem, 4vw, 1rem); /* 6px, 4vw, 16px */
  }
  .first-view--linkage-logos img {
    max-width: clamp(1rem, 60vw, 16.25rem); /* 16px, 60vw, 260px */
  }
}

@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: 0rem;
    max-width: clamp(33rem, 80vw, 55rem); /* 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.6rem, 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: 2rem; /* 32px */
    max-width: clamp(33rem, 54vw, 45rem);
  }
  .first-view--linkage-logos span {
    font-size: 0.9rem;
  }
  .first-view--linkage-logos img {
    max-width: clamp(15rem, 21vw, 16.25rem);
  }
}

@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: 1.5rem; /* 24px */
    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: 0.25rem; /* 4px */
    max-width: clamp(39rem, 60vw, 52rem); /* 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.4rem);
  }
  .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(44rem, 60vw, 52rem);
  }
}

.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;
  }
}

/* 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);
  }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .start-analysis--data-linkage {
    width: clamp(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: 16.5rem; /* 264px */
}

@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.75vw; /* 111px */
    max-width: 14.7rem; /* 235px */
  }
}

.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: 24.375rem; /* 390px */
}

.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: 14rem; /* 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: 40vw;
    max-width: 21.25rem; /* 340px */
  }
}

/* report-click section */
.report-click--wrap {
  gap: 0;
}

.report-click--wrap > img {
  margin-left: -2.1875rem; /* -35px */
}

@media only screen and (max-width: 375px) {
  .report-click--wrap > img {
    margin-left: -0.625rem; /* -10px */
  }
  .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: -0.625rem; /* -10px */
  }
  .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 {
    margin-left: 0.75rem;
  }
  .report-click--wrap > img {
    width: max(60vw, 15.625rem); /* 250px */
  }
}

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

.report-click--wrap h2 span {
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

@media only screen and (max-width: 375px) {
  .report-click--wrap h2 {
    font-size: max(4vw, 1rem); /* 16px */
  }
  .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, 1rem); /* 16px */
  }
  .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 {
    margin-left: -1rem;
    font-size: 1.25rem; /* 20px */
  }
}