.page-rec_blog .h-sp{display:none}@media screen and (max-width:768px){.page-rec_blog .h-pc{display:none !important}.page-rec_blog .h-sp{display:block}}.page-rec_blog .page-rec_blog__inner{margin:auto;padding:7rem 0 9rem}.page-rec_blog .page-rec_blog-lead{font-size:2.8rem;font-weight:500;text-align:center;margin-bottom:4rem}.page-rec_blog .page-rec_blog-lead span{display:inline-block}.page-rec_blog .page-blog__select{margin-bottom:2rem;position:relative}.page-rec_blog .page-blog__select:after{content:'';position:absolute;right:1.4rem;top:1.8rem;background:#272c41;clip-path:polygon(0 10%,10% 0,50% 70%,90% 0,100% 10%,50% 100%);width:1.6rem;height:1.1rem}.page-rec_blog .page-blog__filter{border:1px solid #000;border-radius:6px;width:100%;padding:.8rem 1.2rem}.page-rec_blog .c-faq{width:90%;margin:0 auto}@media screen and (max-width:768px){.page-rec_blog .c-faq{width:100%}}.page-rec_blog .c-faq__question{color:#5d647d;font-weight:500}.page-rec_blog .c-faq__icon__bar--v,.page-rec_blog .c-faq__icon__bar--h{background-color:#5d647d}.page-rec_blog .c-faq__icon__bar--v{width:2px}.page-rec_blog .c-faq__icon__bar--h{height:2px}.page-rec_blog .c-faq__answer{margin-top:1.6rem}.page-rec_blog .c-search-form{width:100%;max-width:75rem;border:1px solid #00a1e9;border-radius:9999px;margin:0 auto}.page-rec_blog .page-rec_blog-tab{display:flex;justify-content:space-between;align-items:flex-start;width:90%;min-width:676px;margin:60px auto 0}.page-rec_blog .page-rec_blog-tab__item{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:.7rem;flex:0 0 17.5%}.page-rec_blog .page-rec_blog-tab__item a{padding:.5rem;display:inline-block;background:#00a1e9;color:#fff;width:100%;text-align:center;font-weight:400;font-size:1.8rem;letter-spacing:normal}.page-rec_blog .page-rec_blog-tab__item.is-active a{background:#094296}.page-rec_blog .page-rec_blog-tab__item.is-active:after{content:'';display:inline-block;clip-path:polygon(50% 100%,0 0,100% 0);background:#094296;width:1.6rem;height:1.3856rem}.page-rec_blog .tag_block.tag_block__nav{margin-bottom:6rem;padding:2rem;border:1px solid #000;border-radius:10px}.page-rec_blog .tag_block.tag_block__nav .tag_block__list{display:flex;align-items:center;width:90%;margin:0 auto 2rem;gap:2rem}@media screen and (max-width:768px){.page-rec_blog .tag_block.tag_block__nav .tag_block__list{flex-wrap:wrap;width:100%;gap:1.6rem}}.page-rec_blog .tag_block.tag_block__nav .tag_block__list.tag_block__list__older{flex-wrap:wrap;margin-top:2rem;width:100%}.page-rec_blog .tag_block.tag_block__nav .tag_block__list .tag_block__item{flex:1 0 auto}@media screen and (max-width:768px){.page-rec_blog .tag_block.tag_block__nav .tag_block__list .tag_block__item{flex:0 0 auto;min-width:70px}}.page-rec_blog .tag_block.tag_block__nav .tag_block__list.tag_block__list__older .tag_block__item{flex:0 0 auto;min-width:70px}.page-rec_blog .tag_block.tag_block__nav .tag_block__list .tag_block__item a{color:#00a1e9;display:inline-block;width:100%;padding:.5rem .75rem;border:1px solid #00a1e9;border-radius:9999rem;text-align:center;font-weight:500}@media screen and (max-width:768px){.page-rec_blog .tag_block.tag_block__nav .tag_block__list .tag_block__item a{padding:.2rem .5rem}}.page-rec_blog .tag_block.tag_block__nav .tag_block__list .tag_block__item.is-active a{color:#094296;border:1px solid #094296;background:#e6f0ff}.page-rec_blog .tag_block.tag_block__nav .tag_block__list .tag_block__item.is-active a:before{content:'';background:#094296;display:inline-block;margin-left:-.2rem;margin-right:1rem;clip-path:polygon(10% 0,0 10%,40% 50%,0 90%,10% 100%,50% 60%,90% 100%,100% 90%,60% 50%,100% 10%,90% 0,50% 40%);width:1rem;height:1rem}@media screen and (max-width:768px){.page-rec_blog .tag_block.tag_block__nav .tag_block__list .tag_block__item.is-active a:before{margin-left:0;margin-right:.5rem}}.page-rec_blog .tag_block.tag_block__nav .tag_block__list.tag_block__list__older .tag_block__item.is-active a:before{margin-left:0;margin-right:.5rem}.page-rec_blog .tag_block.tag_block__nav .c-search-form input{color:#272c41 !important}.page-rec_blog .tag_block.tag_block__nav .c-search-form input::placeholder{color:#d3dae2 !important}.page-rec_blog .page-rec_blog__result{margin:0 auto 1.6rem;width:90%}@media screen and (max-width:768px){.page-rec_blog .page-rec_blog__result{width:100%}}.page-rec_blog .page-rec_blog__result.page-rec_blog__result-notag{margin-bottom:0}.page-rec_blog .page-rec_blog__result .page-rec_blog__result-link{background-color:#f4f6f8;border-radius:3px;padding:3px 5px}.page-rec_blog .page-rec_blog__result .page-rec_blog__result-link:before{content:'';background:#272c41;display:inline-block;margin-right:.5rem;clip-path:polygon(10% 0,0 10%,40% 50%,0 90%,10% 100%,50% 60%,90% 100%,100% 90%,60% 50%,100% 10%,90% 0,50% 40%);width:1rem;height:1rem}.page-rec_blog .c-articles--blog .c-articles__item .c-articles__des .c-articles__ttl{color:#5d647d;font-size:1.6rem}.page-rec_blog .c-articles--blog .c-articles__item .c-articles__des .c-articles__box{justify-content:flex-start;align-items:center;gap:1.6rem}.page-rec_blog .c-articles--blog .c-articles__item .c-articles__des .c-articles__box .c-articles__category{border:1px solid #d3dae2;border-radius:6px;font-weight:500;font-size:1.2rem;line-height:1.5;color:#979eb4;background:#f4f6f8;padding:2px 10px}.page-rec_blog .c-articles--blog .c-articles__item .c-articles__des .c-articles__box .c-articles__day{font-size:1.4rem;color:#979eb4}.page-rec_blog .c-articles--blog .c-articles__item .c-articles__des .c-articles__box .c-articles__day .is-new{font-family:"IBM Plex Sans";font-weight:600;font-size:1.2rem;color:#f44a4a;margin-left:6px}.page-rec_blog .c-articles--blog .c-articles__item .c-articles__des .tag_block .tag_block__list{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}.page-rec_blog .c-articles--blog .c-articles__item .c-articles__des .tag_block .tag_block__list .tag_block__item a{color:#00a1e9;font-size:1.2rem}.page-rec_blog .c-pagenation{margin-top:5rem}@media screen and (max-width:768px){.page-rec_blog .c-pagenation{margin-top:5rem}}.page-single.page-single--rec_blog .post__meta{display:flex;align-items:center}.page-single.page-single--rec_blog .post__date{color:#979eb4}.page-single.page-single--rec_blog .post__rec_blog_category{border:1px solid #d3dae2;border-radius:6px;font-weight:500;font-size:1.2rem;line-height:1.5;color:#979eb4;background:#f4f6f8;padding:2px 10px}.page-single.page-single--rec_blog .post__tag{color:#00a1e9;font-size:1.2rem;border-bottom:unset}.page-single.page-single--rec_blog .c-suggest.c-suggest__rec_blog{margin-top:60px}.page-single.page-single--rec_blog .c-suggest__related .c-suggest_related_item__ttl{color:#5d647d;font-size:1.5rem;font-weight:500}.page-single.page-single--rec_blog .c-suggest_related_item__meta{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:9px;gap:.8rem 1.6rem}.page-single.page-single--rec_blog .c-suggest_related_item__meta .c-suggest_related_item__date{margin-top:0;font-size:1.4rem;color:#979eb4}.page-single.page-single--rec_blog .c-suggest_related_item__category{border:1px solid #d3dae2;border-radius:6px;font-weight:500;font-size:1.2rem;line-height:1.5;background:#f4f6f8;padding:2px 10px}.page-single.page-single--rec_blog .c-suggest_related_item__category a{color:#979eb4}.page-single.page-single--rec_blog .c-suggest__related .c-suggest_related_tag{flex-wrap:wrap}.page-single.page-single--rec_blog .c-suggest_related_tag__item{color:#00a1e9;font-size:1.2rem;border-bottom:unset;font-weight:400}.page-rec_blog .page-usage-visual__subTtl{font-size:2rem}@media screen and (max-width:768px){.page-rec_blog .page-usage-visual__subTtl{font-size:1.8rem}}.page-rec_blog .page-usage-hgroup{display:flex;flex-direction:column;gap:32px}.page-rec_blog .page-usage-hgroup__lead{color:var(--water-500,#079dda);text-align:center;font-family:Noto Sans JP;font-size:3.6rem;font-style:normal;font-weight:700;line-height:150%}.page-rec_blog .page-usage-hgroup__subLead{color:#000;text-align:center;font-family:Noto Sans JP;font-size:2.4rem;font-style:normal;font-weight:400;line-height:145%;letter-spacing:.02em}.page-rec_blog .page-usage-hgroup__lead span,.page-rec_blog .page-usage-hgroup__subLead span{display:inline-block}@media screen and (max-width:768px){.page-rec_blog .page-usage-hgroup{gap:24px}.page-rec_blog .page-usage-hgroup__lead{font-size:2.8rem}.page-rec_blog .page-usage-hgroup__subLead{font-size:1.8rem}.page-rec_blog .page-usage-hgroup__lead span,.page-rec_blog .page-usage-hgroup__subLead span{display:inline}}.page-rec_blog .page-usage-cardUnit{display:flex;width:100%;gap:2%;margin:60px auto}.page-rec_blog .page-usage-card{display:flex;flex-direction:column;flex:1;padding:16px;gap:24px}.page-rec_blog .page-usage-card__imgWrapper{background:0 0;display:flex;border-radius:8px}.page-rec_blog .page-usage-card__imgWrapper img{width:auto;height:80px;margin:auto;vertical-align:top}.page-rec_blog .page-usage-card__body{display:flex;flex-direction:column;gap:16px}.page-rec_blog .page-usage-card__ttl{color:#011120;text-align:center;font-family:Noto Sans JP;font-size:2.4rem;font-style:normal;font-weight:500;line-height:145%;letter-spacing:.02em}.page-rec_blog .page-usage-card__txt{color:#405665;font-family:Noto Sans JP;font-size:1.5rem;font-style:normal;font-weight:400;line-height:170%;letter-spacing:.02em}@media screen and (max-width:768px){.page-usage-cardUnit{flex-direction:column;gap:24px;margin:48px auto}.page-rec_blog .page-usage-card{gap:20px}.page-rec_blog .page-usage-card__ttl{font-size:2.2rem}}.page-rec_blog .page-rec_blog-tab.page-usage-tab{width:100%}.page-rec_blog .page-rec_blog-tab.page-usage-tab .page-rec_blog-tab__item{flex:0 0 15.5%}.page-rec_blog .tag_block__listWrapper{margin:0 auto;width:90%}.page-rec_blog .tag_block__ttl{font-size:1.5rem;color:#5d647d;font-weight:500;margin-top:1.6rem}.page-rec_blog .tag_block__ttl.tag_block__topTtl{margin-top:0}@media screen and (max-width:768px){.page-rec_blog .tag_block__listWrapper{width:100%}}.page-rec_blog .wp-block-button__link,.page-single--rec_blog .wp-block-button__link{color:#fff !important}.cta-box{padding:5% 6%;background:url(//reckoner.io/wp-content/themes/reckoner-new/assets/css/../images/common/bg_cta_pc.webp) no-repeat top center;background-size:cover;margin-top:5%}@media screen and (max-width:768px){.cta-box{padding:30px 20px;background:url(//reckoner.io/wp-content/themes/reckoner-new/assets/css/../images/common/bg_cta_sp.webp) no-repeat top center;background-size:cover}}.cta-box .logo{margin-bottom:10px}.cta-box .logo img{width:170px;height:100%}@media screen and (max-width:768px){.cta-box .logo img{width:145px}}.cta-box .ttl{color:#fff;font-size:2.9rem;font-weight:700;line-height:1.4;margin-bottom:15px}.cta-box .desc{color:#fff;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:0 !important;margin-bottom:25px}@media screen and (max-width:768px){.cta-box .ttl{font-size:2rem}.cta-box .desc{font-size:1.4rem}}.cta-box .btn-area a{text-decoration:none !important;background-color:#fff;border-radius:5px;padding:13px 20px;display:inline-block;width:48%;position:relative}@media screen and (max-width:1130px){.cta-box .btn-area a{display:block;width:100%;padding:11px 20px}}.cta-box .btn-area a span{font-size:1.7rem;color:#00a1e9;font-weight:700}@media screen and (max-width:768px){.cta-box .btn-area a span{font-size:1.6rem}}.cta-box .btn-area a.btn-left{margin-right:3%}@media screen and (max-width:1130px){.cta-box .btn-area a.btn-left{margin:0 0 20px}}.cta-box .btn-area a.btn-left:after{content:"";background:url(//reckoner.io/wp-content/themes/reckoner-new/assets/css/../images/common/arrow_blue.svg) no-repeat top center;background-size:cover;width:32px;height:32px;position:absolute;right:20px}.cta-box .btn-area a.btn-right:after{content:"";background:url(//reckoner.io/wp-content/themes/reckoner-new/assets/css/../images/common/arrow_white.svg) no-repeat top center;background-size:cover;width:32px;height:32px;position:absolute;right:20px}@media screen and (max-width:768px){.cta-box .btn-area a.btn-left:after,.cta-box .btn-area a.btn-right:after{width:30px;height:30px}}.cta-box .btn-area a.btn-right{background-color:#00a1e9}.cta-box .btn-area a.btn-right span{color:#fff}.single_block__inner{align-items:stretch !important}.c-suggest__banner{margin-top:48px;position:sticky;top:70px;z-index:10}@media screen and (max-width:768px){.c-suggest__tag{margin-bottom:48px}.c-suggest__banner{margin-bottom:48px}}