body{font-family:ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO}.content-img{border:2px solid #000}#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:0;border-color:transparent;border-radius:0;display:block;height:auto;max-width:100%}.example{border:0;border-color:transparent;position:relative}.example p{background:transparent;color:transparent;font-size:10px;left:0;line-height:1;margin:0;padding:5px;position:absolute;top:0}.example p1{border-color:transparent;border-radius:3px;left:50px;top:180px}.example p1,.example p2{background:transparent;color:transparent;font-size:12px;line-height:1;margin:0;padding:5px;position:absolute}.example p2{left:0;top:0}.example p3{background:transparent;border-color:transparent;border-radius:3px;color:transparent;font-size:12px;left:5px;line-height:1;margin:0;padding:5px;position:absolute;top:240px}.card-list{background-image:url();color:#3f3f3f;list-style:none;margin:2em 0;padding:.5em}.card-figure{margin:0;padding:0}.card-title{font-size:1em;line-height:1.3em;margin:.4em 0 .6em}.card-title,.card-title2{font-family:ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-weight:700;text-align:center}.card-title2{border-radius:1.3em;font-size:.3em;margin:0}.card-title3{color:#000;font-size:.3em;margin:0 0 .8em;text-align:center;　font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";background:#fff;font-weight:none;line-height:2em}.card__text_01{font-size:1rem;padding-bottom:0;text-align:center;text-decoration:none}.highlight{background:linear-gradient(transparent 50%,#ff6 0);line-height:1.3em}.highlight,h3{text-align:center}h3{background:-webkit-repeating-linear-gradient(-45deg,#fff5df,#fff5df 4px,#ffe4b1 0,#ffe4b1 8px);background:repeating-linear-gradient(-45deg,#fff5df,#fff5df 4px,#ffe4b1 0,#ffe4b1 8px);border-radius:10px;font-family:ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;padding:.2em;position:relative}h3:after{border:15px solid transparent;border-top-color:#ffebbe;content:"";height:0;left:30px;position:absolute;top:100%;width:0}.button_02.-compact{background:#fee6e3;padding-top:.1rem}.button_02.-compact:hover{background:#cae0a0;color:#000}.button_02.-compact{background-color:#fee6e3;border:2px solid #111;border-radius:10px;color:#000;display:inline-block;font-family:ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO;font-weight:700;padding:.5rem 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{background-color:#fff;border:solid;border-color:#00abd3;border-radius:10px;margin:10 auto;padding-bottom:20px;width:100%}.container{margin:0 auto;max-width:480px;width:100%}.button003{background-color:#fff;border:none;border-radius:20px;color:#fff;cursor:pointer;line-height:40px;outline:none;padding:0;width:160px}.list{display:flex;flex-wrap:wrap;margin:40px -20px 0}.list li{background:#;box-sizing:border-box;flex-basis:calc(33.33333% - 20px);height:auto;margin:0 10px 20px;max-width:calc(33.33333% - 20px);opacity:1;padding:10px;text-align:center;transition:all .4s ease 0s;overfllow:hidden}.list li.is-hidden{height:0;margin:0 10px;opacity:0;padding:0;visibility:hidden}.more{margin-top:20px;text-align:center}.button{background-color:#5c6bc0;border:none;border-radius:20px;color:#fff;cursor:pointer;line-height:40px;outline:none;padding:0;width:160px}.tab_item{background-color:#fff;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);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}