@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 制作実績 ◇◆◇
  
  
========================================================================================================================*/

.pan {
  margin-bottom:0;
}

#worksList-load-warp + footer {
  border-top:none;
}

.pagination__group li {
  border-left-color:#f2f2f2;
}


/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
  カテゴリ
-----------------------------------------------------------------------------------*/

.works-cate-warp {
  width:100%;
  padding:1.25em 0;
  box-sizing:border-box;
  background-color:#dcdcdc;
}

.preload .works-cate li,
.preload .works-cate li * {
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important;
  -o-transition:none !important;
  transition:none !important;
  animation:none !important;
}

.works-cate {
  width:100%;
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  letter-spacing:-0.5em;
  box-sizing:border-box;
}

.works-cate li {
  width:25%;
  position:relative;
  display:inline-block;
  text-align:center;
  box-sizing:border-box;
  letter-spacing:normal;
  cursor:pointer;
  vertical-align:middle;
  line-height:1.45;
  margin:0 5px;
  color:#06396c;
  background-color:#fff;
  border:1px solid #fff;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-transition:background ease 0.3s, border ease 0.3s, font-size ease 0.3s;
  -moz-transition:background ease 0.3s, border ease 0.3s, font-size ease 0.3s;
  -ms-transition:background ease 0.3s, border ease 0.3s, font-size ease 0.3s;
  -o-transition:background ease 0.3, border ease 0.3ss, font-size ease 0.3s;
  transition:background ease 0.3s, border ease 0.3s, font-size ease 0.3s;
}

.works-cate li span {
  display:block;
  padding:0.8em 2.5em;
}
  
.lte-ie8 .works-cate li:hover {
  color:#fff;
  background-color:#0c4c99;
  border:1px solid #0c4c99;
}

@media (min-width:768px) {
  .works-cate li:hover {
    color:#fff;
    border-color:#0c4c99;
    background-color:#0c4c99;
  }
    
  .no-rgba .works-cate li:hover {
    border-color:#0c4c99;
  }
}

.works-cate li.stay,
.works-cate li.stay:hover {
  color:#fff;
  background-color:#093b6c;
  border-color:#093b6c;
  cursor:inherit;
}

.works-cate li.stay a {
  cursor:inherit;
}

.works-cate li.stay:after {
  width:0;
  height:0;
  content:"";
  border-top:8px solid #093b6c;
  border-bottom:8px solid transparent;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
  margin-left:-8px;
  position:absolute;
  left:50%;
  bottom:-16px;
  z-index:2;
}

.works-cate li a,
.works-cate li a:visited,
.works-cate li a:hover {
  color:inherit;
  text-decoration:none;
}

.works-cate li a {
  display:table;
  width:100%;
  height:100%;
}

.works-cate li span {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

@media (max-width:767px) {
  .works-cate {
    padding-left:3%;
    padding-right:3%;
  }
  
  .works-cate li {
    width:40%;
  }
}

@media (max-width:640px) {
  .works-cate {
    padding-left:2.21875%;
    padding-right:2.21875%;
    font-size:96%;
  }
  
  .works-cate li {
    width:48.4375%;
    float:left;
    margin-left:0.78125%;
    margin-right:0.78125%;
  }
  
  .works-cate li span {
    padding-top:0.65em;
    padding-bottom:0.65em;
    padding-left:0.75em;
    padding-right:0.75em;
  }
}

@media (max-width:360px) {
  .works-cate {
    font-size:92%;
  }
}


/*-----------------------------------------------------------------------------------
  業種
-----------------------------------------------------------------------------------*/

.works-gcate-warp {
  padding-top:2.25em;
  background-color:#f2f2f2;
}

.works-gcate {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  font-size:93.8%;
}

.works-gcate li {
  display:inline-block;
  position:relative;
}

.works-gcate li:before {
  content:"｜";
  display:inline-block;
  margin:0 0.25em;
}

.works-gcate li:first-child:before {
  display:none;
}

@media (max-width:767px) {
  .works-gcate-warp {
    padding-top:2em;
    padding-left:3%;
    padding-right:3%;
    text-align:left;
  }
}

@media (max-width:640px) {
  .works-gcate-warp {
    padding-top:1.5em;
  }
}