@charset "UTF-8";

.l-wrap {
    background: url("../../images/common/bg_stripe.png");
}

.p-mv {
    width: 100%;
    height: 22vw;
    background: url("../../images/faq/bg_mv.png") no-repeat 0 0;
    background-size: 100%;
    min-height: 280px;
}

.p-mv h1 {
    margin-left: 194px;
    padding-top: 10vw;
}

.p-mv-bh {
    display: block;
}

.p-nav {
    margin: 0 0 60px;
}

.p-nav-list {
    display: flex;
    justify-content: space-between;
}

.p-nav-list-item {
    width: 24%;
}

.p-nav-list-item+li {
    margin-left: 20px;
}

.p-nav-list-item a {
    display: block;
    width: 100%;
    height: 70px;
    border-radius: 10px;
    background: url("../../images/faq/bg_nav_list_item.png") no-repeat right 24px center #006625;
    background-size: 16px 10px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 70px;
    padding-left: 24px;
}

.p-nav-list-item a:hover {
    opacity: 0.7;
}

.p-qanda {
    margin: 0 0 80px;
}

.p-qanda:last-child {
    margin-bottom: 0;
    padding-bottom: 120px;
}

.p-qanda-mh {
    margin: 0 0 30px;
    margin-top: -80px;
    padding-top: 80px;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1em;
    color: #004319;
}

.p-qanda-mh:after {
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #b6e4c7;
    border-radius: 2px;
    margin-top: 17px;
}

.p-qanda-sh {
    margin: 40px 0 30px;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1em;
    color: #004319;
}

.p-qanda-sh:before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 4px;
    background-color: #006625;
    vertical-align: 9px;
    margin-right: 12px;
}

.p-qanda-list-qblock {
    margin-top: 20px;
    font-size: 2.0rem;
    line-height: 1.4em;
    letter-spacing: 0.03em;
    font-weight: 500;
    padding: 16px 70px 16px 66px;
    background: url("../../images/faq/bg_qanda_list_qblock.png") no-repeat 24px 16px #c7e3d1;
    background-size: 22px 28px;
    position: relative;
    cursor: pointer;
}

.p-qanda-list-qblock:after {
    display: block;
    content: "";
    position: absolute;
    right: 23px;
    top: 18px;
    width: 24px;
    height: 24px;
    background: url("../../images/faq/bg_plus.png") no-repeat 0 0;
    background-size: 100%;
}

.p-qanda-list-qblock.is-active:after {
    background: url("../../images/faq/bg_minus.png") no-repeat 0 0;
    background-size: 100%;
}

.p-qanda-list-ablock {
    font-size: 1.6rem;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    padding: 19px 66px 25px 66px;
    background: url("../../images/faq/bg_qanda_list_ablock.png") no-repeat 26px 22px #faf7f2;
    background-size: 19px 22px;
}

.p-qanda-list-ablock p {
    margin-bottom: 1.5em;
}

.p-qanda-list-ablock p:last-child {
    margin-bottom: 0;
}

.p-qanda-list-ablock p a {
    text-decoration: underline;
}

.p-qanda-list-ablock p a:hover {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .p-mv {
        height: 45.33vw;
        background: url("../../images/faq/bg_mv_sp.png") no-repeat 0 0;
        background-size: 100%;
        min-height: auto;
    }

    .p-mv h1 {
        margin-left: 5.33vw;
        padding-top: 19.33vw;
    }

    .p-mv-bh {
        width: 34.13vw;
    }

    .p-nav {
        margin: 0 0 9vw;
    }

    .p-nav-list {
        flex-wrap: wrap;
    }

    .p-nav-list-item a {
        width: 44vw;
        height: 11.73vw;
        border-radius: 1.33vw;
        background-position: right 2.53vw center;
        background-size: 2.67vw 1.47vw;
        font-size: 1.4rem;
        line-height: 11.73vw;
        padding-left: 2.4vw;
        margin-bottom: 3.73vw;
    }

    .p-nav-list-item {
        width: auto;
    }

    .p-nav-list-item+li {
        margin-left: 0;
    }

    .p-nav-list-item a:hover {
        opacity: 1;
    }

    .p-qanda {
        margin: 0 0 8vw;
    }

    .p-qanda:last-child {
        margin-bottom: 0;
        padding-bottom: 16vw;
    }

    .p-qanda-mh {
        margin: 0;
        margin-top: -13.33vw;
        padding-top: 13.33vw;
        font-size: 2.0rem;
    }

    .p-qanda-mh:after {
        height: 0.8vw;
        border-radius: 0.4vw;
        margin-top: 2vw;
    }

    .p-qanda-sh {
        margin: 4vw 0 3.47vw;
        font-size: 1.7rem;
    }

    .p-qanda-sh:before {
        width: 2.13vw;
        height: 0.53vw;
        vertical-align: 1.73vw;
        margin-right: 2.4vw;
    }

    .p-qanda-list-qblock {
        margin-top: 4vw;
        font-size: 1.5rem;
        line-height: 1.4em;
        padding: 3vw 9.33vw;
        background: url("../../images/faq/bg_qanda_list_qblock.png") no-repeat 24px 16px #c7e3d1;
        background-position: 2.93vw 3.87vw;
        background-size: 3.2vw 4vw;
    }

    .p-qanda-list-qblock:after {
        right: 3.2vw;
        top: 3.6vw;
        width: 3.2vw;
        height: 3.2vw;
    }

    .p-qanda-list-ablock {
        font-size: 1.5rem;
        line-height: 1.5em;
        padding: 3vw 4vw 3.73vw 9.33vw;
        background-position: 3.2vw 4.13vw;
        background-size: 2.53vw 3.2vw;
    }
}

.p-item {
  background: #fff;
  border: solid 1px #e6d5b5;
  border-radius: 5px;
  padding: 30px 25px; }

.p-item-mt01 {
  margin-top: 30px; }

.p-item-mh {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: #432000;
  position: relative;
  padding-left: 45px;
  border-bottom: dotted 1px #6d5238;
  padding-bottom: 5px;
  margin-bottom: 10px; }
  .p-item-mh::before {
    content: "";
    background: url(../../images/faq/icn_rekishi.png) no-repeat left top;
    background-size: 28px 18px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 28px;
    height: 18px; }

.p-item-box {
  padding-right: 245px;
  font-size: 1.5rem;
  line-height: 1.46667;
  letter-spacing: 0.1em;
  font-weight: 400;
  position: relative; }

.p-item-box-txt + .p-item-box-txt {
  margin-top: 10px; }

.p-item-box-img {
  width: 209px;
  position: absolute;
  top: 0;
  right: 0; }

.p-item-table {
  width: 100%;
  color: #333333; }
  .p-item-table tr:not(:last-child) th {
    padding-bottom: 10px; }
  .p-item-table th {
    text-align: left;
    width: 135px;
    font-size: 1.5rem;
    line-height: 1.46667;
    letter-spacing: 0.1em;
    font-weight: 400; }
  .p-item-table td {
    text-align: left;
    border-left: solid 1px #dbdbdb;
    font-size: 1.5rem;
    line-height: 1.46667;
    letter-spacing: 0.1em;
    font-weight: 400;
    padding-left: 20px; }




@media screen and (max-width: 767px) {
  .p-item {
    margin-top: 5.33333vw;
    background: #fff;
    border: solid 0.26667vw #e6d5b5;
    border-radius: 1.33333vw;
    padding: 4vw; }

  .p-item-mt01 {
    margin-top: 5.33333vw; }

  .p-item-mh {
    font-size: 4.5vw;
    padding-left: 8vw;
    border-bottom: dotted 0.26667vw #6d5238;
    padding-bottom: 1.33333vw;
    margin-bottom: 2.66667vw; }
    .p-item-mh::before {
      content: "";
      background: url(../../images/rekishi/icn_rekishi.png) no-repeat left top;
      background-size: 5.6vw 3.73333vw;
      position: absolute;
      top: 1.33333vw;
      left: 1.33333vw;
      width: 5.6vw;
      height: 3.73333vw; }

  .p-item-box {
    padding-right: 0;
    font-size: 4vw;
    position: relative; }

  .p-item-box-txt + .p-item-box-txt {
    margin-top: 4vw; }

  .p-item-box-img {
    width: 30.66667vw;
    position: relative;
    top: 0;
    right: 0;
    float: left;
    margin-right: 4vw; }

  .p-item-table tr {
    display: block; }
  .p-item-table tr:not(:last-child) th {
    padding-bottom: 0; }
  .p-item-table tr:not(:last-child) td {
    padding-bottom: 5.33333vw; }
  .p-item-table th {
    width: 100%;
    display: block;
    font-size: 4vw;
    padding-bottom: 0; }
  .p-item-table td {
    display: block;
    border-left: none;
    font-size: 4vw;
    padding-left: 0; } }