@charset "utf-8";

/* -----------------------------------------------------------------
.sec_cont
----------------------------------------------------------------- */
.sec_cont {
  position: relative;
  z-index: 1;
}
.sec_cont .item_faq {
  margin-top: var(--margin_size_S);
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


/* -----------------------------------------------------------------
.nav_local
----------------------------------------------------------------- */
.nav_local {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap:0.5rem;
  margin-top: var(--margin_size_XS);
  font-size: 0.8rem;
}
.nav_local a {
  padding: 0.5em 1.5em;
  border-radius: 9999px;
  border: var(--color_txt_base) 2px solid;
  background: #fff;
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}




/* -----------------------------------------------------------------
 accordion
----------------------------------------------------------------- */
.accordion {
  max-width: 1000px;
  margin-top: var(--margin_size_XS);
}
.accordion_item {
  margin-top: .8rem;
  border-radius: 1.5rem;
/*
  background: #eff1ed;
  background: #fff;
*/
  overflow: hidden;
}
.accordion_hd {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  min-height: 4rem;
  padding: 1.25rem;
  border: none;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  color: var(--color_txt_base);
  transition: 0.3s ease-in-out;
}
.accordion_hd span {
    flex-grow: 1;
    text-align: left;
}
.accordion_hd .plus {
  flex-shrink: 0;
  width: 1rem;
  height: 4px;
  margin-right: 1rem;
  background: var(--color_txt_base);
}
.accordion_hd .plus::after {
  content: "";
  display: block;
  width: 1rem;
  height: 4px;
  background: var(--color_txt_base);
  transform: rotate(-90deg);
  transition: 0.3s ease-in-out;
}
.accordion_hd .plus.js_open::after {
  transform: rotate(0deg); /* 開いたときに 0度に回転 */
}
.accordion_item i.qa {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  background: #fff;
  border-radius: 100em;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  color: var(--color_obj_blue);
}
.accordion_item i.qa.q {
  background: var(--color_obj_blue);
  color: #fff;
}
.accordion_item i.qa.a {
  background: #fff;
  color: var(--color_obj_blue);
}
.accordion_cont {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.accordion_cont .accordion_cont_in {
  display: flex;
  gap: 1rem;
  padding: .7rem;
  --border_set: #fff .7rem solid;
  border-left: var(--border_set);
  border-right: var(--border_set);
  border-bottom: var(--border_set);
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  background: #eff1ed;
}
.accordion_cont p {
  font-size: .9rem;
}
@media (hover: hover) and (pointer: fine) {
  .accordion_hd:hover {
    background: #e6e6e6;
    background: #fff;
  }
}
@media screen and (max-width: 767px) {
  .accordion_item i.qa {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
  }
  .accordion_cont .accordion_cont_in {
    align-items: center;
  }
}
@media print, screen and (min-width: 768px) {
  .accordion_item i.qa {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.5rem;
  }
  .accordion_cont .accordion_cont_in {
    align-items: center;
  }
}