@charset "UTF-8";#bread{width:90%;margin:0 auto}.greeting{background-image:url(//manabellweb.com/wp/wp-content/themes/manabellweb/css/../image/top_kouho-2.jpg);width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;color:#fff;padding-top:6vh;padding-left:16px;padding-right:16px;padding-bottom:6vh}.greeting h2{font-size:21px;font-weight:600;padding-bottom:16px;line-height:1.5em}.greeting p{font-size:14px;line-height:1.5em}.about-article h2{border-bottom:1px solid #9b9b9b;padding-bottom:16px}.about-article h3{border-left:6px solid #76c5ff;padding-left:8px}.tabs{margin-top:50px;padding-bottom:40px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);width:700px;margin:0 auto}#tabs{width:700px;background-color:#fff;margin:0 auto}.tab_item{width:calc(100%/3);height:50px;border-bottom:5px solid #5ab4bd;background-color:rgba(238,238,238,.8);line-height:50px;font-size:16px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:700;transition:all .2s ease}.tab_item2{width:calc(100%/3);height:50px;border-bottom:5px solid #eb8a7a;background-color:rgba(238,238,238,.8);line-height:50px;font-size:16px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:700;transition:all .2s ease}.tab_item3{width:calc(100%/3);height:50px;border-bottom:5px solid #eec055;background-color:rgba(238,238,238,.8);line-height:50px;font-size:16px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:700;transition:all .2s ease}.tab_item:hover{opacity:.75}.tab_item2:hover{opacity:.75}.tab_item3:hover{opacity:.75}input[name=tab_item]{display:none}.tab_content{display:none;padding:40px 40px 0;clear:both;overflow:hidden}#all:checked~#all_content,#programming:checked~#programming_content,#design:checked~#design_content{display:block}input:checked+.tab_item{background-color:#5ab4bd;color:#fff}input:checked+.tab_item2{background-color:#eb8a7a;color:#fff;border-bottom:2px solid #eb8a7a}input:checked+.tab_item3{background-color:#eec055;color:#fff;border-bottom:2px solid #eec055}.pro-box{position:relative}.pro-back{background-color:#eec055;color:#fff;padding:16px}.taget-pro{border:4px solid #eec055;padding:24px;position:relative}.taget-lagel{background-color:#fafafa}.taget-lagel-pro{background-color:#fafafa;color:#eec055;padding:8px;position:absolute;left:0;top:-32px}.mid-tittle-pro{text-align:center;color:#eec055;display:table;white-space:nowrap}.mid-tittle-pro:before{border-left:1px solid #666 transparent;content:"";display:table-cell;width:50%;background:linear-gradient(transparent 50%,currentColor 50%,currentColor calc(50% + 2px),transparent calc(50% + 2px));background-clip:padding}.mid-tittle-pro:after{border-right:1px solid #666 transparent;content:"";display:table-cell;width:50%;background:linear-gradient(transparent 50%,currentColor 50%,currentColor calc(50% + 2px),transparent calc(50% + 2px));background-clip:padding}.pro-box .price-box .synbol{background-color:#eec055}.pro-box .price-box p{color:#eec055}.std-box{position:relative}.std-back{background-color:#eb8a7a;color:#fff;padding:16px}.taget-std{border:4px solid #eb8a7a;padding:24px;position:relative}.taget-lagel-std{background-color:#fafafa;color:#eb8a7a;padding:8px;position:absolute;left:0;top:-32px}.mid-tittle-std{text-align:center;color:#eb8a7a;display:table;white-space:nowrap}.mid-tittle-std:before{border-left:1px solid #666 transparent;content:"";display:table-cell;width:50%;background:linear-gradient(transparent 50%,currentColor 50%,currentColor calc(50% + 2px),transparent calc(50% + 2px));background-clip:padding}.mid-tittle-std:after{border-right:1px solid #666 transparent;content:"";display:table-cell;width:50%;background:linear-gradient(transparent 50%,currentColor 50%,currentColor calc(50% + 2px),transparent calc(50% + 2px));background-clip:padding}.std-box .price-box .synbol{background-color:#eb8a7a}.std-box .price-box p{color:#eb8a7a}.mid-tittle{text-align:center;color:#9fd5d2;display:table;white-space:nowrap}.mid-tittle:before{border-left:1px solid #666 transparent;content:"";display:table-cell;width:50%;background:linear-gradient(transparent 50%,currentColor 50%,currentColor calc(50% + 2px),transparent calc(50% + 2px));background-clip:padding}.mid-tittle:after{border-right:1px solid #666 transparent;content:"";display:table-cell;width:50%;background:linear-gradient(transparent 50%,currentColor 50%,currentColor calc(50% + 2px),transparent calc(50% + 2px));background-clip:padding}.price-table{width:100%;margin:0 auto}.price-box h4{text-align:center;font-size:16px;line-height:1.5em}.price-box p{text-align:center;font-size:24px;color:#9fd5d2;font-weight:500}.synbol{background-color:#9fd5d2;color:#fff;width:60px;height:60px;font-size:32px;text-align:center;vertical-align:middle;display:table-cell}.price-table:after{display:block;clear:both;content:""}.price-box table,.price-box tr,.price-box th,.price-box td{border:none}.price-box{background-color:#e0e0e0;max-width:200px;width:100%;margin:16px;padding-bottom:16px}.price-box th{width:50%;padding:16px;font-weight:400}.price-box td{width:50%;padding:24px;border-left:3px solid #9fd5d2;font-weight:600;font-size:21px}label.panel-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;color:#bdc3c7;cursor:pointer;background-color:#ecf0f1;-webkit-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:.2s;transition-duration:.2s}label.panel-label:hover{color:#9fd5d2}label.panel-label-std:hover{color:#eb8a7a}label.panel-label-pro:hover{color:#eec055}#panels{background-color:#fff;border:1px solid #dfdfdf}#panels .container{margin:0 auto;width:90%}#panels section header label.panel-label{padding:12px 24px;box-sizing:border-box}#panels section main{box-sizing:border-box;max-height:0;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s;overflow-y:hidden}#panel-1-ctrl:checked~#panels #panel-1 main{max-height:initial;opacity:1;padding:48px 24px}#panel-2-ctrl:checked~#panels #panel-2 main{max-height:initial;opacity:1;padding:48px 24px}#panel-3-ctrl:checked~#panels #panel-3 main{max-height:initial;opacity:1;padding:48px 24px}#panel-1-ctrl:checked~#tabs-list #li-for-panel-1{pointer-events:none;cursor:default;-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0);box-shadow:none;border-right:none}#panel-1-ctrl:checked~#tabs-list #li-for-panel-1.last{border-right:1px solid transparent}#panel-1-ctrl:checked~#tabs-list #li-for-panel-1+li{border-left:1px solid #dfdfdf}#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label{background-color:#fff;color:#9fd5d2;padding-top:24px}#panel-1-ctrl:checked~#tabs-list #li-for-panel-1 label.panel-label:after{height:6px}#panel-2-ctrl:checked~#tabs-list #li-for-panel-2{pointer-events:none;cursor:default;-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0);box-shadow:none;border-right:none}#panel-2-ctrl:checked~#tabs-list #li-for-panel-2.last{border-right:1px solid transparent}#panel-2-ctrl:checked~#tabs-list #li-for-panel-2+li{border-left:1px solid #dfdfdf}#panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label{background-color:#fff;color:#eb8a7a;padding-top:24px}#panel-2-ctrl:checked~#tabs-list #li-for-panel-2 label.panel-label:after{height:6px}#panel-3-ctrl:checked~#tabs-list #li-for-panel-3{pointer-events:none;cursor:default;-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0);box-shadow:none;border-right:none}#panel-3-ctrl:checked~#tabs-list #li-for-panel-3.last{border-right:1px solid transparent}#panel-3-ctrl:checked~#tabs-list #li-for-panel-3+li{border-left:1px solid #dfdfdf}#panel-3-ctrl:checked~#tabs-list #li-for-panel-3 label.panel-label{background-color:#fff;color:#eec055;padding-top:24px}#panel-3-ctrl:checked~#tabs-list #li-for-panel-3 label.panel-label:after{height:6px}ul#tabs-list{display:flex;justify-content:center;list-style:none;text-align:center;margin:0;padding:0;text-align:center}ul#tabs-list li{display:flex;text-align:center;font-size:1em;width:18%;box-shadow:0px -2px 2px rgba(0,0,0,.05);border-right:1px solid #dfdfdf;position:relative}ul#tabs-list li:hover{-webkit-transition:none;transition:none;border-right:none}ul#tabs-list li:hover.last{border-right:1px solid transparent}ul#tabs-list li:hover+li{border-left:1px solid #dfdfdf}ul#tabs-list li label.panel-label{position:relative;padding:24px 0;font-size:1em}ul#tabs-list li label.panel-label:after{content:"";position:absolute;width:100%;left:0;bottom:100%;background-color:#9fd5d2;height:0;-webkit-transition-property:height;transition-property:height;-webkit-transition-duration:.2s;transition-duration:.2s}ul#tabs-list li label.panel-label-std:after{content:"";position:absolute;width:100%;left:0;bottom:100%;background-color:#eb8a7a;height:0;-webkit-transition-property:height;transition-property:height;-webkit-transition-duration:.2s;transition-duration:.2s}ul#tabs-list li label.panel-label-pro:after{content:"";position:absolute;width:100%;left:0;bottom:100%;background-color:#eec055;height:0;-webkit-transition-property:height;transition-property:height;-webkit-transition-duration:.2s;transition-duration:.2s}ul#tabs-list li label.panel-label:hover{padding-top:24px}ul#tabs-list li label.panel-label:hover:after{height:6px}.panel-radios{display:none}.red{color:#a94442;font-size:16px}.besic-sup{padding-bottom:24px}.besic-sup table{width:100%}.besic-sup table th{width:90px;background-color:#9fd5d2;color:#fefefe;padding:12px;font-size:1.2em}.besic-sup table th:last-child{width:180px}.besic-sup table td{width:90px}.besic-sup table td:last-child{width:180px}.besic-sup .table-tittle{color:#9fd5d2;font-size:21px;font-weight:500;text-align:center}.besic-sup .table-price{font-size:2.5em;font-weight:500;text-align:center}.re-sup table th{background-color:#eb8a7a;color:#f2f2f2}.re-sup .table-tittle{color:#eb8a7a}.pre-sup table th{background-color:#eec055;color:#f2f2f2}.pre-sup .table-tittle{color:#eec055}.sample-de{padding-top:16px}.flow-article{position:relative;margin-bottom:40px;padding:16px}.flow-article:after{display:block;content:"";width:0;height:0;border-style:solid;border-width:40px 30px 0;border-color:#cecece transparent transparent;position:absolute;bottom:-40px;left:20%}.flow-article:last-child:after{display:none}.flow-article:nth-child(4):after{display:block;content:"";width:0;height:0;border-style:solid;border-width:40px 30px 0;border-color:#cecece transparent transparent;position:absolute;bottom:-40px;left:20%}.flow-mid{background-color:#e0e0e0;display:inline-block;padding:12px}.flow-mid h3{text-indent:3em;display:inline;color:#6aaee0;padding-left:3em;padding-right:3em;font-size:18px}.flow p{padding-top:12px;padding-bottom:24px;padding-left:7em}.flow span{color:#4a4a4a;font-size:18px;font-weight:500}.haikei{background-color:#e0e0e0;padding:16px}.table-tyui table th{width:35%;padding:12px;font-size:16px;background-color:#d1e7f6}.table-tyui table td{width:65%}.bule{font-weight:500;color:#5dadf8;font-size:21px}.contact{margin-top:2em;padding:24px;border:1px solid #f0f0f0;background-color:#fff}.contact h2{font-size:24px;border-left:6px solid #035184;padding-left:12px}.contact .tel-contact{text-align:center}.contact .mail-contact{background-color:#035184;padding:14px;text-align:center;font-size:16px}.contact .mail-contact a{color:#fff}.support h2{background-color:#f0efef;padding:12px;font-size:24px}.support h3{font-size:21px}.re{color:#eb8a7a}.suppprt-box-be{padding:24px 8px}.suppprt-box-be table tr th{background-color:#9fd5d2;color:#fff;text-align:left;width:calc(100%/4)}.support-box-re{padding:24px 8px}.support-box-re table tr th{background-color:#eb8a7a;color:#fff;width:calc(100%/4);text-align:left}.support-box-pre{padding:24px 8px}.support-box-pre table tr th{background-color:#f7ce64;color:#fff;width:calc(100%/4);text-align:left}@media screen and (min-width:769px){.greeting{background-image:url(//manabellweb.com/wp/wp-content/themes/manabellweb/css/../image/top_kouho-2.jpg);width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;color:#fff;padding-top:10vh;padding-left:50%;padding-right:16px;padding-bottom:10vh}.greeting-box{color:#fff;position:absolute;right:5%;top:20%;width:40%}.greeting h2{font-size:24px;font-weight:600;padding-bottom:16px;line-height:1.5em}.greeting p{font-size:16px;line-height:1.5em}.web-ad-box{padding:16px;padding-top:48px;padding-bottom:48px;border-bottom:1px solid #c3c3c3}.web-ad-img{float:left;width:40%}.web-ad-text{float:left;width:60%;padding:16px}.web-ad-text h3{border:none;padding-top:0;margin-top:0;font-size:21px;color:#338cd8}.web-ad-text h3 span{color:#338cd8;padding-right:8px;font-size:28px}.web-ad-text p{font-size:14px;line-height:2em}.web-ad-box:after{content:"";clear:both;display:block}.web-pr:after{content:"";display:block;clear:both}.web-pr{margin:0 auto;width:90%}.web-pr-text{float:left;width:60%;padding:32px}.web-pr-text .h3{line-height:2em}.web-pr-text p{font-size:14px}.web-pr-img{float:left;width:40%}.price-box{background-color:#e0e0e0;max-width:200px;width:28%;float:left;margin:16px;padding-bottom:16px}}@media screen and (max-width:768px){.suppprt-box-be table tr th{display:block;width:100%}.suppprt-box-be table tr td{display:block;width:100%;line-height:1.5em}.support-box-re table tr th{display:block;width:100%}.support-box-re table tr td{display:block;width:100%;line-height:1.5em}.support-box-pre table tr th{display:block;width:100%}.support-box-pre table tr td{display:block;width:100%;line-height:1.5em}.web-pr{margin:0 auto;width:96%}.web-pr-text .h3{line-height:1.5em}}