html{-webkit-text-size-adjust:100%;line-height:1.15;font-size:62.5%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}main,details{display:block}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}template,[hidden]{display:none}body,button,input,select,optgroup,textarea{color:#404040;font-family:sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em .5em;padding-inline-start:30px}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{background:#e6e6e6;border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;color:rgba(0,0,0,.8);font-size:.75rem;line-height:1;padding:0}button a{padding:.6em 1em .4em}input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}input[type="submit"]:hover{background:#fff;color:#000}input[type="submit"],button{cursor:pointer;font-size:1rem;margin:5px auto;padding:5px}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{border:1px solid #ccc;border-radius:3px;color:#666;padding:3px}@media screen and (max-width:600px){input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{width:100%}}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.sticky{display:block}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}*{box-sizing:border-box}.flex{display:flex;display:-ms-flexbox;-ms-flex-flow:row wrap;flex-flow:row wrap}body,button,input,select,optgroup,textarea{font-family:'Noto Sans JP',sans-serif;font-size:16px}.sp-on{display:none}button a,.pc-on{display:block}@media (max-width:600px){.pc-on{display:none}.sp-on{display:block}}.center{text-align:center}span.red{color:#ed0000}a{color:#003a79;transition:all .3s ease 0s;text-decoration:none}a:focus{outline:thin dotted}a:hover,a:active{outline:0}a img{transition:all .3s ease 0s}a img:hover{opacity:.5}header.header{height:68px;position:fixed;width:100%;z-index:99999;background:#fff;border-bottom:1px solid #003a79;transition:all .3s ease 0s;top:0}.site-branding{padding:10px 20px;max-width:300px;width:100%}.site-logo{line-height:0;margin:0}.site-logo img{height:100%;width:100%}.header-container{justify-content:space-between;transition:all .3s ease 0s}.right-area{align-items:center}ul#primary-menu{list-style:none;margin:0;padding:0}ul#primary-menu li a{font-weight:700;position:relative;display:inline-block;padding:0 10px}ul#primary-menu li a:after{position:absolute;bottom:-4px;left:0;content:'';width:100%;height:2px;background:#3ba0db;transform:scale(0,1);transform-origin:center top;transition:transform .3s}ul#primary-menu li a:hover:after{transform:scale(.4,1)}.contact-area{line-height:0}svg.icon-header-mail{width:98px;height:68px}g#header-mail-main{fill:#fff}g#header-mail-back{fill:#003a79;transition:all .3s ease 0s}.sp-nav-wrapper{display:none}.sample{width:50px;height:50px;background:#333}.sample2{width:50px;height:50px;background:red}header.front-header{background:rgba(255,255,255,0);border-bottom:none;transition:all .3s ease 0s}header.front-header ul#primary-menu li a{color:#fff}@media (max-width:1000px){svg.icon-header-mail{display:none}.global-nav-wrapper{display:none}.sp-menu{border:1px solid #2692ca;display:block;z-index:99999;width:42px;height:42px;cursor:pointer;position:fixed;top:1em;right:1em}.sp-menu span{display:block;position:absolute;width:30px;height:2px;left:6px;background:#2692ca;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.sp-menu span:nth-child(1){top:10px}.sp-menu span:nth-child(2){top:20px}.sp-menu span:nth-child(3){top:30px}.sp-menu.active span:nth-child(1){top:18px;left:6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.sp-menu.active span:nth-child(2),.sp-menu.active span:nth-child(3){top:18px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.sp-nav-wrapper{display:block;position:fixed;z-index:99;right:0;color:#000;background:#003a79;transition:all .6s;padding:1em;width:50%;transform:translateX(100%);top:70px;height:100vh}.sp-nav-wrapper.active{transform:translateX(0)}.is-fixed{overflow:hidden}.sp-nav{color:#fff;padding:5vw}.sp-nav a{color:#fff}ul#primary-menu{display:block}ul#sp-primary-menu,ul#sp-second-menu{list-style:none;margin:0 auto 40px;padding:0}ul#primary-menu li a{color:#fff;font-size:2rem;display:block;text-align:right;padding:.5em}ul#primary-menu li a:after{bottom:0;transform-origin:right top}}.w980{max-width:980px;width:100%;margin:auto}.w1140{max-width:1140px;width:100%;margin:auto}.btn-a{width:100%;text-align:center;margin:3em auto 3em}.btn-a a{position:relative;border:1px solid #3c88b4;display:inline-block;text-align:center;color:#3c88b4;outline:none;transition:all .2s linear;padding:10px 60px}.btn-a a:hover{background:#3c88b4;color:#fff}.btn-a a::before{content:"";position:absolute;top:50%;right:-30px;width:60px;height:1px;background:#003a79;transition:all .2s linear}.btn-a a:after{content:"";position:absolute;top:calc(50% - 5px);right:-24px;width:1px;height:15px;background:#003a79;transform:translate(50%,-50%) rotate(-45deg);transition:all .2s linear}.btn-a a:hover:before{right:-45px}.btn-a a:hover:after{right:-38px}.breadcrumbs{background:#ebebeb;font-size:1.4rem;padding:2px 5px}.btn01 a{background:none;color:#3ba0db;border:1px solid #3ba0db;border-radius:0;position:relative;color:#3ba0db!important}.btn01 a:after{content:'';display:block;position:absolute;right:3px;bottom:3px;border-left:12px solid transparent;border-bottom:12px solid #3ba0db}.btn01 a:hover{background:rgb(59 160 219 / 60%);color:#fff}.btn01 a:hover:after{border-left:12px solid transparent;border-bottom:12px solid #fff}.js-loading{position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;z-index:999999}.flex.loader{width:100%;height:100%;justify-content:center;align-items:center}.loading-logo svg.icon-logo-svg-still{width:200px;height:200px}.site-info{text-align:center;font-size:1.2rem}footer.site-footer{background:#ebebeb;padding:2em}ul#footermenu{justify-content:center;align-items:center;list-style:none}.footermenu li a{display:inline-block;line-height:1;color:#333;padding:0 2.5em}.footermenu li a:hover{background:#2592c8;color:#fff}div#page_top{position:fixed;z-index:999;right:5px;bottom:10px;width:50px;height:50px;border-radius:100%;cursor:pointer;transition:.6s ease all;opacity:0}div#page_top svg{padding:10px;transform:rotate(-45deg);fill:#3ca0db}div#page_top span{position:relative;z-index:9}.footer-widget{max-width:768px;width:100%;margin:auto;padding:1em}@media (max-width:768px){.footer-widget .wp-block-columns{gap:0;text-align:center}.privacy-footer-logo img{max-width:80px}}.first-view{background:url(/wp/wp-content/themes/cockpit/image/front/xfv.webp.pagespeed.ic.fIpLJ247Vp.webp);height:100vh;min-height:800px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.fv-main{max-width:1280px;width:100%;height:100%;position:relative;margin:auto}.fv-logo{width:50%;text-align:center;overflow:hidden}.fv-contents{width:100%;height:100%;display:flex;justify-content:right;align-items:center}.fv-contents p{font-size:2.4rem;font-weight:700;color:#fff;margin:0;display:inline-block}.first-view .scrolldown span{color:#fff}.first-view .scrolldown{left:auto;right:0;top:50%}.first-view .scrolldown::after{background:#fff}svg.icon-logo-svg-still{width:30em;height:30em;display:inline-block;animation-name:logo-rotate;animation-iteration-count:infinite;animation-duration:2s;animation-timing-function:linear}@media (max-width:768px){.fv-logo{width:100%}.fv-contents{justify-content:center}}@media (max-width:600px){.first-view{min-height:auto}svg.icon-logo-svg-still{width:300px;height:300px}}.blue{fill:#1b498a}.skyblue{fill:#2592c8}@keyframes logo-rotate{
  from {
  transform: rotateY(0deg);
  }
  to {
  transform: rotateY(360deg);
  }
}.logoarea:hover svg.icon-logo-svg-still{animation-name:logo-rotate-hover;animation-fill-mode:both;animation-iteration-count:1;animation-duration:.5s;animation-timing-function:ease-out}@keyframes logo-rotate-hover{
  from {
  transform: rotateY(0deg);
  animation-play-state:running;
  }
  to {
  transform: rotateY(1turn);
  animation-play-state:paused;
      fill:#FFF;
  }
}.slash-title{text-align:center;line-height:1;position:relative;z-index:1;margin:0}.slash-title strong:after{content:'';display:block;width:2px;height:40px;background:#3ba0db;transform:rotate(45deg);margin:auto}.slash-title span{font-size:1.4rem;color:#003a79;display:block}.front-info-container{max-width:1080px;width:100%;margin:auto}.info-area{padding:5em 0}.info-title{width:25%;align-items:center;justify-content:center}.info-content{width:75%}.info-box{border-bottom:1px solid #707070;align-items:center;padding:.75em 0}.info-box span.date{width:10%;display:inline-block}.info-box span.cate{width:20%;display:inline-block}.info-box h3{width:70%;font-weight:400;margin:0}span.cate a{display:inline-block;background:#ccc;text-align:center;border-radius:3px;color:#fff;font-size:1.2rem;margin:0 1em;padding:2px 5px}span.cate a.news{background:#3ba0db}span.cate a.web{background:#003a79}span.cate a.design{background:#16c587}span.cate a.system-application{background:#3b3ee6}span.cate a:hover{background:#333}section#bg01{background:url(/wp/wp-content/themes/cockpit/image/front/xbg001.webp.pagespeed.ic.4uKGEzYcJI.webp);background-size:100%;background-position:center top;box-shadow:0 6px 16px -6px rgba(0,0,0,.3) inset;padding:10em 0}.title-area{position:relative}.capterimg{max-width:400px;width:100%;position:absolute;z-index:0;left:50%;top:calc(50% - 2em);transform:translate(-50%,-50%)}.sec2-content{background:rgba(255,255,255,.6);margin:3em;padding:3em}.sec2-content .sentence,.sec2-content .image{width:50%;padding:0 1em}h3.yellow-line{text-align:center;margin-bottom:2em;z-index:1;position:relative}h3.yellow-line span{background:linear-gradient(transparent 60%,#ff6 60%)}.sec2-content .sentence p{text-align:justify;margin:0 0 1em}section#bg02{background:#f1f5f7;position:relative;padding:10em 0 5em}section#bg02:after{content:'';display:block;position:absolute;bottom:-200px;z-index:9;border-color:#f1f5f7 transparent transparent transparent;border-style:solid;border-width:200px calc(100vw - 18px) 0 0}.service-area{justify-content:center}.service-content{width:100%;max-width: calc(100% / 3 - calc(10px * 2));position:relative}.servise-box{position:relative;transition:all .5s ease 0s;perspective:150em;z-index:1;margin:.5em}.shadow{z-index:0;width:calc(100% - 20px);height:calc(100% - 20px);top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(215 216 216);box-shadow:0 5px 15px rgb(162 165 166 / 50%);position:absolute}.servise-box .front{position:relative;transition:all .5s ease 0s;background:#fff;transform:rotateY(0deg);height:100%;box-shadow:0 3px 4px #8f8f8f}.servise-box .back{width:100%;height:100%;background:#003a79;transition:all .5s ease 0s;position:absolute;top:0;left:0;backface-visibility:hidden;transform:rotateY(180deg)}.servise-box:hover{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}.servise-box:hover .front{transform:rotateY(360deg)}.servise-box:hover .back{transform:rotateY(540deg)}.servise-box .img-area{position:relative}.tri-over{position:absolute;z-index:9;width:100%;bottom:-.05em}svg.icon-tri-over01{fill:#fff}.servise-box .sentence h4{text-align:center;margin:0 auto 5px}.servise-box .sentence h4 span:after{content:'';display:block;width:50%;height:1px;background:#333;margin:5px auto auto}.servise-box .sentence{padding:0 1em .5em}.servise-box a.expand{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}section#bg03{background:url(/wp/wp-content/themes/cockpit/image/front/xbg002.webp.pagespeed.ic.qvoBUZBesW.webp);background-size:100%;background-position:center top;box-shadow:0 6px 16px -6px rgb(0 0 0 / 30%) inset;position:relative;padding:20em 0}.work-intro{justify-content:center;margin:auto;padding:5em 0}.work-intro-box{position:relative;width:50%;justify-content:center;align-items:center}.work-intro-box p{position:relative;z-index:3;text-align:center}.work-intro-box img{max-width:400px;width:100%;padding:3em 0}.work-intro-box:first-child:before{content:'';display:block;width:60%;height:100%;position:absolute;background:rgb(255 255 255 / 40%);z-index:1;top:50%;left:0;transform:translateY(-50%);border-radius:100%}.work-intro-box:first-child:after{content:'';display:block;width:50%;height:80%;background:rgb(0 131 190 / 40%);position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:0;border-radius:100%}.work-box{max-width:calc(100% / 3 - calc(20px * 2));width:100%;margin:0 20px}.work-thumb{position:relative}.work-thumb .img{height:230px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;margin-left:15px;border:1px solid #ccc}.work-thumb .img::-webkit-scrollbar{display:none}.work-box .link a{position:absolute;bottom:-5px;right:-5px;z-index:9;width:54px;height:54px;background:#003a79;border-radius:100%;transition:.6s ease all;padding:12px}.work-box .link a span{position:relative;z-index:9}.work-box .link a:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;width:54px;height:54px;background:#3ba0db;transform:scale(0);transition:.6s ease all;margin:auto}.work-box .link a:hover:before{transform:scale(1)}.work-box .link a:hover span svg{transform:rotate(-45deg)}svg.icon-rocket{fill:#fff;transition:.3s ease all}.scrolldown{position:absolute;left:0;top:0;height:100%;width:20px}.scrolldown span{position:absolute;left:-.5rem;top:0;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;color:#003a79;font-size:.8rem;letter-spacing:0;font-weight:700;z-index:1;border-radius:2px;padding:8px 1px}.scrolldown::after{display:block;content:"";position:absolute;bottom:0;width:2px;height:100px;background:#003a79;animation:pathmove 1.4s ease-in-out infinite;opacity:0;margin-top:40px}.work-box .link a span svg.anime{transform:translateY(-100px);opacity:0}@keyframes pathmove {
    0% {
        height: 0;
        top: 0;
        opacity: 0;
    }
    30% {
        height: 50px;
        opacity: 1;
    }
    100% {
        height: 0;
        top: 200px;
        opacity: 0;
    }
}.front-work .work-box:nth-child(1),.front-work .work-box:nth-child(4){margin-top:100px}.front-work .work-box:nth-child(2),.front-work .work-box:nth-child(5){margin-top:60px}.front-work .work-box:nth-child(3),.front-work .work-box:nth-child(6){margin-top:20px}.other-work-area{margin-top:40px}.other-work-box{max-width:calc(100% / 4 - 1em);width:100%;margin:.5em}section#bg03:after{content:'';display:block;position:absolute;bottom:0;right:0;z-index:9;border-color:transparent #fff transparent transparent;border-style:solid;border-width:200px calc(100vw - 18px) 0 0}.work-box .sentence h2,.other-work-box .sentence h2,.work-box .sentence h3,.other-work-box .sentence h3{font-size:1.6rem;font-weight:400;padding:.25em 0 0 0;margin:.5em 0 0 .5em}.work-box .sentence,.other-work-box .sentence{border-left:3px solid #003a79;margin-left:15px}.other-work-box .sentence{margin-left:0}.work-box .sentence span,.other-work-box .sentence span{display:block;font-size:1.2rem;padding-left:.75em;word-break:break-all}.deco-illust{position:relative;text-align:center;top:3em;z-index:99}.bg-color{position:relative;padding:5em}.color-back{width:100%;height:100%;position:absolute;background:#7d7d7d;top:0;left:0}.bg-left{width:50%;height:100%;float:left}.bg-right{width:50%;height:100%;float:right}.bg-left-color{background:#3c88b4;width:100%;height:100%}.bg-right-color{background:#003a79;width:100%;height:100%}.sec-recruit{z-index:9;background:rgb(255 255 255 / 90%);padding:4em 2em 0}.recruit-area{padding-top:3em}.recruit-box{width:50%;padding:1em}h3.recruit-title{text-align:center;position:relative;margin:auto;padding:.5em 0}h3.recruit-title:before{content:'';display:block;width:20px;height:20px;border-top:5px solid #003a79;border-left:5px solid #003a79;position:absolute;top:0;left:0}h3.recruit-title:after{content:'';display:block;width:20px;height:20px;border-bottom:5px solid #003a79;border-right:5px solid #003a79;position:absolute;right:0;bottom:0}.down-top-text{color:#fff;writing-mode:tb-rl;font-size:2em;position:relative;top:50%;transform:translateY(-50%);left:10px;font-weight:700;margin:0}.top-down-text{color:#fff;writing-mode:tb-rl;font-size:2em;position:absolute;top:50%;transform:translateY(-50%);right:0;font-weight:700;height:100%;text-align:center;margin:0}@media (max-width:600px){.down-top-text,.top-down-text{display:none}}.contact-container{padding:5em 0}@media (max-width:1000px){.info-box h3{width:100%}.info-box span.date,.info-box span.cate{width:auto}.info-area{padding:3em 1em}.sec2-content .sentence,.sec2-content .image{width:100%}.sec2-content .image{order:1;text-align:center}.sec2-content .image img,.recruit-box img{max-width:320px;width:100%}.sec2-content .sentence{margin:1em auto;order:2}.service-content{max-width:calc(100% / 2 - calc(10px * 2))}.recruit-box{width:100%}.recruit-box:first-child{text-align:center}ul#footermenu li{width:30%}.footermenu li a{border-right:none;display:block;padding:.25em;text-align:center}section#bg01,section#bg03{background-size:cover}}@media (max-width:600px){header.header{height:auto}.sp-menu{top:10px;right:10px}.site-branding{width:calc(100% - 54px);padding:10px}.sp-nav-wrapper,.header-container,.info-title,.info-content,.footer-menu-area .logo{width:100%}.btn-a a{padding:.5em 3em}.service-content{max-width:calc(100% - 20px)}.sec2-content{margin:.5em;padding:.5em}section#bg03{padding:5em 0}section#bg02:after,section#bg03:after{display:none}.work-box{max-width:calc(100% - 2em)}.work-thumb .img{height:260px}.front-work .work-box:nth-child(1),.front-work .work-box:nth-child(2),.front-work .work-box:nth-child(3),.front-work .work-box:nth-child(4),.front-work .work-box:nth-child(5),.front-work .work-box:nth-child(6){margin-top:40px}.other-work{margin-top:5em}.other-work-box{max-width:calc(100% - 2em);margin:.5em auto}.bg-color{padding:1em}.sec-recruit{padding:5em 1em 0}.recruit-area{padding-top:0}footer.site-footer{padding:2em 1em 5em}.footer-menu-area{padding:0}ul#footermenu{margin:0 auto 1em;padding:0}ul#footermenu li{width:50%}.footermenu li a{padding:.5em}.footer-menu-area .logo{justify-content:center}}.header-thumbnail{position:relative}.header-thumbnail .left{width:calc(50% + 2.5em);background:#ccc;transform:skewX(-15deg);margin-left:-5em;overflow:hidden}.header-thumbnail .left .inner{transform:skewX(15deg);height:100%;width:calc(100% + 5em);padding:5em 0;background:url(/wp/wp-content/themes/cockpit/image/thumbnail/thumbback.jpg);background-size:cover;background-position:center;position:relative}.slash-title.thumbnail-title{width:68%;margin:auto;color:#fff}.slash-title.thumbnail-title strong{font-size:2.8rem}.slash-title.thumbnail-title strong:after{background:#fff}.slash-title.thumbnail-title span{color:#fff}.over-gra{position:absolute;top:0;left:0;height:100%;width:100%;background:#001d3d;background:linear-gradient(15deg,rgba(0,29,61,1) 0%,rgba(0,58,121,.6) 100%);z-index:-1}.header-thumbnail .right{z-index:-1;background-position:center;background-size:cover;width:calc(50% + 5em);height:100%;position:absolute;top:0;right:0}.header-thumbnail .right.single-right{background-position:center}.right.single-right.web-right{background-size:contain;background-repeat:no-repeat;background-position:right calc(50% - 3.25em) top 10px}@media (max-width:600px){.header-thumbnail .left{width:50%}.header-thumbnail .right{width:50%;background-size:contain}.thumbnail-title{font-size:1.8rem}.slash-title.thumbnail-title span{font-size:1.2rem}.slash-title.thumbnail-title strong:after{height:20px}.header-thumbnail .left .inner{padding:2em 0;width:100%;transform:skewX(0deg)}.header-thumbnail .left{width:50%;margin:0;transform:skewX(0deg)}.slash-title.thumbnail-title strong{font-size:1.6rem}}main.archive-main{background-image:url(/wp/wp-content/themes/cockpit/image/archive/backtop.png) , url(/wp/wp-content/themes/cockpit/image/archive/backbottom.png);background-repeat:no-repeat , no-repeat;background-position:right top , left bottom;background-size:contain;padding:3em 0}.archive-container{max-width:960px;width:100%;margin:auto;padding:3em 20px}.archive-line{border-bottom:1px solid #ccc;margin-bottom:2em;padding:.5em 0}h2.archive-h3{margin:0;font-size:1.6rem;font-weight:500}.archive-line .date{max-width:100px;width:100%}a.archive-cat{background:#333;color:#fff;font-size:1.2rem;padding:2px .5em;border-radius:5px;display:inline-block}a.archive-cat:hover{background:#333}.archive-line .category-list{width:100%;max-width:120px}a.cat-web{background:#003a79}a.cat-design{background:#16c587}a.cat-system-application{background:#3b3ee6}a.cat-news{background:#3ba0db}.nav-links a.prev,.nav-links a.next{border:none;background:none}a.prev svg,a.next svg{width:1.5em;height:1.5em}.nav-links a.prev svg:hover,.nav-links a.next svg:hover{fill:#2592c8}.nav-links a,.nav-links span{background:#fff;width:2.5em;height:2.5em;display:flex;border-radius:100%;border:1px solid #333;justify-content:center;align-items:center;margin:3px}.nav-links{display:flex;justify-content:center;margin:2em auto 6em}span.page-numbers.current{background:#001d3d;background:linear-gradient(rgba(0,58,121,.8) 0%,rgba(0,44,91,.99) 49.75%,#001d3d 100%);color:#fff}.work-archive{max-width:1240px;margin:auto;width:100%;padding:2em}.work-archive .work-box{margin:2em 20px}@media (max-width:600px){.work-archive{padding:0}.work-archive .work-box{margin:2em 10px}h2.archive-h3{width:100%}}article.default-single{max-width:1080px;width:calc(100% - 2em);margin:5em auto;background:#fff;box-shadow:0 2px 5px #777;padding:1em 2em}article.default-single h2{margin:1em auto .5em}.summary{border-bottom:1px solid #777;padding-bottom:.5em}main.single-main{background-image:url(/wp/wp-content/themes/cockpit/image/archive/backtop.png) , url(/wp/wp-content/themes/cockpit/image/archive/backbottom.png);background-repeat:no-repeat , no-repeat;background-position:right top , left bottom;background-size:contain;padding:5px 0}.single-nav{justify-content:center;margin:5em}.single-nav>div a{display:inline-block;padding:1em}.previous a:before,.next a:after{content:'';width:1em;height:1em;display:inline-block;background:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 19\ 32\"><path\ fill=\"%23003A79\"\ d=\"M16.087\ 32c-0.001\ 0-0.002\ 0-0.002\ 0-0.957\ 0-1.813-0.429-2.388-1.106l-0.004-0.005-13.693-16.22\ 13.881-13.762c0.566-0.561\ 1.345-0.908\ 2.205-0.908\ 0.869\ 0\ 1.656\ 0.354\ 2.223\ 0.927l0\ 0c0.561\ 0.566\ 0.907\ 1.344\ 0.907\ 2.204\ 0\ 0.869-0.354\ 1.655-0.926\ 2.222l-9.776\ 9.692\ 9.963\ 11.804c0.46\ 0.541\ 0.739\ 1.248\ 0.739\ 2.020\ 0\ 0.957-0.429\ 1.814-1.106\ 2.388l-0.005\ 0.004c-0.541\ 0.459-1.248\ 0.739-2.020\ 0.739-0\ 0-0\ 0-0\ 0h0z\"></path></svg>);background-repeat:no-repeat;position:relative;top:2px;margin-right:5px}.next a:after{background:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 19\ 32\"><path\ fill=\"%23003A79\"\ d=\"M3.128\ 32c-0.771-0-1.477-0.28-2.023-0.743l0.004\ 0.004c-0.681-0.578-1.111-1.435-1.111-2.392\ 0-0.772\ 0.28-1.479\ 0.743-2.025l-0.004\ 0.005\ 9.963-11.804-9.776-9.692c-0.572-0.567-0.926-1.354-0.926-2.223\ 0-0.86\ 0.346-1.638\ 0.907-2.204l-0\ 0c0.568-0.573\ 1.354-0.927\ 2.224-0.927\ 0.86\ 0\ 1.639\ 0.347\ 2.205\ 0.908l13.88\ 13.761-13.693\ 16.22c-0.578\ 0.681-1.435\ 1.11-2.391\ 1.11-0.002\ 0-0.003\ 0-0.005\ 0h0z\"></path></svg>);background-repeat:no-repeat;margin-left:5px}.outline-container{max-width:768px;width:calc(100% - 2em);margin:4em auto -2em;background:#fff;padding:2em;position:relative;box-shadow:0 2px 5px #7c7c7c}.outline-title-img{position:absolute;left:-10px;top:-4em;max-width:260px;width:100%}.outline-container h1{margin:.4em 0 0;color:#003a79;border-bottom:1px solid;padding:.25em 0;font-size:2.6rem}.outline-img .pc-img{width:60%;padding:1em}.outline-img .sp-img{width:40%;padding:1em;margin:auto;text-align:center}.outline-img .sp-img img{max-height:300px;width:auto}.spec-list ul{list-style:none;padding:0;margin:0 auto 1em}.spec-list h2{margin:.5em auto .25em;font-size:1.8rem}.spec-list h2 span{position:relative}.spec-list h2 span:after{content:'';position:absolute;top:calc(50% + 2px);right:-50%;transform:translateY(-50%);border:6px solid transparent;border-left:9px solid #333}.spec-list ul li:after{content:'/';margin-right:5px}.single-web-entry-content{max-width:1080px;width:100%;background-image:url(/wp/wp-content/themes/cockpit/image/single/single-back.jpg);background-size:100%;background-repeat:no-repeat;background-color:#fff;margin:auto;padding:5em 2em 2em;box-shadow:0 2px 5px #8c8c8c}.single-web-entry-content h2{color:#fff;background: rgb(0 58 121 / 80%);padding:.5em 1em .75em;position:relative;line-height:1.2em;font-size:2.0rem;border-radius:2px;font-weight:400}.single-web-entry-content h2:before{content:'';display:block;border: 2px solid rgb(255 255 255 / 80%);width:100%;height:100%;position:absolute;top:-.25em;left:-.25em}.single-web-entry-content h3{text-align:center;color:#003a79;display:flex;align-items:center;justify-content:center;margin:2em auto;font-size:2rem;font-weight:500}.single-web-entry-content h3:before,.single-web-entry-content h3:after{background:#003a79;content:"";flex-grow:1;height:1px;min-width:20px;display:inline-block;vertical-align:middle}.single-web-entry-content h3:before{margin-right:20px}.single-web-entry-content h3:after{margin-left:20px}.single-web-entry-content h4{font-size:2rem;margin:2em auto 1em;color:#003a79;border-left:3px solid #003a79;padding-left:.5em}.single-web-entry-content h5{font-size:1.8rem;margin:2em auto 1em;color:#3ba0db}.single-web-entry-content h5:before{content:'';width:1em;height:1em;display:inline-block;background:#3ba0db;border-radius:100%;margin-right:.5em;position:relative;top:2px}@media (max-width:600px){.outline-title-img{left:10px;top:-2em;max-width:120px}.outline-container{padding:1em}.outline-img .pc-img,.outline-img .sp-img{width:100%}.outline-container h2,.single-web-entry-content h3{font-size:1.8rem}.spec-list li{font-size:1.2rem}.single-web-entry-content{padding:2em 1em 1em}.single-nav{margin:2em auto}}.others-thumb{text-align:center;margin:2em auto}main.error-404{background:#003a79;padding:3em 0}section.inner-404{background:#fff;max-width:1080px;margin:auto;width:calc(100% - 2em);padding:3em 1em;text-align:center}section.inner-404 h2{color:#3ba0db;border-bottom:1px solid #333;padding-bottom:1.5em;margin:0}main.page-main{max-width:1080px;width:calc(100% - 2em);margin:auto;padding:3em 0 6em}main.page-main h2{font-size:1.8rem;display:flex;align-items:center;justify-content:center;margin:2em auto}main.page-main h2 span{display:inline-block;background:#3ba0db;padding:.25em;color:#fff;flex-grow:3}main.page-main h2:before,main.page-main h2:after{content:'';display:inline-block;background:#3ba0db;height:1px;min-width:1em;flex-grow:1}.full-wide .entry-content{margin-top:0}main.about-main{background-image:url(/wp/wp-content/themes/cockpit/image/archive/backbottom.png);background-repeat:no-repeat;background-position:left bottom;background-size:cover}.page-about header.entry-header{margin:3em}.about-main h1.slash-title.page-header-title{display:inline-block}.about-container01{position:relative}.about-container01 .wp-block-group__inner-container{max-width:1280px;width:calc(100% - 2em);margin:1em auto 10em;background:linear-gradient(-45deg,rgba(0,58,121,.8) 0%,rgba(0,44,91,.99) 49.75%,#001d3d 100%);padding:4em 2em;color:#fff}.about-container01 :after{content:'';display:block;max-width:1280px;width:calc(100% - 2em);height:100%;background-image:url(/wp/wp-content/themes/cockpit/image/about/about-back.jpg);background-position:center;background-size:cover;position:absolute;top:5em;right:0;z-index:-1}.about-container02{max-width:1280px;width:calc(100% - 2em);margin:auto}.about-container03{background-image:url(/wp/wp-content/themes/cockpit/image/about/about-back2.jpg);background-position:center;background-size:cover;padding:5em 0;margin:0}@media (max-width:600px){.about-main h1.slash-title.page-header-title{display:block}.about-container03{padding:5em 1em}}article.service-sec:nth-child(odd){background-image:url(/wp/wp-content/themes/cockpit/image/backimg.png);background-position:left;background-size:contain;background-repeat:no-repeat}article.service-sec:nth-child(odd) .service-column>div:first-child{order:2;margin-left:2em}article.service-sec:nth-child(odd) .service-column>div.wp-block-column:nth-child(2n) {margin-left:0}article.service-sec:nth-child(even){background-image:url(/wp/wp-content/themes/cockpit/image/backimg.png);background-position:right;background-size:contain;background-repeat:no-repeat}.service-sec{margin:5em auto}.service-column{max-width:1280px;width:calc(100% - 2em);margin:auto}.service-sec h2{display:flex;align-items:center;text-align:center;color:#3ba0db}.service-sec h2 span{display:block;width:50%;font-size:.9em}.service-sec h2 span:before{content:'';display:inline-block;background-image:url(/wp/wp-content/themes/cockpit/image/service/sec-title01.svg);width:100%;height:5em;background-repeat:no-repeat;margin:auto;background-position:center}article.service-sec:nth-child(2) h2 span:before{background-image:url(/wp/wp-content/themes/cockpit/image/service/sec-title02.svg);background-repeat:no-repeat;background-position:center}article.service-sec:nth-child(3) h2 span:before{background-image:url(/wp/wp-content/themes/cockpit/image/service/sec-title03.svg);background-repeat:no-repeat;background-position:center}article.service-sec:nth-child(4) h2 span:before{background-image:url(/wp/wp-content/themes/cockpit/image/service/sec-title04.svg);background-repeat:no-repeat;background-position:center}article.service-sec:nth-child(5) h2 span:before{background-image:url(/wp/wp-content/themes/cockpit/image/service/sec-title05.svg);background-repeat:no-repeat;background-position:center}article.service-sec:nth-child(6) h2 span:before{background-image:url(/wp/wp-content/themes/cockpit/image/service/sec-title06.svg);background-repeat:no-repeat;background-position:center}article.service-sec:nth-child(7) h2 span:before{background-image:url(/wp/wp-content/themes/cockpit/image/service/sec-title07.svg);background-repeat:no-repeat;background-position:center}article.service-sec:nth-child(odd) h2{margin-left:auto}article.service-sec:nth-child(odd) h2 span{padding-left:calc(50% - 1280px / 2)}article.service-sec:nth-child(odd) h2:after{content:'';height:1px;background:#3ba0db;width:50%}article.service-sec:nth-child(even) h2{margin-right:auto}article.service-sec:nth-child(even) h2 span{padding-right:calc(50% - 1280px / 2)}article.service-sec:nth-child(even) h2:before{content:'';height:1px;background:#3ba0db;width:50%}.service-column figure{position:relative}.service-column figure:after{display:block;width:100%;height:100%;border:2px solid #3ba0db;position:absolute;content:'';top:10px;left:10px;z-index:-1}@media (max-width:600px){.service-sec h2 span:before{background-position:left!important}article.service-sec:nth-child(odd) .service-column>div:first-child{order:1;margin-left:0}article.service-sec:nth-child(odd) .service-column>div:last-child{order:2}article.service-sec:nth-child(even) h2,article.page-service .service-sec:nth-child(odd) h2{margin-left:.25em}article.service-sec:nth-child(even) h2:before{display:none}article.service-sec:nth-child(even) h2:after,article.page-service .service-sec:nth-child(odd) h2:after{content:'';height:1px;background:#3ba0db;width:20%}.service-sec h2 span{width:80%;font-size:1.6rem}}.recruit-point{justify-content:center}.recruit-point>div{background-image:url(/wp/wp-content/themes/cockpit/image/backimg.png);background-repeat:no-repeat;background-position:center;background-size:contain;padding:5px 0}.recruit-point>div h3:before{content:'';background-image:url(/wp/wp-content/themes/cockpit/image/recruit/point01.svg);display:block;width:100%;height:4em;background-repeat:no-repeat}.recruit-point>div:nth-child(2) h3:before{background-image:url(/wp/wp-content/themes/cockpit/image/recruit/point02.svg);background-repeat:no-repeat}.recruit-point>div:nth-child(3) h3:before{background-image:url(/wp/wp-content/themes/cockpit/image/recruit/point03.svg);background-repeat:no-repeat}.table-recruit table tr,.table-company table tr{border-bottom:1px solid #333}.table-recruit table td,.table-company table td{padding:1em .5em}.table-recruit table td:first-child,.table-company table td:first-child{width:20%;vertical-align:top;color:#003a79}.recruit-flow{display:flex;justify-content:center}.recruit-flow .wp-block-group__inner-container{display:inline-grid}.recruit-flow>div p{padding:1em 0;margin:0;display:flex;align-items:center}.recruit-flow>div p:before{content:'';margin-right:1em;background-image:url(/wp/wp-content/themes/cockpit/image/recruit/num01.svg);background-repeat:no-repeat;background-position:center;display:inline-block;width:3em;height:3em}.recruit-flow>div p:nth-child(2):before{background-image:url(/wp/wp-content/themes/cockpit/image/recruit/num02.svg);background-repeat:no-repeat;background-position:center}.recruit-flow>div p:nth-child(3):before{background-image:url(/wp/wp-content/themes/cockpit/image/recruit/num03.svg);background-repeat:no-repeat;background-position:center}.recruit-flow>div p:nth-child(4):before{background-image:url(/wp/wp-content/themes/cockpit/image/recruit/num04.svg);background-repeat:no-repeat;background-position:center}@media (max-width:600px){.table-recruit table td:first-child,.table-company table td:first-child{width:100%;display:block;border-bottom:1px solid #9bc8de}.table-recruit table td,.table-company table td{display:block}}ul.work-cat{margin:0 0 5em;padding:0;list-style:none;justify-content:center}.work-cat .btn-a{width:auto;margin:0;margin-right:3em;animation:a;text-align:left}@media screen and (max-width:600px){ul.work-cat{justify-content:flex-start;padding:0 1em}.work-cat .btn-a{margin-bottom:1em}}.contactform7-mailform{max-width:600px;width:calc(100% - 2em);margin:20px auto}.contactform7-mailform>div{margin:2em auto}.contactform7-mailform .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5em}@media screen and (max-width:600px){.contactform7-mailform .grid{grid-template-columns:1fr}}.contactform7-mailform input,.contactform7-mailform select,.contactform7-mailform textarea{width:100%;padding:10px 5px;border:none;border-bottom:2px solid #ccc;border-radius:0}.contactform7-mailform input[type="checkbox"],.contactform7-mailform input[type="radio"]{width:auto}.contactform7-mailform .contactform7{position:relative}.contactform7-mailform .title{position:absolute;top:5px;left:0;transition:all .25s ease;color:#8d8d8d;font-size:1.4rem;z-index:1}.contactform7-mailform .title.active,.page-id-2711 .contactform7-mailform .title,.page-id-2725 .contactform7-mailform .title,.wpcf7-form.invalid .title{top:-25px;color:#3ca0db}.page-id-2711 .contactform7-mailform>div,.page-id-2711 .add-area .contactform7,.page-id-2725 .contactform7-mailform>div,.page-id-2725 .add-area .contactform7,.contactform7.radio-check{border-bottom:2px solid #ccc}.contactform7.radio-check{border-bottom:2px solid #ccc;padding:.5em 0 1em}.contactform7-mailform .addtitle{margin:2em auto}.contactform7-mailform .add-area .form{margin:2em auto}input.c-send,input.wpcf7-previous{width:160px;display:inline-block;padding:15px 30px;border-radius:5rem;background:#3ba0db;color:#fff;box-shadow:none;border:none;transition:all .25s ease;font-size:1.6rem;cursor:pointer;margin:.25em}input.c-send:hover,input.wpcf7-previous:hover{color:#fff;background:#333}span.wpcf7-spinner{display:none}.privacypolicy-area{text-align:initial;height:200px;overflow-y:scroll;border:1px solid #ccc;border-radius:3px;padding:.5em 1.5em;background:#f6fcff;margin:2em auto}.privacypolicy-area ol li{margin:.75em auto}.campaign-spring-intro{padding:1em 4em 3em}main.page-main .campaign-spring-intro h2{font-size:2.4em;margin:.5em 0}main.page-main .campaign-spring-intro h2 span{background:none}main.page-main .campaign-spring-intro h2:before,main.page-main .campaign-spring-intro h2:after{display:none}.campaign-spring-btnarea{gap:3em!important}.campaign-spring-btnarea a{cursor:auto}.campaign-spring-flow{counter-reset:flow}.campaign-spring-flow h4{font-size:1.1em;margin:0 0 1em 0}.campaign-spring-flow .wp-block-columns{counter-increment:flow;position:relative;margin-bottom:6em}.campaign-spring-flow .wp-block-columns:before{content:"STEP " counter(flow);display:block;position:absolute;left:0;top:-2em;z-index:999;font-size:1.2em;font-weight:bold;color:#3ba0db}.campaign-spring-flow .wp-block-columns:after{content:"";position:absolute;bottom:-6em;left:50%;border:1.8em solid transparent;border-top:3em solid #133b75;transform:translateX(-50%)}.campaign-spring-flow .wp-block-columns:last-child:after{display:none}.campaign-spring-flow .wp-block-columns img{box-shadow:0 3px 6px rgba(0,0,0,.2)}.page-campaign-spring h3{color:#fff;background:#133b75;padding:.5em 1em .75em;position:relative;line-height:1.2em;font-size:2.0rem;border-radius:2px;margin:2em auto 3em}.page-campaign-spring h3:before{content:'';display:block;border:2px solid #3ba0db;width:100%;height:100%;position:absolute;top:-.25em;left:-.25em}.campaign-anime{overflow:hidden}.campaign-anime .inner{animation-name:scroll;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear;display:inline-flex;overflow:hidden;padding:3em 0}.mainbox{display:flex}.anime-box{width: calc(100vw / 7);position:relative;top:0;animation-name:box-anime;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear;margin:0 1em;text-align:center}.anime-box:nth-child(odd) {animation-delay:2s}.anime-box:nth-child(odd) img {width:75%;height:75%;margin:auto}@keyframes box-anime {
    0%{
        top: 0;
    }
    50%{
        top: -3em;
    }
    0%{
        top: 0;
    }
}@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}@media screen and (max-width:600px){.page-campaign-spring .top-intro p{font-size:1.2em!important;margin:.25em}.campaign-spring-intro{padding:1em 2em 2em}.campaign-spring-btnarea{gap:1em!important}.anime-box{width: calc(100vw / 2)}}.topban-area01{position:fixed;right:0;bottom:2em;z-index:99999}html.modal-open{overflow:hidden}.content.modal-content{display:none;position:fixed;width:100%;left:0;top:50%;transform:translateY(-50%);background: rgba(19 59 117 / 50%);padding:3em 1em}.content.modal-content.active{display:block}.modal-content-inner{max-width:1120px;width:100%;margin:auto}.modal-main-inner{background:#fff;padding:2em;height:70vh;overflow-y:scroll;display:grid;grid-template-columns:1fr 3fr}.modal-start{cursor:pointer;padding:1em}.modal-main-inner>div{padding:1em}.modal-main-inner .left .img{text-align:center}.modal-main-inner .left .staff_position{color:#3ba0db}.modal-main-inner .left .name{color:#3ba0db;font-size:1.2em;font-weight:600}.modal-main-inner .right .staff-title{color:#3ba0db;font-weight:700;font-size:1.0em;margin:1em 0 .25em}.modal-main-inner .right .staff-title:before{content:'';display:inline-block;width:1em;height:1em;background:#3ba0db;position:relative;top:.2em;margin-right:.5em}.modal-content-inner .close{text-align:right;color:#fff;margin:.25em 0;cursor:pointer}span.close_btn{width:1.2em;height:1.2em;display:inline-block;position:relative;top:.25em;margin-right:.25em}span.close_btn>span{display:block;width:100%;height:1px;background:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%)}span.close_btn>span:first-child{transform:rotate(45deg)}span.close_btn>span:last-child{transform:rotate(-45deg)}.first-child{width:100%}.first-child article.staff-card{margin:auto}.staff-archive article{width:calc(50% - 2em);padding:1em;margin:1em}.modal-start .thumb{background:#fff;line-height:0;margin-bottom:.5em}.modal-start .summary{border:none;border-left:5px solid #133b75;padding:0 .5em}.modal-start .summary h3.name{margin:.25em 0;font-size:1em;color: ##3BA0DB}.modal-start .summary .staff_position{color: ##3BA0DB}@media screen and (max-width:600px){.staff-archive article{width:calc(100% - 2em)}.modal-main-inner{grid-template-columns:1fr}}.creat-staff-container h2{font-size:1.2em}.creat-staff-container h2 span{position:relative}.creat-staff-container h2 span:after{content:'';position:absolute;right:-1em;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left:8px solid #333}.creat-staff-container .creator{display:grid;grid-template-columns:1fr 6fr;margin:1em 0}.creator .left-area .img{border-radius:100%;border:3px solid #3ba0db;overflow:hidden;width:94px;height:94px;margin:auto}.creator .left-area span{font-size:.75em;line-height:1;display:block;text-align:center;padding:.25em 0}.creator .right-area{padding-left:1em}.creator .name{color:#3ba0db;font-weight:700}@media screen and (max-width:600px){.creator .right-area{font-size:.8em}}section#bg01.system-intro{background-size:cover!important;padding:5em 0}.system-container,.system-lineup-icon{padding:3em}.system-content{padding:2em 0}.system-content .wp-block-group__inner-container>.wp-block-columns{width:90%;margin:10em 0}.system-content .wp-block-group__inner-container > .wp-block-columns:nth-child(odd) {margin-left:auto;padding-right:10%;border-radius:5em 0 0 5em}.system-content .wp-block-group__inner-container > .wp-block-columns:nth-child(even) {margin-right:auto;padding-left:10%;border-radius:0 5em 5em 0}.system-problem{padding:1em 1em 5em 1em;position:relative}.system-problem:after{content:'';background-image:url(/wp/wp-content/themes/cockpit/image/system/tri.svg);width:100%;height:6.5em;background-repeat:no-repeat;margin:auto;background-position:center;display:block;padding:1em;position:absolute;left:0;bottom:0}.system-stranges{gap:5em;padding:1em}.system-stranges .wp-block-column{position:relative;counter-increment:count;border-radius:2em;box-shadow:0 2px 6px #ccc}.system-stranges .wp-block-column:before{content:counter(count,decimal-leading-zero);font-size:3em;font-weight:bold;color:#3ba0db;position:absolute;left:0;top:-.6em}.system-stranges .wp-block-column:after{content:'';display:block;background-color:#3ba0db;height:2em;width:100%;border-radius:0 0 3em 3em}@media screen and (max-width:782px){.system-content .wp-block-group__inner-container > .wp-block-columns:nth-child(even)>div.wp-block-column:first-child {order:1}.system-content .wp-block-group__inner-container>.wp-block-columns{width:95%}.system-content .wp-block-group__inner-container > .wp-block-columns:nth-child(odd),
.system-content .wp-block-group__inner-container > .wp-block-columns:nth-child(even){padding:2em}}@media screen and (max-width:600px){.system-lineup-icon{grid-template-columns:repeat(2,minmax(0,1fr))!important}.system-container,.system-lineup-icon{padding:1em}}.wp-block-embed.aligncenter lite-youtube{display:block;margin-left:auto;margin-right:auto}.wp-block-embed.alignright lite-youtube{margin-left:auto}.wp-block-embed.alignleft lite-youtube{margin-right:auto}.topban-close{position:absolute;top:-30px;right:10px;width:20px;height:20px;cursor:pointer}.topban-close::before,.topban-close::after{content:'';position:absolute;top:9px;left:0;width:20px;height:2px;background-color:#333}.topban-close::before{transform:rotate(45deg)}.topban-close::after{transform:rotate(-45deg)}.topban-close:hover::before,.topban-close:hover::after{background-color:#000}