#cardlayout-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;max-width:1025px;width:100%;-webkit-box-pack:justify;justify-content:space-between}a.card-link{text-decoration:none}#cardlayout-wrap img{border:solid;border-color:#fff;border-radius:8px;display:block;height:auto;max-width:100%}.example{position:relative}.example p{background:#909090;color:#fff;font-size:10px;left:0;line-height:1;margin:0;padding:5px;position:absolute;top:0}.example p19,.example p20{background:#393;color:#fff;line-height:1;margin:0;padding:5px;position:absolute}.card-list{background-image:url();margin:2em 0;padding:.5em}.card-figure{margin:0;padding-bottom:2em}.card-title{color:#6a6a6a;font-size:1em;font-weight:700;line-height:1.3em;margin:.4em 0 .6em;text-align:center}.card-title2{margin:0;　font-family:Arial;border-bottom:1px solid #000;border-radius:3px;font-weight:700}.card-title2,.card-title3{background:#fff;color:#000;font-size:.9em;line-height:2em;text-align:center}.card-title3{margin:0 0 .8em;　　　　font-family:Arial;font-weight:none}.card__text_01{font-size:1rem;padding-bottom:0;text-align:center;text-decoration:none}.button_01.-compact{background:#5b4b40;border:1px solid #fff;border-radius:0;padding-top:.5rem}.button_01.-compact:hover{background:#cae0a0;color:#000}.button_01.-compact{background-color:#5b4b40;border-radius:.3rem;color:#fff;display:inline-block;font-weight:700;padding:.7rem 2rem;text-decoration:none;transition:background-color .3s ease-in-out}a.btn--yellow.btn--border-dashed{border:2px dashed #000}.card-list{margin:.5em 0;width:48%}@media (min-width:900px){.card-list{width:32%}#cardlayout-wrap:after{content:"";display:block;width:33.33333%}}.tabs{border:solid;border-color:#393;border-radius:10px;margin:10 auto;padding-bottom:20px;width:100%}.tab_item,.tabs{background-color:#fff}.tab_item{border:.8px solid #000;border-radius:3px;box-shadow:0 7px 34px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);color:#565656;display:block;float:left;font-size:17px;font-weight:700;height:50px;line-height:50px;text-align:center;text-align:left;transition:all .2s ease;width:50%}.tab_item01,.tab_item02{border-radius:0 6px 6px 0}.tab_item:hover{opacity:.75}input[name=tab_item]{display:none}.tab_content{animation:anime1 1s ease;clear:both;display:none;overflow:hidden;padding:10px 2px 10;position:relative}@keyframes anime1{0%{opacity:0;top:50px}to{opacity:1;top:0}}#all:checked~#all_content,#design:checked~#design_content,#programming:checked~#programming_content{display:block}.tabs input:checked+.tab_item{background-color:#ae2a19;color:#fff}.example p19{font-size:12px;left:6%;top:90%}@media only screen and (max-width:540px){.example p19{font-size:10px;left:3%;top:83%}}@media only screen and (max-width:750px){.pc{display:none!important}.sp{display:block!important}}.example p20{font-size:12px;left:40%;top:90%}@media only screen and (max-width:540px){.example p20{font-size:10px;left:50%;top:83%}}