.textOnBackgroundImage.isVerticalCenterWhenSP.is-type-2.is-direction-center .textOnBackgroundImage-body {
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.textOnBackgroundImage.isVerticalCenterWhenSP.is-type-2 .textOnBackgroundImage-body {
  max-height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.textOnBackgroundImage.isVerticalCenterWhenSP .textOnBackgroundImage-body {
  width: 100%;
  max-width: 1080px;
  position: relative;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.section.bg-white.color-white .textOnBackgroundImage.isVerticalCenterWhenSP .textOnBackgroundImage-body p.heading-shoulder,
.section.bg-white.color-white .textOnBackgroundImage.isVerticalCenterWhenSP .textOnBackgroundImage-body h2.heading-h2,
.section.bg-white.color-white .textOnBackgroundImage.isVerticalCenterWhenSP .textOnBackgroundImage-body h3.heading-h3 {
  color: #fff;
}

.textOnBackgroundImage.isVerticalCenterWhenSP {
  position: relative;
}

.textOnBackgroundImage.isVerticalCenterWhenSP.is-type-2 .textOnBackgroundImage-image > ._cover * {
  flex: auto;
}

.textOnBackgroundImage.isVerticalCenterWhenSP a .textOnBackgroundImage-body:after {
  content: "\E102";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  inset-inline-end: 12px;
  font-size: 24px;
  color: #fff;
}

.color-black .textOnBackgroundImage.isVerticalCenterWhenSP a .textOnBackgroundImage-body:after {
  color: #000;
}