﻿@font-face{font-family:"noto-sans-jp";font-display:swap;src:url("../assets/font/Noto_Sans_JP/NotoSansJP-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"noto-sans-jp";font-display:swap;src:url("../assets/font/Noto_Sans_JP/NotoSansJP-Bold.woff") format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Roboto";font-display:swap;src:url("../assets/font/Roboto/Roboto-Bold.woff") format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Roboto";font-display:swap;src:url("../assets/font/Roboto/Roboto-Black.woff") format("woff");font-weight:900;font-style:normal}.hvr-zoom{overflow:hidden;will-change:transform}a:hover .hvr-zoom img{transform:scale(1.2, 1.2);transition:0.5s all}.ttl{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}body.case .breadcrumb ul li:nth-child(3){display:none}body.page-2columns .breadcrumb ul li:nth-child(2){display:none}.header-banner{width:100%;height:10rem;background-image:linear-gradient(90deg, #e692a1, #ed8191 20%, #eb8b8e 45%, #e8948e 55%, #e5b38e 80%, #dfb1b7)}@media screen and (min-width: 64em){.header-banner{height:4.6rem}}.header-banner .wrapper{margin:0 auto;padding:0;height:100%}.header-banner a{height:100%;display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;padding:1rem 3rem;color:#FFF;line-height:1.7;font-weight:bold;text-decoration:none;background:#CB2032;position:relative}.header-banner a:before{width:1.9rem;height:10rem;content:'　';display:inline-block;background:url("../assets/img/blog/header-banner_bg-left_sp@2x.png") no-repeat;background-size:cover;position:absolute;top:0;left:0}.header-banner a:after{width:1.9rem;height:10rem;content:'　';display:inline-block;background:url("../assets/img/blog/header-banner_bg-right_sp@2x.png") no-repeat;background-size:cover;position:absolute;top:0;right:0}@media screen and (min-width: 64em){.header-banner a{background:url("../assets/img/blog/header-banner_bg@2x.png") no-repeat;background-size:cover;flex-wrap:nowrap;padding:1rem}.header-banner a:before,.header-banner a:after{content:none}}.header-banner a:hover{opacity:0.7}.header-banner a .lead{position:relative;margin-right:3rem}.header-banner a .lead:before,.header-banner a .lead:after{content:'　';position:absolute;top:50%;display:inline-block;background-color:#FFF;height:2px;width:1.2em}.header-banner a .lead:before{left:-2rem;-webkit-transform:rotate(50deg);transform:rotate(50deg)}.header-banner a .lead:after{right:-2rem;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}.header-banner a .strong{background:#FFF;font-size:1.3rem;color:#CB000B;line-height:1;padding:0.5rem 1rem;border-radius:2rem;margin:0 0.5rem}section.page-title .wrapper{margin-top:3rem;margin-bottom:4rem}@media screen and (min-width: 64em){section.page-title .wrapper{margin-top:3rem;margin-bottom:6rem}}section.page-title h1{font-family:"YakuHanJP_Narrow","noto-sans-jp",sans-serif;font-weight:bold;letter-spacing:0.07em;margin-bottom:4rem;line-height:1.5;font-size:2.2rem}@media screen and (min-width: 64em){section.page-title h1{font-size:3.5rem}}section.page-title h1.underline{position:relative;padding-bottom:1.5rem}section.page-title h1.underline:before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);width:55px;height:4px;content:'';border-radius:3px;background:#CB000B}@media screen and (min-width: 64em){section.page-title h1.underline:before{bottom:-10px;width:40px}}section.article-details{position:relative;width:auto;margin:4rem 1.5rem 2rem 1.5rem}@media screen and (min-width: 64em){section.article-details{width:90%;max-width:1100px;padding:0 3%;margin:0 auto 5rem auto}}@media screen and (min-width: 80em){section.article-details{padding:0}}section.article-details .Article-detail-header{margin:4rem 0 1rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:1.2rem}@media screen and (min-width: 64em){section.article-details .Article-detail-header{justify-content:flex-start;margin:4rem 0 2rem 0;font-size:1.4rem}}section.article-details .Article-detail-header .cat{display:flex;align-items:center;margin-right:4rem}section.article-details .Article-detail-header .cat img{width:2.8rem;height:auto;margin-right:0.8rem}section.article-details h1{font-size:2rem;line-height:1.5;font-family:"YakuHanJP_Narrow","noto-sans-jp",sans-serif}@media screen and (min-width: 64em){section.article-details h1{font-size:2.8rem}}section.article-details .tags{margin-block-start:0;padding-inline-start:0;margin-block-end:0}section.article-details .tags li{font-size:1rem;line-height:1;border:solid 1px #b5b5b5;margin-right:0.5rem;margin-bottom:0.5rem;padding:0.6rem 1rem;border-radius:100rem;display:inline-block}@media screen and (min-width: 64em){section.article-details .tags li{font-size:1.1rem}}section.article-details .tags li a{text-decoration:none}section.article-details .sns_btns{display:none}@media screen and (min-width: 80em){section.article-details .sns_btns{display:block;position:fixed;z-index:10;left:4rem}section.article-details .sns_btns a{margin-bottom:1rem;display:block}}.toparea-archive{padding:0 1rem;padding-bottom:4rem}@media screen and (min-width: 64em){.toparea-archive{padding-bottom:9rem}}.toparea-archive .item-wrapper{margin-top:3rem}@media screen and (min-width: 64em){.toparea-archive .item-wrapper{margin-top:6rem}}.toparea-archive .item-wrapper li{text-align:left;font-weight:bold;line-height:1.6;margin-bottom:1rem;padding:0 0.5rem;word-break:break-all}@media screen and (min-width: 64em){.toparea-archive .item-wrapper li{padding:0 1.5rem;margin-bottom:3rem}}.toparea-archive .item-wrapper li .thumb{display:flex;align-items:center;object-fit:cover;aspect-ratio:16 / 9;width:100%;overflow:hidden;background:#F6F6F4;border-radius:1rem;border:1px solid #e5e5e5}.toparea-archive .item-wrapper li .txt-box{display:flex;flex-direction:column;margin-top:1rem}.toparea-archive .item-wrapper li .detail{display:flex;justify-content:space-between}.toparea-archive .item-wrapper li .cat{display:flex;align-items:center;font-size:1.3rem;font-weight:normal;margin-bottom:0.5rem}@media screen and (min-width: 64em){.toparea-archive .item-wrapper li .cat{font-size:1.5rem}}.toparea-archive .item-wrapper li .cat img{width:2.4rem;height:auto;margin-right:0.3rem}@media screen and (min-width: 64em){.toparea-archive .item-wrapper li .cat img{margin-right:0.5rem}}.toparea-archive .item-wrapper li .ttl{font-size:1.6rem}@media screen and (min-width: 64em){.toparea-archive .item-wrapper li .ttl{font-size:2rem}}.toparea-archive .item-wrapper li .date{font-size:1rem;color:#7a7a7a;font-weight:normal}@media screen and (min-width: 64em){.toparea-archive .item-wrapper li .date{font-size:1.2rem}}.toparea-archive .item-wrapper li a{text-decoration:none}.toparea-archive .slick-blog-archive{height:auto}.toparea-archive ul.slick-blog-archive>li:not(:first-child){display:none}.toparea-archive .slick-dots{bottom:-45px}.toparea-archive .slick-dots li button:before{font-size:16px}.toparea-archive .slick-dots li.slick-active button:before{color:#CB000B}main.page-primary .pure-g.gutters>[class*=pure-u]{box-sizing:border-box;padding:0 1rem 0}@media screen and (min-width: 64em){main.page-primary .pure-g.gutters>[class*=pure-u]{padding:0 1.5rem 0}}section.article-body{width:auto;margin:0 1.5rem}@media screen and (min-width: 64em){section.article-body{width:90%;max-width:1100px;padding:0 3%;margin:0 auto 6rem auto;display:flex}}@media screen and (min-width: 80em){section.article-body{padding:0}}.article-col2_main{flex:1}@media screen and (min-width: 64em){.article-col2_main{margin-right:7rem}}#article-content{position:relative;line-height:2.5}#article-content p{margin-block-start:0;margin-block-end:0;margin-bottom:1.5em}#article-content figure{margin-bottom:1.5rem}#article-content img{border-radius:1rem}#article-content .case_imglist{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:column;list-style:none}@media screen and (min-width: 64em){#article-content .case_imglist{flex-direction:row}}#article-content .case_imglist li{margin-bottom:2rem}@media screen and (min-width: 64em){#article-content .case_imglist li{width:48%}}#toc{display:none}#toc a{text-decoration:none}#toc a:hover{text-decoration:underline}@media screen and (min-width: 64em){#toc{display:block;margin:0 auto 2rem;width:30rem;font-size:1.4rem;font-size:1.6rem}}.mokuji_wrap{display:inline-block}.mokuji{font-size:1.5rem;line-height:1;font-weight:bold;padding:1.2rem 0;border-top:2px solid #422e2e;border-bottom:2px solid #422e2e;margin-bottom:2rem}@media screen and (min-width: 64em){.mokuji{font-size:1.6rem}}#toc ul{margin:0;padding-left:0;margin-bottom:1rem;margin-top:0.7rem}#toc .toc-h2{list-style:none;font-size:1.4rem;margin-bottom:1.5rem;line-height:1.5}#toc .toc-h2 a{text-decoration:none}#toc .toc-h2 a:hover{text-decoration:underline}#toc .toc-sub{list-style-type:disc;font-weight:normal;font-size:1.4rem;margin-left:1.5em;margin-bottom:1rem}#toc .toc-sub a{text-decoration:none}#toc .toc-sub a:hover{text-decoration:underline}#article-content figcaption{line-height:1.5;font-size:85%;margin-top:0.5rem}#article-content .company-profile{display:flex;flex-direction:column;background:#F6F6F4;padding:3rem 2rem;border-radius:1rem;margin:3rem 0 1.5rem 0;line-height:1.6}@media screen and (min-width: 64em){#article-content .company-profile{flex-direction:row;margin:3rem 0 1.5rem 0}}#article-content .company-profile figure{display:flex;align-items:center;justify-content:center;background:#FFF;padding:4rem 0;width:100%}@media screen and (min-width: 64em){#article-content .company-profile figure{width:26rem}}#article-content .company-profile figure img{width:20rem}#article-content .company-profile .txt-box{flex:1}@media screen and (min-width: 64em){#article-content .company-profile .txt-box{margin-left:3rem}}#article-content .company-profile .company-name{font-weight:bold}#article-content .company-profile dl{display:flex;flex-wrap:wrap}#article-content .company-profile dl dt{width:25%;font-weight:bold}#article-content .company-profile dl dd{width:75%;margin-bottom:1rem}#article-content .tags{font-size:1.1rem;margin-top:1rem}#article-content .tags>span{display:inline-block;text-decoration:none;border-radius:10rem;padding:0.2rem 0.7rem;margin:0.4rem 0.4rem 0.4rem 0;pointer-events:none;line-height:1.6}#article-content .tags>span.cat-industry{border:1px solid #CB000B;background:#CB000B;color:#FFF}#article-content .tags>span.cat-industry:hover{border:1px solid #CB000B;background:#FFF;color:#CB000B}#article-content .tags>span.cat-users{border:1px solid #CB000B;background:#CB000B;color:#FFF}#article-content .tags>span.cat-users:hover{border:1px solid #CB000B;background:#FFF;color:#CB000B}#article-content .tags>span.cat-purpose{border:1px solid #CB000B;background:#FFF;color:#CB000B}#article-content .tags>span.cat-purpose:hover{border:1px solid #CB000B;background:#CB000B;color:#FFF}#article-content p.p-h2{font-weight:bold;font-size:2rem;margin-bottom:0;margin-top:3rem}@media screen and (min-width: 64em){#article-content p.p-h2{font-size:2.2rem}}#article-content .summary-area{display:flex;flex-direction:column;background:#F6F6F4;padding:3rem 2rem 1.5rem 2rem;border-radius:1rem;margin:0 0 1.5rem 0;line-height:1.6}@media screen and (min-width: 64em){#article-content .summary-area{padding:3rem 3rem 0 3rem}}#article-content .summary-area p.p-h3{font-weight:bold;font-size:1.6rem;margin-bottom:0.5em}@media screen and (min-width: 64em){#article-content .summary-area p.p-h3{font-size:1.8rem;margin-bottom:1em}}#article-content .summary-area ul{margin-top:0;margin-bottom:1.5rem}@media screen and (min-width: 64em){#article-content .summary-area ul{margin-bottom:2.5rem}}#article-content .summary-area ul li{font-weight:normal;margin-bottom:0.7rem}#article-content .summary-area .box{display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 64em){#article-content .summary-area .box{flex-direction:row}}#article-content .summary-area .box p.p-h3{font-size:1.4rem;background:#777777;color:#FFF;border-radius:0.7rem;padding:0.7rem 1.5rem}@media screen and (min-width: 64em){#article-content .summary-area .box p.p-h3{font-size:1.6rem}}#article-content .summary-area .box.box-effect p.p-h3{background:#CB000B}#article-content .summary-area .box ul{flex:1}#article-content blockquote{border:1px solid #e5e5e5;padding:1.5rem;border-radius:1rem;font-size:1.4rem;line-height:1.7;margin-bottom:1.5rem}@media screen and (min-width: 64em){#article-content blockquote{padding:2rem}}#article-content blockquote p strong{background:none;font-weight:bold}#article-content blockquote p:last-child{margin-bottom:0}a .blogcard-title{color:grey}#stopper{display:block;width:1px;height:1px}@media screen and (min-width: 64em){.article-col2_side{position:sticky;align-self:flex-start;overflow-y:auto;top:5rem}}.article-col2_side .side-items{margin-bottom:2.5rem}@media screen and (min-width: 64em){.article-col2_side .side-items{display:block;width:30rem;margin-bottom:0}}.article-col2_side .side-items .item{margin:1.5rem 0}.article-col2_side .side-items .item-ttl{font-size:1.5rem;line-height:1;font-weight:bold;padding:1.2rem 0;border-top:2px solid #422e2e;border-bottom:2px solid #422e2e;margin-bottom:2rem}@media screen and (min-width: 64em){.article-col2_side .side-items .item-ttl{font-size:1.6rem}}.article-col2_side .banner-item{display:block;margin:1.5rem}@media screen and (min-width: 64em){.article-col2_side .banner-item{margin:0}}.article-col2_side .banner-item img{width:100%}@media screen and (min-width: 64em){.article-col2_side .banner-item img{width:auto}}.sns-buttons-bottom{background:#F6F6F4;padding:1.5rem 2rem 0.5rem 2rem;border-radius:1rem;margin-bottom:3rem}@media screen and (min-width: 48em){.sns-buttons-bottom{padding:2rem 3rem;margin-bottom:6rem}}.sns-buttons-bottom .other-sns-btns{display:flex;flex-wrap:wrap;align-content:center}.sns-buttons-bottom .other-sns-btns>*{margin-left:1rem}main.page-primary .item-wrapper.pure-g.gutters>[class*=pure-u]{padding:0}@media screen and (min-width: 48em){main.page-primary .item-wrapper.pure-g.gutters>[class*=pure-u]{padding:0 1rem}}.recommended-articles{background:#F6F6F4;padding-bottom:6rem}@media screen and (min-width: 48em){.recommended-articles{padding-bottom:9rem}}.recommended-articles .wrapper{padding-top:6rem}@media screen and (min-width: 48em){.recommended-articles .wrapper{padding-top:9rem}}.recommended-articles .item-wrapper{margin-top:3rem}@media screen and (min-width: 48em){.recommended-articles .item-wrapper{margin-top:6rem}}.recommended-articles article{text-align:left;font-weight:bold;font-size:1.35rem;line-height:1.6;margin-bottom:3rem;word-break:break-all}@media screen and (min-width: 48em){.recommended-articles article{font-size:1.4rem}}.recommended-articles article .banner-item{display:flex;align-items:flex-start}@media screen and (min-width: 48em){.recommended-articles article .banner-item{display:block}}.recommended-articles article .thumb{display:flex;align-items:center;object-fit:cover;aspect-ratio:16 / 9;width:12rem;overflow:hidden;background:#fff;border-radius:0.7rem;border:1px solid #e5e5e5;margin-right:1rem}@media screen and (min-width: 48em){.recommended-articles article .thumb{width:100%;margin-right:0;border-radius:1rem}}.recommended-articles article .cat{display:flex;align-items:center;font-size:1.2rem;font-weight:normal;margin-bottom:0.5rem}@media screen and (min-width: 48em){.recommended-articles article .cat{font-size:1.4rem}}.recommended-articles article .cat img{width:20px;height:auto;margin-right:0.3rem}@media screen and (min-width: 48em){.recommended-articles article .cat img{width:26px;margin-right:0.5rem}}.recommended-articles article .txt-box{flex:1}@media screen and (min-width: 48em){.recommended-articles article .txt-box{margin-top:1rem}}.recommended-articles article .date{font-size:1rem;color:#7a7a7a;font-weight:normal}@media screen and (min-width: 48em){.recommended-articles article .date{font-size:1.2rem}}.recommended-articles article a{text-decoration:none}main.page-primary .pure-g.gutters>[class*=pure-u]{box-sizing:border-box;padding:0 1rem 0}@media screen and (min-width: 48em){main.page-primary .pure-g.gutters>[class*=pure-u]{padding:0 2rem 0}}.cases-list{background:#F6F6F4;padding:6rem 0}.cases-list .wrapper{margin-top:3rem}@media screen and (min-width: 64em){.cases-list .wrapper{margin-top:6rem}}.cases-list .cases-list-wrapper{margin-top:1rem}@media screen and (min-width: 48em){.cases-list .cases-list-wrapper{justify-content:space-between;margin-top:3rem}}.cases-list article.item{border-radius:1rem;box-shadow:0px 8px 8px 0px rgba(0,0,0,0.1);width:100%;margin:1rem 1rem;background:#FFF;text-align:left}@media screen and (min-width: 48em){.cases-list article.item{margin:2rem 0;width:calc((100% - 3 * 1rem ) / 2)}}@media screen and (min-width: 64em){.cases-list article.item{width:calc((100% - 3 * 1.5rem ) / 3)}}.cases-list article.item>a{display:block;height:100%}.cases-list article.item:hover{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1)}.cases-list article.item .tags{margin:2rem 2rem 0.5rem;font-size:1.1rem}.cases-list article.item .tags>span{display:inline-block;text-decoration:none;border-radius:10rem;padding:0.2rem 0.7rem;margin:0.4rem 0;pointer-events:none}.cases-list article.item .tags>span.cat-industry{border:1px solid #CB000B;background:#CB000B;color:#FFF}.cases-list article.item .tags>span.cat-industry:hover{border:1px solid #CB000B;background:#FFF;color:#CB000B}.cases-list article.item .tags>span.cat-users{border:1px solid #CB000B;background:#CB000B;color:#FFF}.cases-list article.item .tags>span.cat-users:hover{border:1px solid #CB000B;background:#FFF;color:#CB000B}.cases-list article.item .tags>span.cat-purpose{border:1px solid #CB000B;background:#FFF;color:#CB000B}.cases-list article.item .tags>span.cat-purpose:hover{border:1px solid #CB000B;background:#CB000B;color:#FFF}.cases-list article.item .thumbnail{width:100%;height:45vw;border-radius:1rem 1rem 0 0;overflow:hidden;will-change:transform}@media screen and (min-width: 48em){.cases-list article.item .thumbnail{height:25rem}}@media screen and (min-width: 64em){.cases-list article.item .thumbnail{height:18rem}}.cases-list article.item .thumbnail img{transition:0.5s all;width:100%;height:auto}.cases-list article.item a{text-decoration:none}.cases-list article.item a:hover{color:inherit}.cases-list article.item a:hover .thumbnail img{transform:scale(1.2, 1.2);transition:0.5s all;border:1px solid #ddd}.cases-list article.item .text{display:block;margin:0.5rem 2rem 2rem;font-size:1.5rem;line-height:1.6}.cases-list article.item .text p{margin-bottom:0.5rem}.cases-list article.item .text .company-name{font-weight:bold}.bunners-list .wrapper{margin-top:3rem;margin-bottom:6rem}@media screen and (min-width: 64em){.bunners-list .wrapper{margin-top:6rem;margin-bottom:9rem}}.bunners-list .banner-item img{border-radius:1rem;margin-bottom:2rem}.case-cta{border:2px dotted #c6c6c6;padding:2.5rem;border-radius:1rem;margin-bottom:3rem}.case-cta b{font-size:2rem;line-height:1.5}
