@charset "UTF-8";

.mainvisual {
    background: url("../../../common/img/mv-recruit-bg.png")  no-repeat center bottom;
	background-size:  cover;
}
.page-title{
    background: url("../img/mv-faq.png")no-repeat center;
}
/*
================================
================================*/
.anchor-box {
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 20px 0 50px;
}

.faq-contents {
    margin: 0 0 80px;
}
.faq-box {
    background: #F9F6F6;
    padding: 20px 5%;
    margin: 15px 0 40px 0;
}
.question {
    font-size: 2.2rem;
    font-weight: bold;
    color: #3A49AD;
    display: flex;
    align-items: center;
}
.q-number {
    width: 55px;
    height: 55px;
    background: #3A49AD;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
}
.q-text {
    flex: 1;
}
.answer {
    display: flex;
    align-items: center;
    margin: 15px 0 0 0;
    border-top: dotted 5px #3a49ad;
    padding: 20px 0 0 0;
}
.a-number {
    font-size: 2.2rem;
    font-weight: bold;
    color: #3A49AD;
    width: 53px;
    height: 53px;
    border: solid 2px #3A49AD;
    background: #fff;
    color: #3A49AD;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
}
.a-text {
    flex: 1;
}


/*
スマホ
=======================================================================================================*/
@media screen and (max-width: 767px) {
.page-title {
    background-size: contain;
    background-position: center 100px;
}
.question {
    font-size: 1.8rem;
    align-items: flex-start;
}
.answer {
    align-items: flex-start;
}
.q-number {
    width: 45px;
    height: 45px;
}
.a-number {
    font-size: 1.8rem;
    width: 43px;
    height: 43px;
}
}