@charset "UTF-8";

/* ===== Extracted from page-faq.php block 1 ===== */
.p-faq {
 padding: 160px 0;
}
@media screen and (max-width: 1080px) {
 .p-faq {
  padding: 130px 0;
 }
}
@media screen and (max-width: 810px) {
 .p-faq {
  padding: 100px 0;
 }
}
@media screen and (max-width: 500px) {
 .p-faq {
  padding: 80px 0;
 }
}
.p-faq__item:first-child .p-faq__question {
 border: 1px solid #b5b5b5;
}
.p-faq__item:not(:first-child) .p-faq__question {
 border-left: 1px solid #b5b5b5;
 border-right: 1px solid #b5b5b5;
 border-bottom: 1px solid #b5b5b5;
}
.p-faq__question {
 position: relative;
 display: flex;
 align-items: center;
 gap: 0 10px;
 padding: 18px 50px 15px 15px;
 cursor: pointer;
}
@media screen and (max-width: 810px) {
 .p-faq__question {
  padding: 15px 40px 15px 15px;
 }
}
.p-faq__question .icon {
 font-size: 2.5rem;
 line-height: 1;
}
@media screen and (max-width: 810px) {
 .p-faq__question .icon {
  font-size: 2.2rem;
 }
}
@media screen and (max-width: 500px) {
 .p-faq__question .icon {
  font-size: 2rem;
 }
}
.p-faq__question .title {
 font-size: 1.8rem;
}
.p-faq__question:before {
 content: "";
 position: absolute;
 top: 43%;
 right: 20px;
 width: 8px;
 height: 8px;
 border: 4px solid;
 border-color: #ee7d80 #ee7d80 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 transform: translateY(-50%) rotate(135deg);
 transition: transform 0.3s;
}
@media screen and (max-width: 810px) {
 .p-faq__question:before {
  width: 6px;
  height: 6px;
  border: 3px solid;
  border-color: #ee7d80 #ee7d80 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
}
.p-faq__question.is-active:before {
 top: 55%;
 transform: translateY(-50%) rotate(315deg);
}
.p-faq__answer {
 height: 0;
 opacity: 0;
 padding: 0 35px;
 background-color: #f5f5f5;
 transition: padding 0.3s, border 0.3s, height 0.3s;
}
@media screen and (max-width: 810px) {
 .p-faq__answer {
  padding: 0 25px;
 }
}
.p-faq__answer.is-open {
 opacity: 1;
 height: auto;
 padding: 30px 35px;
 border-left: 1px solid #b5b5b5;
 border-right: 1px solid #b5b5b5;
 border-bottom: 1px solid #b5b5b5;
}
@media screen and (max-width: 810px) {
 .p-faq__answer.is-open {
  padding: 20px 25px;
 }
}