body {
  font-size: clamp(12px, 3.7333333333vw, 14px);
}

.block-content.mainvisual {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: min(6.4vw, 24px);
}
.block-content.company {
  padding: min(115.7333333333vw, 434px) min(6.4vw, 24px) min(10.6666666667vw, 40px);
}
.block-content.company::before {
  display: none;
}
.block-content.company::after {
  width: min(94.6666666667vw, 355px);
  height: min(100.2666666667vw, 376px);
  top: max(-6.4vw, -24px);
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.block-content.footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(17.0666666667vw, 64px);
}
.block-content.footer .footer-logo {
  width: min(42.6666666667vw, 160px);
}
.block-button {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(4.2666666667vw, 16px);
  margin-top: 0;
}
.block-mainvisual-content {
  min-width: 100%;
  padding: 0 0 min(14.9333333333vw, 56px);
}
.block-mainvisual-content .mainvisual-content-title {
  font-size: clamp(12px, 8.5333333333vw, 32px);
  margin-bottom: min(6.4vw, 24px);
}
.block-mainvisual-content .mainvisual-content-text {
  font-size: clamp(12px, 4vw, 15px);
  margin-bottom: min(8.5333333333vw, 32px);
  line-height: 1.8;
}
.block-mainvisual-content .button-conversion {
  height: min(19.2vw, 72px);
  width: 100%;
}
.block-mainvisual-content .button-conversion::before {
  width: min(10.6666666667vw, 40px);
  height: min(10.6666666667vw, 40px);
}
.block-mainvisual-content .button-conversion::after {
  width: min(6.4vw, 24px);
  height: min(6.4vw, 24px);
}
.block-mainvisual-image {
  min-width: 100vw;
  width: 100vw;
}
.block-possible-axis {
  padding: min(27.7333333333vw, 104px) min(4.2666666667vw, 16px) min(14.9333333333vw, 56px);
  border-radius: min(2.1333333333vw, 8px);
}
.block-possible-axis .possible-axis-title {
  padding: min(4.2666666667vw, 16px) min(6.4vw, 24px);
  font-size: clamp(12px, 4.8vw, 18px);
  border-radius: min(21.3333333333vw, 80px);
  top: max(-5.3333333333vw, -20px);
  white-space: unset;
  width: min(77.8666666667vw, 292px);
  line-height: 1.2;
}
.block-possible-axis .possible-axis-title > span {
  font-size: clamp(12px, 4.2666666667vw, 16px);
  margin-bottom: min(2.1333333333vw, 8px);
}
.block-possible-axis .possible-axis-title::after {
  border-width: min(3.7333333333vw, 14px) min(4vw, 15px) 0 min(4vw, 15px);
  bottom: max(-3.7333333333vw, -14px);
}
.block-possible-axis .possible-axis-check-man {
  position: static;
  width: min(26.6666666667vw, 100px);
  height: auto;
  margin: 0 auto min(4.2666666667vw, 16px);
  display: block;
}
.block-exam-application {
  gap: min(4.2666666667vw, 16px);
  padding-top: min(6.4vw, 24px);
}
.block-exam-application::before {
  width: calc(100% - min(2.1333333333vw, 8px));
}
.block-exam-application .exam-application-title {
  font-size: clamp(12px, 4.2666666667vw, 16px);
}
.block-exam-application .exam-application-image {
  width: calc(50% - min(2.1333333333vw, 8px));
}
.block-product-lineup {
  margin: min(12.8vw, 48px) 0 0 -24px;
  width: calc(100% + 48px);
  padding: 0 24px;
  overflow-x: auto;
}
.block-company-introduction {
  width: 100%;
  margin: 0;
  position: relative;
}
.block-company-introduction::before {
  content: "COMPANY";
  position: absolute;
  font-family: "Roboto", serif;
  font-weight: 400;
  font-style: italic;
  font-size: clamp(12px, 12.8vw, 48px);
  letter-spacing: 0.04em;
  color: #d6e1e8;
  line-height: 1;
  right: 0;
  top: max(-15.4666666667vw, -58px);
}
.block-company-introduction .company-introduction-title {
  margin-bottom: min(6.4vw, 24px);
  font-size: clamp(12px, 6.9333333333vw, 26px);
  line-height: 1.2;
}
.block-company-introduction .company-introduction-title > span {
  font-size: clamp(12px, 3.7333333333vw, 14px);
  margin-bottom: min(2.1333333333vw, 8px);
}
.block-company-introduction .company-introduction-text {
  margin-bottom: min(6.4vw, 24px);
}
.block-footer-content .footer-content-tel {
  padding: min(10.6666666667vw, 40px) 0;
  margin-bottom: min(10.6666666667vw, 40px);
  font-size: clamp(12px, 3.7333333333vw, 14px);
}
.block-footer-content .footer-content-tel > dt {
  margin-bottom: min(4.2666666667vw, 16px);
}
.block-footer-content .footer-content-tel > dd {
  pointer-events: all;
}
.block-footer-content .footer-content-tel > dd:not(:last-child) {
  margin-bottom: min(1.6vw, 6px);
}
.block-footer-content .footer-content-link {
  margin: 0 0 min(4.2666666667vw, 16px);
}
.block-footer-content .footer-content-copy {
  margin-top: min(8.5333333333vw, 32px);
  font-size: clamp(12px, 3.7333333333vw, 14px);
}

.section-mainvisual {
  padding-top: min(17.0666666667vw, 64px);
}
.section-introduction {
  padding: min(10.6666666667vw, 40px) 0 min(14.9333333333vw, 56px);
}
.section-conversion-area {
  padding: min(19.2vw, 72px) 0 min(14.9333333333vw, 56px);
}
.section-reason {
  padding: min(20.8vw, 78px) 0 min(12.8vw, 48px);
}
.section-product {
  padding: min(27.7333333333vw, 104px) 0 min(21.3333333333vw, 80px);
}
.section-faq {
  padding: min(19.2vw, 72px) 0 min(12.8vw, 48px);
}
.section-company {
  padding: min(16vw, 60px) 0 min(14.9333333333vw, 56px);
}
.section-contact {
  padding: min(16vw, 60px) 0 min(14.9333333333vw, 56px);
}
.section-footer {
  padding: min(21.3333333333vw, 80px) 0;
}

.list-reason-feature {
  gap: min(6.4vw, 24px);
  margin-bottom: min(21.3333333333vw, 80px);
}
.list-reason-feature > li {
  border-radius: min(2.1333333333vw, 8px);
  padding: min(8.5333333333vw, 32px) min(6.4vw, 24px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(4.2666666667vw, 16px);
}
.list-reason-feature .reason-feature-numbering {
  right: min(6.4vw, 24px);
  top: min(6.4vw, 24px);
  width: min(14.4vw, 54px);
  height: min(11.2vw, 42px);
}
.list-reason-feature .reason-feature-image {
  width: min(48vw, 180px);
}
.list-reason-feature .reason-feature-title {
  font-size: clamp(12px, 6.4vw, 24px);
  margin-bottom: min(4.2666666667vw, 16px);
  text-align: center;
}
.list-reason-feature .reason-feature-text {
  font-size: clamp(12px, 4.2666666667vw, 16px);
  line-height: 1.8;
}
.list-reason-feature .reason-feature-text-note {
  line-height: 1.8;
  margin-top: min(2.1333333333vw, 8px);
  font-size: clamp(12px, 3.7333333333vw, 14px);
}
.list-slider-images {
  min-width: 1056px;
}
.list-slider-images > li {
  width: 25%;
}
.list-possible-axis {
  gap: min(4.2666666667vw, 16px);
  padding: 0 min(2.1333333333vw, 8px);
  margin-bottom: min(6.4vw, 24px);
}
.list-possible-axis > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(2.1333333333vw, 8px);
}
.list-possible-axis .possible-axis-image {
  width: min(69.3333333333vw, 260px);
}
.list-possible-axis .possible-axis-text {
  font-size: clamp(12px, 5.3333333333vw, 20px);
}
.list-possible-axis .possible-axis-text-note {
  font-size: clamp(12px, 3.7333333333vw, 14px);
  margin-top: min(4.2666666667vw, 16px);
}
.list-faq {
  gap: min(4.2666666667vw, 16px);
}
.list-faq > div {
  border-radius: min(2.1333333333vw, 8px);
}
.list-faq .faq-question {
  gap: min(2.1333333333vw, 8px);
  padding: min(4.2666666667vw, 16px) min(17.0666666667vw, 64px) min(4.2666666667vw, 16px) min(4.2666666667vw, 16px);
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: clamp(12px, 4.2666666667vw, 16px);
}
.list-faq .faq-question > span {
  font-size: clamp(12px, 3.7333333333vw, 14px);
  width: min(6.4vw, 24px);
  height: min(6.4vw, 24px);
}
.list-faq .faq-question::before, .list-faq .faq-question::after {
  width: min(5.3333333333vw, 20px);
  right: min(4.2666666667vw, 16px);
}
.list-faq .faq-question.open {
  padding-bottom: min(2.1333333333vw, 8px);
}
.list-faq .faq-question.open + .faq-answer {
  padding-bottom: min(4.2666666667vw, 16px);
}
.list-faq .faq-answer {
  padding: 0 min(4.2666666667vw, 16px) 0 min(12.8vw, 48px);
}
.list-footer-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(6.4vw, 24px);
  font-size: clamp(12px, 4.2666666667vw, 16px);
  margin-bottom: min(10.6666666667vw, 40px);
}

.text-conversion-impact {
  font-size: clamp(12px, 3.7333333333vw, 14px);
  top: max(-27.7333333333vw, -104px);
  right: 0;
  width: min(25.6vw, 96px);
  height: min(25.6vw, 96px);
}

.link-text::before {
  display: none;
}
.link-text.blank {
  gap: min(0.5333333333vw, 2px);
}
.link-text.blank::after {
  width: min(3.7333333333vw, 14px);
  height: min(3.7333333333vw, 14px);
}

.button-conversion {
  width: 100%;
  height: min(17.0666666667vw, 64px);
  border-radius: min(2.1333333333vw, 8px);
  font-size: clamp(12px, 4.8vw, 18px);
  line-height: 1.4;
  padding-left: min(19.2vw, 72px);
}
.button-conversion::before {
  width: min(12.8vw, 48px);
  height: min(12.8vw, 48px);
  left: min(4.2666666667vw, 16px);
}
.button-conversion::after {
  width: min(8.5333333333vw, 32px);
  height: min(8.5333333333vw, 32px);
  right: min(4.2666666667vw, 16px);
}
.button-conversion:hover {
  -webkit-transform: unset;
          transform: unset;
}

.heading2 {
  margin-bottom: min(10.6666666667vw, 40px);
  font-size: clamp(12px, 8.5333333333vw, 32px);
  line-height: 1.1;
}
.heading2::before {
  font-size: clamp(12px, 17.0666666667vw, 64px);
  bottom: auto;
  top: max(-9.6vw, -36px);
}
.heading2[title=PRODUCT], .heading2[title="Q&A"] {
  font-size: clamp(12px, 7.4666666667vw, 28px);
}
.heading-introduction-title {
  font-size: clamp(12px, 6.9333333333vw, 26px);
  line-height: 1.4;
  margin: 0 auto min(60.8vw, 228px);
  text-align: center;
}
.heading-introduction-title::after {
  display: none;
}
.heading-introduction-title.solution {
  font-size: clamp(12px, 8.8vw, 33px);
  margin-bottom: min(44.8vw, 168px);
}
.heading-introduction-title.solution::after {
  display: block;
  width: min(16.5333333333vw, 62px);
  height: min(18.4vw, 69px);
  right: min(2.1333333333vw, 8px);
  bottom: max(-3.2vw, -12px);
}
.heading-introduction-title .introduction-title-loud {
  font-size: clamp(12px, 5.3333333333vw, 20px);
  line-height: 1.2;
  text-align: center;
  color: #D70035;
  margin-bottom: min(4.2666666667vw, 16px);
}
.heading-introduction-title .introduction-title-loud::before, .heading-introduction-title .introduction-title-loud::after {
  background: #D70035;
  width: 3px;
  height: min(12.8vw, 48px);
}
.heading-introduction-title .introduction-title-loud::before {
  left: max(-6.4vw, -24px);
}
.heading-introduction-title .introduction-title-loud::after {
  right: max(-6.4vw, -24px);
}
.heading-introduction-title .introduction-title-emphasis {
  font-size: clamp(12px, 8.8vw, 33px);
}
.heading-conversion-area {
  font-size: clamp(12px, 5.3333333333vw, 20px);
  margin-bottom: min(6.4vw, 24px);
}

.column-introduction-problem {
  display: block;
}
.column-introduction-problem .introduction-problem-list {
  font-size: clamp(12px, 4.2666666667vw, 16px);
  background: #F7F7F7;
  padding: min(6.4vw, 24px) min(4.2666666667vw, 16px);
  border-radius: min(2.1333333333vw, 8px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(8.5333333333vw, 32px);
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: min(9.6vw, 36px);
}
.column-introduction-problem .introduction-problem-list::after {
  left: 50%;
  -webkit-transform: translate(-50%) rotate(90deg);
          transform: translate(-50%) rotate(90deg);
  top: auto;
  bottom: max(-5.3333333333vw, -20px);
  margin: 0;
  width: min(12.8vw, 48px);
  height: min(8.8vw, 33px);
}
.column-introduction-problem .introduction-problem-list::before {
  top: max(-49.0666666667vw, -184px);
  width: min(58.6666666667vw, 220px);
  height: min(49.0666666667vw, 184px);
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.column-introduction-problem .introduction-problem-list.solution {
  margin-bottom: 0;
  font-size: clamp(12px, 4.8vw, 18px);
}
.column-introduction-problem .introduction-problem-list.solution::after {
  display: none;
}
.column-introduction-problem .introduction-problem-list.solution::before {
  -webkit-transform: translate(calc(-50% + min(4.2666666667vw, 16px)));
          transform: translate(calc(-50% + min(4.2666666667vw, 16px)));
}
.column-introduction-problem .introduction-problem-list > li {
  padding-left: min(11.2vw, 42px);
}
.column-introduction-problem .introduction-problem-list > li .text-note {
  display: block;
  margin-top: min(1.0666666667vw, 4px);
}
.column-introduction-problem .introduction-problem-list > li::before {
  width: min(8vw, 30px);
  height: min(8vw, 30px);
}

.table-product-lineup {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: min(2.1333333333vw, 8px);
}
.table-product-lineup th,
.table-product-lineup td {
  padding: min(3.2vw, 12px);
  width: min(27.7333333333vw, 104px);
}
.table-product-lineup .product-lineup-image {
  width: min(14.9333333333vw, 56px);
}
.table-product-lineup .product-lineup-image:not(:last-child) {
  margin-bottom: min(2.1333333333vw, 8px);
}
.table-product-lineup .product-lineup-text {
  font-size: clamp(12px, 3.7333333333vw, 14px);
}/*# sourceMappingURL=style_sp.css.map */