@charset "UTF-8";
/*------------------------------------------
FAQ
------------------------------------------*/
.btn-wrap .btn-01.-down {
  padding: 1em 40px; }
@media screen and (max-width: 768px) {
  .btn-wrap.within {
    flex-wrap: wrap; }
    .btn-wrap.within .btn {
      width: 50%;
      text-align: center;
      padding: 5px; }
      .btn-wrap.within .btn .btn-01 {
        width: 100%;
        min-width: auto; } }

.sec-faq {
  padding: 2em 0; }

.faq-item {
  padding: 20px 45px 20px 30px;
  margin-bottom: 1vw;
  border: none;
  box-shadow: 0 0 15px rgba(232, 164, 68, 0.2);
  background: #fff; }
  .faq-item__answer {
    border-top: 4px dotted #ddd;
    margin-top: 1vw;
    padding-top: 1vw; }
  .faq-item .faq-q {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    padding: 12px 45px 12px 55px;
    cursor: pointer; }
    .faq-item .faq-q:before {
      content: "Q";
      width: 35px;
      height: 50px;
      font-size: 40px;
      color: #FF9505;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-weight: 500;
      font-style: normal;
      position: absolute;
      top: 0;
      left: 0; }
    .faq-item .faq-q:after {
      content: "+";
      font-size: 35px;
      color: #FF9505;
      position: absolute;
      top: 0;
      right: 0;
      font-weight: normal; }
    .faq-item .faq-q.is-open:after {
      content: "─";
      font-weight: bold;
      font-size: 30px; }
  .faq-item .faq-a {
    display: none;
    font-size: 16px;
    position: relative;
    padding: 12px 0 12px 55px; }
    .faq-item .faq-a:before {
      content: "A";
      width: 35px;
      height: 50px;
      font-size: 40px;
      color: #FF9505;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-weight: 500;
      font-style: normal;
      margin-right: 20px;
      position: absolute;
      top: 25px;
      left: 2px; }
    .faq-item .faq-a .inner {
      padding: 1.5em 0 0;
      border-top: 1px solid #E5E5E5; }
      .faq-item .faq-a .inner .wrap {
        display: flex;
        flex-wrap: wrap; }
        .faq-item .faq-a .inner .wrap .img {
          width: 30%; }
        .faq-item .faq-a .inner .wrap .text {
          width: 70%;
          padding-right: 2em; }
        @media screen and (max-width: 768px) {
          .faq-item .faq-a .inner .wrap .img {
            width: 60%;
            margin: 1em auto; }
          .faq-item .faq-a .inner .wrap .text {
            width: 100%; } }