@charset "UTF-8";
/* css : mobile first               */
/* breakpoint : pc min-width: 1090px */
/*              TB min-width: 768px */
/*              SP 767px以下　　　 　*/
/**********************************************
  camper
***********************************************/
.camper__inner {
  margin-top: 110px;
}

/**********************************************
  clothes
***********************************************/
.clothes__inner {
  margin-top: 60px;
}
.clothes__txtimg {
  margin-top: 40px;
}
.clothes__iconTtl {
  padding-left: 3.3rem;
}
.clothes__imgArea {
  min-width: 335px;
}

/**********************************************
  wildlife
***********************************************/
.wildlife {
  background-color: var(--sub-color);
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.wildlife__inner {
  padding: 100px 20px;
  margin-top: 100px;
}
.wildlife__txtimg {
  margin-top: 40px;
}
.wildlife__iconTtl {
  padding-left: 3.3rem;
}
.wildlife__txtArea {
  max-width: 355px;
}
.wildlife__pictoBox {
  max-width: 355px;
  margin: 100px auto 0;
}
.wildlife__pictImg {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  transform: inherit;
  margin: auto;
}
.wildlife__caption {
  width: fit-content;
  padding: 0 10px 20px;
  margin: 0 auto;
}
.wildlife__ttl {
  display: block;
  padding: 0 0 10px 0;
}
.wildlife__item._col3 {
  width: 100%;
}
.wildlife__item::before {
  padding-top: calc(148px + 40px);/*アイコンの高さとmargin*/
}
@media screen and (min-width: 768px) {
  /* TB / PC */
  .wildlife__pictoBox {
    max-width: inherit;
  }
  .wildlife__item._col3 {
    width: calc((100% - 40px) / 3);
  }
}

/**********************************************
  faq
***********************************************/
.faq__inner {
  margin-top: 100px;
}
.faq__accordion {
  margin-top: 40px;
}
.faq__iconTtl {
  padding-left: 3.3rem;
}