@charset "utf-8";
/* サプライヤー行動規範_アコーディオン用 2025.02*/
.accordion {
    width: 100%;
    /*max-width: 900px;*/
    margin: 1em auto;
}
.accordion-item {
    margin-bottom: 0.4em;
}
.accordion-item input {
    display: none;
}
.accordion-item h3 label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
		transition: background-color 0.3s ease, color 0.3s ease;
}
.accordion-item h3 label::after {
    content: '＋'; 
    font-size: 1.2em;
    transition: transform 0.6s ease;
}
.accordion-item input:checked + h3 label::after {
    content: '－'; 
}
.accordion-item h3 {
    font-size: 1.2em;
    padding: 10px 15px;
    background: #f2f4fa;
    border-bottom: 1px solid #0a2986;
		border-left: none;
		margin: 0;
    transition: transform 0.6s ease;
}
.accordion-item h3:hover {
    background: #0a2986;
		border-bottom: 1px solid #f2f4fa;
    color: #fff;
}
.accordion-item .content {
    display: none;
}
.accordion-item input:checked ~ .content {
    display: block;
		/*padding-bottom: 2em;*/
}
.accordion-item .explanation{
	border: 1px solid #ccc;
	padding: 0.8em 1.2em;
}
.accordion-item .explanation p{
margin: 0;
}
.accordion-item .explanation p ~ p{
margin: 0.8em 0 0;
/*text-indent: 1em;*/
}
.accordion-item label.close-btn {
display: block;
margin: 10px 0;
padding: 5px 10px;
text-align: center;
cursor: pointer;
background: #E5E5E5;
color: #000;
border: none;
font-weight: normal;
}
.accordion-item label.close-btn::after {
    content: ''; 
    font-size: 1.2em;
    transition: transform 0.6s ease;
}
.toggle-buttons {
    text-align: right;
    margin: 20px 0;
}
.toggle-buttons button {
    padding: 10px 20px;
    margin: 5px;
    cursor: pointer;
		border: none;
}
.toggle-buttons button:hover {
    background: #0a2986;
    color: #fff;
}
/*@media screen and (min-width: 961px) {
.accordion-item h3 label{
font-size: 1.2em;
}
}*/