main{display:flex;flex-direction:column;align-items:center;padding:30px 15px;background-color:#f5f5f5}h1{font-size:1.5em;font-weight:bold;text-align:center;margin-bottom:1em;line-height:1.3}.area{margin-top:20px;border-bottom:1px solid #ccc}.area .number{font-size:1.2em;font-weight:bold;font-family:"Helvetica Neue","Helvetica","Hiragino Sans","Arial","Yu Gothic","Meiryo",sans-serif;margin-bottom:.5em}.area .method{display:flex;flex-direction:column;align-items:center;line-height:1.5;margin-bottom:10px}.area .method span{margin-bottom:10px}.area .method span img{width:min(100%,450px);margin:0 auto 20px;height:auto;display:block;border:1px solid #ccc;border-radius:5px}.tab-2{display:flex;flex-wrap:wrap;gap:0 10px;width:min(100%,800px)}.tab-2>label{flex:1 1;order:-1;opacity:.5;min-width:70px;padding:.6em 1em;border-radius:5px 5px 0 0;background-color:#46ced8;color:#fff;font-size:.9em;text-align:center;cursor:pointer}.tab-2>label:hover{opacity:.8}.tab-2>label:has(:checked){opacity:1}.tab-2>label:has(:checked)+div{display:block}.tab-2 input{display:none}.tab-2>div{display:none;width:100%;padding:1.5em 1em;background-color:#fff}