@charset "UTF-8";

#page_header{background-image: url("../img/header_img_pc.webp");}

.page_header_h3{color:#ffffff;}
.center{text-align: center;}
.title_h3{color:#0000000;font-size: 1.4em;margin-bottom: 1%;margin-top: 1em;}
.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}



.heading-white {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading-white::before {
  background-color: #ffffff; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -10px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 60px; /* 線の長さ */
}
/* .section_02 */
.section_02{background-image: url("../img/sec_02_back_pc.svg");background-repeat:repeat-y;background-size: cover;background-position: top center;position: relative;}
.faq-item {
  margin-top: 20px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}

.faq-question__wrap {
  position: relative;
  padding: 15px 5px 15px 55px;
  cursor: pointer;
}

.minus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.plus-icon {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background: #0d68a9;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
}

.plus-icon.active {
  transform: translateY(-50%);
}

.faq-question__title {
  font-weight: bold;
  color: #000000;
  font-size: 1.2em;
	line-height: 1.2em;
  position: relative;
  padding-right: 5%;
}
.faq-question__title::before {
    position: absolute;
    color: #0d68a9;
    content: "Q.";
	font-size: 1.6em;
    top: 10px;
    left: -45px;
    transform: translateY(-50%);
  }

.faq-answer__wrap {
  padding: 10px 25px 10px 25px;
  transition: ease all 0.5s; /* 擬似要素のトランジションを追加 */
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.faq-answer__wrap.active {
  height: auto;
  padding: 10px 25px 10px 25px;
}
.faq-answer__wrap {
  opacity: 0;
  padding: 10px 25px 10px 25px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  transition: ease all 0.7s; /* 擬似要素のトランジションを追加 */
}

.faq-answer__wrap.active {
  opacity: 1;
  padding: 0px 25px 15px 65px;
}

.faq-answer__title {
position: relative;
  font-weight: normal;
  color: #000000;
  font-size: 1.0em;
	text-align: justify;
}
.faq-answer__title::before {
    position: absolute;
    color: #d41819;
    content: "A.";
	font-size: 1.6em;
    top: 10px;
    left: -35px;
    transform: translateY(-50%);
  }

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #666666;
}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
	
.mt100{margin-top: 30px;}
	
.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
.w90per{width: 100%;margin: 0 auto;}
/* .section_02 */

.faq-question__wrap {
  position: relative;
  padding: 15px 35px 15px 55px;
  cursor: pointer;
}
.faq-item {
  margin-top: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #666666;
}

}