@charset "UTF-8";
/* CSS Document */



/* よくある質問  --------------------------------------------- */
#faqbox{
  width: 90%;
  margin: 0 auto;
}
.subtitle{font-size: 20px;font-weight: bold; margin: 20px 0;}
.acd-check {
  display: none;
}
.boxfaq {
  background-color: #f4f4f4;
  position: relative;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 10px;
  font-size: 18px;
  height: 80px;
  width: 100%;
  display: block;
  line-height: 80px;
  margin-bottom: 1.5em;
  text-align: left;
}

.boxfaq .boxfaq_mark{font-weight: 700; font-size: 20px; padding-right: 20px;}
.boxfaq div{
  position: absolute;
  top: 30%;
  left:18%;
  font-size: 18px;
}
.boxfaq::before {
  position: absolute;
  content: '+';
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  font-size: 30px;
}

.boxfaq_content{
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  background-color: #f4f4f4;
  position: relative;
  padding-left: 60px;
  padding-right: 20px;
}

.acd-check:checked + .boxfaq + .boxfaq_content{
  justify-content: space-between;
  height: auto;
  margin-top: -2em;
  margin-bottom: 2em;
  max-height: 2000px;
  padding-bottom: 20px;
}
.boxfaq_content::before{
  position: absolute;
  top: 0;
  left: 1em;
  font-weight: 700; 
  font-size: 20px;
  content: 'A.';
}
/*テーブル*/
table.faq_tbl {
    width:100%;
    border:1px solid #fff0f5; 
    margin-bottom: 10px;
}
.faq_tbl th {
    text-align: center;
    vertical-align: center;
}
.faq_tbl td {
    text-align: center;
    vertical-align: center;
}
.faq_tbl span {
    font-size: 11px;
}
.motimono .item {
    text-align: left;
    width: 28%;
}
.motimono2,.motimono3,.motimono4 {
    margin-top: 20px;
}
.motimono2 .item {
    text-align: left;
    width: 28%;
}
.faq_tbl .attention {
    text-align: right;
}
@media only screen and (max-width: 767px) {
    table.calsscapa {width:100%; font-size: 12px;}
}

/* スマホ対応*/
@media only screen and (max-width: 767px) {
  #faqbox{width: 100%;}
  .boxfaq {font-size: 11px; height: 60px; line-height: 60px;padding-left: 10px; padding-right: 0px;}
  .boxfaq2 {line-height: 30px;}
  .boxfaq .boxfaq_mark{font-size: 11px; padding-right: 5px;}
  .boxfaq div{left:19%;font-size: 11px;}
  .boxfaq::before {font-size: 25px; right: 0.5em;}
  .boxfaq_content{font-size: 11px; padding-left: 30px;}
  .boxfaq_content::before{font-size: 12px;}
}