.bt_red { background: #c01f0e; color: #fff; }
.bt_red:hover, .bt_red:focus { background-color: #d33929; color: #fff; }
.recruit-btn {
text-align: center;
margin: 80px auto 0;
}
.recruit-btn a{
padding: 24px 0 ;
}
.title{
border-bottom:1px solid #0f0f0f;
}
.accordion-area dl {
font-weight: normal;
}
.accordion-hidden{
display: none;
}
.accordion-open {
display: block;
padding: 24px;
cursor: pointer;
margin: 5px 0;
font-weight: 700;
position: relative;/* 変更部分 */
background-color: #333333;
color:#eeeeee;
}
.accordion-open::before,
.accordion-open::after {
content: ”;
width: 20px;
height: 2px;
background: #eeeeee;
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
}
.accordion-open::after {
transform: translateY(-50%) rotate(90deg);
transition: 1s;
}
.accordion-hidden:checked + .accordion-open:after {
transform: translateY(-50%) rotate(0);
}
.accordion-close {
display: block;
height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
color: #333;
/* transition: 1s; */
/* 表示速度の設定 */
}
.accordion-hidden:checked + .accordion-open + .accordion-close {
height: auto;
opacity: 1;
padding: 10px;
font-weight: 700;
}