/*css animations*/
.trans {
  transition-property: all;
  transition: 0.2s linear;
}
/*
【44】ご購入について(purchaseDistributors)
------------------------------------------------------ */
#contWrap.purchaseDistributors #intro .lead {
  margin: 0 auto;
}
#contWrap.purchaseDistributors #domestic {
  padding-bottom: 30px;
}
#contWrap.purchaseDistributors #domestic .areaWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contWrap.purchaseDistributors #domestic .areaWrap:after {
  content: "";
  display: block;
  width: 21.66666667%;
  height: 0;
}
#contWrap.purchaseDistributors #domestic .areaWrap .block {
  width: 21.66666667%;
}
#contWrap.purchaseDistributors #domestic .areaWrap .block .btn {
  margin-bottom: 25px;
}
#contWrap.purchaseDistributors #domestic .areaWrap .block .btn a {
  display: block;
  position: relative;
  background: #006ec2;
  border: solid 1px #006ec2;
  color: #FFF;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 25px;
}
#contWrap.purchaseDistributors #domestic .areaWrap .block .btn a::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 20px;
  right: 15px;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transform: rotate(45deg);
}
#contWrap.purchaseDistributors #domestic .areaWrap .block .txt {
  min-height: 120px;
}
#contWrap.purchaseDistributors #domestic .areaWrap .block .txt span {
  display: inline-block;
  margin-right: 7.69230769%;
}
@media (min-width: 768px) {
  #contWrap.purchaseDistributors #domestic .areaWrap .block .btn a {
    transition: 0.3s;
  }
  #contWrap.purchaseDistributors #domestic .areaWrap .block .btn a:hover {
    opacity: .8;
    text-decoration: none;
    background: #FFF;
    color: #006ec2;
  }
  #contWrap.purchaseDistributors #domestic .areaWrap .block .btn a:hover::after {
    border-top: 3px solid #006ec2;
    border-right: 3px solid #006ec2;
  }
}
@media (max-width: 768px) {
  #contents #contWrap.purchaseDistributors #intro {
    padding: 0 0 30px;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap {
    display: block;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap:after {
    display: none;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap .block {
    width: 100%;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap .block .btn {
    margin-bottom: 15px;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap .block .btn a {
    height: 40px;
    line-height: 40px;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap .block .btn a::after {
    top: 15px;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap .block .txt {
    min-height: initial;
    margin-bottom: 20px;
    padding: 0 25px;
  }
  #contents #contWrap.purchaseDistributors #domestic .areaWrap .block .txt span {
    display: inline-block;
    margin-right: 7.69230769%;
  }
  #contents #contWrap.purchaseDistributors #web,
  #contents #contWrap.purchaseDistributors #consultation {
    margin-bottom: 30px;
  }
}
/*
【45】~【51】ご購入について詳細(purchasedetail)
------------------------------------------------------ */
#contWrap.purchasedetail .innnerlink {
  margin: 0 auto;
  max-width: 1200px;
  padding-bottom: 0 !important;
}
#contWrap.purchasedetail .innnerlink ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#contWrap.purchasedetail .innnerlink ul li {
  position: relative;
  padding-left: 20px;
}
#contWrap.purchasedetail .innnerlink ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 3px solid #006ec2;
  border-right: 3px solid #006ec2;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#contWrap.purchasedetail .innnerlink ul li:not(:last-of-type) {
  margin-right: 50px;
}
#contWrap.purchasedetail table thead th {
  border-left: solid  1px #ccc;
}
#contWrap.purchasedetail table thead th:nth-child(1) {
  width: 10%;
}
#contWrap.purchasedetail table thead th:nth-child(2) {
  width: 25%;
}
#contWrap.purchasedetail table thead th:nth-child(3) {
  width: 45%;
}
#contWrap.purchasedetail table thead th:nth-child(4) {
  width: 20%;
}
#contWrap.purchasedetail table tbody tr td:first-of-type {
  text-align: center;
  vertical-align: middle;
}
#contWrap.purchasedetail table tbody tr td:first-of-type.agency {
  color: #eb6100;
}
#contWrap.purchasedetail table tbody tr td:first-of-type.dealer {
  color: #009944;
}
#contWrap.purchasedetail table tbody tr td .name {
  display: block;
  font-weight: 600;
}
#contWrap.purchasedetail table tbody tr td .address span:not(:last-of-type) {
  margin-right: 15px;
}
@media (max-width: 768px) {
  #contents #contWrap.purchasedetail #intro {
    padding: 0 0 10px;
  }
  #contents #contWrap.purchasedetail .innnerlink ul li {
    width: 25%;
    margin-bottom: 10px;
  }
  #contents #contWrap.purchasedetail .innnerlink ul li:not(:last-of-type) {
    margin-right: 0;
  }
}