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

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

@media print, screen and (min-width: 736px) {
  .outlineArea__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media print, screen and (min-width: 736px) {
  .outlineArea__head .sectHeadGroup .svgTtl {
    left: -200px;
    top: -49px;
    width: 400px;
  }
}

@media screen and (max-width: 736px) {
  .outlineArea__head .sectHeadGroup .svgTtl {
    left: calc(-20 / 390 * 100vw);
    top: calc(-43 / 390 * 100vw);
    width: calc(240 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .outlineArea__head + .outlineArea__cont {
    margin-top: 60px;
  }
}

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

@media print, screen and (min-width: 736px) {
  .outline-area {
    padding: 200px 0 140px;
  }
}

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