@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

.foundation_container {
  background-image: url(/media/export/cms2.0/supercat/250314/250314_Vfoundation.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: calc(clamp(0px, 30.208333333333332vw, 580px) * 1);
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.foundation_wrapper {
  position: absolute;
  margin-left: clamp(6.875rem, 3.089rem + 5.915vi, 10.188rem);
  padding: clamp(1.938rem, -1.42rem + 5.25vw, 4.875rem) 0;
  color: #1a1a1a !important;
  z-index: 1;
}

.foundation_title {
  line-height: 1.3;
  font-feature-settings: "palt";
  font-size: clamp(1.375rem, -0.268rem + 2.567vw, 2.813rem);
  font-weight: 700;
  margin: 0;
}

sup {
  font-size: 60%;
}

.foundation_subcopy {
  margin: clamp(0.625rem, 0.482rem + 0.223vi, 0.75rem) 0 12px;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  font-size: clamp(0.8125rem, -0.1161rem + 1.4509vw, 1.625rem);
  line-height: 1.5;
}

.foundation_detail {
  font-size: clamp(0.5rem, -0.214rem + 1.116vi, 1.125rem);
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  margin-bottom: clamp(0.25rem, -0.464rem + 1.116vi, 0.875rem);
}

.foundation_tag {
  font-feature-settings: "palt";
  font-size: clamp(0.688rem, 0.33rem + 0.558vw, 1rem);
  margin-top: clamp(0.5rem, -0.5rem + 1.563vi, 1.375rem);
}

.foundation_tag span {
  border: 1px solid #000;
  padding: clamp(0rem, -0.214rem + 0.335vi, 0.188rem) 0.3em;
  margin-bottom: 8px;
  display: inline-block;
}
.foundation_cta {
  background-color: #1a1a1a;
  padding-left: calc(clamp(0px, 2.604164vw, 50px) * 1);
  padding-right: calc(clamp(0px, 2.604164vw, 50px) * 1);
  padding-top: calc(clamp(0px, 0.572917vw, 16px) * 1);
  padding-bottom: calc(clamp(0px, 0.572917vw, 16px) * 1);
  width: clamp(7.625rem, 0.625rem + 10.94vw, 13.75rem);
  margin-top: clamp(1rem, -0.143rem + 1.79vw, 2rem);
}
.foundation_cta:hover {
  background-color: #262626;
}
.foundation_cta a {
  font-size: calc(clamp(0px, 0.8854166667vw, 17px) * 1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 100%;
  height: 100%;
}

.foundation_comment ul {
  padding: 0 calc(clamp(0px, 8.333333333333332vw, 160px) * 1) 1.5%
    calc(clamp(0px, 8.333333333333332vw, 160px) * 1);
  width: 100%;
  max-width: 1920px;
  margin: 20px auto 0;
}
.foundation_comment ul li {
  font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
  line-height: 1.5;
  margin: 0;
  color: #999999;
}
.area_link_v2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
