@media screen and (max-width: 736px) {
  .pc {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .sp {
    display: none;
  }
}

.contentSect__head {
  position: relative;
}

@media print, screen and (min-width: 736px) {
  .contentSect__head {
    padding: 162px 0 212px;
  }
}

@media screen and (max-width: 736px) {
  .contentSect__head {
    padding: calc(192 / 390 * 100vw) 0 calc(120 / 390 * 100vw);
  }
}

.contentSect__head:before {
  width: calc(100vw - var(--scrollbar));
  background-color: #e5ded5;
  content: '';
  inset: 0;
  mix-blend-mode: multiply;
  position: absolute;
}

@media print, screen and (min-width: 736px) {
  .contentSect__head:before {
    margin-left: calc(((100vw - var(--scrollbar)) - 1200px) / -2);
  }
}

@media only screen and (min-width: 736px) and (max-width: 1200px) {
  .contentSect__head:before {
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 736px) {
  .contentSect__head:before {
    margin-left: calc(-20 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .contentSect__head + .contentSect__cont {
    margin-top: -132px;
  }
}

@media screen and (max-width: 736px) {
  .contentSect__head + .contentSect__cont {
    margin-top: calc(-60 / 390 * 100vw);
  }
}

.contentSect__cont {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 736px) {
  .outline-content {
    padding-bottom: 180px;
  }
}

@media screen and (max-width: 736px) {
  .outline-content {
    padding-bottom: calc(180 / 390 * 100vw);
  }
}