@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");html{height:100%}body{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:"Noto Sans Japanese",sans-serif;font-size:16px;font-weight:500;line-height:1.75;color:#333;word-wrap:break-word;overflow-wrap:break-word;background-color:#fff;height:100%;min-width:320px;min-height:100%;overflow-x:hidden;margin:0;padding:0}@media all and (max-width: 780px){body{font-size:15px}}h1,h2,h3,h4,h5,h6{font-family:"Noto Sans Japanese",sans-serif}h1,h2,h3,h4,h5,h6,p,a,dt,dd{font-weight:inherit;margin:0}ul,ol,li{list-style:none;margin:0;padding:0}a{word-break:break-all;color:#04c7fe}a,a:link,a:visited{text-decoration:none}a:hover{transition:0.3s;text-decoration:none;opacity:0.7}img,iframe,video,audio{max-width:100%}img{height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}address,i{font-style:normal}small{font-size:inherit}table{border-collapse:collapse}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}@media all and (min-width: 781px){.media-sp-only{display:none !important}}@media all and (min-width: 1000px){.media-sp-only{display:none !important}}@media all and (max-width: 780px){.media-sp-over{display:none !important}}@media all and (max-width: 780px){.media-tb-only{display:none !important}}@media all and (min-width: 1000px){.media-tb-only{display:none !important}}@media all and (min-width: 1000px){.media-tb-under{display:none !important}}@media all and (max-width: 780px){.media-pc-only{display:none !important}}@media all and (min-width: 781px) and (max-width: 999px){.media-pc-only{display:none !important}}.basecontents{position:relative}.contents-wrap{width:100%;height:100%;margin:0 auto;padding:0}@media all and (max-width: 780px){.contents-wrap{padding:0 5vw}}.bg-all{width:100%;height:100%;position:fixed;top:0;left:0;right:0;overflow:hidden}.toplayer{position:relative;z-index:2}.main-contents{margin:0;position:relative;z-index:2;display:block}@media all and (max-width: 780px){.main-contents{margin:0}}.conts-section{display:flex}canvas{vertical-algin:bottom;margin:0}.panel-inner{position:relative}.panel-main{width:calc(100% - 20%)}@media all and (max-width: 780px){.panel-main{width:calc(100% - 30px);height:auto;overflow:visible;position:relative}}.panel-side{width:10%;background-color:rgba(255,255,255,0.93)}@media all and (max-width: 780px){.panel-side{width:15px;background-color:rgba(255,255,255,0.6)}}.panel-side.bg-white{background-color:#fff}svg{max-width:100%;max-height:100%;display:block;fill:currentColor}.canvas-wrap{width:100%;height:100%;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1}@media all and (max-width: 780px){.canvas-wrap::before{content:'';width:100%;height:100%;display:block;background:#FFF;opacity:.3;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2}}.canvas_white{background-color:rgba(255,255,255,0.7)}.canvas_gray{background-color:rgba(100,100,100,0.7)}.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.matrix--contents{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.g-navi{position:fixed;top:20px;left:36px;z-index:2;line-height:2.5rem}.g-navi a{color:#333}.g-navi a:hover{color:#365b97}.g-navi a.current{color:#365b97;position:relative}.g-navi a.current::before{content:url(../img/menu-logo.svg);display:inline-block;vertical-align:middle;width:36px;position:absolute;left:-46px}@media all and (min-width: 1000px){footer{position:fixed;top:0;right:0;z-index:2;width:10%;height:100%;display:flex;align-items:flex-end;justify-content:center}footer .copyright{font-size:0.8125rem;color:#bfbfbf;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}footer .copyright .copy-icon{display:inline-block;transform:rotate(90deg)}}@media all and (max-width: 780px){footer{display:block;background-color:#fff;padding:16px 0}footer .copyright{text-align:center;font-size:0.75rem;color:#bfbfbf}footer .copy-icon{display:inline-block}}.maskObj{position:absolute;margin:auto;width:200px;height:185px;display:block}@media all and (max-width: 780px){.maskObj{margin:auto;width:20vw;height:24vw}}.maskObj.obj-R01_H{top:5%;right:4%}@media all and (max-width: 780px){.maskObj.obj-R01_H{top:3%;right:20px}}.maskObj.obj-L01_U{left:0;bottom:30px}@media all and (max-width: 780px){.maskObj.obj-L01_U{left:0;bottom:6vw}}.bg-top .maskObj.obj-R02_O{right:0;bottom:-123px}@media all and (max-width: 780px){.bg-top .maskObj.obj-R02_O{bottom:-19vw;right:5%;width:30vw;height:auto}}.bg-company .maskObj.obj-R02_O{right:0;top:-61px}@media all and (max-width: 780px){.bg-company .maskObj.obj-R02_O{top:-9vw;right:5%;width:30vw;height:auto}}.bg-company .maskObj.obj-L02_P{left:0;bottom:-100px}@media all and (max-width: 780px){.bg-company .maskObj.obj-L02_P{left:5%;bottom:-13vw}}.bg-business .maskObj.obj-L02_P{left:0;top:-90px}@media all and (max-width: 780px){.bg-business .maskObj.obj-L02_P{left:5%;top:-12vw}}.maskObj.obj-R03_S{top:35%;right:1%}@media all and (max-width: 780px){.maskObj.obj-R03_S{top:0;right:0}}.maskObj.obj-L03_E{left:0;top:0}@media all and (max-width: 780px){.maskObj.obj-L03_E{left:0;top:0}}.maskObj.obj-R04_E{right:0;top:3%}@media all and (max-width: 780px){.maskObj.obj-R04_E{right:0;top:1%}}.panel-inner.top-panel{height:100%}.conts-top{height:100vh;position:relative}.conts-top .panel-main{height:100%}@media all and (max-width: 780px){.conts-top .panel-main{height:100%}}.panel--top__logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;color:#888;letter-spacing:0.1rem;text-align:center}.panel--top__logo .upperhose_logo{width:350px}@media all and (max-width: 780px){.panel--top__logo .upperhose_logo{width:80%;max-width:300px}}.conts-company{position:relative;overflow:hidden}.panel--company__intro{width:100%;max-width:750px;margin:auto;padding:100px 0}@media all and (max-width: 780px){.panel--company__intro{padding:60px 0}}.panel--company__intro h2{font-size:2.25rem;font-weight:600}@media all and (max-width: 780px){.panel--company__intro h2{font-size:1.75rem}}.panel--company__intro p{line-height:3rem;margin:40px 0 0}@media all and (max-width: 780px){.panel--company__intro p{line-height:2rem}}.panel--company__img{display:flex;align-items:center;justify-content:center;width:100%;height:400px;overflow:hidden}@media all and (max-width: 780px){.panel--company__img{width:auto;height:auto;margin-left:-5vw;margin-right:-5vw}}.panel--company__img .co-img{width:100%}.panel--company__data{width:100%;max-width:750px;margin:auto;padding:80px 0}@media all and (max-width: 780px){.panel--company__data{padding:40px 0 60px}}.panel--company__data h3{font-size:1.125rem;font-weight:600}.panel--company__data dl{display:flex;flex-flow:wrap;border-top:1px solid #bfbfbf;font-size:0.9375rem}.panel--company__data dt{color:#666;width:9em;padding:12px 0 12px 1em;border-bottom:1px solid #bfbfbf}@media all and (max-width: 780px){.panel--company__data dt{width:100%;padding:12px 0 0;border-bottom:none}}.panel--company__data dd{width:calc(100% - 9em);padding:12px 1em 12px 0;border-bottom:1px solid #bfbfbf}@media all and (max-width: 780px){.panel--company__data dd{width:100%;padding:0 0 12px}}.conts-business{position:relative;overflow:hidden}.panel--business__inner{background:url("../img/business-bg.png") no-repeat left 90px;background-size:cover;padding-bottom:100px}@media all and (max-width: 780px){.panel--business__inner{background-size:180%;padding-bottom:40px}}.panel--business__title{width:100%;max-width:750px;margin:auto;padding:100px 0 60px}@media all and (max-width: 780px){.panel--business__title{padding:60px 0 0}}.panel--business__title h2{font-size:2.25rem;font-weight:600;text-align:center}@media all and (max-width: 780px){.panel--business__title h2{font-size:1.75rem}}.panel--business .business-scope{width:100%;max-width:750px;margin:0 auto}@media all and (max-width: 780px){.panel--business .business-scope{padding:40px 0}}.panel--business .business-scope__list{display:flex;flex-flow:wrap;justify-content:space-between}.panel--business .business-scope__list--1{order:1}.panel--business .business-scope__list--2{order:2}.panel--business .business-scope__list--3{order:3}.panel--business .business-scope__list--4{order:4}@media all and (max-width: 780px){.panel--business .business-scope__list--1{order:4}.panel--business .business-scope__list--2{order:3}.panel--business .business-scope__list--3{order:2}.panel--business .business-scope__list--4{order:1}}@media all and (min-width: 1000px){.panel--business .business-scope__list li{writing-mode:vertical-rl;-ms-writing-mode:tb-rl;text-orientation:upright}}@media all and (max-width: 780px){.panel--business .business-scope__list li{width:100%}}.panel--business .business-scope__list h3{font-size:1.5rem;font-weight:600;color:#365b97;line-height:4rem;letter-spacing:2px}@media all and (max-width: 780px){.panel--business .business-scope__list h3{font-size:1.25rem;line-height:2rem;letter-spacing:1px;margin-bottom:15px}}.panel--business .business-scope__list h3::first-letter{font-size:2.125rem;background-color:#365b97;color:#fff;display:inline-block;padding:10px 4px}@media all and (max-width: 780px){.panel--business .business-scope__list h3::first-letter{font-size:1.5rem;padding:4px 8px}}.panel--business .business-scope__list p{font-size:1.25rem;margin-top:3em}@media all and (max-width: 780px){.panel--business .business-scope__list p{font-size:1rem;margin-top:0;margin-bottom:50px}}.conts-access{position:relative;overflow:hidden}.panel--map__inner{background-color:#f5f5f5;height:100%}.panel--map__intro{width:100%;max-width:750px;margin:auto;padding:100px 0 50px}@media all and (max-width: 780px){.panel--map__intro{padding:60px 0}}.panel--map__intro h2{font-size:2.25rem;font-weight:600}@media all and (max-width: 780px){.panel--map__intro h2{font-size:1.75rem}}.panel--map__intro p{line-height:3rem;margin:40px 0 0}@media all and (max-width: 780px){.panel--map__intro p{line-height:2rem}}.google_map{position:relative;width:100%;height:0;padding-top:50%}@media all and (max-width: 780px){.google_map{width:auto;padding-top:160%;margin-left:-5vw;margin-right:-5vw}}.google_map iframe{position:absolute;top:0;left:0;width:100%;height:100%}#map iframe{-webkit-filter:grayscale(1);filter:grayscale(1)}#map iframe:hover{transition:filter 0.8s ease;-webkit-filter:grayscale(0) saturate(2);filter:grayscale(0) saturate(2)}.conts-contact{position:relative;overflow:hidden}.panel--contact__inner{padding-bottom:100px}@media all and (max-width: 780px){.panel--contact__inner{padding-bottom:40px}}.panel--contact__privacy{width:100%;max-width:750px;margin:auto;padding:100px 0 0}@media all and (max-width: 780px){.panel--contact__privacy{padding:60px 0 0}}.panel--contact__privacy h2{font-size:2.25rem;font-weight:600}@media all and (max-width: 780px){.panel--contact__privacy h2{font-size:1.75rem}}.panel--contact__privacy h3{font-size:1.25rem;font-weight:600;margin-bottom:25px}@media all and (max-width: 780px){.panel--contact__privacy h3{font-size:1.125rem}}.panel--contact__privacy h4{font-size:1.125rem;font-weight:600;margin-top:24px;margin-bottom:16px}@media all and (max-width: 780px){.panel--contact__privacy h4{font-size:1rem}}.panel--contact__privacy p{font-size:0.9375rem;line-height:1.75rem;margin:0}@media all and (max-width: 780px){.panel--contact__privacy p{font-size:0.875rem;line-height:1.5rem}}.panel--contact__privacy ol{margin-top:16px;margin-left:1.25rem}.panel--contact__privacy ol li{list-style:decimal;font-size:0.9375rem;line-height:1.75rem}@media all and (max-width: 780px){.panel--contact__privacy ol li{font-size:0.875rem;line-height:1.5rem}}.panel--contact .privacy-frame{overflow:auto;width:100%;height:15em;padding:2.5em;font-size:.9em;border:1px solid #ddd;margin:2.5em auto}@media all and (max-width: 780px){.panel--contact .privacy-frame{height:20em;padding:1em}}.panel--contact__form{width:100%;max-width:750px;margin:auto;padding:0 0 50px}@media all and (max-width: 780px){.panel--contact__form{padding:0 0 60px}}.panel--contact .privacy-agree{color:#666;position:relative;z-index:2}@media all and (max-width: 780px){.panel--contact .privacy-agree{font-size:87.5%}}.panel--contact .privacy-agree label{display:flex;align-items:center}.panel--contact .privacy-agree .agreement-lock{margin-right:8px}.panel--contact .button-line{display:block;text-align:center}.panel--contact .btn{display:inline-block;max-width:100%;padding:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:100%;line-height:1;text-align:center;color:#fff;margin:1em;box-sizing:border-box;border-radius:0;position:relative}@media all and (max-width: 780px){.panel--contact .btn{margin:1em auto}}.panel--contact .btn:hover{cursor:pointer;opacity:0.7}.panel--contact .btn.btn-primary{background-color:#333;border:1px solid #333;color:#fff;font-weight:600}.panel--contact .btn.btn-back{background-color:gray;border:1px solid gray;color:#fff;font-weight:600}.panel--contact .btn.btn-semi-block{max-width:100%;width:20em}.panel--contact .btn.btn-narrow-block{max-width:100%;width:14em}form.form{padding-bottom:70px}@media all and (max-width: 780px){form.form{padding-bottom:0}}form.form label>input[type=checkbox],form.form label>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;vertical-align:middle;vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;cursor:pointer;padding-left:1.5em;padding-top:1.5em;border-radius:0;outline:none;overflow:hidden;margin-right:.5em;background-color:transparent;border:1px solid #ccc;vertical-align:bottom}form.form label>input[type=checkbox]:checked:before,form.form label>input[type=radio]:checked:before{content:"";display:block;position:absolute;left:0;top:0;outline:none;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}form.form label>input[type=checkbox]:checked:before,form.form label>input[type=radio]:checked:before{margin-top:.075em;margin-left:.36em;border-color:gray;border-width:3px;width:.53em;border-bottom-style:solid;height:.96em;border-right-style:solid;transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:2px 2px 2px 0px rgba(89,156,232,0.1)}form.form label>input[type=checkbox]:checked:before,form.form label>input[type=radio]:checked:before{border-color:#04c7fe}form.form input[type=text],form.form input[type=email],form.form input[type=password],form.form input[type=tel],form.form input[type=address],form.form input[type=number],form.form textarea,form.form select,form.form button:not(.btn){-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;display:inline-block;font-size:1em;padding:.5em .5em;border:1px solid #ccc;border-radius:1px;max-width:100%;line-height:1.2;vertical-align:middle;vertical-align:-webkit-middle;vertical-align:-moz-middle;background-color:rgba(255,255,255,0.25)}.col-select{display:flex;align-items:center}.form-select{overflow:hidden;text-align:center}.form-select select{width:100%;padding-right:1em;cursor:pointer;text-indent:0.01px;text-overflow:ellipsis;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;-webkit-appearance:none;appearance:none}.form-select.select-y,.form-select.select-gender{width:6rem;margin-right:0.5rem}.form-select.select-m,.form-select.select-d{width:4.5rem;margin-left:0.5rem;margin-right:0.5rem}.form-select.select-project{width:100%;max-width:500px}.form-select select::-ms-expand{display:none}.form-select.select-type1{position:relative;border-radius:2px;background:#ffffff}.form-select.select-type1::before{position:absolute;top:1em;right:0.6em;width:0;height:0;padding:0;content:'';border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #999;pointer-events:none}.form-select.select-type1 select{padding:8px 38px 8px 8px;color:#666666}.mw_wp_form_confirm .form-select.select-y,.mw_wp_form_confirm .form-select.select-gender{width:auto}.mw_wp_form_confirm .form-select.select-m,.mw_wp_form_confirm .form-select.select-d{width:auto}.mw_wp_form_confirm .form-select.select-project{width:auto;max-width:none}.mw_wp_form_confirm .form-select.select-type1::before{border-left:none;border-right:none;border-top:none;pointer-events:none}:placeholder-shown{color:#c3c3c3}::-webkit-input-placeholder{color:#c3c3c3}:-moz-placeholder{color:#c3c3c3}::-moz-placeholder{color:#c3c3c3}:-ms-input-placeholder{color:#c3c3c3}.form-generic label ~ .form-required{display:inline-block;width:3em;color:#fff;background-color:#f00;font-size:.75em;font-style:normal;text-align:center;margin-left:.75em;vertical-align:middle;margin-top:-2px}.form-generic{margin-bottom:2em;border-bottom:1px solid #ccc}.form-generic .row-table{position:relative;width:100%;padding-top:2em;margin-bottom:0em;border-top:1px solid #ccc}@media all and (min-width: 1000px){.form-generic .row-table:before{display:block;content:"";position:absolute;top:0;left:30%;left:-webkit-calc(14em);left:calc(14em);width:1px;height:100%;padding-top:2em;padding-bottom:2em;background-clip:content-box;background-color:#ccc;box-sizing:border-box}}.form-generic .table-row{display:flex;flex-wrap:wrap;align-items:center;margin:0}@media all and (max-width: 780px){.form-generic .table-row{margin-bottom:1.5em;border-bottom:1px dashed #c3c3c3}.form-generic .table-row:last-child{border-bottom:none}}.form-generic .table-row .col{padding-bottom:2em}@media all and (max-width: 780px){.form-generic .table-row .col{padding-bottom:1em}}.form-generic .table-row .col-label{width:16em;font-weight:500}@media all and (max-width: 780px){.form-generic .table-row .col-label{width:100%}}.form-generic .table-row .col-input{width:calc(100% - 16em)}@media all and (max-width: 780px){.form-generic .table-row .col-input{width:100%}}.form-generic .table-row .col-input .ruby-input{margin-right:1em}@media all and (max-width: 780px){.form-generic .table-row .col-input .ruby-input{width:48%;margin-right:2%}.form-generic .table-row .col-input .ruby-input:last-of-type{margin-right:0}}.form-generic .table-row .col-input .message-input{overflow-y:scroll;width:100%;height:12em;resize:none}.mw_wp_form_complete{text-align:center}.mw_wp_form_direct_access_error{text-align:center;margin:60px auto 100px}.mw_wp_form .error{font-size:0.75rem;text-align:left}form.form .form-locked{opacity:.3}form.form .form-locked *{pointer-events:none}form.form .form-locked.unlocked{opacity:1}form.form .form-locked.unlocked *{pointer-events:auto}.confirm-mess{text-algin:center}.mw_wp_form_confirm #privacyAgree{display:none}.header-height{margin-top:-230px;padding-top:230px}@media all and (max-width: 780px){.header-height{margin-top:-90px;padding-top:90px}}form#mail_form dl dt span.required,form#mail_form dl dt span.optional{display:inline-block;float:right;color:#ffffff;line-height:1;padding:8px 5px;border-radius:3px;font-size:0.75rem}@media all and (max-width: 780px){form#mail_form dl dt span.required,form#mail_form dl dt span.optional{padding:6px 5px;float:left}}form#mail_form dl dt span.required{background:#d9534f;border:1px solid #d43f3a}form#mail_form dl dt span.optional{background:#337ab7;border:1px solid #2e6da4}form#mail_form dl dd span.error_blank,form#mail_form dl dd span.error_format,form#mail_form dl dd span.error_match{display:block;color:#ff0000;margin-top:3px}span.loading{width:50px;height:50px;border-radius:50%;border-top:5px solid rgba(255,255,255,0.2);border-right:5px solid rgba(255,255,255,0.2);border-bottom:5px solid rgba(255,255,255,0.2);border-left:5px solid #ffffff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load-circle 1.0s linear infinite;animation:load-circle 1.0s linear infinite;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px}@-webkit-keyframes load-circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load-circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}form#mail_form dl dt span.required,form#mail_form dl dt span.optional{margin-right:4em}@media all and (max-width: 780px){form#mail_form dl dt span.required,form#mail_form dl dt span.optional{margin-right:.5em}}