@charset "utf-8";

.ssmakeup_contents {
  background-image: url(/media/export/cms2.0/spp/PROD29770/250314_SPP_ssnakeup.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: calc(clamp(0px, 30.7294vw, 590px)* 1);
  max-width: 1920px;
  margin: 96px auto 0;

}

.section_contents_txtarea {
  text-align: center;
  padding-top: clamp(0.938rem, -2.205rem + 4.911vi, 3.688rem);
  padding-left: clamp(3.938rem, -1.205rem + 8.036vi, 8.438rem);
  float: left;
}

.section_contents_txtarea .section_contents_subttl {
  font-family: 'CliniqueHelveticaNeueRegula', 'Helvetica' !important;
  letter-spacing: 0;
  font-size: clamp(1.313rem, 0.241rem + 1.674vi, 2.25rem);
  margin-bottom: clamp(0.5rem, -0.714rem + 1.897vi, 1.563rem);
}

.section_contents_txtarea .section_contents_ttl {
  font-family: 'CliniqueHelveticaNeueRegula', 'Helvetica' !important;
  letter-spacing: 0;
  font-size: clamp(2.625rem, -0.089rem + 4.241vi, 5rem);
  padding-bottom: clamp(1.25rem, -0.321rem + 2.455vi, 2.625rem);
  border-bottom: 1px solid #1a1a1a;
  display: inline-block;
  margin-bottom: clamp(0.625rem, 1.339rem + -1.116vi, 0rem);
}

.section_contents_txtarea .section_contents_leadttl {
  font-family: 'CliniqueHelveticaNeueRegula', 'Helvetica' !important;
  letter-spacing: 0;
  font-size: clamp(1.125rem, 0.196rem + 1.451vi, 1.938rem);
  font-weight: 700;
}

.section_contents_txtarea .section_contents_lead {
  font-size: calc(clamp(0px, 1.09375vw, 21px)*1);
  line-height: 1.7;
}

.ssmakeup_cta {
  padding-top: clamp(1rem, -2.071rem + 4.799vi, 3.688rem);
  clear: both;
}

.ssmakeup_cta .ssmakeup_cta_item {
  list-style: none;
}

.ssmakeup_cta a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(clamp(0px, 40.469vw, 777px)*1);
  height: calc(clamp(0px, 5.7972vw, 110px)*1);
  background-color: #fff;
  border: 1px solid #DE242B;
}

.ssmakeup_foundation_img {
  width: calc(clamp(0px, 2.8646vw, 55px)*1);
  position: absolute;
  left: calc(clamp(0px, 3.3vw, 64px)* 1);
}

.ssmakeup_products_img {
  width: calc(clamp(0px, 5.521vw, 106px)* 1);
  position: absolute;
  left: calc(clamp(0px, 6vw, 120px)* 1);
}

.ssmakeup_cta .ssmakeup_cta_contents {
  gap: calc(clamp(0px, 2.1vw, 40px)* 1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssmakeup_cta_foundation {
  padding-left: calc(clamp(0px, 3.5vw, 67px)* 1);
  text-align: left;
}

.ssmakeup_cta_products {
  padding-left: calc(clamp(0px, 2.864582vw, 55px)* 1);
  text-align: left;
}

.ssmakeup_foundation_ttl,
.ssmakeup_cta_products span {
  color: #DE242B;
  font-size: clamp(0.625rem, 0.054rem + 0.893vi, 1.125rem);
  padding-bottom: 0.3em;
  font-weight: 700;
  display: block;
}
.ssmakeup_cta_foundation p span{
  font-size: clamp(0.813rem, -0.116rem + 1.451vi, 1.625rem);
  font-family: 'CliniqueHelveticaNeueRegula', 'Helvetica' !important;
  letter-spacing: 0;
  padding-right: (0.313rem, -0.045rem + 0.558vi, 0.625rem)
}

.ssmakeup_cta_foundation p,
.ssmakeup_cta_products p {
  font-size: clamp(0.813rem, -0.116rem + 1.451vi, 1.625rem);
  margin: 0;
  color: #1a1a1a;
  font-weight: 700;
  position: relative;
}

.ssmakeup_cta_item01 p::after {
  left: clamp(17.625rem, -2.089rem + 30.804vi, 34.875rem);
  top: clamp(0.313rem, -0.045rem + 0.558vi, 0.625rem);
  width: clamp(0.313rem, -0.045rem + 0.558vi, 0.625rem);
  height: clamp(0.313rem, -0.045rem + 0.558vi, 0.625rem);
  border-top: clamp(0.063rem, -0.009rem + 0.112vi, 0.125rem) solid #1a1a1a;
  border-right: clamp(0.063rem, -0.009rem + 0.112vi, 0.125rem) solid #1a1a1a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
}

.ssmakeup_cta_item02 p::after {
  left: clamp(11.625rem, -1.518rem + 20.536vi, 23.125rem);
  top: clamp(0.313rem, -0.045rem + 0.558vi, 0.625rem);
  width: clamp(0.313rem, -0.045rem + 0.558vi, 0.625rem);
  height: clamp(0.313rem, -0.045rem + 0.558vi, 0.625rem);
  border-top: clamp(0.063rem, -0.009rem + 0.112vi, 0.125rem) solid #1a1a1a;
  border-right: clamp(0.063rem, -0.009rem + 0.112vi, 0.125rem) solid #1a1a1a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
}