.p-safety {
  padding: 50px 0 15px;
  background-color: #f2f2f2; }
  .p-safety .m-arrow {
    position: relative; }
    .p-safety .m-arrow:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: -45px;
      height: 1px;
      background: #1f1d1d;
      width: 25px;
      border-radius: 1px;
      transition: .3s; }
    .p-safety .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-safety-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-safety-list.-center {
    justify-content: center; }

.p-safety-list-item {
  width: 300px;
  margin: 0 100px 45px 0;
  background-color: #fff; }
  .p-safety-list-item:nth-of-type(3n) {
    margin-right: 0; }

.p-safety-list-item-link {
  display: block;
  height: 100%; }
  .p-safety-list-item-link:hover .p-safety-list-item-pic img {
    transform: scale(1.05); }
  .p-safety-list-item-link:hover .m-arrow:before {
    width: 30px;
    transform: translateX(5px); }
  .p-safety-list-item-link:hover .m-arrow:after {
    transform: translateX(5px) rotate(30deg); }

.p-safety-list-item-pic {
  width: 300px;
  height: auto;
  overflow: hidden; }
  .p-safety-list-item-pic img {
    width: 100%;
    transition: .3s; }

.p-safety-list-item-txt-box {
  padding: 20px 26px 25px; }

.p-safety-list-item-ttl {
  font-size: 1.7rem;
  line-height: 1.47059;
  font-weight: bold; }

.p-safety-list-item-ttl-lead {
  font-size: 1.2rem;
  line-height: 1.66667;
  margin: 5px 0 0; }

@media screen and (max-width: 767px) {
  .p-safety {
    padding: 10.66667vw 0; }
    .p-safety .m-arrow:before {
      right: -10.66667vw;
      height: 0.26667vw;
      width: 5.33333vw;
      border-radius: 0.26667vw; }
    .p-safety .m-arrow:after {
      right: -10.66667vw;
      height: 0.26667vw;
      width: 1.6vw;
      border-radius: 0.26667vw; }

  .p-safety-list {
    align-items: center;
    flex-direction: column; }

  .p-safety-list-item {
    width: 80vw;
    margin: 0 auto; }
    .p-safety-list-item:nth-of-type(3n) {
      margin-right: 0; }
    .p-safety-list-item + .p-safety-list-item {
      margin: 6.66667vw auto 0; }

  .p-safety-list-item-link:hover .m-arrow:before {
    width: 6.66667vw;
    transform: translateX(1.33333vw); }
  .p-safety-list-item-link:hover .m-arrow:after {
    transform: translateX(1.33333vw) rotate(30deg); }

  .p-safety-list-item-pic {
    width: 80vw; }

  .p-safety-list-item-txt-box {
    padding: 4.66667vw 6.66667vw 6vw; }

  .p-safety-list-item-ttl {
    font-size: 4vw; }

  .p-safety-list-item-ttl-lead {
    font-size: 3.2vw;
    margin: 2vw 0 0; } }
