.toggle-button{display:flex;justify-content:center;margin-bottom:1.5rem}.toggle-button .toggle_input{cursor:pointer;left:0;opacity:0;position:absolute;top:0;visibility:hidden;z-index:5}.toggle-button .toggle_input:checked+.toggle_label{background:var(--backgroundgray)}.toggle-button .toggle_label{align-items:center;background:var(--backgroundgray);border-radius:2.5rem;box-sizing:border-box;display:inline-block;display:flex;height:2.9375rem;justify-content:space-between;position:relative;transition:.2s;width:24.75rem}.toggle-button .toggle_label:after{align-items:flex-start;background:var(--maincolor);border:.125rem solid var(--backgroundgray);border-radius:2.5rem;box-sizing:content-box;color:var(--white);content:"ラベルA";display:flex;font-family:var(--h5-bold-font-family);font-size:var(--h5-bold-font-size);font-style:var(--h5-bold-font-style);font-weight:var(--h5-bold-font-weight);height:1.1875rem;justify-content:center;left:0;line-height:130%;padding:.75rem 0;position:absolute;text-align:center;top:0;transition:.2s;width:12.375rem;z-index:2}.toggle-button .toggle_label .toggle_left{padding:.75rem 0 .75rem 1.25rem}.toggle-button .toggle_label .toggle_left,.toggle-button .toggle_label .toggle_right{color:var(--black);font-family:var(--h5-bold-font-family);font-size:var(--h5-bold-font-size);font-style:var(--h5-bold-font-style);font-weight:var(--h5-bold-font-weight);line-height:130%;text-align:center;width:9.375rem}.toggle-button .toggle_label .toggle_right{padding:.75rem 1.25rem .75rem 0}@media screen and (max-width:30rem){.toggle-button .toggle_label:after{padding:.625rem 0 .875rem}.toggle-button .toggle_label .toggle_left,.toggle-button .toggle_label .toggle_right,.toggle-button .toggle_label:after{font-size:var(--copy-bold-m-font-size)}}