img {
  width: 100%; }

.c_main-ttl {
  background: url("../images/faq/mt_bg.jpg") no-repeat center center;
  background-size: cover; }
  @media (max-width: 767px) {
    .c_main-ttl {
      background-image: url("../images/faq/mt_bg_sp.jpg"); } }

.kinds {
  margin-bottom: 10.0rem; }
  @media (max-width: 1024px) {
    .kinds {
      margin-bottom: 9.765625vw; } }
  @media (max-width: 767px) {
    .kinds {
      margin-top: 15.384615384615385vw;
      margin-bottom: 25.64102564102564vw; } }
  .kinds-list {
    display: flex; }
    @media (max-width: 767px) {
      .kinds-list {
        flex-flow: column;
        align-items: center; } }
    .kinds-list li {
      width: 20.0rem;
      margin-right: 2.0rem; }
      @media (max-width: 767px) {
        .kinds-list li {
          width: 70%;
          margin: 0 0 5.128205128205128vw; } }
      .kinds-list li a {
        display: block;
        text-align: center;
        line-height: 4.0rem;
        background: url("../images/common/arrow01.png") no-repeat 90% 50% #fff;
        background-size: .8rem;
        border: .2rem solid #0068B7;
        font-size: 1.4rem;
        letter-spacing: .1em;
        color: #0068B7;
        border-radius: 2.5rem; }
        @media (max-width: 767px) {
          .kinds-list li a {
            background-size: 1.7948717948717947vw;
            line-height: 10.256410256410255vw;
            font-size: 3.5897435897435894vw;
            border-radius: 6.41025641025641vw; } }
        .kinds-list li a:hover {
          background: url("../images/common/arrow01_w.png") no-repeat 90% 50% #0068B7;
          background-size: .8rem;
          color: #fff; }
          @media (max-width: 767px) {
            .kinds-list li a:hover {
              background-size: 1.7948717948717947vw; } }

.faq-block {
  padding-top: 11.2rem;
  margin-top: -11.2rem; }
  @media (max-width: 1024px) {
    .faq-block {
      padding-top: 8.88888888888889vw;
      margin-top: -8.88888888888889vw; } }
  @media (max-width: 767px) {
    .faq-block {
      padding-top: 15.384615384615385vw;
      margin-top: -15.384615384615385vw; } }
.faq-list {
  margin-bottom: 10.0rem;
  border-bottom: .1rem dotted #0068B7; }
  @media (max-width: 1024px) {
    .faq-list {
      margin-bottom: 9.765625vw; } }
  @media (max-width: 767px) {
    .faq-list {
      margin-bottom: 25.64102564102564vw; } }
  .faq-list__item {
    border-top: .1rem dotted #0068B7;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.5; }
    .faq-list__item .q {
      padding: 2.0rem 3.0rem;
      cursor: pointer;
      position: relative;
      letter-spacing: .1em; }
      @media (max-width: 1024px) {
        .faq-list__item .q {
          padding: 1.953125vw 2.9296875vw; } }
      @media (max-width: 767px) {
        .faq-list__item .q {
          padding: 5.128205128205128vw 2.564102564102564vw 5.128205128205128vw 7.6923076923076925vw; } }
      .faq-list__item .q::before {
        content: "Q.";
        position: absolute;
        top: 1.5rem;
        left: 0;
        font-size: 2.0rem;
        color: #0068B7;
        font-family: "Prociono", serif; }
        @media (max-width: 1024px) {
          .faq-list__item .q::before {
            top: 1.46484375vw;
            font-size: 1.953125vw; } }
        @media (max-width: 767px) {
          .faq-list__item .q::before {
            font-size: 5.128205128205128vw;
            top: 3.8461538461538463vw; } }
      .faq-list__item .q::after {
        content: "";
        position: absolute;
        background: url("../images/faq/down.png") no-repeat 0 0;
        background-size: 1.9rem;
        width: 1.9rem;
        height: 1.1rem;
        top: 2.6rem;
        right: 2.0rem; }
        @media (max-width: 1024px) {
          .faq-list__item .q::after {
            background-size: 1.85546875vw;
            width: 1.85546875vw;
            height: 1.07421875vw;
            top: 2.5390625vw;
            right: 1.953125vw; } }
        @media (max-width: 767px) {
          .faq-list__item .q::after {
            display: none; } }
      .faq-list__item .q.open::after {
        background-image: url("../images/faq/up.png"); }
    .faq-list__item .a {
      display: none;
      background-color: #F2F7FC;
      padding: 2.0rem 8.0rem 2.0rem 3.5rem;
      position: relative; }
      @media (max-width: 1024px) {
        .faq-list__item .a {
          padding: 1.953125vw 7.8125vw 1.953125vw 3.41796875vw; } }
      @media (max-width: 767px) {
        .faq-list__item .a {
          padding: 5.128205128205128vw 2.564102564102564vw; } }
      .faq-list__item .a::after {
        position: absolute;
        content: "A";
        font-size: 10.0rem;
        right: 0;
        bottom: -0.5rem;
        color: rgba(0, 104, 183, 0.3);
        font-family: "Prociono", serif;
        line-height: 1; }
        @media (max-width: 1024px) {
          .faq-list__item .a::after {
            font-size: 9.765625vw; } }
        @media (max-width: 767px) {
          .faq-list__item .a::after {
            font-size: 12.82051282051282vw;
            right: 2.564102564102564vw;
            bottom: 2.564102564102564vw; } }
      .faq-list__item .a a {
        text-decoration: underline; }
        .faq-list__item .a a:hover {
          text-decoration: none; }