@charset "UTF-8";
/* CSS Document */
.QA{
    font-size: 1.6rem;
    border-bottom: 2px solid var(--color-gray);
    padding-bottom: 1em;
}

.QA+.QA{
    margin-top: 5rem;
}

.q-ttl{
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: var(--color-base);
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: 0em;
    line-height: 1;
}

.a-ttl{
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: var(--color-blue);
    font-size: 1.5em;
    line-height: 1;
     position: absolute;
   left: 0;
    top: 0em;
}

.QA .Q{
    position: relative;
    padding-left: 1.5em;
    box-sizing: border-box;
    margin-bottom: 0.58em;
    letter-spacing: 0.01em;
}


.QA .A{
    position: relative;
     padding-left: 1.5em;
     letter-spacing: 0.01em;
    box-sizing: border-box;
}

.qa-title{
    position: relative;
    padding-bottom: 0.8em;
    margin-bottom: 1em;
}
.qa-title::after{
	content: "";
	width: 180px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid var(--color-base);
}

/* QAアーカイブ　メニュー風にする*/
.qa-list{
    display: flex;
    justify-content: center;
}

.qa-list li{margin: 0.5em;}

.qa-list a{
    font-size: 1.5rem;
    padding: 1em;
    box-sizing: border-box;
    display: block;
    transition: all ease-in 0.4s;
    background-color: var(--color-accent);
}

.qa-list a:hover{
    background-color: var(--color-base);
    color: #fff;
}


@media screen and (max-width: 789px) {
.qa-list a{
    font-size: 1.4rem;
    padding: 0.4em;
}
}/*@media screen and (max-width: 789px) {*/