/* FAQパーツ */
  .qa_box {
    width: 100%;
    margin:0 auto;
    position: relative;
    z-index: 2;
  }
  .qa_box li{
    margin-bottom: 30px;
  }
  
  .qa_parent {
    font-size: 1.6rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding: 20px 45px 20px 20px;
    position: relative;
	  cursor: pointer;
		padding-bottom: 10px;
		border-bottom: 3px solid #444;
  }
  .qa_parent::before {
		position: absolute;
        content: "";
        bottom: -3px;
        left: 0;
        width:110px;
        height: 3px;
        background: #C42C3C;
  }
  .crossbar {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .crossbar::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #4D4D4D;
    position: absolute;
    top: 0;
    left: 50%;
    transform-origin: center center; /* 中心を基準にtransform */
    transform: translateX(-50%) rotate(0deg);
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .crossbar::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #4D4D4D;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .question_head {
    font-style: normal;
    color: #999;
    font-size: 2.2rem;
    margin-right:0.8em;
    font-family: 'inter', sans-serif;
    font-weight: normal;
  }
  
  .qa_child {
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    padding: 0 20px; /* paddingの上下を0にする */
    max-height: 0; /* max-heightを0にする、レスポンシブ対応 */
    overflow: hidden;  /* overflow: hidden;を付けるのがポイント */
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .answer_head{
    font-style: normal;
    color: #C42C3C;
    font-size: 2.2rem;
    margin-right: 0.8em;
    font-family: 'inter', sans-serif;
  }

  .faq_answer{
    font-size:1.4rem;
    line-height: 1.5;
	text-align: left
  }

  .answer_small{
    font-size:1.2rem;
    font-weight:500;
    display: block;
    text-indent: -1em;
    padding-left: 1em;
  }

  .herelink{
    text-decoration: underline;
    color: #C42C3C;
    display: inline-block;
  }

  .cash{
    display: block;
    max-width:600px;
    margin:0 0 1em;
    width: 100%;
  }
  
  /* アニメーション後のスタイル */
  .qa_child.is_open { /* heightとpaddingをアニメーション */
    max-height:none;
    height: auto;
    padding: 30px 20px;
    background: #fff;
  }
  /* ＋ボタンのアニメーション */
  .qa_parent.is_open .crossbar::before {
    transform: translateX(-50%) rotate(90deg);  /* 90度回転 */
  }

  .qa_link{
    border-bottom: 1px solid #333;
	cursor: pointer;
	font-weight: bold;
	padding: 0 0.2em;
  }

  .qa_link:hover{
    color: #C42C3C;
    border-bottom: 1px solid #C42C3C;
  }

  .section_child{
    margin-bottom: 0;
    padding-bottom: 0;
  }

.tap_text {
        color: #fff;
        font-size: 1.2rem;
        border-radius: 4px;
        padding: 0.2em 0.5em 0.2em 2em;
        background: url(../images/service/touch.png) center left 0.5em no-repeat #444;
        display: inline-block;
        background-size: 12px;
        margin-bottom: 1em;
    }
  
@media (min-width:769px) {
  #mainContents section {
    padding-top: 50px;
    padding-bottom: 150px;
  }

  .inner.short{
    max-width: 1000px;
  }
  
  /* FAQパーツ */
  
  .qa_box li{
    margin-bottom:30px;
  }
  .qa_parent {
		font-size: 1.8rem;
    padding: 20px 60px 20px 20px;
  }

	.qa_parent::before {
        width: 180px;
  }

  .qa_child {
    margin-bottom: 40px;
  }
  
  .question_head {
    font-size: 2.5rem;
		font-weight: 500;
  }
  
  .answer_head{
    font-size: 2.5rem;
		font-weight: 500;
  }

  .faq_answer{
    font-size: 1.6rem;
  }

  .answer_small{
    font-size:1.4rem;
  }

  .cash{
    margin:0 2em 2em;
  }

.tap_text {
    font-size: 1.6rem;
    background-size: 16px;
    border-radius: 6px;
    margin-bottom: 2em;
}

}