@charset "UTF-8";

/* 下層ページコンテナ
----------------------------------------------------------------------------- */
.l2-lowerContainer {
  background-color:var(--cc-gray-50);
}
@media screen and (min-width: 1024px) {
  html.area .l2-lowerContainer {
    padding-top: 0;
    padding-block: 112px 0;
  }
}
@media screen and (max-width: 1023px) {
  html.area .l2-lowerContainer {
    padding-block:0 calc(80 * var(--sp-w));
  }
}
.l2-lowerContainer ~ .breadcrumb2 {
  margin-top:0;
}

/* H2
----------------------------------------------------------------------------- */
.divisionContainer .l2-h2A,
.divisionContainer .l2-checkBoxA {
  color: var(--cc-black-sm);
}
@media screen and (min-width: 1024px) {
  .divisionContainer .l2-h2A {
    padding-bottom: 0;
    margin-block:28px 12px;
    font-size:16px;
    border-bottom: none;
  }
  .divisionContainer .l2-h2A > .l2-h2A__inner {
    padding-bottom: 0;
  }
  .divisionContainer .l2-h2A > .l2-h2A__inner::after {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .l2-anchorListA.p2-sp{
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .l2-buttonListA {
    border-top:1px solid var(--cc-stroke-wb);
    border-right:1px solid var(--cc-stroke-wb);
    padding: 0 0;
  }
  .kansai {
    border-right:none;
    border-bottom:1px solid var(--cc-stroke-wb);
  }
  .l2-buttonListA.l2_js-accordion::before {
    content:"";
    display:block;
    border-top:4px solid var(--cc-red-700);
    width:56px;
    position:absolute;
    left:48px;
  }
}

@media screen and (min-width: 1024px) {
  .l2-checkBoxA {
    width: 101px;
    min-height: 40px;
  }
  .l2-checkBoxA.l2-checkBoxA_arrow {
    padding:0 12px
  }
  .l2-checkBoxA.l2-checkBoxA_arrow:after {
    right: 12px;
    width: 6px;
    height: 6px;
  }
}

@media screen and (min-width: 1024px) {
  .divisionContainer{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width:1224px;
    margin-inline: auto;
  }
  .p2-pcW1016{
    max-width: 210px;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .areaContainer .divisionContainer {
    max-width: calc(1224px + 48px);
    padding-inline: 24px;
  }
  .areaContainer .l2-buttonListA.l2_js-accordion::before {
    left: calc((100% - 210px) / 2);
  }
}
.l2-buttonListA__target__list{
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 1024px) {
  .l2-buttonListA__target__list{
    padding-bottom:32px;
  }
  .l2-buttonListA:nth-child(n+5) .l2-buttonListA__target__list {
    padding-bottom:78px;
  }
}
@media screen and (min-width: 1024px){
  .l2-checkBoxA.l2-checkBoxA_arrow:after{
    transition: 0.3s ease-in;
  }
  .l2-checkBoxA.l2-checkBoxA_arrow:hover {
    cursor: pointer;
    border-color: var(--cc-red-700);
  }
  .l2-checkBoxA.l2-checkBoxA_arrow:hover:after{
    transform: translateX(2px) rotate(45deg);
  }
}
@media screen and (min-width: 1024px){
  .areaContainer{
    background-image: url(/assets/img/area_map.webp);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
  }
}
.l2-buttonListA__accordionButton.is-active::after {
  transform: rotate(225deg);
  margin-top: calc(6.644 * var(--sp-w));
}
@media screen and (max-width: 1023px) {
  .l2-checkBoxA.l2-checkBoxA_arrow:after {
    right: calc(18 * var(--sp-w))
  }
}
@media screen and (max-width: 1023px) {
  .areaContainer .l2-headerA__inner {
    padding-block:calc(20 * var(--sp-w)) 0;
  }
}