/*--------------------------------------------------------------
set of radio buttons
--------------------------------------------------------------*/
/*Page_nav*/
.qa_nav{
/*  margin-top: 120px;*/
    width: 100%;
    margin-bottom: 60px
}
.qa_nav ul {
    display: flex;
	justify-content: flex-start; /* デフォルト(なんでも) */
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
    gap: 0 5%;
/*	border-bottom: solid 1px #000;*/
    
    
    
}
.qa_nav ul li{

      border-bottom: 5px solid #CBCBCB;
    	flex: 1 ;
	display: flex;
    font-size: 18px

}


.qa_nav a {
	flex: 1 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #000000;
	padding:  10px 0px;
    font-weight: bold
}
.qa_nav a:hover {
}

.qa_nav .current{
  border-bottom: 5px solid #F6AB00;
}
.qa_nav .current a{
	color: #F6AB00;
}
/*
.qa_nav ul li a{padding: 10px 0; display: block;}

.qa_nav ul li a:hover{
  color: #EA5404;
  opacity: 1;
}
*/

.bold_txt{font-weight: 700}

/*==============================================================
quick answer
==============================================================*/

.qa-list {
    
}
.qa-list li {
        list-style-type: none;
    margin-bottom: 4rem

}
.qa-date {
    display: block;
    padding-bottom: 0.4rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #C4CCD5;

}
.qa-wrap {
    padding: 2rem 3.2rem;
    background: #ffffff;
    margin-left: 10.4rem;
    border-radius: 2px;
    position: relative;
-webkit-box-shadow: 0px 0px 9px -1px rgba(153,153,153,0.6);
-moz-box-shadow: 0px 0px 9px -1px rgba(153,153,153,0.6);
box-shadow: 0px 0px 9px -1px rgba(153,153,153,0.6);
    margin-bottom: 2rem
}
.qa-wrap::before {
    content: "";
    position: absolute;
    top: 2rem;
    left: -0.7em;
    transform: rotate(-20deg);
    border-top: 20px solid #ffffff;
    border-left: 20px solid transparent;
    
    
}
.answer-wrap::before {
    border-top: 20px solid #fff;
}
.qa-wrap::after {
    content: "Q";
    position: absolute;
    font-size: 3.2rem;
    text-align: center;
    top: 0;
    left: -10.4rem;
    width: 6.4rem;
    height: 6.4rem;
    background: #F6AB00;
    border-radius: 50%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
    line-height: 6.4rem;
    color: #fff

}
.answer-wrap {
    background: #fff;
}
.answer-wrap::after {
    content: "A";
    color: #fff;
    background: #EA5404;
}
.question-txt{
    font-weight: bold;
    font-size: 1.5rem;
}.answer-txt{
    font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
    .qa-list {
        row-gap: 4.8rem;
    }
    .qa-list li {
        row-gap: 1.6rem;
    }
    .qa-wrap {
        padding: 1.6rem 2rem;
        margin-left: 6.4rem;
    }
    .qa-wrap::before {
        top: 1.2rem;
        left: -1.6rem;
    }
    .qa-wrap::after {
        font-size: 2.4rem;
        left: -6.4rem;
        width: 4rem;
        height: 4rem;
            line-height: 4rem;

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

}