@charset "utf-8";

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


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

/*-----------------------------------------------------------------------------------
  ページ見出し
-----------------------------------------------------------------------------------*/

#pg-headline {
  background-image:url(../image/pg-headline.jpg);
}


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

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

.faqList {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.faqList dt {
  font-size:125%;
  margin-top:40px;
  border-top:1px solid #0d579a;
  border-bottom:1px solid #0d579a;
  color:#0d579a;
  margin-bottom:0.5em;
  margin-bottom:0.5rem;
  line-height:1.3;
}

.faqList dt:first-child { margin-top:0; }

.faqList dt {
  padding:0.75em 0.75em 0.75em 45px;
  padding:0.75rem 0.75rem 0.75rem 45px;
}

.faqList dd {
  padding:0.5em 0.75em 0.5em 45px;
  padding:0.5rem 0.75rem 0.5rem 45px;
  line-height:1.5;
}

.faqList dt,
.faqList dd { position:relative; }

.faqList dt:before,
.faqList dd:before {
  width:30px;
  font-weight:bold;
  position:absolute;
  left:0.75em;
  left:0.75rem;
}

.faqList dt:before {
  content:"Q.";
  top:0.75em;
  top:0.75rem;
}

.faqList dd:before {
  content:"A.";
  font-size:125%;
  color:#0d579a;
  top:0.35em;
  top:0.35rem;
}

.faqList dd ul {
  display:inline-block;
  margin-left:1.25em;
  margin-left:1.25rem;
}

.faqList dd li { padding-top:0.25em; padding-top:0.25rem; }
.faqList dd li:first-child { padding-top:0; }


.hnone-ic {
  font-size:65%;
  color:#fff;
  background-color:#d3575b;
  line-height:1;
  padding:0.35em;
  display:inline-block;
  margin-right:0.75em;
  vertical-align:middle;
}

dd.hnone {
  color:#d3575b;
  padding-left:0.75em;
  padding-left:0.75rem;
  padding-bottom:0;
}

dd.hnone:before { display:none; }

@media screen and (max-width:640px) {
  .faqList dt { margin-top:2rem; }
  .faqList dt,
  .faqList dd { padding-left:50px; }

  .faqList dt:before,
  .faqList dd:before {
    width:40px;
  }
  
  .faqList dd ul {
    margin-left:1.75rem;
  }
}