@charset "UTF-8";

@import url("_common.css");
@import url("_utility.css");

body.p-faq{
  & .l-contents.--01{
    padding-block-end: clamp(3.125rem, 2.241rem + 3.77vw, 6.25rem); /* 50px 100px */
  }
  & .l-contents.--02{
    padding-block: clamp(3.125rem, 2.241rem + 3.77vw, 6.25rem); /* 50px 100px */
    background-color: var(--color-gray-septenary);
    & .c-accordion{
      & .c-accordion__summary{
        background-color: var(--color-white);
      }
    }
  } /* 02 */
  & .l-contents.--03{
    padding-block: clamp(3.125rem, 2.241rem + 3.77vw, 6.25rem); /* 50px 100px */
    & .c-accordion{
      & .c-accordion__summary{
        background-color: var(--color-gray-septenary);
      }
    }
  } /* 03 */

  /* FAQ回答（A行）はAアイコンと本文を縦中央揃えにする。 */
  & .c-accordion__content__inner{
    align-items: center;
  }
  .l-lowerrecommend {
    background-color: var(--color-gray-primary);
  }
}