@charset "UTF-8";
/* --------------------------------------------------
  faq
-------------------------------------------------- */
@media only screen and (max-width: 560px) {
  img {
    width: 100%;
  }
}
/* h
-------------------------------------------------- */
h1 {
  background: url(/assets/images/faq/bg.jpg) no-repeat 0 0 / cover ;
}
/* @media only screen and (max-width: 560px) {
  h1 {
    background: url(/assets/images/faq/bg_sp.jpg) no-repeat 0 0 / cover;
  }
} */
.scn-content {
  max-width: 1000px;
  padding-inline: 15px;
  margin-inline: auto;
}
.scn-content--has-column {
  display: flex;
  justify-content: space-between;
  column-gap: 3%;
}
.scn-content__side {
  flex: 0 0 fit-content;
}
.scn-content__main {
  flex: 1;
}
.scn-tab {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.scn-tab__link {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
  transition: all 0.5s ease-out;
}
.scn-tab__link:hover {
  color: #00ac97;
}
.scn-tab__link.is-active {
  color: #00ac97;
}
.scn-tab-select {
  display: none;
}
.scn-tab-content {
  display: none;
}
.scn-tab-content.is-active {
  display: block;
}
.scn-accordion {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.scn-accordion__title {
  display: flex;
  column-gap: 0.5em;
  position: relative;
  width: 100%;
  padding: 10px 40px 10px 15px;
  background-color: #00ac97;
  color: #fff;
}
.scn-accordion__title::before {
  content: 'Q.';
}
.scn-accordion__title::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  aspect-ratio: 4 / 3;
  width: 10px;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateY(-50%);
  transition: transform 0.5s ease-out;
}
.scn-accordion__title.is-open::after {
  transform: translateY(-50%) rotate(180deg);
}
.scn-accordion__body {
  display: none;
  column-gap: 0.5em;
  padding: 10px 15px;
  background-color: #fff;
}
.scn-accordion__text {
  display: flex;
  column-gap: 0.5em;
}
.scn-accordion__text::before {
  content: 'A.';
}
@media only screen and (max-width: 560px) {
  .scn-content--has-column {
    flex-direction: column;
    row-gap: 20px;
  }
  .scn-tab {
    display: none;
  }
  .scn-tab-select {
    display: block;
    appearance: none;
    width: 100%;
    padding: 10px 40px 10px 15px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 3" fill="%23707070"><polygon points="0,0 4,0 2,3"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px auto;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
    color: #707070;
    border: 1px solid #ededed;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    outline: none;
  }
}