.hidden-view{
    display: none;
}
.default-view{

}
.button::before{
    content: "詳しいカリキュラムはこちらをクリック";
	
}
.button{
	font-size:0.9em;
	border:1px #333 solid;
	padding:1px 1%;
	display:inline-block;
	border-radius:4px;
}
input[type="checkbox"]#trigger1,input[type="checkbox"]#trigger2, input[type="checkbox"]#trigger3, input[type="checkbox"]#trigger4, input[type="checkbox"]#trigger5, input[type="checkbox"]#trigger6, input[type="checkbox"]#trigger7, input[type="checkbox"]#trigger8{
    display: none;
	
}
input[type="checkbox"]#trigger1:checked ~ .hidden-view, input[type="checkbox"]#trigger2:checked ~ .hidden-view, input[type="checkbox"]#trigger3:checked ~ .hidden-view, input[type="checkbox"]#trigger4:checked ~ .hidden-view, input[type="checkbox"]#trigger5:checked ~ .hidden-view, input[type="checkbox"]#trigger6:checked ~ .hidden-view, input[type="checkbox"]#trigger7:checked ~ .hidden-view, input[type="checkbox"]#trigger8:checked ~ .hidden-view{
    display: block;
	
}
input[type="checkbox"]#trigger1:checked ~ .button::before, input[type="checkbox"]#trigger2:checked ~ .button::before, input[type="checkbox"]#trigger3:checked ~ .button::before, input[type="checkbox"]#trigger4:checked ~ .button::before, input[type="checkbox"]#trigger5:checked ~ .button::before, input[type="checkbox"]#trigger6:checked ~ .button::before, input[type="checkbox"]#trigger7:checked ~ .button::before, input[type="checkbox"]#trigger8:checked ~ .button::before{
    content: "閉じる";

}