@charset "utf-8"; @font-face{font-family:'icomoon';src:url('../assets/fonts/icomoon.eot?-7zfovc');src:url('../assets/fonts/icomoon.eot?#iefix-7zfovc') format('embedded-opentype'),url('../assets/fonts/icomoon.ttf?-7zfovc') format('truetype'),url('../assets/fonts/icomoon.woff?-7zfovc') format('woff'),url('../assets/fonts/icomoon.svg?-7zfovc#icomoon') format('svg');font-weight:normal;font-style:normal;}.icomoon{font-family:'icomoon';vertical-align:bottom;padding:0 1px;}#wp{overflow:hidden;position:relative;}.common-hx{text-align:center;margin-bottom:5rem;}.common-hx .en-hx{font-size:4rem;font-weight:500;}.common-hx .ja-hx{font-size:1.4rem;letter-spacing:.5rem;}@media screen and (max-width:767px){.common-hx{margin-bottom:2rem;}.common-hx .en-hx{font-size:3rem;}.common-hx .ja-hx{font-size:1.2rem;}}.typed-cursor{font-size:1em;padding:0 .5rem;display:inline-block;} #hd{font-size:1.8rem;width:100%;position:fixed;top:0;z-index:200;}#hd.reverse{color:black;background:rgba(255,255,255,.95);}#hd .inr{width:100%;margin:0 auto;}#hd .inr .hbg-button{position:absolute;top:4px;margin:0;width:59px;height:70px;outline:none;border:none;cursor:pointer;}#hd .inr .sb-toggle-left{left:0;}#hd .inr .sb-toggle-right{right:0;}#hd .hbg-button span{display:block;position:absolute;top:50%;left:47%;width:20px;height:2px;margin:-1px 0 0 -7px;background:white;transition:.2s;}#hd .hbg-button span:after,#hd .hbg-button span:before{display:block;content:"";position:absolute;top:50%;left:0;width:20px;height:2px;background:white;transition:.3s;}#hd .hbg-button span:before{margin-top:6px;}#hd .hbg-button span:after{margin-top:-8px;}#hd.reverse .hbg-button span,#hd.reverse .hbg-button span:after,#hd.reverse .hbg-button span:before{background:black;}#hd .hbg-button.active span:before{-webkit-transform:translateY(21px) rotate(-45deg);transform:translateY(27px) rotate(-45deg);top:0;}#hd .hbg-button.active span{background:transparent;opacity:1;}#hd .hbg-button.active span:after{transform:rotate(225deg);-webkit-transform:rotate(225deg);}#hd .hbg-button.active span:before{transform:rotate(-225deg);-webkit-transform:rotate(-225deg);}#hd .hbg-button.active span:before,#hd .hbg-button.active span:after{margin-top:0;}#hd .hbg-button.active span:before{margin-top:1px;}@media screen and (max-width:991px){#hd .inr .hbg-button{top:0;}}#hd .site-title{font-size:2rem;letter-spacing:.05em;margin:0;float:left;margin-left:1em;padding:.8em 0 .6em;}#hd .site-title .logo-hx{width:1.3em;vertical-align:top;margin-right:.5em;display:inline-block;}#hd .site-title .text-hx{color:white;font-size:.7em;font-weight:bold;letter-spacing:.2rem;line-height:.9;margin-top:.4rem;display:inline-block;transition:.2s linear;}#hd.reverse .site-title .text-hx{color:black;}#hd .site-title .text-hx .sub-hx{font-size:65%;font-weight:bold;margin-left:.2em;margin-bottom:.5em;display:inline-block;transition:.2s linear;}#hd .site-title .text-hx .en-hx{font-size:.5em;letter-spacing:.2em;margin-top:1em;display:inline-block;}#hd .site-title a{text-decoration:none;}#hd .site-title a:hover{text-decoration:underline;}@media screen and (max-width:767px){#hd .site-title{padding:1em 0 .75em;}}@media screen and (max-width:399px){#hd .site-title{font-size:80%;margin-left:.8em;}#hd .site-title .text-hx .en-hx{font-size:.75em;}}@media screen and (max-width:320px){#hd .site-title{font-size:70%;}}#hd .global-navi{font-size:90%;float:right;}#hd .global-navi ul{margin:0 2rem 0 0;}#hd .global-navi li{line-height:1.4;text-align:center;vertical-align:top;display:inline-block;}#hd .global-navi li .ja-navi{font-weight:bold;letter-spacing:.1em;transition:.2s linear;}#hd .global-navi li.reserve .ja-navi{font-weight:normal;}#hd .global-navi li .en-navi{font-size:85%;letter-spacing:.1em;}#hd .global-navi li .num-navi{font-size:140%;font-family:'Lato',sans-serif;font-style:italic;letter-spacing:.05em;transition:.2s linear;}#hd .global-navi li a,#hd .global-navi li .spacer-navi{color:white;line-height:1.3;text-decoration:none;display:inline-block;padding:1.3em .8em;transition:.2s linear;}#hd .global-navi li .spacer-navi{padding:1.3em .2em;}#hd.reverse .global-navi li a,#hd.reverse .global-navi li .spacer-navi{color:black;}#cnt{overflow:hidden;background:white;}#cnt .inr{padding-bottom:4em;} #ft .site-title{text-align:center;padding:3rem 0;}.fixed-btn-to-top{cursor:pointer;margin-bottom:0;position:fixed;right:2rem;bottom:3rem;z-index:5;}.fixed-btn-to-top span{width:1.1rem;display:inline-block;}#ft .copyright{font-size:80%;letter-spacing:.02em;background:white;margin:0;padding:.5em 2em;} .tophx-box{height:12em;}.tophx-blog-box{background:url(../assets/img/chart/bg-hx-green.png) center center / cover no-repeat;}.tophx-box .box-inr{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:rgba(0,0,0,.1);}.tophx-appdev-box .box-inr,.tophx-azure-box .box-inr,.tophx-engineering-box .box-inr{background:none;}.tophx-box .text-tophx{position:relative;opacity:.95;}.tophx-box .hx{color:white;font-size:200%;letter-spacing:.25em;text-shadow:1px 1px 3px rgba(0,0,0,.35);text-align:center;}.tophx-appdev-box .hx,.tophx-azure-box .hx,.tophx-engineering-box .hx{text-shadow:none;}.tophx-box .hx a{color:white;}.tophx-box .hx .en-hx{color:white;font-size:50%;letter-spacing:.25em;}.tophx-info-box .hx .en-hx{letter-spacing:.1em;}.tophx-appdev-box .hx,.tophx-engineering-box .hx{color:#111;}.tophx-appdev-box .hx .en-hx,.tophx-engineering-box .hx .en-hx{color:#111;}@media screen and (max-width:767px){.tophx-box .hx{font-size:5vw;margin:0;}.tophx-box .hx .en-hx{font-size:50%;}}@media screen and (max-width:550px){.tophx-box{height:10em;}.tophx-box .hx{font-size:6vw;}}.tophx-box.tophx-demolition-box{height:20em;}.tophx-box.tophx-demolition-box .hx{margin:0;} .sb-slidebar.sb-active{color:white;}.sb-slidebar{background:#111111;border-right:0;}.sb-slidebar.sb-active .inr > ul > li{font-size:60%;line-height:1.3;border-bottom:solid 1px #c5c5c5;}.sb-slidebar.sb-active .inr > ul > li.reserve{font-size:70%;border-top:1px solid #22ae69;border-bottom:none;position:relative;top:-1px;}.sb-slidebar.sb-active .inr > ul > li.reserve .num-navi{font-size:140%;font-family:'Lato',sans-serif;font-style:italic;letter-spacing:.05em;margin-top:.25em;display:inline-block;} .sb-slidebar.sb-active .inr > ul > li > a,.sb-slidebar.sb-active .inr > ul > li > .btn-more{color:white;font-size:0.85rem;font-size:130%;letter-spacing:.05em;text-decoration:none;display:block;padding:14px 15px 13px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}.sb-slidebar.sb-active .inr > ul > li > a .ja-navi,.sb-slidebar.sb-active .inr > ul > li > .btn-more .ja-navi,.sb-slidebar.sb-active .inr > ul > li > .sub-navi .ja-navi{color:var(--main-color);font-size:100%;padding-right:.5em;}.sb-slidebar.sb-active .inr > ul > li > a.link{text-align:center;background:#20ae6a;color:#fff;}.sb-slidebar.sb-active .inr > ul > li > a.link .ja-navi{color:white;}.sb-slidebar.sb-active .inr > ul > li > a.link2{text-align:center;font-size:0.7rem;letter-spacing:.07em;}.sb-slidebar.sb-active .inr > ul > li > a.link2.sp{display:none;} .sb-slidebar.sb-active .inr > ul > li > a:visited{color:white;}.sb-slidebar.sb-active .inr > ul > li > a.link:visited{color:#fff;}.sb-slidebar.sb-active .inr > ul > li > a:hover:not(.link),.sb-slidebar.sb-active .inr > ul > li > a.hover:not(.link){background:#2b2b2b;}.sb-slidebar.sb-active .inr > ul > li > a svg,.sb-slidebar.sb-active .inr > ul > li > .btn-more svg{margin-right:3px;}.sb-slidebar.sb-active .inr > ul > li > .btn-more.active{color:#ae5167;background:#E6CBD1;} .sb-slidebar.sb-active .sub-navi{padding:0 0 1em;background:#111111;}.sb-slidebar.sb-active .sub-navi li{color:white;font-size:.85rem;font-size:130%;letter-spacing:.05em;text-decoration:none;display:block;padding:0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}.sb-slidebar.sb-active .sub-navi li a{color:#666666;text-decoration:none;width:100%;padding:14px 35px 13px;padding:14px 25px 13px;background:#111111;display:block;}.sb-slidebar.sb-active .sub-navi li a:hover{background:#292929;}@media screen and (max-width:374px){.sb-slidebar.sb-active .inr > ul > li{font-size:50%;}.sb-slidebar.sb-active .inr > ul > li > a .ja-navi,.sb-slidebar.sb-active .inr > ul > li > .btn-more .ja-navi,.sb-slidebar.sb-active .inr > ul > li > .sub-navi .ja-navi{font-size:110%;}}.breadcrumb-box{background:#0e0e0e;}.breadcrumb-box .breadCrumbHolder{margin:2px 0 6px;}.breadcrumb-box .breadCrumb ul li span,.breadcrumb-box .breadCrumb ul li a,.breadcrumb-box .breadCrumb ul li:after{color:white;}.sp-buttons .sp-button{width:10px;height:10px;}@media screen and (max-width:767px){.display-swipe{overflow:scroll;display:inline-block;width:300px;}.display-swipe th,.display-swipe td{white-space:nowrap;}}