@charset "utf-8";
/* CSS Document */


/********** faq **********/

main.faq {
  .p-body {
    .p-chapter {
      .p-chapter__inner {
        .faqList {
          dl {
            margin: 0 auto;
            padding: 4rem 0;
            max-width: 1000px;
            border-bottom: 2px solid var(--yellow);
            &:first-child {
              border-top: 2px solid var(--yellow);
            }
            dt, dd {
              display: flex;
              gap: 0 2rem;
              .en {
                display: grid;
                place-content: center;
                font-size: 2.5rem;
                font-weight: 700;
                width: 5rem;
                min-width: 5rem;
                height: 5rem;
                border-radius: 50%;
                border: 2px solid var(--text);
                background: var(--yellow);
              }
              p {
                margin: .45em 0 0;
              }
            }
            dd {
              margin: 2rem 0 0;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 480px) {
  main.faq {
    .p-body {
      .p-chapter {
        .p-chapter__inner {
          .faqList {
            dl {
              padding: 3em 0;
              max-width: 1000px;
              dt, dd {
                gap: 0 1rem;
                .en {
                  font-size: 2rem;
                  width: 4rem;
                  min-width: 4rem;
                  height: 4rem;
                }
              }
              dd {
                margin: 1.5rem 0 0;
              }
            }
          }
        }
      }
    }
  }
}