*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{max-width:100%;vertical-align:middle}img,picture,video,canvas,svg{height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:normal}ul,ol,li,dl,dt,dd{list-style:none;padding:0;margin:0}a{text-decoration:none;transition:.3s}a:hover{opacity:.7}#root,#__next{isolation:isolate}:root{--main-color:#0099db;--text-color:#141a36;--line-color:#e3e3e3;--category1-color:#d95579;--category2-color:#10b56f;--library-color:#8fced1;--gradient1-color:#e5f4fb;--gradient2-color:#e7f7f0;--button-gradient1-color:#0099db;--button-gradient2-color:#10b56f}html{font-size:62.5%}body{font-size:1.6rem;font-family:'Noto Sans JP',sans-serif;background-color:#fff;word-wrap:break-word;overflow-wrap:break-word;margin:0;color:var(--text-color)}.wrapper{position:relative;height:100%}a{color:var(--text-color)}@media screen and (min-width:851px){.sp-content{display:none}}@media screen and (max-width:850px){body{font-size:1.6rem;line-height:1.6}.pc-content{display:none}}.header{width:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:997}.header__inner{height:70px;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.header__logo{width:160px}.header__btn{display:flex;align-items:center}.switch-lang{display:none;position:relative;margin-left:20px}.switch-lang::after{content:'';display:block;position:absolute;left:50%;top:25%;background-color:var(--line-color);width:1px;height:50%}.switch-lang a{display:inline-block;font-size:2.2rem;font-family:'Anton',sans-serif;padding:10px}.switch-lang .active a,.switch-lang a:hover{opacity:.6}@media screen and (max-width:1000px){.header__inner{height:56px;padding:0 3%}.header__logo{width:120px}.switch-lang{position:absolute;right:60px;top:5px;z-index:998;margin:0}.switch-lang a{font-size:1.8rem}}.gnav{display:block;flex:1;height:100%}.gnav__list{display:flex;justify-content:flex-end;height:100%}.gnav.active .gnav__list{display:block}.gnav__list-item,.gnav__list-item a{position:relative;display:flex;align-items:center;height:100%}.gnav__list-item a{font-weight:bold;padding:0 20px}.gnav__list-item>a:hover{color:var(--main-color);opacity:1}.gnav__list>.gnav__list-item:last-of-type a{color:#fff;background-color:var(--text-color)}.gnav__list>.gnav__list-item:last-of-type a:hover{color:#fff;background-color:var(--main-color)}.page-index .gnav__list-item.gnav__list--index>a,.page-delivery .gnav__list-item.gnav__list--service>a,.page-consulting .gnav__list-item.gnav__list--service>a,.page-direction .gnav__list-item.gnav__list--service>a,.page-example .gnav__list-item.gnav__list--example>a,.page-corporate .gnav__list-item.gnav__list--corporate>a,.page-reason .gnav__list-item.gnav__list--reason>a,.page-media .gnav__list-item.gnav__list--media>a,.page-news .gnav__list-item.gnav__list--news>a,.page-seminar .gnav__list-item.gnav__list--seminar>a,.page-index .gnav__list-item.gnav__list--index>a{color:var(--main-color)}.gnav__button{display:none;position:absolute;right:3%;top:18px;z-index:999;width:30px;height:20px}.gnav__button span,.gnav__button::before,.gnav__button::after{content:'';position:absolute;left:0;top:50%;width:100%;height:2px;background-color:var(--main-color);transition:.4s all}.gnav__button::before{top:0}.gnav__button::after{top:100%}.gnav.active .gnav__button span{opacity:0}.gnav.active .gnav__button::before{top:50%;transform:rotate(-45deg)}.gnav.active .gnav__button::after{top:50%;transform:rotate(45deg)}.gnav__sub-open{display:none;position:absolute;right:0;top:0;width:15%;height:60px}.gnav__sub-open span{position:relative;display:block;width:100%;height:100%}.gnav__sub-open span::before,.gnav__sub-open span::after{content:'';display:block;position:absolute;left:50%;top:50%;background-color:var(--main-color);transform:translate(-50%,-50%);transition:.4s all}.gnav__sub-open span::before{width:18px;height:2px}.gnav__sub-open span::after{width:2px;height:18px}.gnav__sub-open.active span::before{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.gnav__sub-open.active span::after{transform:translate(-50%,-50%) rotate(90deg)}.gnav__sub-list{position:absolute;top:100%;left:0%;background-color:#fff;width:300px;opacity:0;transform:scaleY(0);transform-origin:left top;transition:all .2s}.gnav__sub-list li{height:60px}.gnav__sub-list li:not(:first-child) {border-top:1px solid var(--line-color)}.gnav__sub-list li a{display:flex;align-items:center;position:relative;color:var(--text-color);font-size:1.4rem}.gnav__list--service .gnav__sub-list li:nth-of-type(1) a {color:var(--main-color)}.gnav__list--service .gnav__sub-list li:nth-of-type(2) a {color:var(--category1-color)}.gnav__list--service .gnav__sub-list li:nth-of-type(3) a {color:var(--category2-color)}.gnav__sub-list li a::before{content:'';display:block;width:6px;height:6px;border-top:2px solid #bebebe;border-left:2px solid #bebebe;transform:rotate(135deg);position:absolute;right:15px;top:calc(50% - 5px)}@media screen and (min-width:1001px){.gnav__list-item:hover .gnav__sub-list{opacity:1;transform:scaleY(1)}}@media screen and (max-width:1000px){.gnav__list{display:none;overflow-y:auto;position:absolute;left:0;top:56px;z-index:998;background-color:#fff;width:100%;height:calc(100vh - 56px)}.gnav__list-item,.gnav__list-item a{display:block;height:auto}.gnav__list-item a{border-top:1px solid var(--line-color);height:60px;padding:20px}.gnav__sub-open{display:block}.gnav__sub-list{position:static;width:100%;height:0}.gnav__sub-open.active+.gnav__sub-list{opacity:1;height:100%;transform:scaleY(1)}.gnav__sub-list li:not(:first-child) {border:0}.gnav__button{display:block}}.main{padding-top:70px}.section{padding:80px 0}.section-small{padding:40px 0}.main .section:nth-of-type(even) {background:linear-gradient(to right,var(--gradient1-color),var(--gradient2-color))}.section__title{font-size:3.6rem;font-weight:bold;text-align:center;margin-bottom:1.5em}.section__title small{display:block;color:#0099db;font-size:1.8rem;font-weight:bold;opacity:.5}.section__inner{max-width:1080px;width:90%;margin:0 auto}.main .section:nth-of-type(even) .section__inner {background-color:#fff;padding:40px 50px}.page-title{position:relative;background:url(https://testenvironment.directoryjapan.jp/wp-content/themes/img/corporate-kv.jpg) no-repeat center;background-size:cover;padding:80px 0}.page-title::after{content:'';display:block;position:absolute;left:0;top:0;background-color:#000;opacity:.3;width:100%;height:100%}.page-title h1{position:relative;z-index:2;color:#fff;font-size:4.0rem;font-weight:bold;text-align:center}.heading3{font-size:2.6rem;font-weight:bold;margin-bottom:20px}.article+.article{margin-top:40px}p+p{margin-top:20px}@media screen and (max-width:768px){.main{padding-top:56px}.section{padding:40px 5%}.section__inner{width:100%}.main .section:nth-of-type(even) .section__inner {padding:20px}.section__title{font-size:2.2rem}.section__title small{font-size:1.4rem}.page-title h1{font-size:2.4rem}.heading3{font-size:1.8rem;margin-bottom:12px}.article+.article{margin-top:24px}}.grid{display:flex;flex-wrap:wrap;width:100%}.grid .grid__item{}.grid[data-col="2"]{gap:30px 20px}.grid[data-col="3"]{gap:30px 20px}.grid[data-col="4"]{gap:30px 20px}.grid[data-col="2"] .grid__item{width:calc(50% - 10px)}.grid[data-col="3"] .grid__item{width:calc(33.3% - 13.5px)}.grid[data-col="4"] .grid__item{width:calc(25% - 15px)}.grid .grid__item>a:first-child{display:block;height:100%}@media screen and (max-width:768px){.grid[data-col="2"] .grid__item,.grid[data-col="3"] .grid__item,.grid[data-col="4"] .grid__item{width:100%}}.grid-example .grid__item .image{position:relative;margin-bottom:30px}.grid-example .grid__item .image img{width:100%;height:auto}.grid-example .grid__item .image .meta{position:absolute;left:0;bottom:0;text-align:center;width:100%;transform:translateY(50%)}.grid-example .grid__item .image .meta .label{display:inline-block;color:#fff;font-size:1.4rem;line-height:1;background-color:var(--text-color);border:1px solid #fff;border-radius:20px;padding:8px 15px;margin:0 2px}.grid-example .grid__item .image .meta .label>span+span{border-left:1px solid #fff;padding-left:10px;margin-left:10px}@media screen and (max-width:768px){.grid-example .grid__item .image .meta span{font-size:1.2rem}}.table{border-collapse:collapse;border-top:1px solid var(--line-color);width:100%;margin:20px 0}.table th,.table td{text-align:left;border-bottom:1px solid var(--line-color);padding:15px 20px}.table th{background:linear-gradient(to right,var(--gradient1-color),var(--gradient2-color));width:25%}.table th .required{color:#c00;font-size:1.4rem;margin-left:10px}@media screen and (max-width:768px){.table th,.table td{display:block;width:100%;padding:10px 15px}.table td{padding:15px 0}}input[type="text"],input[type="email"],textarea,select{border:1px solid var(--line-color);border-radius:5px;padding:10px 16px}input[type="text"][aria-invalid="true"],input[type="email"][aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:#c00}textarea{width:100%}@media screen and (max-width:768px){input[type="text"],input[type="email"],textarea,select{width:100%;padding:10px}}.tab{text-align:center;width:100%}.tab>li{display:inline-block;overflow:hidden;border:1px solid var(--line-color);border-left:0}.tab>li:first-of-type{border-left:1px solid var(--line-color);border-radius:10px 0 0 10px}.tab>li:last-of-type{border-radius:0 10px 10px 0}.tab>li a{display:block;color:#fff;background-color:var(--main-color);height:100%;padding:10px 30px}.tab>li a.current{color:var(--text-color);font-weight:bold;background-color:#fff}.tab-content>div{display:none}.tab-content>div.current{display:block}@media screen and (max-width:768px){.tab li{border:1px solid var(--line-color);border-top:0;width:100%}.tab>li:first-of-type{border-top:1px solid var(--line-color);border-radius:10px 10px 0 0}.tab>li:last-of-type{border-radius:0 0 10px 10px}.tab>li a{height:auto}}.button__area{text-align:center;margin:40px 0}.button{display:inline-block;cursor:pointer;color:#fff;background-color:var(--main-color);border-radius:40px;border:0;min-width:360px;padding:16px 0;transition:all .3s}.button:hover{background-color:#1e6e90;opacity:1}.button.button__mail{font-size:2.0rem}.button.button__mail::before{content:'';display:inline-block;vertical-align:middle;background:url(assets/img/xicon-mail.png.pagespeed.ic.G0_X_RKDDS.png) no-repeat center;background-size:contain;width:28px;height:28px;margin-right:1em}a.link:hover{opacity:1;color:var(--main-color)}a.arrow::after{content:'';display:inline-block;background-color:var(--text-color);width:20px;height:12px;margin-left:12px;mask-image:url(./assets/img/arrow.svg);mask-repeat:no-repeat;mask-position:0 0;mask-size:60%;-webkit-mask-image:url(./assets/img/arrow.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 0;-webkit-mask-size:60%;transition:all .2s}a.link.arrow:hover::after{background-color:var(--main-color)}@media screen and (max-width:768px){.button__area{margin:20px 0}.button{min-width:inherit;max-width:360px;width:100%;padding:12px 0}.button.button__mail{font-size:1.4rem}input[type="submit"]{-webkit-appearance:none}a.arrow::after{margin-left:6px}}.accordion .accordion__inner{overflow:hidden;height:0}.accordion.active .accordion__inner{height:auto}.pnavi{text-align:center;margin-top:30px}.pnavi .page-numbers{display:inline-block;color:var(--text-color);font-family:'Anton',sans-serif;background-color:#fff;padding:5px 8px;margin:0 5px}.pnavi a.page-numbers:hover{color:var(--main-color)}.pnavi .page-numbers.prev,.pnavi .page-numbers.next{font-family:'Noto Sans JP',sans-serif;background-color:transparent}.pnavi .page-numbers.current{color:#fff;background-color:var(--main-color)}.aside{position:relative}.aside::after{content:'';position:absolute;top:0;left:0;z-index:-1;background:url(assets/img/xcontact-kv.jpg.pagespeed.ic.s4Xngd_Y5Q.jpg) no-repeat center;background-size:cover;width:100%;height:100%;opacity:.5}.aside .section__inner{background-color:#fff;padding:40px}.aside .block{display:flex;flex-wrap:wrap}.aside .block+.block{border-top:1px solid var(--line-color);padding-top:30px;margin-top:30px}.aside .block__title{text-align:center;width:50%}.aside .block__title h3{font-size:2.8rem;font-weight:bold;margin-bottom:30px}.aside .block__title h3 small{display:block;color:var(--main-color);font-size:1.6rem}.aside .block__note{background-color:#f8f8f8;width:50%;padding:15px 20px}.aside .block__note h4{font-weight:bold}.aside .block__note ul{margin-left:24px}.aside .block__note ul li{list-style:disc;margin:10px 0}.aside .block__flow{text-align:center;width:90%;margin:40px 5% 0}@media screen and (max-width:768px){.aside .section__inner{padding:20px}.aside .block__title,.aside .block__note{width:100%}.aside .block__title h3{font-size:2.2rem;margin-bottom:10px}.aside .block__title h3 small{font-size:1.4rem}.aside .block__note{margin-top:15px}.aside .block__flow{width:100%;margin:15px 0 0}}.footer{color:#fff;background-color:#1f2145;padding:60px 0}.footer__inner{max-width:1080px;margin:0 auto}.fnav .fnav__container{display:flex;flex-wrap:wrap;margin-bottom:30px}.fnav .fnav__list{width:33.3%}.fnav .fnav__list li{margin:15px 0}.fnav .fnav__list li a{display:block;color:#fff;font-weight:bold}.fnav .fnav__list li ul{margin-left:15px}.fnav .fnav__list li ul li{margin:10px 0}.fnav .fnav__list li ul li a{font-size:1.4rem;font-weight:normal}.fnav__sub{display:block;border-top:1px solid #4c4d6a;padding-top:.8em}.fnav__sub ul li{display:inline-block}.fnav__sub ul li+li{margin-left:1em}.fnav__sub ul li a{color:#fff;font-size:1.4rem}.footer__copy{display:block;color:#fff;font-size:1.4rem;text-align:center;margin-top:2.5em}.footer__logo{display:inline-block;vertical-align:bottom;margin-right:10px}.footer__copy p{display:inline}@media screen and (max-width:768px){.footer{padding:30px}.fnav .fnav__list{width:100%;margin-top:-10px}.fnav__sub{text-align:center}.footer__copy p{display:block;margin-top:10px}}.grecaptcha-badge{display:none!important}