.h1-component-default-style .scs-component-content {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    color:red;
    font-weight: normal; }
   .h1-component-default-style .scs-component-content {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    color:red;
    font-weight: normal; }
   .h1-component-gothic-style .scs-component-content {
    font-family: "Century Gothic","CenturyGothic","AppleGothic",sans-serif;
    font-size: 32px;
    font-weight: bold; }
   .h1-component-courier-style .scs-component-content {
    font-family: "Courier";
    font-size: 32px;
    font-weight: bold; }
   
   /* 追加分 */
   .FAQ-Body > summary {
     /* margin-bottomにすると変な動きをするのでpaddingにする */
     background: #fff;
     padding: 24px 40px;
   }
  .FAQ-Body {
    border-radius: 0;
    padding: 5px;
    background: #fff;
  }
  details {
    padding: 24px 40px;
  }

details {}
  summary {
    cursor: pointer;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .FAQ-Content {
    padding-top: 20px;
    font-size: 14px;
    font-family: 'Helvetica Neue Regular', Helvetica, Arial, sans-serif;
    color: #333;
    border-top: solid 1px #909090;
    margin-top: 15px;
  }
.content.js-content {
    border-top: solid 1px #9D9D9D;
    font-size: 14px;
    padding-top: 20px;
}
.icon-wrap {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translatey(-50%);
    width: 50px;
    height: 100%;
}
summary.js-summary {
    position: relative;
}
/* .icon-wrapの中でプラスを中央に位置させるために.iconを親要素に設定 */
.icon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
/* プラスアイコン */
/* ２本の線を.icon-wrapの中央に並行に重ねる */
.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #000;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
}
/* そのうち1本を縦にする */
.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* プラスアイコンクリック後、マイナスにする */
.icon.open:before {
  transform: translate(-50%, -50%) rotate(0deg);
}