input.sheet-tab1:not(:checked) ~ .sheet-tab1, input.sheet-tab2:not(:checked) ~ .sheet-tab2, input.sheet-tab3:not(:checked) ~ .sheet-tab3, input.sheet-tab4:not(:checked) ~ .sheet-tab4, input.sheet-tab5:not(:checked) ~ .sheet-tab5, input.sheet-tab6:not(:checked) ~ .sheet-tab6 { display: none; } input.sheet-tab { width: calc(20% - 4px); max-width: 150px; height: 20px; outline: none !important; position: relative; cursor: pointer; z-index: 1; } input.sheet-tab1 { margin-left: 1px; } input.sheet-tab::before { content: attr(title); display: inline-block; background: #fff; border: solid 1px #a8a8a8; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 14px; font-weight: bold; text-align: center; width: 100%; height: 20px; } input.sheet-tab:checked::before { border-bottom-color: white; } .sheet-tab-br { border-bottom: 1px solid #a8a8a8; margin-bottom: 5px; margin-top: 1px; } input.sheet-text_01 { width: 50px; height: 24px; } input.sheet-text_02 { width: 150px; height: 25px; } h1.sheet-main_title { font-family:times new roman; font-size: 5em; font-weight: bold; text-align: center; }