@charset "UTF-8";
/* ○○
---------------------------------------------------------------------------- */
.p-select-area {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.p-select-area-item {
  width: calc((100% - 3.6rem) / 4);
}

.p-select-area-btn[aria-selected=true] {
  color: #fff;
  background-color: #12337D;
  border-color: #12337D;
}

.p-select-area-btn {
  height: 100%;
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 600;
  text-align: center;
  padding: 1.1rem;
  border: 1px solid #000;
  position: relative;
}
@media (any-hover: hover) {
  .p-select-area-btn:hover::after {
    right: 2rem;
  }
}
.p-select-area-btn::after {
  content: "";
  position: absolute;
  right: 2.5rem;
  top: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.9rem;
  height: 0.9rem;
  border-top: 0.2rem solid #333;
  border-right: 0.2rem solid #333;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  -webkit-transition: 0.3s right;
  transition: 0.3s right;
}

.p-area-container {
  background-color: #f4f4f4;
  padding: 6rem 10rem;
  margin-top: 2rem;
  display: -ms-grid;
  display: grid;
}

.p-area-content {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1;
}

.p-area-content[aria-hidden=false] {
  height: auto;
}

.p-area-content[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  height: 0;
}

.c-line-ttl {
  font-size: 2.8rem;
  line-height: 1.5357142857;
  letter-spacing: 0.06em;
  font-weight: 700;
  border-bottom: 0.1rem solid rgba(51, 51, 51, 0.16);
  padding-bottom: 0.8rem;
}
.c-line-ttl span {
  position: relative;
  padding-left: 1.8rem;
}
.c-line-ttl span::before {
  content: "";
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 0.6rem;
  background-color: #12337D;
  height: 100%;
}

/* ----------------------------------------------------------------------------------------------------
*	販売店リスト
* --------------------------------------------------------------------------------------------------*/
.p-dealer-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.1rem 1rem;
  margin-top: 3.4rem;
}

.p-dealer-item {
  width: calc((100% - 2.2rem) / 3);
}

.p-dealer-link {
  background-color: #fff;
  border: 1px solid #dedede;
  font-size: 1.7rem;
  line-height: 1.5294117647;
  letter-spacing: 0.02em;
  font-weight: 700;
  padding: 1.4rem 3rem 1.4rem 2rem;
  min-height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
}
@media (any-hover: hover) {
  .p-dealer-link:hover::after {
    right: 1.5rem;
  }
}
.p-dealer-link::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../../../images/zaiko/icn_arrow.svg) no-repeat center/contain;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s right;
  transition: 0.3s right;
}

/* ----------------------------------------------------------------------------------------------------
*	
* --------------------------------------------------------------------------------------------------*/
.p-direct-shop {
  padding-block: 8.6rem;
}

.p-direct-shop-ttl {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
}

.p-direct-shop-container {
  margin-top: 4rem;
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  -ms-grid-columns: 50% 2rem 50%;
  grid-template-columns: 50% 50%;
  -ms-grid-rows: auto 0 auto 0 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 0 2rem;
}

.p-direct-shop-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.p-direct-shop-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.p-direct-shop-container > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.p-direct-shop-container > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.p-direct-shop-container > *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

.p-direct-shop-container > *:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

.m-btn01._w200 {
  width: 20rem;
}

.p-direct-shop-ttl {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1;
}

.p-direct-shop-txt {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
  margin-top: 1.6rem;
}

.p-direct-shop-btn-wrapper {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
  grid-column: 1;
  margin-top: 6rem;
}

.p-direct-shop-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/span 4;
  -ms-grid-column: 2;
  grid-column: 2;
  max-width: 38rem;
}
.p-direct-shop-img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-line-ttl {
    font-size: 5.3333333333vw;
  }
  .p-select-area {
    gap: 2.6666666667vw;
  }
  .p-select-area-item {
    width: 48%;
  }
  .p-select-area-btn {
    font-size: 4vw;
    padding: 2.6666666667vw 5.3333333333vw;
  }
  .p-select-area-btn::after {
    top: 48%;
    right: 3.2vw;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
  .p-area-container {
    background-color: #f4f4f4;
    padding: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  .p-dealer-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.6666666667vw;
    margin-top: 5.3333333333vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-dealer-item {
    width: 100%;
  }
  .p-dealer-link {
    font-size: 4.2666666667vw;
    padding: 3.7333333333vw;
    min-height: inherit;
  }
  .p-dealer-link::after {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    right: 2.6666666667vw;
  }
  .p-direct-shop {
    padding-block: 10.6666666667vw 5.3333333333vw 26.6666666667vw;
  }
  .p-direct-shop-container {
    margin-top: 5.3333333333vw;
    display: block;
  }
  .p-direct-shop-ttl {
    font-size: 4.8vw;
  }
  .p-direct-shop-txt {
    font-size: 4.2666666667vw;
  }
  .p-direct-shop-img {
    margin-top: 5.3333333333vw;
  }
  .p-direct-shop-btn-wrapper {
    margin-top: 5.3333333333vw;
    text-align: center;
  }
  .m-btn01._w200 {
    width: 53.3333333333vw;
    margin-inline: auto;
  }
}
/*# sourceMappingURL=dealer.css.map */