/* ---------------------------------------
  service-head
-----------------------------------------*/
.p-service-head {
  padding-bottom: 26rem;
}
@media screen and (max-width: 767px) {
  .p-service-head {
    padding-bottom: 8rem;
  }
}
.p-service-head .c-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-service-head .c-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-service-head .-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 63.9rem;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img {
    position: relative;
    right: auto;
    top: auto;
    width: 34.6rem;
    margin-top: 4rem;
  }
}
.p-service-head .-img .circle {
  position: absolute;
  top: 10.4rem;
  left: 5.4rem;
  width: 50.6rem;
  height: 42.8rem;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .circle {
    width: 28.9rem;
    height: 24.3rem;
    top: 10.2rem;
    left: 3rem;
  }
}
.p-service-head .-img .circle svg {
  fill: none;
  stroke-dasharray: 4px;
  -webkit-animation: dashcircle 1s linear infinite;
          animation: dashcircle 1s linear infinite;
}
@-webkit-keyframes dashcircle {
  from {
    stroke-dashoffset: 40;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dashcircle {
  from {
    stroke-dashoffset: 40;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.p-service-head .-img img {
  width: 100%;
}
.p-service-head .-img .path {
  position: absolute;
  left: -2rem;
  right: 0;
  margin: 0 auto;
  top: 18.8rem;
  text-align: center;
  width: 32.9rem;
  height: 27.2rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .path {
    width: 26rem;
    height: 16rem;
    top: 14.5rem;
    left: 0;
  }
}
.p-service-head .-img .path svg {
  width: 100%;
  height: 100%;
}
.p-service-head .-img .path:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32.3rem;
  height: 31.2rem;
  background: url(../img/index/reason_grad.png) no-repeat center center/cover;
  offset-path: path("M305.505 54.7568C291.847 31.0999 264.563 16.5526 228.994 14.0101C193.514 11.4739 151.259 21.1461 111.074 44.3469C70.8894 67.5477 41.3858 99.3053 25.842 131.3C10.2593 163.375 9.21526 194.277 22.8736 217.934C36.5319 241.591 63.8155 256.137 99.3845 258.679C134.865 261.215 177.119 251.543 217.304 228.343C257.489 205.142 286.993 173.384 302.537 141.389C318.119 109.314 319.163 78.4136 305.505 54.7568Z");
  -webkit-animation: move01 10s linear infinite;
          animation: move01 10s linear infinite;
  offset-rotate: 0deg;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .path:before {
    width: 12rem;
    height: 12rem;
    top: 0;
    right: 0;
    margin: 0 auto;
    offset-path: path("M67.0521 25.5917C91.5213 11.4644 117.304 5.54155 139.033 7.0947C160.807 8.6511 177.771 17.5814 186.31 32.3719C194.85 47.1624 194.101 66.3191 184.562 85.9538C175.043 105.548 157.022 124.915 132.553 139.043C108.084 153.17 82.3003 159.093 60.5711 157.54C38.7977 155.984 21.834 147.053 13.2948 132.263C4.75551 117.472 5.50308 98.3157 15.0418 78.6811C24.5613 59.0865 42.5827 39.7191 67.0521 25.5917Z");
    -webkit-animation: move01-sp 10s linear infinite;
            animation: move01-sp 10s linear infinite;
  }
}
.p-service-head .-img .path:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32.3rem;
  height: 31.2rem;
  background: url(../img/index/reason_grad.png) no-repeat center center/cover;
  offset-path: path("M305.505 54.7568C291.847 31.0999 264.563 16.5526 228.994 14.0101C193.514 11.4739 151.259 21.1461 111.074 44.3469C70.8894 67.5477 41.3858 99.3053 25.842 131.3C10.2593 163.375 9.21526 194.277 22.8736 217.934C36.5319 241.591 63.8155 256.137 99.3845 258.679C134.865 261.215 177.119 251.543 217.304 228.343C257.489 205.142 286.993 173.384 302.537 141.389C318.119 109.314 319.163 78.4136 305.505 54.7568Z");
  -webkit-animation: move02 10s linear infinite;
          animation: move02 10s linear infinite;
  offset-rotate: 0deg;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .path:after {
    width: 12rem;
    height: 12rem;
    margin: 0 auto;
    offset-path: path("M67.0521 25.5917C91.5213 11.4644 117.304 5.54155 139.033 7.0947C160.807 8.6511 177.771 17.5814 186.31 32.3719C194.85 47.1624 194.101 66.3191 184.562 85.9538C175.043 105.548 157.022 124.915 132.553 139.043C108.084 153.17 82.3003 159.093 60.5711 157.54C38.7977 155.984 21.834 147.053 13.2948 132.263C4.75551 117.472 5.50308 98.3157 15.0418 78.6811C24.5613 59.0865 42.5827 39.7191 67.0521 25.5917Z");
    -webkit-animation: move02-sp 10s linear infinite;
            animation: move02-sp 10s linear infinite;
  }
}
@-webkit-keyframes move01 {
  0% {
    offset-distance: 100%;
  }
  100% {
    offset-distance: 0%;
  }
}
@keyframes move01 {
  0% {
    offset-distance: 100%;
  }
  100% {
    offset-distance: 0%;
  }
}
@-webkit-keyframes move02 {
  0% {
    offset-distance: 150%;
  }
  100% {
    offset-distance: 50%;
  }
}
@keyframes move02 {
  0% {
    offset-distance: 150%;
  }
  100% {
    offset-distance: 50%;
  }
}
@-webkit-keyframes move01-sp {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}
@keyframes move01-sp {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}
@-webkit-keyframes move02-sp {
  0% {
    offset-distance: 50%;
  }
  100% {
    offset-distance: 150%;
  }
}
@keyframes move02-sp {
  0% {
    offset-distance: 50%;
  }
  100% {
    offset-distance: 150%;
  }
}
.p-service-head .-img .item {
  position: absolute;
  width: 13rem;
  height: 13rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .item {
    width: 8rem;
    height: 8rem;
  }
}
.p-service-head .-img .item.m-01 {
  top: 21.1rem;
  left: 12.5rem;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .item.m-01 {
    top: 16rem;
    left: 6.8rem;
  }
}
.p-service-head .-img .item.m-02 {
  top: 29.1rem;
  left: 35.8rem;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .item.m-02 {
    top: 20.5rem;
    left: 20rem;
  }
}
.p-service-head .-img .item img {
  width: 13rem;
}
@media screen and (max-width: 767px) {
  .p-service-head .-img .item img {
    width: 8rem;
  }
}
.p-service-head .-txt {
  padding: 4.5rem 6.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-service-head .-txt {
    padding: 0;
  }
}
.p-service-head .-txt .catch {
  margin-bottom: 1rem;
}
.p-service-head .-txt .catch span {
  display: inline-block;
}
.p-service-head .-txt .catch .big {
  font-size: 4.2rem;
}
.p-service-head .-txt .catch .small {
  font-size: 2.4rem;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-service-head .-txt .catch .small {
    margin-top: 1rem;
  }
}

/* ---------------------------------------
  service-details
-----------------------------------------*/
.p-service-details {
  background-color: #F4F2F1;
  padding: 12rem 0 9.1rem;
}
@media screen and (max-width: 767px) {
  .p-service-details {
    padding: 8rem 0;
  }
}
.p-service-details .ttl-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-service-details .ttl-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-service-details .ttl-box .u-headline {
  font-size: 4rem;
  color: #272526;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-service-details .ttl-box .u-headline {
    font-size: 2.8rem;
    width: 100%;
  }
}
.p-service-details .ttl-box .ttl-txt {
  width: 50%;
  font-size: 2rem;
  line-height: 180%;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-service-details .ttl-box .ttl-txt {
    width: 100%;
    line-height: 170%;
  }
}
.p-service-details .list {
  margin-top: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-service-details .list {
    margin-top: 2.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.6rem 0;
  }
}
.p-service-details .list li {
  width: 54.7rem;
}
@media screen and (max-width: 767px) {
  .p-service-details .list li {
    width: 100%;
  }
}
.p-service-details .list li .list-img {
  position: relative;
}
.p-service-details .list li .list-img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.p-service-details .list li .list-ttl-box {
  margin-top: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-service-details .list li .list-ttl-box {
    margin-top: 1.6rem;
  }
}
.p-service-details .list li .list-ttl-box .list-ttl {
  font-size: 3.2rem;
  font-weight: 600;
}
.p-service-details .list li .list-ttl-box .list-info {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0.6rem 2rem;
  border: solid 1px #272526;
  margin-left: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-service-details .list li .list-ttl-box .list-info {
    margin-left: 1.6rem;
  }
}
.p-service-details .list li .list-txt {
  line-height: 180%;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-service-details .list li .list-txt {
    line-height: 170%;
  }
}
.p-service-details .detail-box {
  margin-top: 5.6rem;
  background-color: #fff;
  border: solid 1px #DFDDDD;
  padding: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-service-details .detail-box {
    margin-top: 4.8rem;
    padding: 2.4rem;
    gap: 1.6rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-service-details .detail-box .detail-img {
  width: 24rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media screen and (max-width: 767px) {
  .p-service-details .detail-box .detail-img {
    width: 100%;
  }
}
.p-service-details .detail-box .detail-txt-box .detail-ttl-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-service-details .detail-box .detail-txt-box .detail-ttl-box .detail-ttl {
  font-size: 2.8rem;
  font-weight: 700;
}
.p-service-details .detail-box .detail-txt-box .detail-ttl-box .detail-info {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0.6rem 2rem;
  border: solid 1px #272526;
  margin-left: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-service-details .detail-box .detail-txt-box .detail-ttl-box .detail-info {
    font-size: 1.6rem;
    padding: 0.6rem 0.8rem;
    margin-left: 1rem;
  }
}
.p-service-details .detail-box .detail-txt-box .detail-txt {
  line-height: 180%;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-service-details .detail-box .detail-txt-box .detail-txt {
    line-height: 170%;
    margin-top: 0.8rem;
  }
}
.p-service-details .detail-box .detail-txt-box .u-btn {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-service-details .detail-box .detail-txt-box .u-btn {
    margin-top: 2.4rem;
  }
}

/* ---------------------------------------
  service-offer
-----------------------------------------*/
.p-service-offer {
  padding: 12rem 0;
  color: #F4F2F1;
}
@media screen and (max-width: 767px) {
  .p-service-offer {
    padding: 8rem 0;
  }
}
.p-service-offer .lead {
  font-size: 2rem;
  line-height: 180%;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .lead {
    line-height: 170%;
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box {
    margin-top: 7.8rem;
  }
}
.p-service-offer .list-box .list-clm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4rem 4.8rem;
  border: solid 1px #F4F2F1;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.4rem;
  }
}
.p-service-offer .list-box .list-clm .info-box {
  width: 28rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .info-box {
    width: 100%;
  }
}
.p-service-offer .list-box .list-clm .info-box .num {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
}
.p-service-offer .list-box .list-clm .info-box .ttl {
  font-size: 2.8rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .info-box .ttl {
    margin-top: 1.6rem;
  }
}
.p-service-offer .list-box .list-clm .info-box .ttl .icon {
  width: 5rem;
  margin-right: 2rem;
}
.p-service-offer .list-box .list-clm .info-box .cat-list {
  margin-top: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .info-box .cat-list {
    margin-top: 1.6rem;
  }
}
.p-service-offer .list-box .list-clm .info-box .cat-list li {
  font-size: 1.8rem;
  padding: 0.5rem 1rem;
  background-color: #3B393A;
  border: solid 1px #504E4F;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .info-box .cat-list li {
    font-size: 1.6rem;
  }
}
.p-service-offer .list-box .list-clm .detail-box {
  width: 71.8rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .detail-box {
    width: 100%;
    margin-top: 2.4rem;
  }
}
.p-service-offer .list-box .list-clm .detail-box .detail-txt {
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .detail-box .detail-txt {
    line-height: 170%;
  }
}
.p-service-offer .list-box .list-clm .detail-box .list-box {
  padding: 1.6rem 3.2rem;
  background-color: #3B393A;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .detail-box .list-box {
    padding: 1.6rem 2.4rem;
    margin-top: 1.6rem;
  }
}
.p-service-offer .list-box .list-clm .detail-box .list-box .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-service-offer .list-box .list-clm .detail-box .list-box .list li {
  line-height: 180%;
}
.p-service-offer .list-box .list-clm .detail-box .list-box .list li.border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-service-offer .list-box .list-clm .detail-box .list-box .list li.border::before {
  content: "";
  width: 0.8rem;
  height: 1px;
  background-color: #F4F2F1;
  margin-right: 0.6rem;
}
.p-service-offer .list-box .list-clm .detail-box .list-box .list + .list {
  margin-top: 0.2rem;
}
.p-service-offer .list-box .list-clm .detail-box .list-box .list.circle {
  gap: 0.2rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .detail-box .list-box .list.circle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-service-offer .list-box .list-clm .detail-box .list-box .list.border {
  gap: 0.2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm .detail-box .list-box .list.border {
    gap: 0.2rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm.clm-01 {
    margin-top: 0;
  }
}
.p-service-offer .list-box .list-clm.clm-01 .info-box .ttl .icon {
  width: 5.6rem;
}
.p-service-offer .list-box .list-clm.clm-06 .info-box .ttl .icon {
  width: 5.1rem;
}
.p-service-offer .list-box .list-clm + .list-clm {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-service-offer .list-box .list-clm + .list-clm {
    margin-top: 3.2rem;
  }
}

/* ---------------------------------------
  page-foot
-----------------------------------------*/
.l-page-foot {
  background-color: #F4F2F1;
}
.l-page-foot .u-headline {
  color: #272526;
}
.l-page-foot .list-service {
  -ms-grid-columns: 1fr 4.8rem 1fr 4.8rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .l-page-foot .list-service {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem 0;
  }
}
.l-page-foot .list-service li a {
  color: #272526;
  border-bottom-color: #272526;
  font-weight: 600;
  padding: 1.7rem 0;
}
.l-page-foot .list-service li a:before {
  background-image: url(../img/index/sustainability_arrow.svg);
}
.l-page-foot .list-service li a .att {
  color: #656363;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 1rem;
}
.l-page-foot .list-service + .-headline {
  margin-top: 12rem;
}
.l-page-foot .-list li a {
  color: #272526;
  border-bottom-color: #272526;
  font-weight: 600;
}
.l-page-foot .-list li a:before {
  background-image: url(../img/index/sustainability_arrow.svg);
}

/* ---------------------------------------
  soilpollution
-----------------------------------------*/
@media screen and (max-width: 767px) {
  .l-page-head.m-under .-headline .ja.soilpollution {
    font-size: 2.6rem;
  }
}

/* ---------------------------------------
  soilpollution
-----------------------------------------*/
.p-soilpollution {
  padding-bottom: 12rem;
}

/* ---------------------------------------
  soilpollution-head
-----------------------------------------*/
.p-soilpollution-head .flex {
  padding: 0 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-head .flex {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.4rem;
  }
}
.p-soilpollution-head .flex .img-box {
  width: 48rem;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-head .flex .img-box {
    width: 100%;
  }
}
.p-soilpollution-head .flex .txt-box {
  width: 48rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-head .flex .txt-box {
    width: 100%;
  }
}
.p-soilpollution-head .flex .txt-box .ttl {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0.6rem 2rem;
  border: solid 1px #F4F2F1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-head .flex .txt-box .ttl {
    font-size: 1.4rem;
    padding: 0.6rem 1.6rem;
    width: 100%;
    text-align: center;
  }
}
.p-soilpollution-head .flex .txt-box .txt {
  font-size: 1.8rem;
  line-height: 200%;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-head .flex .txt-box .txt {
    font-size: 1.4rem;
    line-height: 170%;
  }
}

/* ---------------------------------------
  soilpollution-answer
-----------------------------------------*/
.p-soilpollution-answer {
  margin-top: 7.2rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-answer {
    margin-top: 5.6rem;
  }
}
.p-soilpollution-answer .ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 180%;
  padding-bottom: 3.3rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-answer .ttl {
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    padding-bottom: 3.1rem;
  }
}
.p-soilpollution-answer .ttl::after {
  content: "";
  width: 100%;
  aspect-ratio: 766/22;
  background: url(../img/service/soilpollution/bg_line.svg) no-repeat bottom/contain;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-answer .ttl::after {
    aspect-ratio: 344/18;
    background: url(../img/service/soilpollution/bg_line_sp.svg) no-repeat bottom/contain;
  }
}
.p-soilpollution-answer .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
  margin-top: 1.65rem;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-answer .list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-top: 1.6rem;
  }
}
.p-soilpollution-answer .list li {
  background-color: #3B393A;
  padding: 4.5rem 2.4rem;
  line-height: 180%;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-answer .list li {
    padding: 2.8rem 1.6rem;
    line-height: 170%;
  }
}

/* ---------------------------------------
  soilpollution-content
-----------------------------------------*/
.p-soilpollution-content {
  margin-top: 8rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-content .u-headline {
    font-size: 2.8rem;
    line-height: 150%;
    padding-left: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-soilpollution-content .u-headline:before {
    width: 1.6rem;
    height: 3.8rem;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.p-soilpollution-content .lead {
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-content .lead {
    line-height: 170%;
  }
}
.p-soilpollution-content .btn {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-soilpollution-content .btn {
    margin-top: 3.2rem;
  }
}