@charset "UTF-8";

.facility-content-list::before {
    content: "Q&A";
    background-color: #f7a637;
    letter-spacing: 0.1em;
    width: 33%;
}

.facility-content-list_item {
    border-top:2px dashed #f7a637;
}



.facility-content-list_item {
  display: flex;
  flex-direction: column;
  gap: 35px;             
  padding: 60px 0;       
}

.question-area,
.answer-area {
  display: flex;
  align-items: flex-start; 
  gap: 16px;            
  color: #513B32;         
  font-weight: bold;
  line-height: 1.6;  
  font-size: 2.2rem;
}

.question-area::before,
.answer-area::before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;           
  height: 40px;          
  border-radius: 10px;    
  font-weight: bold;
  font-size: 2.4rem;
  flex-shrink: 0;       
}

.question-area::before {
  content: "Q";
  background-color: #F5C3C3; 
  color: #744F2A; 
}

.answer-area::before {
  content: "A";
  background-color: #B8DAF4; 
  color: #744F2A; 
}

@media screen and (max-width: 768px) {
  .facility-content-list::before {
    width: 130px;
}
.facility-content-list_item {
    padding-block: 40px;
}
  .question-area,
  .answer-area {
    flex-direction: column; 
    align-items: flex-start; 
    gap: 10px;
  }
    .question-area::before,
    .answer-area::before {
    width: 100px;           
    height: 40px;          
    font-size: 2.2rem;
    flex-shrink: 0;       
    }
    .question-area,
    .answer-area {
    line-height: 1.6;  
    font-size: 2rem;
    }
}