/*信仰告白*/


.qa-001{
    max-width:100%;
    margin-top:1em;
    margin-bottom:5px;
    border:1px solid #d6dde3;
    border-radius:5px;
}

.qa-001 summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:  1em 1em 1em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    background-color:#c49a6a;
}

.qa-001 summary::before,
.qa-001 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}


.qa-001 summary::after{
    transform: translateY(-25%) rotate(45deg);
    width:  5px;
    height: 5px;
    margin-left:10px;
    border-bottom:3px solid #777;
    border-right:3px solid #777;
    content: '　';
    transition:transform .5s;
}

.qa-001[open] summary::after{
    transform:rotate(225deg);
}

.qa-001 p{
    position:relative;
    transform:translateY(-10px);
    background-color:white;
    text-align:left;
    opacity:0;
    margin:0;
    padding:1em 1em 1em;
    color: #333;
    transition:transform .5s, opacity .5s;
}

.qa-001[open] p{
    transform:none;
    opacity:1;
}


@media only screen and (max-width: 800px) {

  /* ナビをフローに戻す（上に固定したいなら sticky の方が自然） */
  .navi {
    position: sticky; /* または position: static; でもOK */
    top: 0;
    z-index: 100; /* 上に出すために少しだけ */
  }

  /* 教会案内ボックスの余白を最小化 */
  .n-box {
    margin-top: 1rem; /* ここを小さくするのが肝 */
  }

  /* 見出しの上マージンも少し抑える（任意） */
  .n-box h2 {
    margin-top: .5rem;
  }
}