@charset "utf-8";

/*============================
会社概要
============================*/
.company {
  padding: 1.10rem 0 1.20rem;
  background-color: #FFF;
}
@media screen and (max-width: 640px) {
  .company {
    padding: 0.60rem 0;
  }
}

.company .in {
  max-width: 9.80rem;
}

.company .in .sec_tit_wrap {
  padding-bottom: 0.80rem;
}
@media screen and (max-width: 640px) {
  .company .in .sec_tit_wrap {
    padding-bottom: 0.40rem;
  }
}

.company .in .company_list_wrap {
  border-top: 1px solid #CCC;
  position: relative;
}

.company .in .company_list_wrap::before {
  content: "";
  width: 35.55%;
  height: 1px;
  background-color: #808080;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .company .in .company_list_wrap::before {
    width: 26%;
  }
}

.company .in .company_list_wrap .list {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #CCC;
  position: relative;
  padding: 0.35rem 0;
  font-size: 0.14rem;
  line-height: 1.42;
}
@media screen and (max-width: 640px) {
  .company .in .company_list_wrap .list {
    padding: 0.285rem 0;
  }
}

.company .in .company_list_wrap .list .tit {
  width: 35.55%;
}
@media screen and (max-width: 640px) {
  .company .in .company_list_wrap .list .tit {
    width: 26%;
  }
}

.company .in .company_list_wrap .list .txt_box {
  width: 64.45%;
}
@media screen and (max-width: 640px) {
  .company .in .company_list_wrap .list .txt_box {
    width: 74%;
  }
}

.company .in .company_list_wrap .list .txt_box .shop_box + .shop_box {
  padding-top: 0.15rem;
}
@media screen and (max-width: 640px) {
  .company .in .company_list_wrap .list .txt_box .shop_box + .shop_box {
    padding-top: 0.075rem;
  }
}

.company .in .contact_wrap {
  padding-top: 0.80rem;
}
@media screen and (max-width: 640px) {
  .company .in .contact_wrap {
    padding-top: 0.40rem;
  }
}

.company .in .contact_wrap .txt {
  text-align: center;
  font-size: 0.18rem;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 640px) {
  .company .in .contact_wrap .txt {
    font-size: 0.14rem;
    line-height: 1.5;
  }
}

.company .in .contact_wrap .btn {
  padding-top: 0.35rem;
  width: 100%;
  max-width: 3.20rem;
  margin: auto;
}

.company .in .contact_wrap .btn a {
  display: block;
  font-size: 0.18rem;
  letter-spacing: 0.025em;
  color: #FFF;
  padding: 0.19rem 0;
  background-color: #333;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .company .in .contact_wrap .btn a {
    font-size: 0.16rem;
    padding: 0.25rem 0;
  }
}

.company .in .contact_wrap .btn a:hover {
  opacity: 0.7;
}