@charset "UTF-8";

/* ▼▼▼ Q&A
======================================================*/
.faq_list{
  border-bottom: #CCC 1px solid;
  margin-bottom: 50px;
}
.faq_list dt,
.faq_list dd{
  font-size: 14px;
}
.faq_list dt{
  margin: 0;
  padding: 30px 20px 30px 53px;
  border-top: #CCC 1px solid;
  line-height: 22px;
  cursor: pointer;
  position: relative;
}
.faq_list dt::before{
  content: 'Q';
  color: #D5212C;
  font-size: 22px;
	font-family: 'Shippori Mincho', serif;
  position: absolute;
  top: 30px;
  left: 20px;
}
.faq_list dt .ac_icon{
  display: block;
  width: 18px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 5px;
}

.faq_list dt .ac_icon::before,
.faq_list dt .ac_icon::after{
  content: '';
  display: block;
  width: 18px;
  height: 2px;
  background: #D5212C;
  border-radius: 1px;
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
}
.faq_list dt.open .ac_icon::after{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faq_list dd{
  display: none;
  margin-bottom: 30px;
  padding: 30px;
  background: #F6F5F0;
  border-radius: 10px;
}
.faq_list dd a{
  color: #D5212C;
  text-decoration: underline;
}

/* ▼▼▼ 769px~
======================================================*/
@media screen and (min-width: 769px) {

  .faq_list dd a:hover{
    text-decoration: none;
  }
}
/* ▼▼▼ 480px〜768px
======================================================*/
@media screen and (max-width: 768px) {

  .faq_list dt{
    margin: 0;
    padding: 20px 10px 20px 33px;
  }
  .faq_list dt::before{
    top: 20px;
    left: 10px;
  }
  .faq_list dd{
    padding: 20px;
  }
}