@charset "UTF-8";
/* CSS Document */


/****************************************************************************
precautions
****************************************************************************/
.precautions .section-title--jap {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing:0.3em;
}

.precautions .precautions-list__item .precautions-list__text-box {
    width: 38.8vw;
    max-width: 745px;
    color: #3e3a39;
}

.precautions .precautions-list__item:nth-child(1) {
    margin-top: -0.52vw;
}

.precautions .precautions-list__item:nth-child(1) .precautions-list__text-box {
    margin-top: 5.05vw;
}

.precautions .precautions-list__item:nth-child(2) .precautions-list__text-box {
    margin-top: 3.02vw;
}

.precautions .precautions-list__item:nth-child(8) {
    margin-top: 3.02vw;
}

.precautions .precautions-list__item:nth-child(3) .precautions-list__text-box,
.precautions .precautions-list__item:nth-child(5) .precautions-list__text-box,
.precautions .precautions-list__item:nth-child(7) .precautions-list__text-box,
.precautions .precautions-list__item:nth-child(8) .precautions-list__text-box {
    margin-top: 5.78vw;
}

.precautions .precautions-list__item:nth-child(4) .precautions-list__text-box,
.precautions .precautions-list__item:nth-child(6) .precautions-list__text-box {
    margin-top: 4.38vw;
}

.precautions .precautions-list__item .precautions-list__text-box .precautions-list__title {
    line-height: 1;
    font-size: 1.5rem;
}

.precautions .precautions-list__item .precautions-list__text-box .precautions-list__content {
    line-height: 2.1;
    font-size: 0.875rem;
}

.precautions .precautions-list__item .precautions-list__img{
    width: 16.25vw;
    max-width: 312px;
}

.precautions .circle__item:nth-child(1) {
    width: 13.07vw;
    max-width: 251px;
    position: absolute;
    top: 0.52vw;
    right: -26.77vw;
}

.precautions .circle__item:nth-child(2) {
    width: 7.97vw;
    max-width: 153px;
    position: absolute;
    top: 13.49vw;
    right: -13.7vw;
}

.precautions .circle__item:nth-child(3) {
    width: 7.19vw;
    max-width: 138px;
    position: absolute;
    bottom: 5.99vw;
    right: -15.83vw;
}

.precautions .circle__item:nth-child(4) {
    width: 6.15vw;
    max-width: 118px;
    position: absolute;
    bottom: -2.81vw;
    right: -11.41vw;
}

.accordion-list.--refill .accordion-list__title {
    color: #009844!important;
    font-size: 1rem;
    margin-left: 33.5%;
    padding-left: 4.4%;
    margin-bottom: 4.69vw;
}


.accordion-list.--refill .accordion-list__item {
     border-bottom: none;
  }

.accordion-list.--refill .accordion-list__title::after {
    content: '';
    display: inline-block;
    width: 2.08vw;
    height: 2.08vw;
    background-image: url(../images/guidance/btn-accordion-open.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    /* padding-left: 34.12%; */

  }

.accordion-list.--refill .accordion-list__content {
    border-top: 1px solid #009844;
    border-bottom: 1px solid #009844;
}

.accordion-list.--refill .precautions-list__content{
    line-height: 2.1;
    font-size: 0.875rem;
}

.accordion-list.--refill .precautions-list__title{
    color: #009844;
}



/****************************************************************************
faq
****************************************************************************/
.faq .section-title--jap {
    letter-spacing: .4em;
}

.accordion-list__item{
    line-height: 1;
    border-bottom: solid 1px #99d6b4;
}

.accordion-list__title {
    position: relative;
    line-height: 1;
}

.accordion-list__title::before {
    content: none;
}

.accordion-list__title::after{
    content: '';
    display: inline-block;
    width: 2.08vw;
    height: 2.08vw;
    background-image: url(../images/guidance/btn-accordion-open.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.accordion-list__title.close::after{
    content: '';
    display: inline-block;
    width: 2.08vw;
    height: 2.08vw;
    background-image: url(../images/guidance/btn-accordion-close.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.accordion-list__content {
    display: none;
    color: #3e3a39;
}

.faq .illustration {
    width: 12.08vw;
    max-width: 232px;
    position: absolute;
    top: -12.08vw;
    right: 13.54vw;
}

.faq .circle__item:nth-child(1) {
    width: 6.35vw;
    max-width: 122px;
    position: absolute;
    top: -8.65vw;
    left: -14.79vw;
}

.faq .circle__item:nth-child(2) {
    width: 9.74vw;
    max-width: 187px;
    position: absolute;
    top: -1.09vw;
    left: -22.76vw;
}


/****************************************************************************
PC中
****************************************************************************/
@media screen and (max-width: 1600px) {

}



@media screen and (max-width: 1450px) {

}


/****************************************************************************
PC中
****************************************************************************/
@media screen and (max-width: 1350px) {

}


/****************************************************************************
タブレット
****************************************************************************/
@media screen and (max-width: 1024px) {
    .precautions .precautions-list__item .precautions-list__text-box {
        width: 64.8vw;
    }

    .precautions .precautions-list__item .precautions-list__img {
        width: 18.25vw;
    }

}


/****************************************************************************
SP
****************************************************************************/
@media screen and (max-width: 599px) {
    .precautions .section-title--jap {
        font-size: 2rem;
        font-weight: 400;
        letter-spacing: 0.3em;
    }

    .section-title--box {
        margin-bottom: 19.2vw;
    }

    .precautions .precautions-list__item {
        margin-top: 16vw!important;
    }

    .precautions .precautions-list__item .precautions-list__text-box {
        width: auto;
    }

    .precautions .precautions-list__item .precautions-list__text-box .precautions-list__title {
        line-height: 1.5;
        margin-bottom: 5vw!important;
    }

    .precautions .precautions-list__item:nth-child(even) .precautions-list__text-box .precautions-list__title {
        margin-left: auto;
        margin-right: 0;
        text-align: right;
    }

    .precautions .precautions-list__item .precautions-list__img {
        width: 31.25vw;
        position: absolute;
        top: -8%;
        right: 4%;
    }
    

    .precautions .precautions-list__item:nth-child(even) .precautions-list__img {
        top: -8%;
        left: 4%;
        right: auto;
    }

    .precautions .precautions-list__item:nth-child(7) .precautions-list__img {
        top: -14%;
    }


    .accordion-list__title {
        font-size: 1rem !important;
    }

    .accordion-list__content {
        font-size: 1rem!important;
    }

    .accordion-list__title::after,
    .accordion-list__title.close::after,
    .accordion-list.--refill .accordion-list__title::after {
        width: 30px;
        height: 30px;
    }

    .accordion-list.--refill .accordion-list__title {
        color: #009844 !important;
        font-size: 1rem;
        margin-left: 0;
        padding-left: 11.4%;
        margin-bottom: 30px;
      }



    .accordion-list__item {
        padding: 9.87vw 0;
        margin: 0;
    }

    .faq .section-title--jap {
        margin-bottom: 0;
    }

    .faq .illustration {
        width: 22.08vw;
    }

}