@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap";@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:400 700;src:url(/common/font/NotoSansJP-VariableFont_wght.min.woff2) format("woff2")}@font-face{font-family:Montserrat,sans-serif;font-style:normal;font-weight:700;font-optical-sizing:auto;src:url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap)}.c-button{display:flex;gap:clamp(16px,4.1025641026vw,24px);align-items:center;justify-content:space-between;min-width:200px;padding:20px 16px 20px 40px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;background-color:#138fcf;border-radius:100px;transition:background-color .2s}@media screen and (min-width:768px){.c-button{display:inline-flex}}.c-button--sm{padding:12px 16px 12px 32px}.c-button:hover{background-color:#0067a7}.c-button__text{flex:1;line-height:1.3;text-box:trim-both cap alphabetic}.c-button__icon{position:relative;display:block;align-items:center;width:24px;height:24px;margin:auto;overflow:hidden;content:"";background-color:#fff;border-radius:16px}.c-button--sm .c-button__icon{width:16px;height:16px}.c-button__icon:before,.c-button__icon:after{position:absolute;top:50%;left:50%;display:block;width:5px;height:5px;margin:auto;content:"";border-top:1px solid #138fcf;border-right:1px solid #138fcf;transition:transform .6s cubic-bezier(.77,0,.175,1);transform:translate(-60%) translateY(-50%) rotate(45deg)}.c-button__icon:after{transform:translate(-360%) translateY(-50%) rotate(45deg)}.c-button:hover .c-button__icon:before{transform:translate(220%) translateY(-50%) rotate(45deg)}.c-button:hover .c-button__icon:after{transform:translate(-70%) translateY(-50%) rotate(45deg)}.c-product-label{display:flex;gap:6px;align-items:center;font-size:12px;line-height:1;background:linear-gradient(90deg,#00a6e9,#00a971);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Montserrat;font-weight:700}.c-product-label:before,.c-product-label:after{display:inline-block}.c-product-label:before{width:5px;height:5px;content:"";background-color:#14a0dc;border-radius:5px}.c-product-label:after{color:#14a0dc;content:"ALL";-webkit-text-fill-color:transparent;-webkit-background-clip:text!important}.c-product-label--cloud:before{background-color:#00a6e9}.c-product-label--cloud:after{content:"SKYMENU Cloud";background:linear-gradient(90deg,#00a6e9,#00a971)}.c-product-label--mobile:before{background-color:#3cb2e5}.c-product-label--mobile:after{content:"SKYMENU Mobile";background:linear-gradient(90deg,#3cb2e5,#ebabe7)}.c-product-label--cloud-d:before{background-color:#3cb2e5}.c-product-label--cloud-d:after{content:"SKYMENU Cloud Devicecontrol Edition";background:linear-gradient(90deg,#0075c1,#00a6e9)}.c-product-label--cloud-p:before{background-color:#0090ae}.c-product-label--cloud-p:after{content:"SKYMENU Cloud Professional Edition";background:linear-gradient(90deg,#0090ae,#00a971)}.c-product-label--pro:before{background-color:#0096df}.c-product-label--pro:after{content:"SKYMENU Pro";background:linear-gradient(90deg,#0096df,#005bab)}.c-product-label--class:before{background-color:#8dc21f}.c-product-label--class:after{content:"SKYMENU Class";background:linear-gradient(90deg,#8dc21f,#00a63c)}.p-mv{position:relative;z-index:101;width:100%}.p-video{position:absolute;top:0;z-index:-1;width:100%;height:100vh;height:100dvh;visibility:visible}.p-video__video{position:absolute;top:50%;left:50%;width:100%;height:100dvh;margin:0;object-fit:cover;transform:translate(-50%,-50%)}.p-mv-contents{position:sticky;top:0;opacity:0}.p-mv-contents:after{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100dvh;content:"";background-color:#01568b99}.p-mv-contents__inner{width:100%;height:100vh;height:100dvh;padding:clamp(40px,10.2564102564vw,100px) clamp(20px,5.1282051282vw,80px)}.p-mv-read{position:relative;display:grid;grid-template-rows:1fr auto;gap:24px;align-items:end;height:100%;opacity:0}.p-mv-read figure:nth-child(1){width:min(67%,720px)}.p-mv-read figure:nth-child(2){width:min(88%,520px)}.p-mv-scroll{position:absolute;inset:auto clamp(8px,2.0512820513vw,40px) clamp(8px,2.0512820513vw,40px) auto;display:flex;gap:6px;align-items:center;margin:auto;color:#fff;opacity:0;writing-mode:sideways-lr;font-size:clamp(12px,3.0769230769vw,14px);font-family:Montserrat;font-weight:700}.p-mv-scroll:before{display:block;width:1px;height:32px;overflow:hidden;content:"";background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5));opacity:0;animation:animate2 2s linear infinite}@keyframes animate2{0%{opacity:0;transform:translateY(-100%)}20%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}.p-concept{position:relative;z-index:1;display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center;height:100vh;height:100dvh;padding-inline:8vw;overflow:hidden}@media screen and (min-width:768px){.p-concept{padding:0}}.p-concept:after{position:absolute;bottom:0;z-index:-1;display:block;width:100%;height:100dvh;content:"";background:linear-gradient(180deg,#00a7ff00,#007ce2)}.p-concept__logo{width:clamp(280px,71.7948717949vw,368px);opacity:0}.p-concept__logo img{filter:invert(96%) sepia(99%) saturate(0%) hue-rotate(139deg) brightness(200%) contrast(100%)}.p-concept__text{max-width:1024px;font-weight:500;line-height:2.4;color:#fff;letter-spacing:.15em;opacity:0;font-size:clamp(14px,3.5897435897vw,16px)}@media screen and (min-width:768px){.p-concept__text{text-align:center}}.p-concept__br{display:contents}@media screen and (min-width:768px){.p-concept__br{display:inherit}}.p-product-card{display:grid;gap:clamp(32px,8.2051282051vw,40px) clamp(32px,8.2051282051vw,64px)}@media screen and (min-width:992px){.p-product-card{padding-block:25%}}.p-product-card__thumb{width:100%;overflow:hidden;border-radius:16px}@media screen and (min-width:992px){.p-product-card__thumb{display:none}}@media screen and (min-width:992px){.p-product-card__thumb{align-self:start}}.p-product-card__thumb img{width:100%}.p-product-card__logo{width:min(80%,420px);margin-inline:auto;object-fit:contain}@media screen and (min-width:992px){.p-product-card__logo{width:min(100%,320px);margin:unset}}.p-product-card__detail{display:grid;gap:24px}.p-product-card__category{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700;line-height:1.2;text-box:trim-both cap alphabetic}.p-product-card__category:before{display:block;width:6px;height:5px;aspect-ratio:1/1;content:"";background-color:#0067a7;border-radius:10px}.p-product-card__title{font-size:20px;font-weight:700;color:#138fcf}@media screen and (min-width:768px){.p-product-card__title{text-box:trim-both cap alphabetic}}.p-product-card__text{font-size:16px;line-height:2;text-box:trim-both cap alphabetic}.p-news{display:grid;gap:16px}.p-news__item{overflow:hidden;border-radius:8px}.p-news__href{display:inline-grid;gap:16px;width:100%;padding:24px 32px;background-color:#fff}.p-news__href:hover .p-news__text-inner{background-size:100% 1px}@media screen and (min-width:768px){.p-news__href{grid-template:"date ico" auto "text ico" auto/1fr 24px}}.p-news__date{display:flex;flex-direction:column;gap:clamp(8px,2.0512820513vw,12px);font-size:12px;color:#73695f;letter-spacing:0;font-family:Montserrat;font-weight:700}@media screen and (min-width:768px){.p-news__date{grid-area:date}}.p-news__text{font-size:16px;font-weight:700}@media screen and (min-width:768px){.p-news__text{grid-area:text}}.p-news__text-inner{cursor:pointer;background-image:linear-gradient(to bottom,transparent,#54483d);background-repeat:no-repeat;background-position:left bottom;background-size:0% 1px;transition:background .2s cubic-bezier(.77,0,.175,1)}.p-news__text-inner:hover{background-size:100% 1px}.p-news__ico{display:none}@media screen and (min-width:768px){.p-news__ico{position:relative;display:block;align-items:center;width:clamp(16px,4.1025641026vw,24px);height:clamp(16px,4.1025641026vw,24px);margin:auto;overflow:hidden;content:"";background-color:#138fcf;border-radius:16px}}@media screen and (min-width:768px)and (min-width:768px){.p-news__ico{grid-area:ico}}@media screen and (min-width:768px){.p-news__ico:before,.p-news__ico:after{position:absolute;top:50%;left:50%;display:block;width:5px;height:5px;margin:auto;content:"";border-top:1px solid white;border-right:1px solid white;transition:transform .6s cubic-bezier(.77,0,.175,1);transform:translate(-60%) translateY(-50%) rotate(45deg)}.p-news__ico:after{transform:translate(-360%) translateY(-50%) rotate(45deg)}.p-news__href:hover .p-news__ico:before{transform:translate(220%) translateY(-50%) rotate(45deg)}.p-news__href:hover .p-news__ico:after{transform:translate(-70%) translateY(-50%) rotate(45deg)}}@media screen and (min-width:992px){.p-pickup{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:24px 16px}}.p-pickup__item{display:grid;gap:16px}.p-pickup__href{display:block;overflow:hidden;border-radius:8px}.p-pickup__href img{transition:transform .2s}.p-pickup__href:hover img{transform:scale(1.03)}.p-column-card{display:block;padding:24px;background:#fff;border:1px solid #eee;border-radius:8px}@media screen and (min-width:992px){.p-column-card{display:grid;grid-template:"thumb date ico" auto "thumb title ico" auto/40% 1fr 24px;gap:8px 24px;border:none;box-shadow:0 4px 24px #73695f1a}}.p-column-card__thumb{max-width:100%;overflow:hidden}@media screen and (min-width:992px){.p-column-card__thumb{grid-area:thumb}}.p-column-card__thumb img{width:100%;border-radius:8px;transition:transform .2s}.p-column-card:hover .p-column-card__thumb img{transform:scale(1.05)}.p-column-card__date{margin-top:16px;color:#999;font-family:Montserrat;font-weight:700}@media screen and (min-width:992px){.p-column-card__date{grid-area:date;align-self:end;margin-top:0}}.p-column-card__title{margin-top:8px;font-size:16px;font-weight:700}@media screen and (min-width:992px){.p-column-card__title{grid-area:title;align-items:flex-start;margin-top:0}}.p-column-card__ico{display:none}@media screen and (min-width:992px){.p-column-card__ico{position:relative;display:block;align-items:center;width:clamp(16px,4.1025641026vw,24px);height:clamp(16px,4.1025641026vw,24px);margin:auto;overflow:hidden;content:"";background-color:#138fcf;border-radius:16px}}@media screen and (min-width:992px)and (min-width:992px){.p-column-card__ico{grid-area:ico}}@media screen and (min-width:992px){.p-column-card__ico:before,.p-column-card__ico:after{position:absolute;top:50%;left:50%;display:block;width:5px;height:5px;margin:auto;content:"";border-top:1px solid white;border-right:1px solid white;transition:transform .6s cubic-bezier(.77,0,.175,1);transform:translate(-60%) translateY(-50%) rotate(45deg)}.p-column-card__ico:after{transform:translate(-360%) translateY(-50%) rotate(45deg)}.p-column-card:hover .p-column-card__ico:before{transform:translate(220%) translateY(-50%) rotate(45deg)}.p-column-card:hover .p-column-card__ico:after{transform:translate(-70%) translateY(-50%) rotate(45deg)}}.l-main{background:#fff url(/common/img/bg_noise-white.jpg)}.l-header{opacity:0;transform:scaleY(-8px)}.p-top-heading{position:relative;font-weight:700;line-height:1.2;text-box:trim-both cap alphabetic;font-size:clamp(28px,7.1794871795vw,40px)}.p-top-heading:before{display:block;padding-left:16px;margin-bottom:clamp(2px,.5128205128vw,10px);font-size:14px;color:#138fcf;text-transform:capitalize;letter-spacing:0;content:attr(data-en);font-family:Montserrat;font-weight:700}.p-top-heading:after{position:absolute;top:2px;left:5px;display:block;width:6px;height:6px;content:"";background-color:#0067a7;border-radius:6px}@media screen and (min-width:992px){.p-top-heading--center{text-align:center}}@media screen and (min-width:992px){.p-top-heading--center:after{left:calc(50% - 2rem)}}.p-top-read{margin-top:clamp(24px,6.1538461538vw,32px)}@media screen and (min-width:768px){.l-section--product{padding:7.8%}}.p-product-list{display:grid;gap:clamp(48px,12.3076923077vw,64px)}@media screen and (min-width:992px){.p-product-list{grid-template-columns:auto 1fr;gap:7%}}.p-product-list__left{display:none}@media screen and (min-width:992px){.p-product-list__left{display:block}.p-product-list__left>div{position:sticky;top:calc(50svh - 20vw);display:grid}}.p-product-list__right{display:grid;gap:clamp(48px,12.3076923077vw,64px)}@media screen and (min-width:992px){.p-product-list__right{display:block;max-width:560px;padding-bottom:64px}}.p-product-list__mv{grid-area:1/1;width:calc(40vw - 48px);text-align:right;opacity:0;transition:opacity .5s}.p-product-list__mv img{width:min(100%,580px);max-height:100%;aspect-ratio:10/13;object-fit:cover;border-radius:16px}.p-product-list__mv.is-active{opacity:1}.l-container--news{display:grid;gap:48px}@media screen and (min-width:992px){.l-container--news{grid-template-columns:280px 1fr}}.p-column{display:flex;flex-direction:column;gap:48px;justify-content:space-between}@media screen and (min-width:768px){.p-column{flex-direction:row;gap:0}}.p-column__left,.p-column__right{display:flex;flex-direction:column;gap:24px}@media screen and (min-width:768px){.p-column__left,.p-column__right{width:48%}}.p-column__card-wrap{display:contents}@media screen and (min-width:992px){.p-column__card-wrap{display:grid!important;gap:16px}}.p-column__button{text-align:center}@media screen and (min-width:768px){.p-column__button{grid-area:button}}.p-column__heading{font-size:20px;font-weight:700;line-height:1.4;color:#138fcf}@media screen and (min-width:992px){.splide__track{display:contents!important}}.splide__arrows{display:flex;gap:16px;justify-content:center;margin-top:24px}@media screen and (min-width:992px){.splide__arrows{display:none}}.splide__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border-radius:32px}.splide__arrow:after{width:8px;height:8px;content:"";border-top:1px solid #138fcf;border-right:1px solid #138fcf;transform:rotate(45deg)}.splide__arrow--blue{background-color:#138fcf}.splide__arrow--blue:after{border-top:1px solid white;border-right:1px solid white}.splide__arrow--prev{transform:rotate(180deg)}.p-slide-pagenation{display:flex;gap:4px;align-items:center;font-size:14px;line-height:1;text-align:center;font-family:Montserrat;font-weight:700}@media screen and (min-width:992px){.p-slide-pagenation{display:none}}