.faq-nav {
  width: 284px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  position: -webkit-sticky;
  position: sticky;
  left: calc(50% - 500px);
  top: 130px;
  float: left;
  margin-top: 120px;
  margin-bottom: 120px
}
@media screen and (max-width: 600px) {
  .faq-nav {
    margin: 64px auto 0;
    float: none;
    position: static
  }
}
.faq-content--head_img{
	width:10%;
}
@media screen and (max-width: 600px) {
	.faq-content--head_img{
	width:20%;
}
}
.faq-nav--link {
  background-color: #fff;
  border-radius: 16px;
  padding-top: 15px;
  padding-bottom: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.121%22%20height%3D%2210.182%22%20viewBox%3D%220%200%2016.121%2010.182%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_19057%22%20data-name%3D%22%E3%83%91%E3%82%B9%2019057%22%20d%3D%22M0%2C0%2C7%2C7%2C0%2C14%22%20transform%3D%22translate%2815.061%201.061%29%20rotate%2890%29%22%20fill%3D%22none%22%20stroke%3D%22%23444%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 24px center;
  border: 1px solid #444444;
  transition: 0.2s
}
.faq-nav--link:hover {
  color: #ff8b44
}
@media screen and (max-width: 600px) {
  .faq-nav--link {
    font-size: 16px
  }
}
.faq-content {
  padding-top: 56px;
  padding-bottom: 220px
}
.faq-content-beige {
  background-color: #faf7e8
}
.faq-nav + .faq-content {
  padding-top: 120px
}
@media screen and (max-width: 600px) {
  .faq-content {
    padding-top: 80px;
    padding-bottom: 80px
  }
  .faq-nav + .faq-content {
    padding-top: 80px
  }
}
.faq-content--layout {
  max-width: 660px;
  margin-left: calc(50vw - 160px)
}
@media screen and (max-width: 600px) {
  .faq-content--layout {
    margin-left: 0
  }
}
.faq-content--head {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px
}
@media screen and (max-width: 600px) {
  .faq-content--head {
    flex-direction: column
  }
}
.faq-content--head_ttl {
  font-weight: bold;
  font-size: 25px;
  line-height: 1.5;
  color: #ff8b44
}
@media screen and (max-width: 600px) {
  .faq-content--head_ttl {
    font-size: 24px
  }
}
.faq-content_list {
  margin-top: 16px
}
@media screen and (max-width: 600px) {
  .faq-content_list {
    margin-top: 40px
  }
}
.faq-content_list--item {
  margin-top: 16px
}
.faq-content_list--item:first-child {
  margin-top: 0
}
@media screen and (max-width: 600px) {
  .faq-content_list--item {
    padding-left: 24px;
    padding-right: 24px
  }
}
.faq-content_list--question {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 16px;
  column-gap: 16px;
  padding: 21px calc(58px + 1em) 20px 24px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 8px;
  background-color: #fff;
  background-size: 34px 34px;
  background-repeat: no-repeat;
  background-position: right 24px center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7904%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207904%22%20transform%3D%22translate(-3%20-3)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_176%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20176%22%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20transform%3D%22translate(3%203)%22%20fill%3D%22%23FF8B44%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_3922%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%203922%22%20width%3D%2214%22%20height%3D%222%22%20transform%3D%22translate(13%2019)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4468%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204468%22%20width%3D%222%22%20height%3D%2214%22%20transform%3D%22translate(19%2013)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  border: 2px solid #CCCCCC;
  transition: 0.2s
}
.faq-content_list--question:before {
  content: 'Q';
  font-size: 24px;
  color: #FF8B44
}
.js-open .faq-content_list--question {
  background-color: #FF8B44;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4882%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204882%22%20transform%3D%22translate(-3%20-3)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_176%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20176%22%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%20transform%3D%22translate(3%203)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_3922%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%203922%22%20width%3D%2214%22%20height%3D%222%22%20transform%3D%22translate(13%2019)%22%20fill%3D%22%23FF8B44%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  color: #fff;
  border-color: transparent
}
.js-open .faq-content_list--question:before {
  color: #fff
}
@media screen and (max-width: 600px) {
  .faq-content_list--question {
    -moz-column-gap: 12px;
    column-gap: 12px;
    padding: 23px 52px 20px 16px;
    font-size: 16px;
    background-size: 24px 24px;
    background-position: right 16px center
  }
  .faq-content_list--question:before {
    font-size: 20px
  }
}
.faq-content_list--answer {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  padding: 28px 36px 20px 24px;
  border: 1px solid transparent
}
.faq-content_list--answer:before {
  content: 'A';
  font-size: 24px;
  font-weight: bold;
  color: #ff6060;
  position: relative;
  top: -4px
}
@media screen and (max-width: 600px) {
  .faq-content_list--answer {
    padding-top: 20px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    -moz-column-gap: 12px;
    column-gap: 12px
  }
  .faq-content_list--answer:before {
    font-size: 20px
  }
}
.faq-content_list--answer_txt > a {
  text-decoration: underline;
  color: #ff8b44
}