.l-header{position:fixed;top:0;z-index:1000;display:flex;align-items:center;width:100%;height:50px;background:#fff}.l-header--shadow{box-shadow:0 0 5px rgba(0,0,0,.03),0 0 10px rgba(0,0,0,.05),0 0 30px rgba(0,0,0,.1)}@media screen and (min-width: 1024px){.l-header{display:flex;align-items:center;height:84px;transition:height .2s}}.header{width:100%;height:50px;padding:0 65px 0 5vw;margin:0}@media screen and (min-width: 1024px){.header{width:100%;height:84px;padding:0 2em;margin:0}}.header__inner{display:flex;align-items:center;height:50px}@media screen and (min-width: 1024px){.header__inner{display:flex;gap:32px;align-items:center;justify-content:space-between;height:84px}}.header__logo-cloud{margin:0}.header__logo-cloud>a{display:flex}img[src$=".svg"].logo-cloud__img.logo-cloud__img{width:150px;height:40px}@media screen and (min-width: 1024px){img[src$=".svg"].logo-cloud__img.logo-cloud__img{width:clamp(180px,20vw,230px);height:auto}}img[src$=".svg"].logo-cloud__img:hover{opacity:inherit}img[src$=".svg"].logo-sky__img{width:98px;height:32.3px;vertical-align:bottom}.header__logo-sky{display:none}@media screen and (min-width: 1024px){.header__logo-sky.header__logo-sky{display:block;padding-left:24px;border-left:1px solid #ddd}}@media screen and (min-width: 1024px){.header__logo-sky>a{display:block}}.l-gnav.js-l-gnav--hidden{visibility:hidden}@media screen and (min-width: 1024px){.l-gnav{display:block;flex-shrink:0}}.gnav{position:fixed;top:0;right:-120%;z-index:1000;box-sizing:border-box;width:100%;height:calc(100vh - 49px);padding:10vw;margin:0;margin-top:49px;background:#fff;transition:right .6s ease-in-out}@media screen and (min-width: 1024px){.gnav{position:static;display:flex;flex-direction:column;gap:8px;height:inherit;padding:0;margin-top:inherit;background:none}}.gnav.js-gnav--open{right:0;max-height:100%;overflow-x:hidden;overflow-y:auto;background-attachment:fixed;-webkit-overflow-scrolling:touch}.gnav__list--sub{display:none}@media screen and (min-width: 1024px){.gnav__list--sub{display:block}}.gnav__list{padding:0;margin:0}@media screen and (min-width: 1024px){.gnav__list{display:flex !important;gap:24px;align-items:center;justify-content:flex-end;margin:0}}.gnav__list__item{padding:0;margin:8vw 0;line-height:1.4;list-style:none}.gnav__list__item:first-child{margin-top:0}@media screen and (min-width: 1024px){.gnav__list__item{margin:0}}.gnav__list__item>a:first-of-type{position:relative;font-family:fot-tsukuardgothic-std,"Noto Sans JP",sans-serif;font-size:1.188em;font-weight:600;transition:color .2s ease-out,opacity .2s ease-out}@media screen and (min-width: 768px){.gnav__list__item>a:first-of-type{font-size:1.125em}}@media screen and (min-width: 1024px){.gnav__list__item>a:first-of-type{display:block;font-family:"Noto Sans JP","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;font-size:min(1.2vw,.938em);font-weight:500;color:#54483d;letter-spacing:normal}}.gnav__list__item>a:first-of-type:hover{opacity:.6}@media screen and (min-width: 1024px){.gnav__list__item>a:first-of-type:hover{color:#0985c8;opacity:inherit}.gnav__list__item>a:first-of-type:hover::after{bottom:-0.5rem;background-color:#0985c8}}@media screen and (min-width: 1024px){.gnav__list__item>a:first-of-type::after{position:absolute;top:auto;right:0;bottom:-0.2rem;left:0;width:5px;height:5px;margin:auto;content:"";background-color:#fff;border-radius:50%;transition:background-color .1s ease-out,bottom .1s ease-out}}@media screen and (min-width: 1024px){.gnav__list__item>a:first-of-type.gnav__list__current{color:#0985c8;opacity:inherit}}@media screen and (min-width: 1024px){.nav__list__item-drop{position:relative;margin-right:1em}.nav__list__item-drop::before{position:absolute;top:0;right:-1em;bottom:0;left:auto;width:.4em;height:.4em;margin:auto;content:"";border-color:#999;border-style:solid;border-width:1px 1px 0 0;transition:right .3s ease,transform .3s ease;transform:rotate(135deg)}.nav__list__item-drop:hover::before{transform:rotate(-45deg)}}.gnav__list__site{padding:0;margin:0;font-size:15px;text-align:center;list-style:none}.gnav__list__site>a{color:#54483d}.gnav__list__site>a:hover{opacity:.5}@media screen and (min-width: 1024px){.gnav__list__site>a{font-size:.875em}}.gnav__list__site--sp{display:flex;flex-direction:column;flex-wrap:wrap;gap:1em 2em;align-items:flex-start;justify-content:center;margin-top:2em}@media screen and (min-width: 1024px){.gnav__list__site--sp{display:none}}.gnav__list__site__inner{position:relative;display:block;max-width:26em;padding-left:30px;margin:0;font-size:.75em;line-height:1;border-radius:2em;transition:opacity .3s}@media screen and (min-width: 768px){.gnav__list__site__inner{font-size:.875em}}.gnav__list__site__inner::before{position:absolute;top:0;right:auto;bottom:0;left:0;width:20px;height:20px;margin:auto;content:"";background-repeat:no-repeat;background-position:center;background-size:contain}.gnav__list__site__inner--media::before{background-image:url("/cloud/common/img/header-ico_column.svg")}.gnav__list__site__inner--howtouse::before{background-image:url("/cloud/common/img/header-ico_how-to.svg")}.gnav__list__site__inner--youtube::before{background-image:url("/cloud/common/img/header-ico_movie.svg")}.gnav__list__site__inner--search::before{background-image:url("/cloud/common/img/header-ico_search.svg")}.nav__list-drop{padding:0;margin:3vw 0}.nav__list-drop__item{padding:0;margin:5vw 0 0;list-style:none}.nav__list-drop__item:first-child{margin-top:0}.nav__list-drop__item>a{position:relative;display:block;padding-left:1.2em;font-size:.938em;color:#54483d;transition:color .2s ease-out}.nav__list-drop__item>a.gnav__list__current{color:#0985c8}.nav__list-drop__item>a:hover{color:#0985c8}.nav__list-drop__item>a::before{position:absolute;top:.6em;right:auto;bottom:auto;left:0;width:.4em;height:.4em;margin:auto;content:"";border-color:#0985c8;border-style:solid;border-width:1px 1px 0 0;transform:rotate(45deg)}@media screen and (min-width: 568px){.nav__list-drop{margin:0}.nav__list-drop__item{display:inline-block;margin:.5em 1em .5em 0}.nav__list-drop__item:first-child{margin-top:inherit}}@media screen and (min-width: 768px){.nav__list-drop__item>a{font-size:1em}}@media screen and (min-width: 1024px){.nav__list-drop{padding:2em 1em 2em 2em;margin:2em 0 0;background:#fff;border-radius:1.8em;box-shadow:0 2px 3px rgba(0,0,0,.03),0 10px 16px rgba(0,0,0,.04),0 20px 30px rgba(0,0,0,.06)}.nav__list-drop__item{display:inline-block;margin:0 1em 1em 0}.nav__list-drop__item:first-child{margin-top:0}.nav__list-drop__item:last-child{margin-bottom:0}.nav__list-drop__item>a{font-size:.938em}}@media screen and (min-width: 1024px){.l-nav__list-drop{position:absolute;width:20em;margin:0;visibility:hidden;opacity:0;transition:visibility .2s,opacity .2s}.gnav__list__item:hover .l-nav__list-drop{visibility:visible;opacity:1}}.l-opener{position:absolute;top:0;right:0;z-index:1000;width:50px;height:50px;cursor:pointer}.l-opener .opener{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:28px;height:24px;margin:auto;transition:transform .6s ease}.l-opener .opener__line1,.l-opener .opener__line2,.l-opener .opener__line3{position:absolute;left:0;width:100%;height:2px;background-color:#999;transition:transform .3s ease,opacity .3s ease}.l-opener .opener__line1{top:0}.l-opener .opener__line2{top:11px}.l-opener .opener__line3{bottom:0}.l-opener.js-l-opener--open .opener__line1{transform:translateY(11px) rotate(-45deg)}.l-opener.js-l-opener--open .opener__line2{opacity:0}.l-opener.js-l-opener--open .opener__line3{transform:translateY(-11px) rotate(45deg)}@media screen and (min-width: 1024px){.l-opener{display:none}}.l-header__socials{display:grid;grid-auto-flow:column;column-gap:16px;align-items:center;padding:0;margin:0}@media screen and (min-width: 1024px){.l-header__socials{column-gap:20px}}.l-header__socials--sp{margin-left:auto}@media screen and (min-width: 1024px){.l-header__socials--sp{display:none}}.l-header__socialsitem{padding:0;margin:0;list-style:none}.l-header__socialsitem img{width:26px;height:26px;vertical-align:bottom}