@charset "UTF-8";
/*===============================================
 *	common
===============================================*/
/*===============================================
 *	アンカーリンク
===============================================*/
.anc_box{
  margin-bottom: 60px;
}
.anc_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
  gap: 20px;
}
.anc_list li {
  flex: 0 0 calc(25% - 15px);
  border: #0081cc 2px solid;
  text-align: center;
  position: relative;
  font-size: clamp(17px, 1.8vw, 18px);
  font-weight: bold;
}
.anc_list li::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 3px #0081cc;
  border-right: solid 3px #0081cc;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin: auto;
}
.anc_list li a {
  color: var(--site-secondary);
  display: block;
  padding: 10px;
}
.anc_list li a:hover {
  background: #d6eefc;
}

@media only screen and (max-width: 568px) {
  .anc_box{
    margin-bottom: 40px;
  }
  .anc_list {
    gap: 10px;
  }
  .anc_list li {
    flex: 0 0 calc(50% - 5px);
    text-align: left;
  }
  .anc_list li::after {
    border-bottom: solid 2px #0081cc;
    border-right: solid 2px #0081cc;
    right: 10px;
  }
}
/*===============================================
 *	見出し
===============================================*/
.ttl_anc_set{
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 30px;
  position: relative;
}
/*
.ttl_anc_set::after{
  content: "";
  background: linear-gradient(90deg, var(--site-secondary) 0% 50%, var(--site-primary) 50%);
  background-size: contain;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 90px;
  height: 8px;
}
 */
.case .case_ttl .ttl,
.case_white .case_ttl .ttl {
  display: block;
  font-size: clamp(21px, 2.65vw, 34px);
  padding: 0.5em 0 0.5em 6em;
  text-align: left;
}
.case .case_ttl .ttl span,
.case_white .case_ttl .ttl span {
  font-size: clamp(17px, 2.5vw, 30px);
}
.case_ttl {
  text-align: left;
}
.case_ttl .label {
  text-align: center;
  padding: 15px 0 0 15px;
}
@media only screen and (max-width: 1024px) {
  .case_ttl .label {
    padding: 10px 0 0 10px;
  }
}
@media only screen and (max-width: 968px) {
  .case .case_ttl .ttl,
  .case_white .case_ttl .ttl {
    padding: 0.5em 0 0.5em 7em;
  }
}
@media only screen and (max-width: 568px) {
  .case .case_ttl .ttl,
  .case_white .case_ttl .ttl {
    padding: .75em 0 .5em 0;
    text-align: center;
    line-height: 1.4;
  }
  .case .case_ttl .label,
  .case_white .case_ttl .label {
    padding: 10px 0;
  }
}
/*===============================================
 *	お客様の声・作業事例
===============================================*/
.case {
  background: #eff6fd;
}
.case_bg_white {
  background: #fff;
}
.ttl_colorbar {
  background: #0081cc;
  border-radius: 60px;
  font-size: min(5vw, 32px);
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto 40px;
}
.ttl_anc_set .icon_ttl {
  font-size: clamp(22px, 3.2vw, 42px);
  padding-left: 55px;
}
.price_txt_size{
  display: block;
  font-size: clamp(14px, 1.5vw, 17px);
}
.ttl_anc_set .icon_gokiburi {
  background: url(../img/voice/icon_gokiburi.png) no-repeat left center;
  background-size: 48px 58px;
}
.ttl_anc_set .icon_shiroari {
  background: url(../img/voice/icon_shiroari.png) no-repeat left center;
  background-size: 44px 64px;
}
.ttl_anc_set .icon_hachi {
  background: url(../img/voice/icon_hachi.png) no-repeat left center;
  background-size: 56px 60px;
  padding-left: 65px;
}
.ttl_anc_set .icon_gaichu {
  background: url(../img/voice/icon_gaichu.png) no-repeat left center;
  background-size: 61px 60px;
  padding-left: 75px;
}
.ttl_anc_set .icon_nezumi {
  background: url(../img/voice/icon_nezumi.png) no-repeat left center;
  background-size: 80px 47px;
  padding-left: 95px;
}
.ttl_anc_set .icon_koumori {
  background: url(../img/voice/icon_koumori.png) no-repeat left center;
  background-size: 81px 31px;
  padding-left: 95px;
}
.ttl_anc_set .icon_gaijyu {
  background: url(../img/voice/icon_gaijyu.png) no-repeat left center;
  background-size: 77px 49px;
  padding-left: 95px;
}
.case_wrapper .case_box:not(:last-child) {
  margin-bottom: 50px;
}
.case_wrapper .case_box:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  .ttl_colorbar {
    margin: 0 auto 4vw;
  }
}
@media only screen and (max-width: 568px) {
  .ttl_colorbar {
    margin: 0 5% 4vw;
  }
  .ttl_anc_set{
    margin: 0 0 15px;
  }
  .ttl_anc_set .icon_shiroari {
    background-size: contain;
    padding-left: 1.25em;
  }
  .ttl_anc_set .icon_hachi {
    background-size: contain;
  }
  .ttl_anc_set .icon_gokiburi {
    background-size: contain;
    padding-left: 1.5em;
  }
  .ttl_anc_set .icon_gaichu {
    background-size: contain;
    padding-left: 1.8em;
  }
  .ttl_anc_set .icon_nezumi {
    background-size: 50px 27px;
    padding-left: 3em;
  }
  .ttl_anc_set .icon_koumori {
    background-size: 51px 25px;
    padding-left: 2.5em;
  }
  .ttl_anc_set .icon_gaijyu {
    background-size: contain;
    padding-left: 2.75em;
  }
  .case_wrapper .case_box:not(:last-child) {
    margin-bottom: 30px;
  }
}

/*===============================================
 *	テーブル
===============================================*/
.detail_table {
  margin-top: 30px;
}
.detail_table th {
  padding: 0.85em 0;
}
@media only screen and (max-width: 568px) {
  .detail_table {
    margin-top: 10px;
  }
   .detail_table td span{
    font-size: 13px;
  }
}