@charset "UTF-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/*--------------------
共通設定
----------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

a {
  text-decoration: none;
  color: #171717;
  transition: .4s; }
  a:hover {
    color: #171717; }
  a:visited {
    color: transparent; }
  a.disabled {
    pointer-events: none;
    text-decoration: none; }

ul, ol {
  list-style: none; }

.pc {
  display: block; }
  @media screen and (max-width: 1080px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 1080px) {
    .sp {
      display: block; } }

p {
  margin: 0;
  padding: 0; }

/*--------------------- ここから ----------------------*/
main {
  width: 90%;
  margin: 0 auto 15%;
  padding-top: 60px;
  overflow-x: hidden;
  max-width: 1500px; }
  @media screen and (max-width: 1920px) {
    main {
      max-width: 1200px; } }
  @media screen and (max-width: 600px) {
    main {
      margin-bottom: 15%;
      width: 94%; } }

.faqBox {
  text-align: left;
  margin: 24px auto;
  max-width: 1000px; }
  .faqBox h2 {
    font-weight: 400;
    font-size: 1.5em;
    margin-bottom: 40px; }
    @media screen and (max-width: 600px) {
      .faqBox h2 {
        font-size: 4.5vw;
        margin-bottom: 24px; } }
  .faqBox h3 {
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: 1.0em; }
    @media screen and (max-width: 600px) {
      .faqBox h3 {
        font-size: 4.0vw; } }

.key_search {
  border: 1px solid #B8B8B8;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5em 1.0em;
  width: fit-content;
  width: 100%;
  margin: 0 auto 32px;
  border-radius: 5px; }
  .key_search #keyword {
    width: 100%;
    margin-left: 1.0em;
    outline: none;
    font-size: 1.2em;
    border: none; }
    @media screen and (max-width: 600px) {
      .key_search #keyword {
        font-size: 3.5vw;
        margin-left: 0.7em; } }
  @media screen and (max-width: 600px) {
    .key_search img {
      width: 15px; } }

.pick_faq {
  margin: 7% auto; }
  @media screen and (max-width: 600px) {
    .pick_faq {
      margin: 10% auto 15%; } }
  .pick_faq ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 600px) {
      .pick_faq ul {
        justify-content: flex-start; } }
    .pick_faq ul li {
      width: calc(100%/3 - 2%);
      margin-bottom: 2%; }
      @media screen and (max-width: 600px) {
        .pick_faq ul li {
          width: auto;
          margin-right: 1.5em;
          margin-bottom: .7em; } }
      .pick_faq ul li a {
        font-size: 1.0em;
        color: #737373;
        border-bottom: 1px solid #737373; }
        @media screen and (max-width: 600px) {
          .pick_faq ul li a {
            font-size: 3.0vw; } }
        .pick_faq ul li a:hover {
          opacity: .7; }

.accordion {
  margin-inline: auto;
  position: relative;
  width: 100%;
  margin: 0 auto 5%; }
  @media screen and (max-width: 600px) {
    .accordion {
      margin-bottom: 10%; } }
  .accordion .accordion-item {
    margin-bottom: 8px; }
  .accordion .accordion-title {
    color: #171717;
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    padding: 16px;
    background: #737373;
    color: #ffffff; }
    @media screen and (max-width: 600px) {
      .accordion .accordion-title {
        font-size: 3.2vw;
        padding: 12px; } }
    .accordion .accordion-title::after {
      border-right: solid 2px #ffffff;
      border-top: solid 2px #ffffff;
      content: "";
      display: block;
      height: 8px;
      position: absolute;
      right: 25px;
      top: 38%;
      transform: rotate(135deg);
      transition: transform .3s ease-in-out, top .3s ease-in-out;
      width: 8px; }
    .accordion .accordion-title.open::after {
      top: 45%;
      transform: rotate(-45deg); }
  .accordion .accordion-content {
    display: none;
    padding: 5%;
    border: 1px solid #B8B8B8; }
    @media screen and (max-width: 600px) {
      .accordion .accordion-content {
        padding: 5% 2%;
        border: none; } }
    .accordion .accordion-content p {
      font-size: 1.0em;
      margin-bottom: 1.0em; }
      @media screen and (max-width: 600px) {
        .accordion .accordion-content p {
          font-size: 3.2vw; } }
    .accordion .accordion-content .btn {
      margin: 8px auto;
      max-width: fit-content; }
      .accordion .accordion-content .btn a {
        display: block;
        background: #E6E6E6;
        font-size: 1.0em;
        text-align: center;
        padding: 8px 40px 8px 32px;
        position: relative; }
        @media screen and (max-width: 600px) {
          .accordion .accordion-content .btn a {
            font-size: 3.2vw; } }
        .accordion .accordion-content .btn a::after {
          position: absolute;
          content: "";
          width: 7px;
          height: 7px;
          border-bottom: 1px solid #171717;
          border-left: 1px solid #171717;
          transform: translateY(-50%) rotate(-135deg);
          top: 50%;
          right: 16px; }
    .accordion .accordion-content ol {
      margin-bottom: 1.0em; }
      .accordion .accordion-content ol li {
        position: relative;
        padding-left: 1.5em;
        font-size: 1.0em; }
        @media screen and (max-width: 600px) {
          .accordion .accordion-content ol li {
            font-size: 3.02vw; } }
        .accordion .accordion-content ol li::before {
          content: "※";
          position: absolute;
          top: 0;
          left: 0; }
    .accordion .accordion-content ul {
      margin-bottom: 1.0em; }
      .accordion .accordion-content ul li {
        position: relative;
        padding-left: 1.5em;
        font-size: 1.0em; }
        @media screen and (max-width: 600px) {
          .accordion .accordion-content ul li {
            font-size: 3.2vw; } }
        .accordion .accordion-content ul li::before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
    .accordion .accordion-content img {
      width: 100%;
      padding: 0 5%;
      margin: 5% auto; }
      @media screen and (max-width: 600px) {
        .accordion .accordion-content img {
          padding: 0; } }
    .accordion .accordion-content table {
      border-spacing: 0;
      border-collapse: collapse;
      width: 100%; }
      .accordion .accordion-content table th {
        font-size: 1.0em;
        font-weight: 400;
        border: solid 1px #737373;
        padding: 1%;
        width: fit-content; }
        @media screen and (max-width: 600px) {
          .accordion .accordion-content table th {
            font-size: 3.2vw; } }
      .accordion .accordion-content table td {
        text-align: center;
        font-size: 1.0em;
        border: solid 1px #737373;
        padding: 1%;
        width: fit-content; }
        @media screen and (max-width: 600px) {
          .accordion .accordion-content table td {
            font-size: 3.2vw; } }