@charset "UTF-8";
html {
  scroll-padding-top: 70px;
  /* 固定ヘッダの高さ分 */ }

.page-ttl i {
  color: #FFDB5A; }

.search-wrap.qa {
  display: none;
  position: relative;
  display: block;
  max-width: 240px;
  margin: 30px auto 0 auto; }
  .search-wrap.qa .search {
    padding-right: 45px;
    width: 100%; }
  .search-wrap.qa .search-btn {
    pointer-events: none;
    cursor: alias;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -13px;
    font-weight: 400;
    font-size: 1.7rem;
    background: none; }
    .search-wrap.qa .search-btn i {
      color: #CACACA; }

.qa-category {
  width: 90vw;
  margin: 0 auto; }
  @media (min-width: 600px) {
    .qa-category {
      width: 60vw;
      padding-left: 10vw; } }
  .qa-category ul {
    display: flex;
    flex-wrap: wrap; }
    .qa-category ul li {
      display: flex;
      align-items: center;
      padding: 15px 0;
      width: 50%;
      font-size: 1.2rem;
      font-weight: 600; }
      @media (min-width: 600px) {
        .qa-category ul li {
          font-size: 1.8rem; } }
      .qa-category ul li a {
        display: flex;
        align-items: center; }
        .qa-category ul li a:hover svg {
          fill: #EBDCA9; }
        .qa-category ul li a:hover i, .qa-category ul li a:hover img {
          color: #EBDCA9; }
      .qa-category ul li i, .qa-category ul li img, .qa-category ul li svg {
        fill: black;
        color: black;
        margin-right: 10px; }
        @media (min-width: 600px) {
          .qa-category ul li i, .qa-category ul li img, .qa-category ul li svg {
            margin-right: 20px; } }
      .qa-category ul li img, .qa-category ul li svg {
        width: 23px; }
        @media (min-width: 600px) {
          .qa-category ul li img, .qa-category ul li svg {
            width: 35px; } }
      .qa-category ul li i {
        width: 23px;
        text-align: center;
        font-size: 2.2rem; }
        @media (min-width: 600px) {
          .qa-category ul li i {
            width: 35px;
            font-size: 3.5rem; } }
      .qa-category ul li:nth-child(2) svg, .qa-category ul li:nth-child(3) svg, .qa-category ul li:nth-child(4) svg {
        width: 28px;
        margin-right: 8px;
        margin-left: -2px; }
        @media (min-width: 600px) {
          .qa-category ul li:nth-child(2) svg, .qa-category ul li:nth-child(3) svg, .qa-category ul li:nth-child(4) svg {
            width: 40px;
            margin-right: 18px;
            margin-left: -3px; } }

.target-area {
  width: 90vw;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    .target-area {
      width: 80vw; } }
  .target-area dl {
    margin: 50px 0; }
    .target-area dl:first-child {
      margin-top: 80px; }
    .target-area dl dt {
      text-align: center;
      font-size: 2rem;
      font-weight: 600; }
  .target-area .hidden {
    display: none; }
  .target-area .accordion a {
    display: inline-block;
    text-decoration: underline; }
  .target-area .accordion h2 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #CACACA;
    font-size: 1.4rem;
    font-weight: 300;
    padding: 10px 35px 10px 5px; }
    @media (min-width: 1024px) {
      .target-area .accordion h2 {
        font-size: 1.6rem;
        padding: 10px 5px; } }
    .target-area .accordion h2:after {
      margin-left: 0;
      position: absolute;
      right: 15px;
      color: #CACACA; }
  .target-area .accordion div {
    display: none;
    padding: 10px 20px; }

.btn-box p {
  width: 90vw;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 5px; }
.btn-box .btn-line {
  margin-top: 20px; }

/*# sourceMappingURL=qa.css.map */