@charset "UTF-8";
.fv__contents {
  z-index: 2;
}
.fv__contents::before {
  content: "FAQ";
  position: absolute;
  top: -5px;
  left: 14px;
  display: inline-block;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  color: #f7d041;
  z-index: -1;
}
.fv-head {
  position: relative;
  padding-top: 10px;
}
.fv-ttl {
  padding-top: 20px;
  padding-left: 0.5em;
}
.fv-lead {
  padding-left: 1em;
}
.fv__contents {
  margin-bottom: 0;
}
.anchor-links {
  margin-bottom: 30px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-width: 1px 0;
}
.headline-l {
  margin: 40px 0 20px;
  padding: 3px 0 3px 0.7em;
  height: auto;
  line-height: 1;
  background: none;
}
/*ボックス全体*/
.faq-box {
  margin: 0 0 10px;
  padding: 0;
}
/*質問----------*/
.faq-q {
  /*label*/
  position: relative;
  display: block;
  margin-top: 15px;
  padding: 1.5em 45px 1.5em 58px;
  font-size: 1.5rem;
  font-weight: 500;
  background: #f8f9f3;
  border-radius: 6px;
  cursor: pointer;
}
.faq-q:hover {
  background: rgba(204, 240, 176, 0.6);
}
input {
  display: none;
}

.faq-a-ttl {
  font-size: 1.6rem;
  font-weight: bold;
}
/*中身を非表示に*/
.faq-a {
  position: relative;
  padding: 0 1.5em 0 58px;
  height: 0;
  font-size: 1.5rem;
  border: 1px solid #e0e0e0;
  border-width: 0 1px 1px;
  border-radius: 0 0 10px 10px;
  overflow-y: hidden;
  transition: 0.8s;
  /*ゆっくり表示させる*/
  opacity: 0;
}
/*クリックで中身を表示*/
input:checked + .faq-q + .faq-a {
  margin-bottom: 2em;
  padding: 0.5em 1.5em 3em 58px;
  height: auto;
  opacity: 1;
}
input:checked + .faq-q {
  background: rgba(204, 240, 176, 0.6);
}
/*アイコン*/
.faq-q::before {
  content: "Q:";
  position: absolute;
  top: 0;
  left: 0;
  margin: 16px 0 0 20px;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  color: rgba(22, 187, 10, 0.5);
}
.faq-a::before {
  height: auto;
  content: "A:";
  position: relative;
  top: 0;
  left: 0;
  margin-left: -38px;
  padding: 7px 5px 0 0;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  color: rgba(231, 85, 34, 0.5);
}
.faq-q::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  margin-top: -1.2rem;
  font-size: 2.4rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.2);
}
/*クリックでアイコン入れ替え*/
input:checked + .faq-q::after {
  content: "\f0d8";
}
/*小見出し-------*/
.headline {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  padding-top: 33px;
  padding-bottom: 1px;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: bold;
  color: rgba(0, 114, 49, 0.9);
  border-bottom: 2px dotted rgba(0, 114, 49, 0.4);
}
/*画像----------*/
.faq-img-area,
.faq-img-area-2 {
  display: block;
  padding: 40px 0 0;
  width: 100%;
}

.faq-img-area img {
  display: inline-block;
  margin-bottom: 5px;
  height: auto;
  vertical-align: top;
}

.faq-img-area-2 img {
  width: 45%;
  display: inline-block;
  margin-bottom: 5px;
  height: auto;
  vertical-align: top;
}