@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ よくある質問 ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  ページタイトル
-----------------------------------------------------------------------------------*/

#pgTitle { background-image:url(../image/pgTitle_bg.jpg?v=2); }


/*----------------------------------------------------------------------------------------------------

  質問
  
----------------------------------------------------------------------------------------------------*/

.faqMenu {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.faqMenu_block {
  box-sizing:border-box;
  border-top:1px solid #ebebeb;
}

.faqMenu_block:last-child {
  border-bottom:1px solid #ebebeb;
}

.faqMenu_block h3 {
  font-size:125%;
  font-weight:500;
  color:#fa82b4;
  padding-bottom:0.5rem;
}

.faqMenu_block ul {
  list-style:none;
  padding-left:1.25rem;
  padding-bottom:0.5rem;
}

.faqMenu_block li {
  padding-left:0.25rem;
  padding-top:0.5rem;
}

.faqMenu_block li:first-child { padding-top:0; }

.faqMenu_block li:before {
  content:"Q";
  display:inline-block;
  margin-left:-1.5rem;
  margin-right:0.5rem;
  font-family:"Noto Serif JP", "Hiragino Mincho ProN", 游明朝, "Yu Mincho", YuMincho,sans-serif;
  font-weight:300;
  font-style:normal;
  color:#fa82b4;
  font-size:118.8%;
  vertical-align:baseline;
}

.faqMenu_block a,
.faqMenu_block a:visited,
.faqMenu_block a:hover { color:inherit; text-decoration:none; }
.ua-pc .faqMenu_block a:hover,
.ua-pc .faqMenu_block a:hover .l-inbk { text-decoration:underline; }

@media print,screen and (min-width:641px) {
  .faqMenu {
    padding-top:80px;
  }
  
  .faqMenu_block {
    padding:2rem 1.5rem;
    width:560px;
    float:left;
  }
  
  .faqMenu_block:nth-child(odd) {
    margin-right:60px;
  }

  .faqMenu_block:nth-last-child(2) {
    border-bottom:1px solid #ebebeb;
  }
}

@media screen and (max-width:640px) {
  .faqMenu {
    padding-top:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .faqMenu_block {
    padding:1.5rem 1rem;
  }
}


/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/

.faq_ct {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.faq dl { 
  text-align:left;
}

.faq dt {
  padding-bottom:0.5rem;
  margin-top:1rem;
  font-weight:400;
}

.faq dl dt:first-child {
  margin-top:0;
}

.faq dt,
.faq dd {
  padding-left:3.5rem;
  padding-right:1.75rem;
  background-color:#fff5f9;
}

.faq dt:before,
.faq dd:before {
  display:inline-block;
  margin-left:-1.5rem;
  margin-right:0.5rem;
  font-family:"Noto Serif JP", "Hiragino Mincho ProN", 游明朝, "Yu Mincho", YuMincho,sans-serif;
  font-weight:300;
  font-style:normal;
  font-size:118.8%;
  vertical-align:baseline;
}

.faq dt:before {
  content:"Q";
  color:#fa82b4;
}

.faq dd:before {
  content:"A";
  color:#1eafe1;
}

.faq dd .back-faqMenu a {
  display:inline-block;
  margin-top:0.5rem;
}

.ua-pc .faq dd .back-faqMenu a:hover { color:#fa82b4; }

@media print,screen and (min-width:641px) {
  .faq { padding-bottom:100px; }
  .faq .l-hdLine,
  .faq .l-hdLineS { padding-top:80px; }
  .faq dl { padding-top:40px; }

  .faq dt,
  .faq dd {
    padding-left:3.5rem;
    padding-right:1.5rem;
  }
  .faq dt { padding-top:1.75rem; }
  .faq dd { padding-bottom:2rem; }
}

@media screen and (max-width:640px) {
  .faq {
    padding-top:0.25rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .faq .l-hdLine,
  .faq .l-hdLineS { padding-top:2.5rem; }
  .faq dl { padding-top:1.5rem; }
  
  .faq dt,
  .faq dd {
    padding-left:3rem;
    padding-right:1.5rem;
  }
  .faq dt { padding-top:1.5rem; }
  .faq dd { padding-bottom:1.75rem; }
}

