.p-about {
  padding: 50px 0 0;
  background-color: #f2f2f2;
}
.p-about .m-arrow {
  position: relative;
}
.p-about .m-arrow:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -45px;
  height: 1px;
  background: #1f1d1d;
  width: 25px;
  border-radius: 1px;
  transition: .3s;
}
.p-about .m-arrow:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -45px;
  height: 1px;
  background: #1f1d1d;
  width: 6px;
  transform-origin: right center;
  transform: rotate(30deg);
  border-radius: 1px;
  transition: .3s;
}

.p-about-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-about-list-item {
  width: 300px;
  margin: 0 100px 45px 0;
  background-color: #fff;
}
.p-about-list-item:nth-of-type(3n) {
  margin-right: 0;
}
.p-about-list-item.p-about-list-item-no-pic {
  margin: 0 100px 20px 0;
}
.p-about-list-item.p-about-list-item-no-pic:nth-of-type(3n) {
  margin-right: 0;
}
.p-about-list-item.p-about-list-item-no-pic:last-of-type {
  margin: 0 100px 50px 0;
}

.p-about-list-item-link {
  display: block;
  height: 100%;
}
.p-about-list-item-link:hover .p-about-list-item-pic img {
  transform: scale(1.05);
}
.p-about-list-item-link:hover .m-arrow:before {
  width: 30px;
  transform: translateX(5px);
}
.p-about-list-item-link:hover .m-arrow:after {
  transform: translateX(5px) rotate(30deg);
}

.p-about-list-item-pic {
  width: 300px;
  height: auto;
  overflow: hidden;
}
.p-about-list-item-pic img {
  width: 100%;
  transition: .3s;
}

.p-about-list-item-txt-box {
  padding: 20px 26px 25px;
}

.p-about-list-item-ttl {
  font-size: 1.7rem;
  line-height: 1.47059;
  font-weight: bold;
}

.p-about-list-item-ttl-lead {
  font-size: 1.2rem;
  line-height: 1.66667;
  margin: 5px 0 0;
}

.p-about-list-item-flex-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.p-about-list-item-flex-ttl {
  width: 210px;
}

@media screen and (max-width: 767px) {
  .p-about {
    padding: 10.66667vw 0;
  }
  .p-about .m-arrow:before {
    right: -10.66667vw;
    height: 0.26667vw;
    width: 5.33333vw;
    border-radius: 0.26667vw;
  }
  .p-about .m-arrow:after {
    right: -10.66667vw;
    height: 0.26667vw;
    width: 1.6vw;
    border-radius: 0.26667vw;
  }

  .p-about-list {
    align-items: center;
    flex-direction: column;
  }

  .p-about-list-item {
    width: 80vw;
    margin: 0 auto;
  }
  .p-about-list-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .p-about-list-item + .p-about-list-item {
    margin: 6.66667vw auto 0;
  }
  .p-about-list-item.p-about-list-item-no-pic {
    margin: 6.66667vw 0 0 0;
  }
  .p-about-list-item.p-about-list-item-no-pic:nth-of-type(3n) {
    margin-right: 0;
  }
  .p-about-list-item.p-about-list-item-no-pic:last-of-type {
    margin: 6.66667vw 0;
  }

  .p-about-list-item-link:hover .m-arrow:before {
    width: 6.66667vw;
    transform: translateX(1.33333vw);
  }
  .p-about-list-item-link:hover .m-arrow:after {
    transform: translateX(1.33333vw) rotate(30deg);
  }

  .p-about-list-item-pic {
    width: 80vw;
  }

  .p-about-list-item-txt-box {
    padding: 4.66667vw 6.66667vw 6vw;
  }

  .p-about-list-item-ttl {
    font-size: 4vw;
  }

  .p-about-list-item-ttl-lead {
    font-size: 3.2vw;
    margin: 2vw 0 0;
  }
}