/* 最初にbuttonタグのCSSをリセット */
button {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
appearance: none;
}
/* 1カラム */
.col_1_kaden{
display: grid;
}
/* 2カラム */
.col_2_kaden{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;			
}
/* 3カラム */
.col_3_kaden{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;			
}
/* 4カラム */
.col_4_kaden{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;			
}
/* 縦flex */
.qa__boxes {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;	
flex-direction: column;		
gap: 20px;			
}
.qa-box {
background: #fff;
border-radius: 10px;
border: 1px solid #222;
}
.qa-box__head {
width: 100%;
position: relative;
background: #fff;
border-radius: 10px;
padding: 10px 40px;
}
.qa-box__head.is-open {
border-radius: 10px 10px 0 0;
background: #5a79b6;
color: #fff;
}
.qa-box__head.is-open:before {
background: #5a79b6;
}
.qa-box_head-text {
display: block;
font-size: 18px;
}
/* プラスマイナスアイコン */
.qa-box__head::before,
.qa-box__head::after {
position: absolute;
top: 50%;
right: 5%;
display: inline-block;
content: "";
width: 14px;
height: 2px;
margin-top: -2px;
background-color: #333;
}
.qa-box__head::after {
transform: rotate(90deg);
transition: transform 0.5s;
}
.qa-box__head.is-open::after {
transform: rotate(0deg);
background-color: #fff;
}
.qa-box__body {
display: none;
}
/* ボタン1つの中身2カラム */
.col_1_kaden .qa-box__a {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5px;	
padding-block: 5px;
}
/* ボタン2つ以上の中身1カラム */
.col_2_kaden .qa-box__a,
.col_3_kaden .qa-box__a,
.col_4_kaden .qa-box__a {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;		
padding-block: 2px;
}
.qa-box_a-text {
text-align: center;
padding: 10px 5px;
}
.qa-box__a a {
width: 100%;
position: relative;
border-bottom: 1px dashed #22222280;
}
.qa-box__a a:last-child {
border-bottom: 0px dashed #22222280;
}
/* リンク先矢印 */
.qa-box__a a::after {
content: "";
width: 7px;
height: 7px;
position: absolute;
top: 17px;
right: 7%;
border-top: solid 1px #222;
border-right: solid 1px #222;
transform: rotate(45deg);
}

.pc_none {
display: none;
}