body{
    background: #EEEEEE;
}

/* 写真はボックス内でcover */
.service-bg{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  /* 被写体を右に寄せたい時はここ */
  object-position: 85% 20%
}

.section-bg{
    background: #fff;
}

.service{
  position: relative;
  isolation: isolate;
}

.service > .container{
  z-index: 2;
}

.triangle-sub .top-text{
  position: relative; 
  z-index: 3;
}

.triangle-sub .triangle-sub-media{
  z-index: 1;
}

.company-side{
  height: clamp(360px, 70vh, 600px);
}

.company-side__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.section-title-2{
  position: relative;
  display: inline-block;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  z-index: 1;
}

.certification{
  /* 見出しをどれだけ上に出すか（大きいほど上に出る） */
  --title-pop: clamp(16px, 4vw, 55px);

  /* 見出し分、上に受け皿を作る（これがないと中身とぶつかる） */
  padding-top: calc(var(--title-pop) + 24px);

  position: relative;
  overflow: visible;
}

/* 見出しをセクションからはみ出させる */
.certification .section-title-2{
  position: absolute;
  top: calc(var(--title-pop) * -1);
  left: 50%;
  transform: translateX(-50%);
  margin: 0; 
  z-index: 2;
  display: inline-block;
}