.component-title {
  height: 368px;
  margin: 0 auto;
  padding-top: 110px;
  padding-bottom: 55px;
  box-sizing: border-box;
  white-space: nowrap;
}

.component-title-main {
  height: 98px;
  text-align: center;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 98.06px;
  color: #333333;
}

.component-title-sub {
  height: 163px;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 120px;
  line-height: 163.44px;
  color: rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative;
  /* 相対位置に設定 */
  top: -60px;
  /* 上に60px移動 */
}

.component-underline {
  position: relative;
  top: -70px;
  size: 3px;
}

@media screen and (max-width: 768px) {
  .component-title {
    height: 248px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 60px;
    box-sizing: border-box;
  }

  .component-title-main {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 46px;
  }

  .component-title-sub {
    top: -70px;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 49px;

    color: rgba(0, 0, 0, 0.05);
  }

  .component-underline {
    position: relative;
    top: -190px;
    size: 3px;
  }
}