@charset "utf-8";

.lower_fv {
	background-image: url("../img/faq_fv.jpg");
}
@media (max-width: 519px) {
  .lower_fv {
    background-image: url("../img/faq_fv_sp.jpg");
  }
}



/* --------------- .qa_list --------------- */
.qa_list {
  margin-top: 20px;
  border-top: 1px solid #e2dcdc;
}
.qa_list > div {
  border-bottom: 1px solid #e2dcdc;
  padding-inline: 10px;
}
.qa_list dt {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block: 15px;
  padding-right: 32px;
  cursor: pointer;
  font-size: 16px;
}
.qa_list dt::before,
.qa_list dt::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  background-color: var(--koi-beige);
}
.qa_list dt::before {
  right: 4px;
  width: 23px;
  height: 1px;
}
.qa_list dt::after {
  right: 15px;
  width: 1px;
  height: 23px;
  transition: all ease 0.3s;
}
.qa_list dt.open::after {
  height: 1px;
}
.qa_list dt .icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background-color: #e2dcdc;
  border-radius: 50px;
  color: var(--beige);
  font-size: 26px;
  font-weight: normal;
}
.qa_list dd {
  max-height: 0px;
  overflow: hidden;
  transition: all ease 0.3s;
}
.qa_list .open + dd {
  max-height: var(--max-height);
}
.qa_list .inner {
  padding-bottom: 10px;
}
.qa_list .inner .box {
  padding: 8px 10px 8px 40px;
  background-color: #eee;
}
.qa_list .inner .box a {
  color: inherit;
  text-decoration: underline;
}
.qa_list .inner .box a:hover {
  text-decoration: none;
}
.qa_list .inner .box aside {
  padding: 10px;
  margin-top: 20px;
  background-color: #fff;
}
.qa_list .inner .box aside + * {
  margin-top: 20px;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
  .qa_list > div {
    padding-inline: 0;
  }
  .qa_list dt {
    padding-right: 26px;
  }
  .qa_list dt::before {
    right: 3px;
    width: 19px;
  }
  .qa_list dt::after {
    right: 12px;
    height: 19px;
  }
  .qa_list dt .icon {
    width: 32px;
    height: 32px;
    font-size: 22px;
  }
  .qa_list .inner {
    padding-bottom: 0;
  }
  .qa_list .inner .box {
    padding: 8px 5px 8px 35px;
  }
  .qa_list .inner .box aside {
    padding: 8px;
  }
}


#qa,
#guide {
}
#qa h2,
#guide h2 {
  font-size: var(--text-title);
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}


#qa {
  max-width: 1050px;
  padding: 60px 20px 80px;
  margin-inline: auto;
}
#qa section {
}
#qa section + section {
  margin-top: 60px;
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}


#guide {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #eee;
}
#guide > .inner {
  max-width: 1050px;
  padding-inline: 20px;
  margin-inline: auto;
}
#guide .en {
  color: var(--beige);
  text-align: center;
  line-height: 1;
}
#guide h2 {
  margin-top: 10px;
  line-height: 2;
}
#guide .lead {
  margin-top: 10px;
  line-height: 2;
  text-align: center;
}
/* override */
#guide .qa_list .inner .box {
  background-color: #fff;
}
#guide .qa_list dt .icon {
  background-color: #ccc;
  color: #666;
}
#guide .qa_list .inner .box aside {
  background-color: #eee;
}
#guide {
}
@media (max-width: 959px) {
}
@media (max-width: 519px) {
}