@font-face {
    font-family: 'SourceHanSansJP-Light';
    src: url('font/SourceHanSansJP-Light.woff') format('woff');
}
@font-face {
    font-family: 'SourceHanSansJP-Normal';
    src: url('font/SourceHanSansJP-Normal.woff') format('woff');
}
@font-face {
    font-family: 'SourceHanSansJP-Medium';
    src: url('font/SourceHanSansJP-Medium.woff') format('woff');
}

.wrapper{
    min-width: 100%;
    z-index: -100;
    background-size: cover;
}

.wrapper_title{
    color: #E7BAA0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3em;
    font-family: 'SourceHanSansJP-Light';
    margin:15vh 0 5vh 0;
}

.faq_accordion_01 {
    background-color: #E7BAA0;
}

.faq_accordion_01 a{
    font-size: 2em;
    color: #ffffff;
}

.faq_accordion_01 div p{
    font-size: 1.2vw;
    color: #ffffff;
}

.faq_accordion_02{
    background-color: #FDEDE4;
}

.faq_accordion_02 a{
    font-size: 2em;
    color: #707070;
}

.faq_accordion_02 div p{
    font-size: 1.2vw;
    color: #707070;
}

.uk-accordion-title{
    font-family: 'SourceHanSansJP-Normal';
}

.uk-accordion-content p{
    font-family: 'SourceHanSansJP-Light';
    font-size: 3vw;
}

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

    .wrapper_title{
      font-size: 2.5em;
      margin: 12vh 0 1vh 0;
  }

    .faq_accordion_01 a{
        font-size: 1.2em;
    }

    /* .faq_accordion_01 div p{
        font-size: 0.8vw;
    } */

    .faq_accordion_02 a{
        font-size: 1.2em;
    }

    /* .faq_accordion_02 div p{
        font-size: 0.8vw;
    } */

    .faq_accordion_01 div p{
        font-size: 4vw;
        color: #ffffff;
    }

    .faq_accordion_02 div p{
        font-size: 4vw;
        color: #707070;
    }

}