@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ よくある質問 ◇◆◇
  
  
========================================================================================================================*/

.faq_ct {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .faq {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
    padding-bottom:100px;
  }
  
  .faq_ct {
    width:71.666666%;
    float:right;
  }
}

@media screen and (max-width:640px) {
  .faq {
    padding-top:2rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .faq_ct {
    padding-top:2.5rem;
  }
}


/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/

.faqBox h3 {
  font-family:"NotoSans";
  font-weight:500;
  background-color:#5798d9;
  color:#fff;
  line-height:1.5;
  padding:0.75em 1em;
}

.faqBox.first { padding-top:0; }

.faqBox dl {
  text-align:left;
  border-bottom:1px solid #dcdee2;
}

.faqBox dt,
.faqBox dd {
  padding-left:3.75rem;
  padding-right:1rem;
  position:relative;
}

.faqBox dt {
  font-size:106.3%;
  border-top:1px solid #dcdee2;
  cursor:pointer;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  -webkit-transition:padding 0.3s ease;
  transition:padding 0.3s ease;
  line-height:1.5;
}

.faqBox dt.toggle-active {
  font-weight:bold;
}

.faqBox dd {
  display:none;
}

.faqBox dt:before,
.faqBox dd:before {
  font-size:93.8%;
  width:2rem;
  height:2rem;
  border-radius:50%;
  text-align:center;
  display:inline-block;
  font-family:"NotoSans";
  font-weight:500;
  font-style:normal;
  vertical-align:baseline;
  position:absolute;
  left:0.75rem;
}

.faqBox dt:before {
  content:"Q";
  background-color:#1b69b8;
  color:#fff;
  line-height:1.8rem;
  top:1.25rem;
  -webkit-transition:top 0.3s ease;
  transition:top 0.3s ease;
}

.faqBox dd:before {
  content:"A";
  background-color:#ffe762;
  color:#1b69b8;
  line-height:1.9rem;
  top:0;
}

.ua-pc .faqBox dt:hover { color:#1b69b8; }

@media print,screen and (min-width:641px) {
  .faqBox {
    padding-top:80px;
  }
  
  .faqBox dl { padding-top:40px; }

  .faqBox dt.toggle-active { padding-top:2rem; }
  .faqBox dd { padding-bottom:2rem; }
  .faqBox dt.toggle-active:before { top:2rem; }
}

@media screen and (max-width:640px) {
  .faqBox {
    padding-top:2.5rem;
  }
  
  .faqBox dl { padding-top:1.5rem; }

  .faqBox dt.toggle-active { padding-top:1.5rem; }
  .faqBox dd { padding-bottom:1.5rem; }
  .faqBox dt.toggle-active:before { top:1.5rem; }
}


/*-----------------------------------------------------------------------------------
  手術件数
-----------------------------------------------------------------------------------*/

.faqBox dd.surgeryNum {
  padding-left:0;
  padding-right:0;
}

.faqBox dd.surgeryNum:before {
  display:none;
}

.surgeryNum table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  margin-top:0.75em;
}

.surgeryNum th,
.surgeryNum td {
  white-space:nowrap;
  box-sizing:border-box;
  text-align:center;
  line-height:1.4;
  padding:0.75em;
}

.surgeryNum thead th {
  background-color:#d7e7f8;
}

.surgeryNum tbody th,
.surgeryNum tbody td {
  background-color:#eef5fc;
  border-bottom:2px solid #fff;
}

@media screen and (max-width:640px) {
  .surgeryNum .responBlock { width:640px; }
}