@charset "UTF-8";

.common.fv-area .text-area {
  position: relative;
}

.common.fv-area .image::before {
  display: none;
}

.common.fv-area .fv-contents {
  padding-top: 32px;
  padding-bottom: 0;
}

.common.fv-area .fv-contents .ttl-area .title {
  font-size: 40px;
  font-weight: 900;
}

@media screen and (max-width: 834px) {
  .common.fv-area {
    padding-top: 85px;
  }

  .common.fv-area .image.sp img {
    height: auto;
  }

  .common.fv-area .ttl-area {
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 835px) {
  .common.fv-area .fv-contents {
    display: block;
    padding-top: 160px;
    padding-bottom: 0;
  }

  .common.fv-area .fv-contents .fv-text {
    flex: 0 0 inherit;
    max-width: inherit;
  }

  .common.fv-area .ttl-area {
    margin-bottom: 80px;
  }

  .common.fv-area .fv-contents .ttl-area .title {
    font-size: 48px;
  }
}

.outbox {
  padding-top: 60px;
  padding-bottom: 100px;
}

.cont-main .cont-item {
  padding-top: 30px;
  padding-bottom: 30px;
}

.cont-main .cont-item:first-child {
  padding-top: 0;
}

.cont-main .cont-item:last-child {
  padding-bottom: 0;
}

.common.contents-area .ttl-area .title {
  font-size: 24px;
  font-weight: 700;
}

@media screen and (min-width: 835px) {
  .outbox {
    padding-top: 60px;
    padding-bottom: 160px;
  }

  .cont-main .cont-item {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.text-list .text-item {
  display: block;
  padding-left: 1em;
  position: relative;
}

.text-list .text-item::before {
  content: "";
  background: #fff;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 12px;
  left: 0;
}

.text-list {
  margin-bottom: 24px;
}

.metabox {
  margin-bottom: 24px;
}

.text-list:last-child,
.metabox:last-child {
  margin-bottom: 0;
}