@charset "UTF-8";



/* PLAN INDEX DETAIL */

div.section div.faqBlock {
  display: none;
}
div.section div.faqBlock.on {
  display: block;
}
div.section ul.faqBtnList {
  text-align: center;
  margin: 0 0 50px;
  padding-bottom: 10px;
}
@media screen and (max-width: 979px) {
  div.section ul.faqBtnList {
    margin: -15px 0 20px;
    border: none;
  }
}
div.section ul.faqBtnList li {
  display: inline-block;
  color: #666666;
  padding: 0;
}
@media screen and (max-width: 979px) {
  div.section ul.faqBtnList li {
    line-height: 2;
  }
}
div.section ul.faqBtnList li::before {
  display: none;
}

div.section ul.faqBtnList li::after {
  content: "/";
  padding: 0 10px 0 12px;
  position: relative;
}
@media screen and (max-width: 979px) {
  div.section ul.faqBtnList li::after {
    padding: 0 10px 0 11px;
  }
}
div.section ul.faqBtnList li:last-child::after {
  display: none;
}
div.section ul.faqBtnList li span {
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  text-decoration: underline;
}
div.section ul.faqBtnList li span.on {
  color: #c9a063;
  cursor: inherit;
  text-decoration: none;
}
div.section ul.faqBtnList li span:hover {
  color: #2b3034;
}
div.section ul.faqBtnList li span.on:hover {
	color: #c9a063;
}



div.section .accordion {
  margin: 20px 0;
}
@media screen and (max-width: 979px) {
  div.section .accordion:first-child {
    margin-top: 0;
  }
}
div.section .accordion dt {
  position: relative;
  background: #fff url(../../img/common/vector_small_bottom_gray.svg) no-repeat 95% 50%;
  background-size: 14px 7px;
  padding: 20px 40px 20px 90px;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;

}
@media screen and (max-width: 979px) {
  div.section .accordion dt {
    padding: 12px 40px 12px 70px;
  }
}
div.section .accordion dt span {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  display: block;
  background: #c9a063;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 70px;
  padding-top: 15px;
}
@media screen and (max-width: 979px) {
  div.section .accordion dt span {
    font-size: 15px;
    width: 50px;
    padding-top: 12px;
  }
}
div.section .accordion dt.active {
  background: #fff url(../../img/common/vector_small_top_gray.svg) no-repeat 95% 50%;
  background-size: 14px 7px;
}
div.section .accordion dd {
  display: none;
  position: relative;
  background: #fafafa;
  padding: 20px 40px 20px 90px;
  box-sizing: border-box;
  font-size: 14px;
}
@media screen and (max-width: 979px) {
  div.section .accordion dd {
    padding: 12px 40px 12px 70px;
  }
}
div.section .accordion dd span {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  display: block;
  background: #ca6a67;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 70px;
  padding-top: 15px;
}
@media screen and (max-width: 979px) {
  div.section .accordion dd span {
    font-size: 15px;
    width: 50px;
    padding-top: 12px;
  }
}
div.section .accordion dd span.tyui {
  position: static;
  display: inline-block;
  background: #fff;
  font-size: 14px;
  font-weight: normal;
  color: red;
  text-align: left;
  width: auto;
  padding-top: 0;
}

div.section .accordion dd ul {
  display: flex;
  justify-content: flex-start;
  margin: 0;
}
@media screen and (max-width: 979px) {
  div.section .accordion dd ul {
    display: block;
  }
}
div.section .accordion dd ul li {
  width: 32%;
  margin-right: 2%;
  padding: 0;
  line-height: 2
}
@media screen and (max-width: 979px) {
  div.section .accordion dd ul li {
    width: 100%;
  }
}
div.section .accordion dd ul li::before {
  display: none;
}

div.section .accordion dd ul li:last-child {
  margin-right: 0;
}