@charset "UTF-8";.page-fv-area{display:flex;flex-direction:column;justify-content:center}.page-fv-inner{padding:32vh 40px 0}@media (max-width:768px){.page-fv-inner{padding:30vw 40px 0!important}}@media (max-width:430px){.page-fv-inner{padding:42vw 20px 0!important}}.comnico-top-header{background-color:var(--white);left:0;position:fixed;right:0;top:0;z-index:9999}.menu-container{align-items:center;display:flex;font-weight:700;justify-content:space-between}.comnico-top-header .menu-logo{display:block;margin-right:20px;width:120px}.comnico.megamenu .menu-mobile{display:none}.nav-wrapper{align-items:center;display:flex;gap:10px}.menu-container .menu .parent-menu{display:flex}.comnico-top-header .parent-menu-item a{color:var(--black);display:flex;font-size:18px;font-size:14px!important;justify-content:space-between;padding:14px}.comnico-top-header .parent-menu-item a:hover{color:var(--green);opacity:1}.menu-cta{display:flex;gap:16px}.menu-cta a{border-radius:8px;font-size:14px!important;padding:6px 24px}.menu-cta a:first-child{border:1px solid var(--green);color:var(--green)}.menu-cta a:first-child:hover{background-color:var(--green);color:#fff;opacity:1}.menu-cta a:last-child{background-color:var(--green);border:1px solid var(--green);color:var(--white)}.menu-cta a:last-child:hover{background-color:#fff;color:var(--green);opacity:1}#hb-menu.active .menu-cta{flex-direction:column;justify-content:space-between;margin-top:40px}@media (max-width:1024px){.nav-wrapper{gap:20px}.menu-container .menu .parent-menu{display:inherit}}.swiper-container{height:100vh;position:absolute;width:100%}.slide-img{background-position:50%;background-size:cover;height:100%}.slide01{background-image:url(https://173355.fs1.hubspotusercontent-na1.net/hubfs/173355/2410-images/comnico/top/fv-bg01-rere-1.jpg)}.slide02{background-image:url(https://173355.fs1.hubspotusercontent-na1.net/hubfs/173355/2410-images/comnico/top/fv-bg02-rerere-2.jpg)}.slide03{background-image:url(https://173355.fs1.hubspotusercontent-na1.net/hubfs/173355/2410-images/comnico/top/fv-bg02-rerere-3.jpg)}.infinite-photo-grid01{background-image:url(https://173355.fs1.hubspotusercontent-na1.net/hubfs/173355/2410-images/comnico/top/fv-bg01-rere-1.jpg)}.infinite-photo-grid01,.infinite-photo-grid02{animation:scroll 100s linear infinite;background-repeat:repeat-x;background-size:cover;height:100vh;width:100%;will-change:background-position}.infinite-photo-grid02{background-image:url(https://173355.fs1.hubspotusercontent-na1.net/hubfs/173355/2410-images/comnico/top/fv-bg02-rerere-2.jpg)}.infinite-photo-grid03{background-image:url(https://173355.fs1.hubspotusercontent-na1.net/hubfs/173355/2410-images/comnico/top/fv-bg02-rerere-3.jpg)}.infinite-photo-grid03,.infinite-photo-grid04{animation:scroll 100s linear infinite;background-repeat:repeat-x;background-size:cover;height:100vh;width:100%;will-change:background-position}.infinite-photo-grid04{background-image:url(../img/fv-bg04.jpg)}@keyframes scroll{0%{background-position:left calc(min(100vh, 750px)*4.84) top 0}to{background-position:left 0 top 0}}@keyframes noise_anima{0%{background-position:0 0}to{background-position:123px 456px}}@media (max-width:768px){.swiper-container{height:80vh}}.comnico-fv-title{display:flex;flex-direction:column;gap:24px;position:relative;z-index:2}.h1-head{display:block}.fv-title h1{font-size:56px;font-weight:500;line-height:1;text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff}.comnico-fv-title .h1-bottom{display:block;font-size:24px;font-weight:500}@media (max-width:1024px){.comnico-fv-title{top:35%}}@media (max-width:768px){.comnico-fv-title{gap:10px}#comnico-page-seminar .comnico-fv-title{gap:16px}.fv-title h1{font-size:38px!important}.comnico-fv-title .h1-bottom{font-size:16px}}@media (max-width:430px){.fv-title h1{font-size:33px!important}}.fv-btn-area{display:flex;gap:24px;justify-content:space-between;margin-top:135px;position:relative;width:100%;z-index:2}#comnico-top .fv-btn-area{margin-bottom:56px;margin-top:56px}#comnico-top .comnico-fv-btn{background-color:var(--white)}.comnico-fv-btn{padding:26px 20px;width:25%}.comnico-fv-btn:not(.not-hover-color):hover{border-color:var(--green);color:var(--green);opacity:1}.comnico-fv-btn .btn-icon{width:24px}#comnico-top .comnico-fv-btn .after-hover{display:none}#comnico-top .comnico-fv-btn:hover .after-hover{display:block}#comnico-top .comnico-fv-btn:hover .before-hover{display:none}@media (min-width:1025px) and (max-width:1400px){#comnico-top .comnico-fv-btn{font-size:14px;padding:20px 15px}}@media (max-width:1024px){.fv-btn-area{flex-wrap:wrap;margin-top:100px}.comnico-fv-btn{width:calc(50% - 24px)}}@media (max-width:768px){.comnico-fv-btn{width:100%}}@media (max-width:430px){.fv-btn-area{margin-top:60px}}#comnico-service-area{z-index:2}.inner-wrapper{display:flex;gap:40px;justify-content:space-between;margin-top:40px;width:100%}.comnico-service-item{background-color:var(--white);border-radius:8px;padding:30px;width:33.33333%}#comnico-service-item-01.comnico-service-item{text-align:center}#comnico-service-item-01.item-link a{left:-10px}.item-ttl{color:var(--green);font-size:20px;line-height:1;text-align:center}.item-icon{align-items:center;aspect-ratio:1;background-color:var(--gray);border-radius:50%;display:flex;justify-content:center;margin:16px auto 24px;max-width:160px;padding:30px}.item-icon img{max-width:80px}.item-link{font-size:24px;position:relative}.item-link:before{background-color:var(--green);bottom:-12px;content:"";height:2px;left:0;margin:0 auto;position:absolute;right:0;width:32px}.item-link a{display:inline-flex;position:relative}.item-link a:before{background-color:var(--green);border-radius:50%;content:"";height:24px;right:-30px;width:24px}.item-link a:after,.item-link a:before{display:block;margin-top:-10px;position:absolute;top:50%}.item-link a:after{color:var(--white);content:"→";height:0;right:-12px;scale:.5;width:0}.item-p{font-size:13px;margin-top:30px}.sns-icon-wrapper{color:#b5b5b5;margin-top:32px}.sns-icon-wrapper p{line-height:1}.sns-icon{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:14px}.sns-icon div{width:20px}#comnico-service-item-02 .b-item-link{padding-top:6px}#comnico-service-item-02 .item-link:before{width:16px}.b-item-link span{font-weight:700}.b-item-link .item-link{font-size:16px;top:-4px}.b-item-link .item-link a{left:0}.b-item-link .item-link:before{margin:inherit}.b-item-link .item-link a:before{height:16px;margin-top:-7px;right:-20px;width:16px}.b-item-link .item-link a:after{margin-top:-8px;right:-7px;scale:.6}#comnico-service-item-02 .b-item-link :nth-of-type(2),#comnico-service-item-02 .b-item-link :nth-of-type(3){margin-top:20px}#comnico-service-item-03 .b-item-link{margin-top:28px}#comnico-service-item-03 .b-item-link .item-link:before,.b-item-link :nth-of-type(3) .item-link:before,.item-link.--arrow-none a:after,.item-link.--arrow-none a:before{display:none}#comnico-service-item-03 .item-link:before{margin:inherit}.common-btn-area{margin-top:50px}.common-btn-area a:not(.hover-opacity):hover{color:var(--green);opacity:1}.common-btn-area a.bg-green:hover{filter:none!important}.common-btn-area .single-btn{background-color:var(--white)}@media (max-width:1024px){.inner-wrapper{flex-direction:column}.comnico-service-item{width:100%}#comnico-service-item-02 .b-item-link{left:30%;position:relative}#comnico-service-item-03 .item-link{left:40%;position:relative}.sns-icon div{width:30px}}@media (max-width:430px){#comnico-service-item-02 .b-item-link,#comnico-service-item-03 .item-link{left:0}}.card-grid{padding-top:50px}.card-head{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.card-content .label{border-radius:20px;color:var(--white);display:inline-block;font-size:12px;margin-bottom:14px;padding:5px 10px}.card-content.cat-a .label{background-color:var(--green)}.card-content.cat-b .label{background-color:var(--orange)}.card-content.cat-c .label{background-color:var(--atelu)}.card-content .client{font-size:14px;margin-bottom:10px}.card-ttl{display:-webkit-box;font-size:20px;line-height:1.5;margin-bottom:18px;margin-top:8px;min-height:90px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}#comnico-library-area .card-ttl,#hs_cos_wrapper_module_17313221445582 .card-ttl{font-size:16px;margin-bottom:0;margin-top:0;min-height:0}.card-sns{color:#626262;display:block!important;display:-webkit-box!important;font-size:14px}.card-content .card-tag{display:block;font-size:14px;line-height:1.4;margin-top:8px}.card-content.cat-a .card-tag{color:var(--green)}.card-content.cat-b .card-tag{color:var(--orange)}.card-content.cat-c .card-tag{color:var(--atelu)}#comnico-works-area .bg-kv-bottom{bottom:-5%}#comnico-page-service .card,#comnico-works-area .card,#sns-case-area .card #sns-case-area .card,.card{display:flex;flex-direction:column}#comnico-page-service .card:hover,#comnico-works-area .card:hover,#sns-case-area .card:hover,.card:hover{opacity:1}#comnico-page-service .card-img,#comnico-works-area .card-img,#sns-case-area .card-img,.card-img{flex-shrink:0}#comnico-page-service .card-content,#comnico-works-area .card-content,#sns-case-area .card-content,.card-content{flex-grow:1;transition:all .3s ease}#comnico-page-service .card:hover .card-content,#comnico-works-area .card:hover .card-content,#sns-case-area .card:hover .card-content,.card:hover .card-content{background-color:var(--green-light);color:var(--green);opacity:1}@media (max-width:768px){.card-head{align-items:flex-start;flex-direction:column}.card-ttl{font-size:18px;margin-bottom:12px}#comnico-library-area .card-ttl,#hs_cos_wrapper_module_17313221445582 .card-ttl{margin-bottom:0}}#mastering-social-media-area{background-color:var(--black);color:var(--white)}.msm-container{display:flex;gap:40px;margin-top:40px}.msm-container .msm-column{width:100%}.msm-column{margin-top:40px}.msm-column-ttl-en{font-size:24px;line-height:1;margin-bottom:8px}.msm-column-ttl-ja{font-size:12px;margin-bottom:24px}.msm-column-wrapper{color:var(--black);display:flex;flex-direction:column;gap:16px}.msm-column-card{align-items:center;background-color:var(--white);border-radius:8px;display:flex;gap:16px;padding:20px}.msm-column-card:hover{background-color:var(--green);color:var(--white);opacity:1}.msm-column img{border-radius:6px;height:120px;object-fit:cover;width:120px}.column-card-content{font-weight:700;text-align:left}.column-card-content .date{font-size:14px;font-weight:500;margin-bottom:10px}.column-card-ttl{margin-bottom:6px}.column-card-disc,.column-card-ttl{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.column-card-disc{font-size:12px;font-weight:400;text-overflow:ellipsis}@media (max-width:1024px){.msm-container{flex-direction:column}}#comnico-library-area .bg-kv{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}#comnico-library-area .card,#hs_cos_wrapper_module_17313221445582 .card{background:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);overflow:hidden;padding:20px}#comnico-library-area .card:hover,#hs_cos_wrapper_module_17313221445582 .card:hover{background:var(--green-light);color:var(--green);opacity:1}#comnico-library-area .card-content,#hs_cos_wrapper_module_17313221445582 .card-content{background:none;padding:20px 0 0}#comnico-library-area .card-img,#hs_cos_wrapper_module_17313221445582 .card-img{background:#fff;border:1px solid var(--gray);border-radius:2px;height:auto;overflow:hidden;width:100%}#comnico-library-area .card-img img,#hs_cos_wrapper_module_17313221445582 .card-img img{aspect-ratio:400/210;border-radius:0;height:100%;object-fit:cover;width:100%}@media (max-width:430px){#comnico-library-area .bg-kv{width:280%}}.company-container{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:40px}#comnico-company-area .company-container{gap:40px}.company-column{background-color:var(--white);border-radius:8px;min-width:calc(50% - 25px);padding:40px 20px}.company-column .common-ttl{align-content:center;align-items:center;border-bottom:1px solid var(--darkgray);display:flex;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:space-between;min-height:50px;padding-bottom:10px}.company-column .common-ttl .title-en{color:var(--black);font-size:24px}.company-column .common-ttl .title-en:before{background-color:var(--black);height:8px;margin-bottom:3px;width:8px}.company-column .common-ttl h2{font-size:14px;font-weight:500;letter-spacing:0;margin-top:0}.company-colum-item{margin-top:30px;text-align:center}.company-colum-item h3{font-size:20px;font-weight:700;margin-bottom:4px}.company-colum-item p{font-size:14px;margin-bottom:14px}.company-colum-item .common-btn{background-color:var(--white);letter-spacing:0;max-width:inherit;max-width:400px;padding:10px;width:50%;width:100%}.company-colum-item .common-btn:hover{border-color:var(--green);color:var(--green);opacity:1}.company-banner{background-image:url(https://173355.fs1.hubspotusercontent-na1.net/hubfs/173355/2410-images/comnico/top/company/banner-img.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:flex;flex-direction:column;height:240px;justify-content:space-between;margin-top:60px;padding:40px}.banner-logo{display:block;max-width:316px}.banner-txt{color:var(--white);font-weight:700;margin-left:auto;margin-top:30px;max-width:530px;text-align:right}@media (max-width:1024px){.company-banner{height:auto}}@media (max-width:800px){.company-container{grid-template-columns:1fr}.company-banner{height:auto}}@media (max-width:430px){.company-container{grid-template-columns:1fr}.company-column .common-ttl{max-height:100%}.company-column .common-ttl .title-en{line-height:1.2;width:100%}.btn-icon{height:auto;width:26px}.contact-colum .common-btn,.contact-colum-item .common-btn{font-size:16px}.contact-colum-item p{-webkit-line-clamp:4;margin-bottom:10px}.company-column .common-ttl h2{margin-top:10px;padding-bottom:10px}.company-banner{padding:20px}.banner-logo{max-width:216px}.banner-txt{font-size:14px;line-height:1.4;margin-top:40px}}.news-list{margin-top:30px}.news-list .item a{border-bottom:1px solid var(--darkgray);display:flex;flex-wrap:wrap;flex-wrap:nowrap;gap:24px;padding:30px 48px 30px 0;position:relative}.news-list .item a:hover{color:var(--green);opacity:1}.news-list .item .date{margin:0;min-width:100px;white-space:nowrap}.news-list .item .category{border-radius:20px;color:var(--white);display:inline-block;font-size:10px;font-weight:700;letter-spacing:0;line-height:1;margin:0 0 0 5px;min-width:100px;padding:8px 15px;text-align:center;white-space:nowrap}@media screen and (min-width:769px){.news-list .item .category{display:block}}.news-list .item .category.cat-a{background-color:var(--green)}.news-list .item .category.cat-b{background-color:var(--orange)}.news-list .item .category.cat-c{background-color:var(--atelu)}.news-list .item .category.cat-d{background-color:var(--autou)}.news-list .item .title{display:-webkit-box;margin:0;overflow:hidden;text-align:left;width:60%;-webkit-box-orient:vertical;-webkit-line-clamp:1}.news-list .date,.news-list .post-tags{flex-shrink:0}.news-list .arrow:before{border:1px solid var(--black);border-radius:50%;content:"";display:block;height:48px;margin-top:-25px;position:absolute;right:0;top:50%;width:48px}.news-list .arrow:after{content:"→";display:block;height:0;margin-top:-16px;position:absolute;right:30px;top:50%;width:0}.news-list a:hover .arrow:before{background-color:var(--green);border-color:var(--green)}.news-list a:hover .arrow:after{color:#fff}@media screen and (max-width:768px){.news-list .item a{display:block;text-align:left}.news-list .item .date{min-width:100px}.news-list .item .title{margin-top:10px;width:90%}.news-list .arrow:before{bottom:20px;top:inherit}.news-list .arrow:after{bottom:60px;top:inherit}}@media screen and (max-width:430px){.news-list .item .title{width:85%}.news-list .item a{padding-right:0}}#comnico-contact-area .company-container{color:var(--white);gap:40px}#comnico-contact-area .company-column.contact-colum h2,#comnico-contact-area .company-column.contact-colum p{font-weight:700!important}.contact-colum{background-color:var(--green);display:flex;flex-direction:column;height:auto;justify-content:space-between;width:100%}.contact-colum .common-ttl .title-en{color:var(--white)}.contact-colum .common-ttl .title-en:before{background-color:var(--white)}.contact-colum-item{margin-top:20px;text-align:left}.contact-colum-item p{display:-webkit-box;font-size:14px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.contact-colum-item-img{margin:0 auto;max-width:540px;min-height:360px;padding:30px 0 10px}.contact-colum .common-btn,.contact-colum-item .common-btn{background-color:var(--white);border:inherit;color:var(--green);font-size:24px;font-weight:500;margin-top:28px;max-width:inherit;padding:28px 24px}.contact-colum:first-of-type .contact-colum-item .common-btn:hover,.contact-colum:nth-of-type(2) .contact-colum-item .common-btn:hover{background-color:var(--black);opacity:1}.contact-colum-item .common-btn .btn-icon{max-width:30px}.contact-colum:nth-of-type(2){background-color:var(--orange)}.contact-colum:nth-of-type(2) .common-btn,.contact-colum:nth-of-type(2) .contact-colum-item .common-btn{color:var(--orange)}@media (max-width:770px){.contact-colum-item-img{min-height:250px;padding:20px 0}.company-column,.contact-colum,.msm-container .msm-column{width:100%}.column-card-ttl{margin-bottom:6px;-webkit-line-clamp:3;line-height:1.5}.msm-column img{height:90px;width:90px}.card-content .client{margin-bottom:5px}.card-ttl{margin-bottom:15px;margin-top:5px;min-height:auto}#comnico-library-area .card-ttl,#hs_cos_wrapper_module_17313221445582 .card-ttl{margin-bottom:0;margin-top:0}.mt-120{margin-top:60px}.contact-colum-item .common-btn{font-size:16px;margin-top:28px;padding:20px 24px}.common-btn{font-size:13px;letter-spacing:0}.comnico-fv-btn{padding:24px 16px}.solution-item-ttl{font-size:18px;line-height:1.4;padding:10px}#comnico-page-about-us .b-img{margin-top:20px}.news-list .event-body{align-content:flex-start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.news-list .event-body .arrow{display:none;position:relative}.news-list .title{width:100%!important;-webkit-box-orient:vertical;-webkit-line-clamp:3!important;font-size:16px;line-height:1.6}.bl_blog_sideColumn{margin:40px 0 0!important}.news-list .category{font-size:12px!important;line-height:1;margin-left:5px;min-width:100px!important;padding:6px 16px!important;text-align:center;width:auto!important}comnico-page-news #comnico-contents-area .ptb-120{padding-bottom:60px!important}#comnico-page-cms #comnico-qa-area .common-inner{max-width:100%;padding-left:20px;padding-right:20px}.bl_faq_question_text:after{margin-top:-8px;right:13px}.widget_1730295620615{padding:30px 0}.ptb-120{padding-bottom:40px;padding-top:40px}.bl_faq_question_text{font-size:16px;line-height:1.5;padding:16px 32px 16px 16px}.bl_faq_question_text:after{border-bottom:2px solid var(--black);border-right:2px solid var(--black);height:8px;margin-top:-4px;right:15px;top:50%;width:8px}.form-container p{font-size:12px;letter-spacing:0;line-height:1.4}.form-container{background-color:#dcdfe6;border-radius:16px 0 0 16px;padding:15px}#comnico-page-cms .page-fv-inner{padding:160px 20px 0!important}.toggle-form-btn{background-color:var(--black);border-radius:3px;color:var(--white);display:block;font-size:10px;letter-spacing:0;margin-top:5px;padding:8px;width:100%}#comnico-page-cms .page-fv-inner{padding:45vw 20px 0!important}.cms-about-item-img{margin:10px auto 0}.cms-about-item-ttl span:last-child{letter-spacing:0;margin-top:13px}.cms-about-item-img{margin:16px auto 0;max-width:60px}.cms-function-item{max-width:100%}.product-contents-wrapper .b-img-text .b-img{padding:0 20px}}@media (max-width:430px){.contact-colum .common-btn,.contact-colum-item .common-btn{font-size:16px;padding:20px 24px}#comnico-library-area .card-ttl,#hs_cos_wrapper_module_17313221445582 .card-ttl{font-size:14px}}@media screen and (max-width:1400px){.company-column{padding:30px 20px}.company-column .common-ttl h2{font-size:12px;padding:5px 0 10px;width:100%}.contact-colum-item-img{min-height:300px;padding:30px 0 20px}.btn-icon{height:auto;width:40px}}@media (max-width:1500px){.menu-cta a{border-radius:8px;font-size:13px!important;letter-spacing:.03rem;padding:6px 24px!important}.comnico-top-header .parent-menu-item a{font-size:14px!important;padding:14px 10px!important}.menu-list{gap:clamp(10px,15px,20px)!important}.solution-item-ttl{font-size:14px}.item-p-bottom{font-size:14px;letter-spacing:0}}@media (max-width:1300px){.menu-cta{gap:8px}.menu-cta a{font-size:13px!important;letter-spacing:0;padding:6px 12px!important}.comnico-top-header .parent-menu-item a{font-size:13px!important;letter-spacing:.01rem;padding:14px 10px!important}.menu-list{gap:clamp(8px,10px,16px)!important}.solution-item-ttl{font-size:13px}.item-p-bottom{font-size:13px;letter-spacing:0}}@media (max-width:1200px){.menu-cta a{font-size:12px!important;letter-spacing:0;padding:6px 8px!important}.comnico-top-header .parent-menu-item a{font-size:12px!important;letter-spacing:0;padding:14px 8px!important}.menu-list{gap:clamp(5px,5px,8px)!important}}@media (max-width:1024px){.comnico-top-header .parent-menu-item a,.menu-cta a{font-size:14px!important;letter-spacing:0;padding:12px!important}}@media (max-width:770px){.event{min-height:auto!important}.contact-colum-item-img{min-height:250px;padding:20px 0}.company-column,.contact-colum,.msm-container .msm-column{width:100%}.company-colum-item .common-btn{font-size:12px;min-width:100%!important}.news-list .item .arrow{display:none}}@media (min-width:1600px){.common-inner{margin-left:auto!important;margin-right:auto!important;max-width:var(--maxWidth)!important;padding-left:0!important;padding-right:0!important}}@media (max-width:430px){.comnico-footer .footer-inner{padding-left:20px;padding-right:20px}}#comnico-page-cms .menu-container,#comnico-page-seminar .menu-container,#comnico-page-sns .menu-container,.menu-container,.page-product .menu-container{height:80px!important;padding:0 40px!important}@media (max-width:770px){#comnico-page-cms .menu-container,#comnico-page-seminar .menu-container,#comnico-page-sns .menu-container,.menu-container,.page-product .menu-container{height:70px!important;padding-left:20px!important;padding-right:20px!important}}