@charset "utf-8";

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

	Faq

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

.faqList{
  line-height: 200%;
  margin:0 auto 100px auto;
  max-width: 1150px;
  border-bottom: 1px solid #DDDDDD;
}

.faqList dt{
  font-size: 2.6rem;
  padding: 27px 0px 27px 30px;
  border-top: 1px solid #DDDDDD;
  cursor:pointer;
  line-height: 180%;
  position: relative;
}
@media screen and (max-width: 959px) {
.faqList{
  margin:0 auto 40px auto;
}

  .faqList dt{
	  font-size: 1.6rem;
    padding-left:3.0em;
    text-indent:-2.5em;
    padding-right: 40px;
    padding-top:15px;
    padding-bottom: 15px;
    line-height: 150%;
  }
}

.faqList dt span {
  font-size: 3.6rem;
  color: #8AACEA;
  margin-right: 15px;
  vertical-align: middle;
  font-family: 'Roboto', sans-serif;
  line-height: 55%;
}
@media screen and (max-width: 959px) {
  .faqList dt span{
    font-size: 2.0rem;
    margin-right: 10px;
  }
}

.faqList dt:after{
  position: absolute;
  top:27px;
  right: 35px;
	content: "+" ;
  font-size: 5.0rem;
  display: block;
  color: #6A5F5E;
  font-family: "游ゴシック",YuGothic,"Hiragino Sans","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;;
}
@media screen and (max-width: 959px) {
  .faqList dt:after{
	  top:13px;
    font-size: 3.0rem;
    right: 0px;
  }
}

.faqList dt.active:after{
  right: 25px;
  top:31px;
	content: "－" ;
}
@media screen and (max-width: 959px) {
  .faqList dt.active:after{
    right: 0px;
    top:13px;
    font-size: 3.0rem;
  }
}

.faqList dd{
  font-size: 1.6rem;
  padding-top: 10px;
  padding-bottom:35px;
  padding-right: 20px;
  padding-left:8.5em;
  text-indent:-2.6em;
  position: relative;
  line-height: 180%;
  display:none;
}
.faqList dd a{
	text-decoration: underline;	
}
@media screen and (max-width: 959px) {
  .faqList dd{
    padding-left:3.4em;
    text-indent:-1.4em;
  }
}

.faqList dd:before{
  content: "A" ;
  font-size: 4.0rem;
  color: #E8D2E0;
  margin-right: 15px;
  line-height: 55%;
  vertical-align: middle;
  font-family: 'Roboto', sans-serif;
}
@media screen and (max-width: 959px) {
  .faqList dd:before{
    font-size: 2.0rem;
    margin-right: 10px;
  }
}
.faqList .vivit{
          background:#E8B0CE;
	font-weight: bold;
        }