@charset "UTF-8";
/*!
 * Accordion v2.8.0
 * Simple accordion created in pure Javascript.
 * https://github.com/michu2k/Accordion
 *
 * Copyright 2017-2019 Michał Strumpf
 * Published under MIT License
 */
.ac {
  margin-top: 20px;
  background-color: #fff;
  box-sizing: border-box; }
  .ac:first-child {
    margin-top: 0; }
  .ac .ac-q {
    color: #111;
    padding: 10px 30px 10px 20px;
    margin: 0;
    text-decoration: none;
    display: block;
    cursor: pointer;
    position: relative;
    background: #2e9f32;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem; }
    .ac .ac-q:after {
      content: '+';
      text-align: center;
      width: 15px;
      right: 10px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      position: absolute;
      color: #fff; }
  .ac .ac-a {
    overflow: hidden;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .ac .ac-a p {
      margin: 0 0 1.5em; }
      .ac .ac-a p:last-child {
        margin: 0; }
      .ac .ac-a p.at-txt {
        padding: 0 0 0 1.0em;
        text-indent: -1.0em; }
    .ac .ac-a ul {
      margin: 0 -1.0em 0 0; }
      .ac .ac-a ul li {
        display: inline-block;
        padding: 0 1.0em 0 0;
        font-size: 1.4rem;
        line-height: 2.4; }
    .ac .ac-a .ac-a-inner {
      background: #fff;
      position: relative;
      box-sizing: border-box;
      padding: 15px; }

.ac.js-enabled > .ac-a {
  visibility: hidden; }

.ac.is-active > .ac-a {
  visibility: visible; }

.ac.is-active > .ac-q::after {
  content: '\2013'; }

#qa-block .ac .ac-q {
  padding: 10px 30px 10px 45px; }
  #qa-block .ac .ac-q:before {
    content: "Q.";
    color: #fff;
    left: 15px;
    top: 8px;
    position: absolute;
    font-size: 1.8rem; }
#qa-block .ac .ac-a-inner {
  padding: 20px 20px 20px 45px;
  font-weight: bold; }
  #qa-block .ac .ac-a-inner:before {
    content: "A.";
    font-weight: bold;
    color: #534741;
    left: 15px;
    top: 18px;
    position: absolute;
    font-size: 1.8rem; }

/*media Queries PCサイズ（1000px以上）
----------------------------------------------------*/
@media only screen and (min-width: 1000px) {
  .ac {
    margin-top: 30px; }
    .ac .ac-q {
      padding: 10px 50px 10px 20px;
      font-size: 2.4rem; }
      .ac .ac-q:before {
        font-size: 2.4rem;
        left: 14px;
        top: 10px; }
    .ac .ac-a p {
      margin: 0 0 1.0em; }
    .ac .ac-a ul li {
      font-size: 2.0rem; }
    .ac .ac-a .ac-a-inner {
      padding: 20px 30px; }
      .ac .ac-a .ac-a-inner:before {
        font-size: 2.4rem;
        left: 18px;
        top: 16px; }

  #qa-block .ac .ac-q {
    padding: 10px 30px 10px 70px; }
    #qa-block .ac .ac-q:before {
      font-size: 2.8rem;
      top: 4px;
      left: 25px; }
  #qa-block .ac .ac-a-inner {
    padding: 20px 30px 20px 70px;
    font-size: 2.2rem; }
    #qa-block .ac .ac-a-inner:before {
      color: #534741;
      left: 25px;
      top: 14px;
      font-size: 2.8rem; } }
