@charset "utf-8";
/* CSS Document */

/*label*/
.switchbox01 label,
.switchbox02 label,
.switchbox03 label,
.switchbox04 label,
.switchbox05 label,
.switchbox06 label,
.switchbox07 label {
display: block;
cursor: pointer;
}
/*checkbox*/
.switchbox01 input,
.switchbox02 input,
.switchbox03 input,
.switchbox04 input,
.switchbox05 input,
.switchbox06 input,
.switchbox07 input {
display: none;
}
/*close*/
.switchbox01 .swimg,
.switchbox02 .swimg,
.switchbox03 .swimg,
.switchbox04 .swimg,
.switchbox05 .swimg,
.switchbox06 .swimg,
.switchbox07 .swimg {
height: 0;
overflow-y: hidden;
transition: 0.9s;
opacity: 0;
box-sizing: border-box;

}
/*open*/
.switchbox01 input:checked + label + div,
.switchbox02 input:checked + label + div,
.switchbox03 input:checked + label + div,
.switchbox04 input:checked + label + div,
.switchbox05 input:checked + label + div,
.switchbox06 input:checked + label + div,
.switchbox07 input:checked + label + div {
height: auto;
opacity: 1;
border-bottom: 1px solid #c7c7c8;
}
.btn_area{
border-left: 1px solid #c7c7c8;
border-bottom: 1px solid #c7c7c8;
border-right: 1px solid #c7c7c8;
background: #f2f2f3;
padding: 15px 0;
}
.btn_position{
left: 50%;
top:  82%;
transform: translateX(-50%);
}