@charset "UTF-8";
/* ↓以下、眞砂追加 ----- */
/* Font Size ----- */
.faq-wrap + .faq-wrap {
  border-top: dashed 1px #d3d4c5; }
.faq-wrap > .faq-q {
  padding: 7px 0 15px 30px; }
  @media screen and (min-width: 768px) {
    .faq-wrap > .faq-q {
      padding-left: 40px; } }
  .faq-wrap > .faq-q:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #b1c6bd;
    font-size: 1.5em;
    transform: translateY(30%);
    content: "Q."; }
    @media screen and (min-width: 768px) {
      .faq-wrap > .faq-q:before {
        font-size: 1.875em;
        transform: translateY(36%); } }
  .faq-wrap > .faq-q > h3 {
    cursor: pointer; }
    .faq-wrap > .faq-q > h3:hover {
      color: #b1c6bd;
      text-decoration: underline; }
  .faq-wrap > .faq-q + .faq {
    overflow: hidden;
    transition: 0.5s; }
    .faq-wrap > .faq-q + .faq .faq-a {
      padding: 15px;
      background-color: #fff6f5;
      border-radius: 15px; }
      @media screen and (min-width: 768px) {
        .faq-wrap > .faq-q + .faq .faq-a {
          padding: 3%; } }
      .faq-wrap > .faq-q + .faq .faq-a > * {
        padding-left: 30px; }
        @media screen and (min-width: 768px) {
          .faq-wrap > .faq-q + .faq .faq-a > * {
            padding-left: 40px; } }
        .faq-wrap > .faq-q + .faq .faq-a > *:before {
          position: absolute;
          top: 0;
          left: 0;
          color: #ffb2a7;
          font-size: 1.5em;
          content: "A."; }
          @media screen and (min-width: 768px) {
            .faq-wrap > .faq-q + .faq .faq-a > *:before {
              font-size: 1.875em; } }
  .faq-wrap > .faq-q:not(.on) + .faq {
    height: 0 !important; }