@charset "utf-8";


/* 必須 */
.accordion-content {
    display: none;
  }


  .faq_title{
      width: 500px;
      text-align: center;
      margin: 30px auto 10px;
  }

  .faq{
      background-color: white;
      color: black;
      font-size: 50px;
      padding: 10px;
      letter-spacing: 0.1em;
  }

  .faq_title_jp{
    text-align: center;
    color: red;
    font-size: 20px;
  }

  main a{
      color: red;
      font-weight: bolder;
  }

  .accordion{
      width: 60%;
      margin: 50px auto;
  }

  h3{
      color: white;
      font-size: 20px;
  }
  
  .accordion-header {
    background-color: #FFF;
    padding: 12px 45px 10px 20px;
    margin: 10px 0 0;
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
  }
  
  .accordion-header::before,
  .accordion-header::after{
    position:absolute;
    content:'';
    top:1px;
    right:20px;
    bottom:0;
    width:12px;
    height:2px;
    margin:auto;
    background:#151E2F;
  }
  .accordion-header::after{
    transform:rotate(-90deg);
    transition:transform 0.3s;
  }
  .accordion-header.active::after{transform:rotate(0deg);}
  
  .accordion-content {
    background-color: #FFF;
    padding: 12px 20px 10px;
  }
  
  .accordion-header span,
  .accordion-content span{
    padding-left: 25px;
    position: relative;
  }
  
  .accordion-header span::before{
    position: absolute;
    content:"Q";
    top: 2px;
    left: 0;
    color: #151E2F;
    font-size: 17px;
  }
  
  
  .accordion-content span::before{
      position: absolute;
    content:"A";
    top: 3px;
    left: 0;
    color: #151E2F;
    font-size: 17px;
  }
  
  /* hover */
  .accordion-header:hover {
    background-color: #F2F2F2;
  }



  @media screen and (max-width: 768px) {
    .faq{
        font-size: 30px;
    }

    .faq_title{
        width: 300px;
    }

    .accordion{
      width: 80%;
  }
  
  }
  
  @media screen and (max-width: 480px) {
    .faq{
        font-size: 20px;
    }

    .faq_title{
        width: 200px;
    }

    .accordion{
      width: 80%;
  }
  
  
  }