@charset "UTF-8";.breadcrumb{font-size:12px;font-weight:500;text-align:left;line-height:12px;background:#d0ebff;padding:10px;margin-bottom:100px;box-sizing:border-box}.breadcrumb a{font-size:12px}.breadcrumb a:after{content:">";padding-left:3px}.breadcrumb span{font-size:12px}.page h1{font-size:22px;text-align:left;background:#d0ebff;color:#777;padding:22px 20px;margin-bottom:30px;box-sizing:border-box}.work-box{width:90%;margin:0 auto}.work-box-title{font-weight:700;text-align:center;font-size:18px}.post-result-text{text-align:center;font-size:14px}.hp-user-list{border-bottom:1px dashed #aaa;padding:40px 0}.hp-user-list:first-of-type{border-top:1px dashed #aaa;margin:40px 0 0}.hp-user-name{font-weight:700;font-size:16px;text-align:center}.hp-user-img{margin:0}#detail .news_li h1{font-size:20px;text-align:left;background:#d0ebff;color:#777;padding:15px 20px;margin-bottom:30px;box-sizing:border-box}#detail .news_li ul{display:flex;flex-wrap:wrap;justify-content:space-between}#detail .news_li ul li{width:48%;margin-bottom:50px}#detail .news_li ul li .n_img{height:250px;border:1px solid #efefef;box-sizing:border-box;overflow:hidden;position:relative;display:block}#detail .news_li ul li .n_img img{object-fit:cover;position:absolute;height:100%;right:0;left:0;margin:auto}#detail .news_li ul li .n_txt{background:rgba(255,255,255,.8);width:100%;padding:10px 20px;box-sizing:border-box;position:absolute;bottom:0;z-index:1}#detail .news_li ul li .n_txt>*{margin-bottom:5px;display:block}#detail .news_li ul li .n_txt h2{font-size:16px;line-height:22px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#detail .news_li ul li .n_txt .day{font-size:14px;font-weight:700}#detail .news ul li .category{position:absolute;top:0;left:0;font-size:12px;font-weight:700;padding:5px 10px;background:#00b2ff;color:#fff;border-bottom-right-radius:5px}#detail .search_result p{font-weight:700;font-size:14px;line-height:22px;margin-bottom:10px}@media screen and (max-width:800px){#detail .news_li ul li{width:100%;margin-bottom:30px}}#search_detail .news_li h1{font-size:20px;text-align:left;background:#d0ebff;color:#777;padding:15px 20px;margin-bottom:30px;box-sizing:border-box}#search_detail .news_li ul{display:flex;flex-wrap:wrap;justify-content:space-between}#search_detail .news_li ul li{width:48%;margin-bottom:50px}#search_detail .news_li ul li .n_img{height:250px;border:1px solid #efefef;box-sizing:border-box;overflow:hidden;position:relative;display:block}#search_detail .news_li ul li .n_img img{object-fit:cover;position:absolute;height:100%;right:0;left:0;margin:auto}#search_detail .news_li ul li .n_txt{background:rgba(255,255,255,.8);width:100%;padding:10px 20px;box-sizing:border-box;position:absolute;bottom:0;z-index:1}#search_detail .news_li ul li .n_txt>*{margin-bottom:5px;display:block}#search_detail .news_li ul li .n_txt h2{font-size:16px;line-height:22px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#search_detail .news_li ul li .n_txt .day{font-size:14px;font-weight:700}#search_detail .news_li ul li .category{position:absolute;top:0;left:0;font-size:12px;font-weight:700;padding:5px 10px;background:#00b2ff;color:#fff;border-bottom-right-radius:5px}#search_detail .search_result p{font-weight:700;font-size:14px;line-height:22px;margin-bottom:10px}@media screen and (max-width:800px){#search_detail .news_li ul li{width:100%;margin-bottom:30px}}#news .news_li h1{font-size:20px;text-align:left;background:#d0ebff;color:#777;padding:15px 20px;margin-bottom:30px;box-sizing:border-box}#news .news_li ul{display:flex;flex-wrap:wrap;justify-content:space-between}#news .news_li ul li{width:48%;margin-bottom:50px}#news .news_li ul li .n_img{height:250px;border:1px solid #efefef;box-sizing:border-box;overflow:hidden;position:relative;display:block}#news .news_li ul li .n_img img{object-fit:cover;position:absolute;height:100%;right:0;left:0;margin:auto}#news .news_li ul li .n_txt{background:rgba(238,238,238,.8);width:100%;padding:10px 20px;box-sizing:border-box;position:absolute;bottom:0;z-index:1}#news .news_li ul li .n_txt>*{margin-bottom:5px;display:block}#news .news_li ul li .n_txt .flx{display:flex;gap:5px;align-items:center}#news .news_li ul li .n_txt h2{font-size:16px;line-height:22px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#news .news_li ul li .n_txt .day{font-size:14px;font-weight:700}#news .news_li ul li .category{position:absolute;top:5px;right:6px;font-size:13px;font-weight:700;padding:8px 10px;color:#fff;background:#aaa}#news .news_li ul li .category.wordpress{background:#1d89b8}#news .news_li ul li .category.coding{background:#bfbd23}#news .news_li ul li .category.php{background:#0f4aaf}#news .news_li ul li .category.web-app{background:#f25b5b}#news .news_li ul li .category.job{background:#47c4f1}#news .news_li ul li .category.web-knowledge{background:#2ba309}#news .news_li ul li .category.google-chrome{background:#c99a28}#news .news_li ul li .category.express{background:#e061a7}#news .news_li ul li .category.illustrator{background:#d85d16}#news .news_li ul li .category.marketing{background:#864bb5}#news .nav-links{margin:100px 0;display:flex;justify-content:center;align-items:center;gap:5px}#news .nav-links a,#news .nav-links span{height:30px;padding:0 15px;border:2px solid #00b2ff;border-radius:3px;font-weight:700;color:#00b2ff;display:flex;gap:10px;align-items:center}#news .nav-links span.current{background:#00b2ff;color:#fff}#news .nav-links span.dots{border:none}#news .nav-links .prev img,#news .nav-links .next img{width:7px}@media screen and (max-width:800px){#news .news_li ul li{width:100%;margin-bottom:30px}}#news_detail .day{font-size:14px;font-weight:700;color:#777;padding-bottom:3px;margin-bottom:15px;border-bottom:2px dotted #aaa;display:inline-block}#news_detail .news_dt h1{font-size:26px;line-height:34px;text-align:left;color:#00b2ff;margin:20px 0 30px;position:relative}#news_detail .news_dt h1:after{content:"";background:repeating-linear-gradient(-45deg,#ccd6e5,#ccd6e5 2px,#fff 2px,#fff 4px);position:absolute;left:0;bottom:0;width:100%;height:7px;z-index:-1}#news_detail .news_dt .post_thumb{margin-bottom:20px;border:2px solid #ddd;box-sizing:border-box}#news_detail .news_dt .category li a{font-size:13px;font-weight:700;color:#00b2ff;padding:5px 10px;box-sizing:border-box;border:2px solid #00b2ff;border-radius:50px;display:inline-block}#news_detail .news_dt .pager{margin:100px 0;display:flex;justify-content:center;align-items:center}#news_detail .news_dt .pager a{padding:10px 20px;border:2px solid #5abee9;border-radius:3px;font-weight:700;color:#00b2ff;display:flex;gap:10px;align-items:center}#news_detail .news_dt .pager a:nth-of-type(1){display:flex}#news_detail .news_dt .pager a:nth-of-type(3){display:flex}#news_detail .news_dt .pager .arrow{width:10px}#news_detail .news_dt .pager .list{padding:11.5px 20px;margin:0 20px;font-weight:700;box-sizing:border-box;border:2px solid #5abee9;background:#5abee9;color:#fff;text-align:center}#news_detail .post_content h2{font-size:23px;line-height:34px;text-align:left;color:#333;padding:15px;display:flex;background:#5abee9;color:#fff;margin:50px 0 20px;box-sizing:border-box}#news_detail .post_content h3{font-size:20px;line-height:25px;font-weight:700;margin:30px 0 15px;padding-bottom:10px;color:#333;border-bottom:2px solid #00b2ff}#news_detail .post_content h4{font-size:18px;font-weight:700;padding:30px 0 10px;margin-bottom:10px;border-bottom:1px solid #aaa}#news_detail .post_content p{font-size:15px;font-weight:400;line-height:35px;color:#333}#news_detail .post_content figure{margin:20px 0}#news_detail .hcb-detail{border:2px solid #209301;box-sizing:border-box;margin:60px 0 20px;padding:20px;position:relative}#news_detail .hcb-detail:before{content:"結果";position:absolute;top:-35px;color:#fff;padding:10px 20px;font-weight:700;background:#209301;border-top-left-radius:5px;border-top-right-radius:5px;font-size:15px;line-height:1}#news_detail .news_dt ol{counter-reset:ol-flow 0;box-sizing:border-box;border:2px dotted #5abee9;margin:10px 0;padding:20px}#news_detail .news_dt ol li{font-size:14px;line-height:29px;font-weight:700;color:#777}#news_detail .news_dt ol li:before{margin-right:13px;counter-increment:ol-flow 1;content:counter(ol-flow) "."}#news_detail .news_dt .post_content strong{font-weight:700}#news_detail .news_dt .post_content ul{box-sizing:border-box;border:2px dotted #27c500;margin:10px 0;padding:20px}#news_detail .news_dt .post_content ul li{font-size:15px;line-height:34px;font-weight:700;color:#777;list-style:none}#news_detail .news_dt .post_content ul li:before{margin-right:13px;content:"・"}#news_detail .youtube{position:relative;padding-bottom:56.25%;height:0;margin:20px 0;overflow:hidden}#news_detail .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}#news_detail .rslt_btn{text-align:center;font-size:13px;font-weight:700;width:200px;padding:10px 0;margin:0 auto;border:2px solid #5982bf;background:#5982bf;color:#fff;box-sizing:border-box;display:block}#news_detail .rslt_btn:hover{opacity:1}#news_detail #toc_container{margin:20px auto 0}#news_detail .news_dt .post_content ul.toc_list,#news_detail .news_dt .post_content ul.toc_list>li>ul{border:none;margin:0}#news_detail .news_dt .post_content ul.toc_list>li:before,#news_detail .news_dt .post_content ul.toc_list>li>ul>li:before{content:none}#news_detail .news_dt .post_content ul.toc_list>li>ul{padding:0 0 0 10px}#news_detail .news_dt .post_content ul.toc_list li .toc_number:after{content:"-"}#news_detail .related_post h2{font-size:20px;padding-bottom:8px;margin-bottom:20px;border-bottom:2px solid #aaa;position:relative}#news_detail .related_post h2:after{content:"";position:absolute;bottom:-2px;left:0;height:2px;width:100px;background:#00b2ff}#news_detail .related_post ul{display:flex;flex-wrap:wrap;row-gap:15px}#news_detail .related_post li{width:32%;margin:0 2% 20px 0}#news_detail .related_post li:nth-child(3n){margin-right:0}#news_detail .related_post li:nth-child(-n+3){margin-bottom:0}#news_detail .related_post li a div{position:relative;width:100%;height:150px;border:1px solid #efefef;box-sizing:border-box;overflow:hidden}#news_detail .related_post li a div img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%}#news_detail .related_post p{margin-top:10px;font-size:15px;line-height:23px;font-weight:700}@media screen and (max-width:800px){#news_detail .news_dt h1{font-size:19px;line-height:24px}#news_detail .news_dt .pager .list{letter-spacing:1px}#news_detail .related_post h2{font-size:17px}#news_detail .related_post ul{justify-content:space-between}#news_detail .related_post li{width:48%;margin-right:0}#news_detail .related_post p{margin-top:5px;font-size:13px;line-height:20px}#news_detail .hcb-detail{padding:15px}#news_detail .post_content h2{font-size:17px;line-height:26px}#news_detail .post_content h3{font-size:15px;line-height:22px;padding-bottom:2px}#news_detail .post_content h4{font-size:14px;line-height:20px;padding-bottom:2px}#news_detail .post_content p{font-size:14px;line-height:28px}#news_detail .border2Box-red,#news_detail .border2Box-blue{font-size:14px;line-height:24px}}#style h3{font-size:20px;line-height:25px;font-weight:700;margin:30px 0 15px;padding-bottom:3px;color:#333;border-bottom:2px solid #00b2ff}#sitemap .map_txt{margin-bottom:20px}#sitemap h2{font-size:19px;line-height:28px;text-align:left;color:#333;padding:15px 0 10px;display:flex;border-left:3px solid #00b2ff;padding:5px 4px 5px 6px;margin:25px 0 15px;box-sizing:border-box}#sitemap ul li{margin-bottom:10px}#sitemap ul li a{text-decoration:underline}#contact .form_container{margin-top:30px}#contact .page p{font-size:15px;line-height:26px}#contact .form_container span{display:block}#contact .form_wrap div{display:flex;flex-direction:column;margin-bottom:20px}#contact .form_wrap div dt{font-size:15px;font-weight:700;padding-bottom:5px}#contact .form_wrap div dd span input[type=text]{font-size:14px;font-family:inherit;width:100%;box-sizing:border-box;padding:10px}#contact .form_wrap div dd span input[type=email]{font-size:14px;font-family:inherit;width:100%;box-sizing:border-box;padding:10px}#contact .form_wrap div dd span textarea{font-size:14px;font-family:inherit;width:100%;box-sizing:border-box;padding:10px}#contact input[type=submit]{font-family:inherit;font-weight:700;width:200px;padding:10px 0;margin:0 auto;background:#00b2ff;color:#fff;border:none;border-radius:50px;display:block;cursor:pointer}#contact .form_wrap dt.required p{line-height:1;display:flex;align-items:center;gap:10px}#contact .form_wrap dt.required p:after{content:"必須";font-size:12px;line-height:1;color:#fff;padding:5px;background:red;display:block}#privacy-policy p{margin-bottom:20px}#privacy-policy .po_ttl{font-size:18px;font-weight:700}#privacy-policy .po_txt{font-size:14px;line-height:25px}#privacy-policy .policy a{text-decoration:underline}#error p{font-size:15px;line-height:22px;font-weight:700}#error dl{background:#36a0b9;margin:20px 0;padding:20px;box-sizing:border-box}#error dt{font-weight:700;color:#fff;margin-bottom:10px}#error dt:after{content:"…"}#error dd{font-size:15px;line-height:22px;color:#fff}#error .return_error{text-align:center}#error a{border-bottom:1px dashed #333;padding-bottom:1px}