.p-sub-category {
  margin: 30px 10px;
  padding: 0;
  list-style-type: none;
}

.p-sub-category::after {
  display: block;
  clear: both;
  content: '';
}

.p-sub-category__item {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 10px 5px;
}

.p-sub-category__image {
  display: block;
  margin-bottom: 10px;
}

.p-sub-category__link {
  display: block;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-sub-category__link:hover {
  opacity: .66;
}

.p-sub-category__link:active {
  opacity: 1;
}

.p-sub-category__name {
  line-height: 1.3;
  position: relative;
  display: block;
  padding-left: .8em;
}

.p-sub-category__name::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
}

@media screen and (min-width: 600px) {
  .p-sub-category {
    margin-right: 0;
    margin-left: 0;
  }

  .p-sub-category__item {
    width: 25%;
    padding: 15px 10px;
  }

  .p-sub-category__item:nth-child(4n + 1) {
    clear: both;
  }
}

@media screen and (max-width: 599px) {
  .p-sub-category__item:nth-child(2n + 1) {
    clear: both;
  }
}
      /*add*/
      .cate_message {
        width: 100%;
        background: #f7f7f7;
        padding: 2% 0 3%;
        position: relative;
      }
      
      .cate_message:after {
        content: '';/*何も入れない*/
        display: inline-block;/*忘れずに！*/
        width: 120px;/*画像の幅*/
        height: 150px;/*画像の高さ*/
        background-image: url(https://file003.shop-pro.jp/PA01409/773/images/ico_cate01.png);
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        bottom: 0;
        left: 36px;
    }

      .cate_message_in {
        width: 78%;
        margin-left: auto;
        line-height: 1.5;
      }
      .cate_message_in p.title {
        font-size: 25px;
        font-family: 'Noto Serif JP', serif;
      }
      .cate_message_in p.text {
        width:93.33%;
        font-size: 14px;
      } 
      
      @media screen and (max-width: 768px) {
      .cate_message {
        width: 100%;
        background: #f7f7f7;
        padding: 3% 0 150px;
        position: relative;
      }
      .cate_message:after {
        content: '';/*何も入れない*/
        display: inline-block;/*忘れずに！*/
        width: 115px;/*画像の幅*/
        height: 145px;/*画像の高さ*/
        background-image: url(https://file003.shop-pro.jp/PA01409/773/images/ico_cate01.png);
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        bottom: 0;
        left: calc(50% - 60px);
    }
      .cate_message_in {
        width: 93.33%;
        margin:0 auto;
        line-height: 1.5;
      }
      .cate_message_in p.text {
        width:100%;
  
      } 
}