@charset "utf-8";


/* ===============
main visual
=============== */
.header--qa {
     position: relative;
    text-align: center;
  
    padding: 60px 10%;
    z-index: 2;
    color: #7a5c42;
}

.qa__title{
  display: flex;
  align-items: center; 
  gap: 5%;   
  padding: 0px 10% !important; 

}

.qa__sp{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 240px;
}

.qa__titletxt{
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-weight: 300;
  color: var(--primary-black);
  margin: 20px 0 0;

  

}


.fade-in span {
  display: inline-block;
  opacity: 0;
  animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.qa__pc {
    display: none;
}

/* -- main visual pc -- */

@media screen and (min-width: 769px) {
    .header--qa  {
        padding: 120px 0;
        gap: 2.3%;
    }
    .qa__sp {
        display: none;
    }   
    .qa__pc {
        width: 50%;
        height: auto;
        display: block;
    }
    .qa__title{
      gap: 7%;   
      padding: 0px 10%;
    }

    .qa__titletxt{
        writing-mode: horizontal-tb;
        font-size: 1.8rem;
        line-height: 2;
        margin: 145px 0 0 ;
    }

    
}


/* ================
lead
=============== */
.qa__lead {
   display: flex;
   justify-content: center;
    font-size: 1.6rem;
    line-height: 1.8;
    color: var(--primary-grey);
    margin-top: 40px;
    margin-bottom: 60px;
    
}
.qalead__bible span {
  display: block;
  line-height: 200%;
  text-align: left;
}


.qalead__bible span:nth-child(1) { margin-left: 0; }
.qalead__bible span:nth-child(2) { margin-left: 2em; }
.qalead__bible span:nth-child(3) { margin-left: 4em; }
.qalead__bible span:nth-child(4) { margin-left: 6em; }
.qalead__bible span:nth-child(5) { margin-left: 8em; }


.qalead__bible .reset-indent {
  margin-left: 0;
   margin-top: 30px;
}

/*  bible verse pc*/
@media (min-width: 769px) {
  .qalead__bible span {
    margin-left: 0 !important;
  }
  .qalead__bible {
    flex-wrap: wrap;
    justify-content: center;
  }

  .qalead__bible span {
    display: inline;
    margin-left: 0;
  }


  .qalead__bible span:last-child {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 1em;
  }
}

/* ==============
Q and A List
================= */
.section--qalist {
    background-color: var(--primary-beigebrown);
    padding: 60px 13%;

}


.section__qatitle {
    text-align: left;
    font-size: 2.4rem;
    line-height: 1.5;
    color: var(--primary-brown);
    margin-top: 0;
    margin-bottom: 60px;
}

.title__txt{
    display: block;
    font-size: 1.8rem;
    margin-top: 30px;
}

.section__qatitle span:nth-child(1) { margin-left: 0; }
.section__qatitle span:nth-child(2) { margin-left: 3em; }

/* item */
.qa__items{
    list-style: none;
    padding-left: 0;
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr; /* SP：1列 */
    gap: 40px;
}

.qa__title{
   padding: 0;
  font-size: 4.8vw;
  font-weight: 600;
 text-decoration: none;
  text-align: left;
  
}


.qa__txt{
  font-size: 3vw;
  color: var(--primary-grey);
}

/* btn  */
.qa__btn{
    display: flex;
   align-items: center;
   justify-content: center;
    height: 60px;             
  max-width: 100%;
  padding: 0 64px 0 32px;   
    margin: 20px 0px 0px;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 15px;
    background:#b39574;
    transition: 0.4s;
    position: relative;
    text-decoration: none;
    white-space: nowrap; 

}

.qa__btn::after{
  content: "＞";
  position: absolute;
  right: 25%;
  font-size: 1.8rem;
  line-height: 1;
}

.qa__btn:hover{
     background: #A07C61;
}

/* pc q and a */

@media screen and (min-width: 769px) {
   /* title */
   .section__qatitle span {
    margin-left: 0 !important;
  }
  .section__qatitle {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 3.2rem;
  }

  .section__qatitle span {
    display: inline;
    margin-left: 0;
  }

.title__txt{
    font-size: 3.2rem;
}

 .title__txt br {
    display: none;
 }
 
    /* list */
   .qa__items {
   grid-template-columns: repeat(2, 1fr);  
  }

 

  .qa__title{
  font-size: 20px;
  font-weight: 600;
 text-decoration: none;
  text-align: left;
  
}



.qa__txt{
  font-size: 16px;
  color: var(--primary-grey);
}

}
/* ==========
contact
============= */
.section--contact {
   
    background-color: var(--primary-white);
}