@use "../global" as *;

.p-faq-list {
      &__item {
            border-radius: fz(37);
            overflow: hidden;

            &:not(:last-of-type) {
                  margin-bottom: fz(24);
            }
      }

      &__head {
            display: flex;
            align-items: center;
            background-color: #F9F9F9;
            border-radius: fz(37) fz(37) 0 0;
            padding: fz(25) fz(29);
            padding-right: fz(67);
            position: relative;
            cursor: pointer;

            &.is-accordion-open {
                  .p-faq-list__pluse {
                        &::after {
                              opacity: 0;
                        }
                  }
            }
      }

      &__icon {
            flex: 0 0 fz(24);
            margin-right: fz(15);
      }

      &__ttl {
            flex: 1 1 auto;
            font-size: fz(17);
            line-height: 1.45;
      }

      &__pluse {
            @include trans_y;
            right: fz(26);
            width: fz(15);
            height: fz(15);
            transition: ease .32s;

            &::before,
            &::after {
                  content: "";
                  @include trans_xy;
                  background-color: #2E2A2A;
            }

            &::before {
                  width: 100%;
                  height: fz(3);
            }

            &::after {
                  width: fz(3);
                  height: 100%;
            }
      }

      &__content {
            transition: ease .32s;
            max-height: 0;
            overflow: hidden;

            &.is-accordion-contents-open {
                  max-height: 9999px;
                  overflow: visible;
            }
      }

      &__content-in {
            display: flex;
            align-items: flex-start;
            background-color: #FCFCFC;
            border-radius: 0 0 fz(30) fz(30);
            padding: fz(24) fz(29);
      }

      &__desc {
            font-size: fz(15);
            margin-top: fz(-7);
            font-weight: 500;

            a {
                  text-decoration: underline;
                  color: $key_blue;
            }
      }
}