﻿@charset "UTF-8";

/**
 * オリジナルcss
 */

.faq_content {
  margin-top: 88px;
}

.faq_elements {
  display: flex;
  flex-direction: column;
  gap: 32px;
  dl {
    margin: 0;
    padding-bottom: 32px;
    border-bottom: 1px solid #dddddd;
    dt {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      cursor: pointer;
      .p_faq_icon_q {
        width: 40px;
        color: var(--color-theme-sub);
        font-size: 2.4rem;
        font-weight: 400;
        font-family: var(--font-en);
      }
      h3 {
        width: calc(100% - 40px);
        font-size: 2rem;
        font-weight: 700;
      }
    }
    dd {
      margin: 0;
      .faq_a {
        padding-top: 32px;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        transition: 0.3s;
        .p_faq_icon_a {
          width: 40px;
          font-size: 2.4rem;
          font-family: var(--font-en);
          font-weight: 400;
          background: linear-gradient(180deg, #ec6c00 0%, #ffab2a 100%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          color: transparent;
        }
        .p_faq_a_text {
          width: calc(100% - 40px);
          display: flex;
          flex-direction: column;
          gap: 20px;
        }
      }
    }
  }
}

@media screen and (max-width: 1110px) {
}
@media screen and (max-width: 740px) {
  .faq_content {
    margin-top: 32px;
  }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}
