/*アコーディオン*/
.accordion-container {
position: relative;
width: 100%;
cursor: pointer;
margin: 0 auto;
}
.accordion-container .accordion_title {
position: relative;
margin: 20px 15px 15px 15px;
padding: 10px;
cursor: pointer;
box-shadow: 0px 2px 3px rgba(0,0,0,0.1);	
}
.accordion-container .accordion_title:hover,
.accordion-container .accordion_title:active,
.accordion-container .content-entry.open .accordion_title {
background: rgba(234,255,21,0.20); 
 }
.accordion_title{
font-weight: bold;
color: #50AF03;
font-size: 110%;
border: 3px solid #00BE48;
display: flex;
flex-direction: row;
border-radius: 10px;
background: #FFFBFB;
padding: 10px;
 }

.accordion_title:after {
content: "＋"; /* 初期状態はプラス */
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
background-color: #00BE48;
color: white;
font-size: 20px;
text-align: center;
line-height: 28px;
border-radius: 50%;
transition: all 0.2s ease-in-out;
font-family: Arial, sans-serif;
}
.accordion_title.open{
background: rgba(255,102,102,0.10); 
}
.accordion_title.open:after {
content: "−"; 
background-color: #FF6347;
}
.title_cent{
position: relative;
padding: 5px 0 5px 50px;
text-align: left;
font-size: 105%;
font-weight: bold;
}
.title_cent::before { 
position: absolute;
top: 0px;
left: 0px;
color: #ffffff;
content: "Q.";
font-size: 130%;
padding: 5px 5px 10px;
background: #00BE48;
line-height: 1;
border-radius: 5px;		
}
.accordion_content {
display: none;
padding: 20px 2em;
background: rgba(255,255,255,0.97); 
box-shadow: 0px 2px 3px rgba(0,0,0,0.1);	
width: 90%;
margin: 0 auto;
}
.an_box{
position: relative;
padding: 5px 0 5px 50px;
text-align: left;
font-size: 105%;
font-weight: bold;
}
.an_box::before { 
position: absolute;
top: 0px;
left: 0px;
color: #ffffff;
content: "A.";
font-size: 130%;
padding: 5px 7px 8px 10px;
background: #FF6347;
line-height: 1;
border-radius: 50%;
}
.accordion_content p{
line-height: 1.5;
font-size: 95%;
}
.accordion_content a{
text-decoration: underline;
}
@media screen and (max-width: 768px){
.accordion-container .accordion_title {
position: relative;
margin: 10px 0;
padding: 5px;
box-shadow: 0px 2px 3px rgba(0,0,0,0);	
}
.accordion_title{
font-size: 100%;
line-height: 1.4;
border: 2px solid #00BE48;
 }


.accordion_content {
padding: 20px 8px;
width: 95%;
}
.title_cent{
padding: 5px 0 5px 30px;
font-size: 100%;
}
.title_cent::before { 
position: absolute;
font-size: 90%;
padding: 5px 5px 8px;
border-radius: 5px;		
}
.accordion_content {
display: none;
padding: 20px 5px;
background: rgba(255,255,255,0.97); 
box-shadow: 0px 2px 3px rgba(0,0,0,0.1);	
width: 90%;
margin: 0 auto;
}
.an_box{
position: relative;
padding: 5px;
text-align: left;
font-size: 95%;
font-weight: 400;
}
.an_box::before { 
position: absolute;
content: "A.";
font-size: 90%;
padding: 3px 5px 5px 8px;
border-radius: 50%;
top:-20px;
}	
.accordion_title:after {
right: 3px;
top: 70%;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 20px;
border-radius: 50%;
}	
	
	
}
.ql-editor strong {
    font-weight: bold !important;
}

