:root{--color-main:#0056b9;--color-main-svg:invert(19%) sepia(96%) saturate(2468%) hue-rotate(201deg) brightness(91%) contrast(102%);--color-main-hover1:#003699;--color-main-hover2:#2076d9;--color-sub:#00b7b7;--color-accent:#f9683d;--color-accent2:#ba0086;--color-base:#7e9cac;--color-base-rgb:126,156,172;--color-font:#334861;--color-font-svg:invert(26%) sepia(20%) saturate(1013%) hue-rotate(172deg) brightness(90%) contrast(89%);--color-linkfont:#008cb7;--color-bg:#eef2f5;--color-underbar:#fff100;--color-grad-blue:linear-gradient(102deg,#0455bd,#04bdbd);--color-grad-blue-hover:linear-gradient(102deg,#0455bd -20%,#04bdbd 90%);--color-grad-orange:linear-gradient(102deg,#f9683d,#fbb03b);--color-grad-orange-hover:linear-gradient(102deg,#f9683d -20%,#fbb03b 90%);--color-grad-base:linear-gradient(180deg,#eef2f5,#fff);--color-grad-white:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));--anime-speed:all 0.3s ease-in-out}header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);font-size:18px;position:fixed;top:0;width:100%;z-index:999}header .header_inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}header h1{font-size:2.2em}header h1 img{height:55px;vertical-align:middle;width:auto}header h1 .headerlogo_sp{display:none}header nav{font-size:1em}header nav span{display:block;font-size:.6em;line-height:1.6}header ul.gnav{display:flex;justify-content:flex-end;text-align:center}header ul.gnav li{letter-spacing:1px;line-height:1.6}header ul.gnav li:after{bottom:5px;content:"";display:block;height:5px;position:relative;transition:var(--anime-speed);width:100%}header ul.gnav li.info,header ul.gnav li:hover:after{background:var(--color-main)}header ul.gnav li.info{color:#fff;transition:var(--anime-speed)}header ul.gnav li.info:hover{background:var(--color-main-hover1)}header ul.gnav li.info:hover:after{background:var(--color-main-hover2)}header ul.gnav li.info a,header ul.gnav li.info span{color:#fff}header ul.gnav li.info a:before{background-image:url(https://www.i3-digital.com/files/user/i3d_assets/img/header/mail_icon.png)!important;content:"";display:inline-block;height:16px;margin:0 5px -1px 0;width:24px}header ul.gnav a,header ul.gnav label{color:var(--color-font);display:block;font-weight:500;height:100%;line-height:1.6;padding:10px 15px;text-decoration:none}header ul.gnav a:hover,header ul.gnav label:hover{color:var(--color-main)}header ul.gnav input[type=checkbox]{display:none}header .gnav>li:hover .child{max-height:999px}header ul.child{background:var(--color-grad-blue);box-shadow:0 2px 5px rgba(0,0,0,.3);font-size:.85em;max-height:0;overflow:hidden;position:absolute;text-align:left;transition:var(--anime-speed);width:280px}header ul.child li:hover{background:hsla(0,0%,100%,.2)}header ul.child li:after,header ul.child li:hover:after{content:none}header ul.child a{color:#fff;padding:15px 20px 15px 30px;transition:var(--anime-speed)}header ul.child a:hover{color:#fff;margin-left:.8em}header ul.child a span{color:#fff}.header_nav_btn{display:none}@media screen and (max-width:1000px){main{overflow:hidden}header,header a{height:50px}header a{align-items:center;display:inline-flex}header h1{display:inline-block;margin-left:15px}header h1 .headerlogo_pc{display:none}header h1 .headerlogo_sp{display:block;height:15px;width:100%}header .header_inner{display:block;position:relative}header nav{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);display:block;font-size:1.2em;height:auto;position:absolute;right:0;transition-duration:.2s;width:100%}header ul.gnav{flex-direction:column;text-align:left}header ul.gnav a,header ul.gnav label{border-top:1px solid var(--color-bg);padding:10px 30px}header ul.gnav a:hover,header ul.gnav label:hover{color:unset}header ul.gnav li:after{content:unset}header .header_nav_btn{display:block;height:50px;position:fixed;right:15px;top:0;width:25px;z-index:1000}header .header_nav_btn .menu_trigger{display:block;height:2px;left:0;position:relative;top:25px;width:25px}header .header_nav_btn .menu_trigger:after,header .header_nav_btn .menu_trigger:before{background:var(--color-font);content:"";display:block;height:2px;position:absolute;width:20px}header .header_nav_btn .menu_trigger:before{transform:rotate(45deg);transition:transform .4s}header .header_nav_btn .menu_trigger:after{transform:rotate(-45deg);transition:transform .4s}header .parent label{position:relative}header .parent input[type=checkbox]+label:after{content:"+";display:block;font-size:22px;font-weight:700;position:absolute;right:30px;text-align:center;top:.6em;transition:all .35s;width:1em}header .parent input[type=checkbox]:checked+label:after{transform:rotate(315deg)}header ul.child{background:var(--color-bg);box-shadow:unset;display:none;height:auto;max-height:100%;opacity:0;position:inherit;width:100%}header ul.child li:hover{background:unset}header ul.child a{color:var(--color-font);padding-left:50px}header ul.child a:hover{margin-left:unset}header ul.child a span{color:var(--color-font)}header #check_COMPANY:checked~ul.child,header #check_SOLUTION:checked~ul.child{display:block;opacity:1}header.nav_close nav{height:0;overflow:hidden}header.nav_close .menu_trigger{background:var(--color-font)}header.nav_close .menu_trigger:after,header.nav_close .menu_trigger:before{width:25px}header.nav_close .menu_trigger:before{top:-10px;transform:rotate(0deg)}header.nav_close .menu_trigger:after{top:10px;transform:rotate(0deg)}}