@charset "utf-8";
/* CSS Document */
.pc,.pc2{
    display: none;
  }
@media (min-width: 1000.02px) {
  .sp{
    display: none;
  }
  .pc{
    display: block;
  }
  .pc2{
    display: inline;
  }
#company .client-block__sns{
  margin: 20px 0;
}
}
#company .company-associate__content{
  flex-wrap: wrap;
}
#company .client-block__sns{
  margin: 10px auto 0;
  padding: 5px;
}


/* news 20231027 */

.news-article__content{
  height: auto!important;
  margin-bottom: 2vw;
}

.news-article__content p a{
  transition: opacity .4s;
}

.news-article__content p a:link,.news-article__content p a:visited{
  color: #8E7227;
}

.news-article__content p a:hover{
  opacity: .7;
}

/* client profle 20231110 */

.section_t{
  margin-top: clamp(48.5px, 6.0625vw, 97px);
}

.section .title-t1_b{
  margin-bottom: clamp(11px, 1.375vw, 22px);
  font-family: var(--font-family-latin);
}

.section .cl_cate{
  text-align: center;
  color: var(--color-primary);
  font-weight: bold;
  margin: 0 0 1.47em;
}
.section .cl_cate span{
  display: block;
  /*margin-top: clamp(2.5px, 0.3125vw, 5px);*/
  font-size: .8em;
  text-align: center;
  font-family: var(--font-family-latin);
}
.section .cl_cate_b{
  text-align: center;
  font-weight: bold;
  margin: 0 0 1.47em;
  font-family: var(--font-family-latin);
}
.section .client-box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section .client-box .photo{
  width: 48%;
}
.section .client-box .photo img{
  width: 100%;
}

.section .client-box .txt{
  width: 48%;
}
.section .client-box .txt h4{
    font-weight: 900;
    line-height: 1.2;
    font-family: var(--font-family-latin);
    padding: 0 0 clamp(2.5px, 0.3125vw, 5px);
    font-size: clamp(18px, 2.4vw, 36px);
}
.section .client-box .txt .work{
  font-size: clamp(16px, 2vw, 32px);
  line-height: 1.4259615385;
}
.section .client-box .txt .sns{
}
.section .client-box .txt .sns p{
  height: clamp(50px, 6.25vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border-grey);
  margin-bottom: clamp(13.5px, 1.6875vw, 27px);
}
.section .client-box .txt .sns p a{
  display: block;
  width: 100%;
  transition: 0.3s opacity ease-in-out;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
}
.section .client-box .txt .sns p a:hover{
  opacity: .7;
}
.section .client-box .txt .sns p a img{
  width: clamp(40px, 4vw, 100px);
  padding-right: 0.2em;
}
.section .client-box .txt .sns p a span{
  font-weight: bold;
}

.client-works{
  margin-bottom: clamp(48.5px, 6.0625vw, 97px);
  margin-top: clamp(48.5px, 6.0625vw, 97px);
}
.client-works .works-tl{
  font-weight: 900;
  line-height: 1.2;
  font-family: var(--font-family-latin);
  text-align: center;
  padding: 0 0 clamp(2.5px, 0.3125vw, 5px);
  font-size: clamp(24px, 3vw, 48px)
}
.client-works .works-menu{
  display: grid;
  place-content: center;
  place-items: center;
  grid-template-columns: 250px 250px 250px;
  gap: clamp(9px, 1.125vw, 18px);
}
.client-works .works-menu li{
  width: 250px;
}
.client-works .works-menu li a{
  display: block;
  width: 100%;
  transition: 0.3s opacity ease-in-out;
  color: var(--color-primary);
  background: #fff;
  text-align: center;
  height: 80px;
  border: 1px solid var(--color-primary);
  border-radius: 100px 100px;
  line-height: 80px;
  font-weight: bold;
}
.client-works .works-menu li a:hover{
  opacity: .7;
}

.contact-btn .button-arrow {
  width: clamp(300px, 34.25vw, 600px);
}

.client-profile{
  margin: 0 clamp(10px, 0.7vw, 20px);
}

.client-profile-t{
  margin-top: clamp(48.5px, 6.0625vw, 97px);
}

.client-profile .prof-tl{
  font-weight: 900;
  line-height: 1.2;
  font-family: var(--font-family-latin);
  padding: 0 0 clamp(2.5px, 0.3125vw, 5px);
  font-size: clamp(18px, 2.4vw, 36px);
  border-bottom: 1px solid var(--color-primary);
  margin: 0 0 clamp(2.5px, 0.3125vw, 5px);
}

.website p img{
  width: 100%;
}

.website .client-block__website{
  margin: clamp(19px, 2.375vw, 38px) auto 0;
}

.website .client-block__website a{
  margin: 0 auto;
}

.cl_grades{
  display: flex;
  justify-content: center;
  column-gap: clamp(20px, 2.5vw, 40px); 
}
.cl_grades li .cl_cate_b{
  padding: clamp(2.5px, 0.3125vw, 5px) clamp(4px, 0.5vw, 8px);
  border-bottom: 1px solid var(--color-primary);
  margin-bottom: 0;
}
.cl_grades li .cl_number{
  padding: clamp(2.5px, 0.3125vw, 5px) clamp(4px, 0.5vw, 8px);
  text-align: center;
  font-size: clamp(18px, 2.4vw, 36px);
  font-weight: bold;
  color: var(--color-primary);
  font-family: var(--font-family-latin);
}

@media (max-width: 1000px){
  .section_t{
    margin-top: clamp(21.6px, 7.2vw, 72px);
  }
  .section .title-t1_b{
    margin-bottom: clamp(9px, 3vw, 30px);
  }
  .section .client-box .photo{
    width: 100%;
  }

  .section .client-box .txt{
    width: 100%;
  }
  .section .client-box .txt h4{
    font-weight: bold;
    font-size: clamp(15.6px, 5.2vw, 52px);
    text-align: center;
    margin: clamp(18px, 6vw, 60px) 0 0;
  }
  .section .client-box .txt .work{
    font-size: clamp(12.48px, 4.16vw, 41.6px);
  }
  .section .client-box .txt .work p{
    margin: 0 0 .45em;
    text-align: center;
  }
  .section .client-box .txt .sns{
    padding-bottom: 0;
  }
  .section .client-box .txt .sns p {
    height: clamp(39px, 13vw, 130px);
    margin-bottom: clamp(21px, 7vw, 70px);
  }
  
  .client-works{
    margin-bottom: clamp(21.6px, 7.2vw, 72px);
    margin-top: clamp(21.6px, 7.2vw, 72px);
  }
  .client-works .works-tl{
    padding: 0 0 clamp(1.5px, 0.5vw, 5px);
    font-size: clamp(18.6px, 6.2vw, 62px);
  }
  .client-works .works-menu{
    display: block;
  }
  .client-works .works-menu li{
    margin: 0 auto clamp(15.6px, 5.2vw, 52px);
  }
  .client-works .works-menu li a{
    height: 40px;
    line-height: 40px;
  }
  .website .client-block__website{
    margin: clamp(21px, 7vw, 70px) auto 0;
  }
  .client-profile-t{
    margin-top: clamp(21.6px, 7.2vw, 72px);
  }
}

.linklist-nav__item span{
  width: 1.8em;
  display: inline-block;
}