@charset "utf-8";

/* /////////////////////////////////////////////////////////

  よくある質問

///////////////////////////////////////////////////////// */

.faq{
  max-width: 900px;
  margin: 0 auto 60px auto;
}

/*-----------------------------------
  tab
-----------------------------------*/

.tab__area{
  overflow:hidden;
  display:table;
  margin: 0 auto;
  }

.tab__area li{
  /*Tabの装飾*/
  width:150px; 
  height:58px; 
  line-height: 58px;
  text-align:center; 
  cursor: pointer; 
  vertical-align:middle; 
  color: #181777;
  background-color:#ffffff;
  border-top: 1px solid #181777;
  border-right: 1px solid #181777;
  border-bottom: 1px solid #181777;
  float: left;
  font-weight: bold;
}

.tab__area li:first-child{
  border-left: 1px solid #181777;
}

.tab__area li:last-child{
   margin-right: 0px;
}

.tab__area li.select{
  /*アクティブタブの装飾*/
  background-color:#181777; 
  background-image:none; 
  color:#ffffff;
  position: relative;
}

.tab__area li.select:after{
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(24, 23, 119, 0);
  border-top-color: #181777;
  border-width: 10px;
  margin-left: -10px;
}

.hide{display:none;}

/* 900px以下 */
@media (max-width: 900px) {
  .tab__area li{
    /*Tabの装飾*/
    width: 50%;
    height: 46px;
    line-height: 46px;
    font-size: 1.4rem;
    border-top: 1px solid #181777;
    border-left: 1px solid #181777;
    border-right: 0;
  }

  .tab__area li:nth-child(2n){
    border-right: 1px solid #181777!important;
  }
}
/*-----------------------------------
  アコーディオン
-----------------------------------*/

.accordion {
  clear: both;
}

.accordion dt{
  display:block;
  width: 100%;
  text-align: left;
  border-bottom: 1px dotted #a9a9a9;
  cursor:pointer;
  background:url(../images/pages/faq/plus_icon.png) right 12px no-repeat,url(../images/pages/faq/q_icon.png) 12px 12px no-repeat;
  padding: 20px 36px 20px 60px;
}

.accordion dt:first-child{
  border-bottom: 1px dotted #a9a9a9;
}

.accordion dd{
  background:#fafafa;
  width:100%;
  text-align:left;
  border-bottom: 1px dotted #a9a9a9;
  display:none;
  -webkit-margin-start: 0;
  padding: 20px 15px 20px 60px;
  background:url(../images/pages/faq/a_icon.png) 12px 12px no-repeat;
}
.accordion dt.active{
  background:url(../images/pages/faq/minus_icon.png) right 12px no-repeat,url(../images/pages/faq/q_icon.png) 12px 12px no-repeat;
}