@charset "UTF-8";
/* ---------------------------
interview
--------------------------- */

main{
    background: url(../img/top/bg.png);
}

.visual{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0;
}

.visual h1 img{
    width: 829px;
    margin: 0 auto 40px;
}

.visual div img{
    width: 246px;
    margin: 0 auto 48px;
}

.visual p{
    font-size: 30px;
    font-weight: 500;
    line-height: 1.633;
    text-align: center;
}

.visual p strong{
    font-weight: bold;
    color: #eb7f83;
}

.faq{
    width: 800px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.faq img{
    width: 690px;
    margin: 0 auto 60px;
}

.faq dl + img{
    margin: 70px auto 60px;
}

.faq dl dt{
    width: 100%;
    margin: 0 auto 20px;
    background: #1a79da;
    border-radius: 30px;
    padding: 33px 30px;
    font-size: 24px;
    line-height: 1.357;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.faq dl dt span{
    width: 688px;
}

.faq dl dd{
    width: 100%;
    margin: 0 auto 48px;
    font-size: 20px;
    line-height: 1.8;
}



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

.visual{
    padding: 10.67vw 0;
}

.visual h1 img{
    width: 76.533vw;
    margin: 0 auto 4.4vw;
}

.visual div{
    width: 88vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.visual div img{
    width: 40.933vw;
    margin: 0;
}

.visual p{
    font-size: 4.8vw;
    text-align: left;
    padding-left: 2.67vw;
}

.visual p strong{
    font-weight: bold;
    color: #eb7f83;
}

.faq{
    width: 92vw;
    padding-bottom: 15.2vw;
}

.faq img{
    width: 100%;
    margin: 0 auto 10vw;
}

.faq dl + img{
    margin: 9.067vw auto 10vw;
}

.faq dl dt{
    margin: 0 auto 4.4vw;
    border-radius: 4vw;
    padding: 4.4vw 4vw;
    font-size: 4.48vw;
}

.faq dl dt span{
    width: 74.67vw;
}

.faq dl dd{
    margin: 0 auto 8vw;
    font-size: 3.733vw;
}

}