body{font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif}#cardlayout-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin:.8em auto;max-width:900px;position:relative;width:100%}#cardlayout-wrap img{display:block;height:auto;margin:.7em auto;max-width:85%}.card-list{background:repeating-linear-gradient(-45deg,#efefef,#efefef 3px,#f7f8f8 0,#f7f8f8 7px);box-sizing:border-box;margin:.4em 0;padding:.3em;position:relative;width:100%}.card-figure{margin:0;padding:0}.card-title{color:#000;font-size:1.3em;font-weight:700;line-height:1.3em;margin:.8em 0;text-align:center}.example{display:flex;gap:5px;left:10px;position:absolute;top:10px;z-index:2}.example p{background:#909090}.example p,.example p1{border-radius:.3rem;color:#fff;font-size:11px;font-weight:700;line-height:1;margin:0;padding:7px}.example p1{background:#00a61b}a.btn,button.btn{border-radius:.5rem;color:#000;cursor:pointer;display:inline-block;font-family:MS PGothic,sans-serif;font-size:1rem;line-height:1.3rem;padding:1rem 4rem;position:relative;text-decoration:none;transition:all .3s;user-select:none;vertical-align:middle}a.btn-c{background:#fff;border:1px solid #000;box-sizing:border-box;color:#000;font-size:.9rem;font-weight:700;margin:.4rem 0;padding:.8rem 1.3rem .8rem 3.5rem;text-align:left;width:100%}a.btn-c span{background:#000;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;margin-bottom:.5em;margin-top:.3em;padding:.4rem;width:100%}a.btn-c:before{content:"\f105";font-family:Font Awesome\ 5 Free;font-size:2rem;left:1rem;line-height:1;position:absolute;top:calc(50% - .7rem);transition:all .2s}a.btn-c:hover{background:#aaa;color:#fff}@media (min-width:900px){.card-list{width:49%}#cardlayout-wrap:after{content:"";display:block;width:50%}}@media (max-width:480px){.card-list{width:100%}}.tabs2,.wrapper{width:100%}.tabs2{margin-top:50px;padding-bottom:30px}.tab_item,.tabs2{background-color:#fff}.tab_item{box-shadow:0 7px 34px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);color:#565656;cursor:pointer;display:block;float:left;font-size:17px;font-weight:700;height:50px;line-height:50px;text-align:center;transition:all .2s ease;width:50%}.tab_item01{border-radius:6px 0 0 6px}.tab_item02{border-radius:0 6px 6px 0}.tab_item:hover{opacity:.75}input[name=tab_item3]{display:none}.tab_content{animation:anime1 .5s ease;clear:both;display:none;overflow:hidden;padding:10px 2px;position:relative}@keyframes anime1{0%{opacity:0;top:20px}to{opacity:1;top:0}}#all3:checked~#all3_content,#programming3:checked~#programming3_content{display:block}.tabs2 input:checked+.tab_item{background-color:#000;color:#fff}