@charset "utf-8";

.category_links {
  font-weight: bold;
  line-height: 1.4;
  box-sizing: border-box;
  background: #03bfa6;
  margin: 4rem 0 2rem;
  padding: 2rem 3rem 2rem 4rem;
  color: #fff;
  font-size: 3.4rem;
  border-radius: 5px;
  position: relative;
  z-index: 0;
}

.category_links::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("img/ttlbg_01.png") left top repeat-y;
  background-size: 100% auto;
  width: 280px;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: -1;
}

.box-wrap.column3 .box_wrapper .basic-column-box .tagArea li.tag-black {
  background: #005BAC;
}

.box-wrap.column3 .box_wrapper .basic-column-box .tagArea li.tag-gray {
  background: #D3D3D3;
}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 768px) {

  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/
  .category_links {
    margin: 3rem 0 2rem;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    font-size: 2.4rem;
    border-radius: 3px;
  }

  .category_links::after {
    background: url("img/ttlbg_01.png") left top repeat-y;
    background-size: 100% auto;
    width: 40%;
    height: 100%;
  }
}