@charset "UTF-8";
/*!
Theme Name: xeory_base_child
Description:WordPressテーマ「xeory_base」の子テーマです。
Template: xeory_base
Author: バズ部
Author URI: https://bazubu.com/
Version: 0.2.2
*/
:root{--color-white:#fff;--color-black:#3e3a39;--color-1a1a1a:#1a1a1a;--color-666666:#666;--color-8a8a8a:#8a8a8a;--color-cdcdcd:#cdcdcd;--color-ebebeb:#ebebeb;--color-e1e1e2:#e1e1e2;--color-f3f3f3:#f3f3f3;--color-ececec:#ececec;--color-2b4cdb:#2b4cdb;--color-00B9EF:#00b9ef;--color-00AB5A:#00ab5a;--color-00AB5A-5:rgba(0,173,92,.5);--color-007320:#007320;--color-FDD000:#fdd000;--color-FFE901:#ffe901;--color-E8380D:#e8380d;--color-b89023:#b89023;--color-6b82e6:#6b82e6;--color-6878c1:#6878c1;--color-DDF3FA:#ddf3fa;--color-EAEDFB:#eaedfb;--color-d7ddf8:#d7ddf8;--font10:.625rem;--font12:.75rem;--font13:.8125rem;--font14:.875rem;--font15:.9375rem;--font16:1rem;--font17:1.0625rem;--font18:1.125rem;--font20:1.25rem;--font21:1.3125rem;--font24:1.5rem;--font26:1.625rem;--font28:1.75rem;--font30:1.875rem;--font32:2rem;--font35:2.1875rem;--font38:2.1875rem;--font40:2.5rem;--font43:2.6875rem;--font45:2.8125rem;--font50:50px;--font70:70px;--font80:80px;--font90:90px;--font-weight-bold:700;--font-weight-normal:normal;--shape-triangle-top:polygon(50% 0,100% 100%,0 100%);--shape-triangle-bottom:polygon(0 0,100% 0,50% 100%);--shape-triangle-right:polygon(0 0,100% 50%,0 100%);--shadow:0 .3rem 2.5rem -2rem rgba(85,96,96,.3),0 .3rem .5rem rgba(84,96,96,.376);--shadow2:0 .2rem 2rem -1rem rgba(85,96,96,.4),0 .2rem .3rem rgba(84,96,96,.4);--number-width:clamp(136px, 33.8vw, 180px);--stretch:stretch;--header-h:clamp(65px, 11vw, 110px)}#header{padding:0}.gnav__item-link,.ov-nav__contact a,#footer .footer-nav-contact a{box-sizing:content-box}.site-logo{margin:0}#footer a{color:var(--color-black);&:hover{color:#666}}:where(html,body,div,span,h1,h2,h3,h4,p,a,img,dl,dt,dd,ul,li,ol,form,label,footer,header,section,button,figure,input,time){margin:0;padding:0;border:0;overflow-wrap:break-word;font-size:100%;line-height:1.4;vertical-align:baseline}body,html,input,button,a{color:var(--color-black);font-family:'Roboto',"Noto Sans JP","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Arial,sans-serif;font-weight:var(--font-weight-normal)}body{background:var(--color-white)}html{scroll-behavior:smooth}img{width:100%;height:auto;vertical-align:bottom}a,a:active,a:hover,a:focus,a:before{text-decoration:none;transition:.3s}span,label,a{display:inline-block}button{background:initial;border:0}p,li,a,dd,dt,h3,button,th,td,.text{font-size:clamp(var(--font16), calc((0.0625rem * 16) + ((1vw - 3.8px) * (2 / 13.7))), var(--font18))}address{font-style:normal}.width-1920{width:min(calc(100vw - 6vw), 1920px);margin-inline:auto}.width-1500{width:min(calc(100vw - 6vw), 1500px);margin-inline:auto}.pb-100-50{padding-bottom:clamp(50px, 10vw / 1.75, 100px)}.mb-100-50{margin-bottom:clamp(50px, 10vw / 1.75, 100px)}.arrow-right{position:relative;&:before{--size:4px;content:'';position:absolute;top:50%;right:.9em;transform:translateY(-50%) rotate(45deg);width:var(--size);height:var(--size);border-top:2px solid;border-right:2px solid;transition:.3s}&:hover,a:hover &{&:before{right:.6em}}}.triangle,.triangle-bottom{position:relative;&:before{--size:.5em;content:'';position:absolute;width:var(--size);height:calc(var(--size) / 1.5 * tan(60deg));background:var(--color-black)}}.triangle:before{clip-path:var(--shape-triangle-right)}.triangle-bottom:before{clip-path:var(--shape-triangle-bottom)}.open-in-new_b,.open-in-new_w{position:relative;&:after{content:'';position:absolute;top:50%;right:.2em;transform:translateY(-50%);width:1em;aspect-ratio:1}}.open-in-new_b{&:after{mask:url("http://localhost:8888/assets/images/common/icon_open-in-new_b.svg") no-repeat center/contain;-webkit-mask:url("http://localhost:8888/assets/images/common/icon_open-in-new_b.svg") no-repeat center/contain;background-color:var(--color-black)}}.open-in-new_w{&:after{mask:url("http://localhost:8888/assets/images/common/icon_open-in-new_w.svg") no-repeat center/contain;-webkit-mask:url("http://localhost:8888/assets/images/common/icon_open-in-new_w.svg") no-repeat center/contain;background-color:var(--color-white)}}#header{border-bottom:0}.header{--padding-left:clamp(15px, 3.5vw, 35px);--logo-w:clamp(75px, 16vw / 1.3, 160px);--gap:clamp(1px, 4vw / 1.5, 40px);--button-w:clamp(65px, 10vw, 100px);width:100%;position:fixed;z-index:2;&.open{&:before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.1);z-index:9}}}.header__inner{display:grid;place-items:end;width:calc(100% - var(--padding-left) - var(--button-w) - (var(--gap) * 2));width:var(--stretch);height:var(--header-h);grid-template-columns:var(--logo-w) 1fr;background:var(--color-white);padding-inline:var(--padding-left) calc(var(--button-w) + var(--gap));transition:.5s;.header-height &{--button-w:clamp(65px, 8.5vw, 85px);--logo-w:clamp(80px, 10vw / 1.2, 100px);--header-h:clamp(65px, 8.5vw, 85px);place-items:center end}}.gnav__list{display:flex;gap:calc(var(--gap) / 1.5);.header-height &{margin-block:40px 0}.gnav__item6 span{padding-right:1.5em}}.gnav__item{--padding-block:10px;position:relative;&:before{--size:7px;content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:none;width:var(--size);height:calc(var(--size) / 2 * tan(60deg));clip-path:var(--shape-triangle-bottom);background:var(--color-00AB5A)}:where(.single-post,.home) &.gnav__item4:before{display:block;background:var(--color-00AB5A)}:where(.single-case-study,.post-type-archive-case-study) &.gnav__item2:before{display:block;background:var(--color-00B9EF)}:where(.single-message,.post-type-archive-message) &.gnav__item5:before{display:block;background:var(--color-E8380D)}}.gnav__button{background:transparent;padding-block:var(--padding-block);margin-inline:calc(var(--gap) / 2.5);border:0;&:before{top:40%;right:0;width:.2em;transform:translate(200%,-90%) rotate(135deg);opacity:0}&:has(+.true){&:before{top:50%;opacity:1}}}.gnav__sub-list{position:absolute;left:50%;transform:translate(-50%,100%);background:var(--color-white);border:1px solid;padding-block:1em;padding-inline:1.2em 1em;&.false{bottom:-30px;display:none;opacity:0;animation:Sub-list2 .5s ease-out}&.true{bottom:1px;display:block;opacity:1;animation:Sub-list .5s ease-out;z-index:1}li{border-left:4px solid var(--color-e1e1e2)}a{width:12em;font-size:1rem;padding-block:0.8em;padding-inline:1em 0;&:after{content:'';position:absolute;inset:0 100% 0 -4px;transform:scaleY(0);transform-origin:top;transition:.5s}.gnav__item1 &:after{background:var(--color-2b4cdb)}.gnav__item2 &:after{background:var(--color-00B9EF)}.gnav__item3 &:after{background:var(--color-E8380D)}&:hover{.gnav__item1 &{color:var(--color-2b4cdb)}.gnav__item2 &{color:var(--color-00B9EF)}.gnav__item3 &{color:var(--color-E8380D)}&:after{transform:scaleY(1)}}}}@keyframes Sub-list{0%{bottom:-30px;opacity:0}40%{opacity:1}100%{bottom:1px;opacity:1}}@keyframes Sub-list2{0%{bottom:1px;opacity:1;display:block}60%{opacity:1}99%{bottom:-30px;opacity:0;display:block}100%{bottom:-30px;opacity:0;display:none}}.gnav__item-link{position:relative;height:1em;overflow:hidden;margin-top:var(--padding-block);padding-bottom:calc(var(--padding-block) * 1.5);a{display:grid;gap:.6em;&:hover{transform:translateY(-58%)}}}@media (width <=1000px){.header__inner{place-items:center end}.gnav{display:none}}.header-actions{position:absolute;top:0;right:calc(var(--button-w) + var(--gap));display:flex;gap:clamp(1px, 2vw, 20px);transition:.5s;a{display:grid;place-content:center;width:clamp(85px, 14vw / 0.7, 140px);height:45px;border-top:0;font-size:clamp(var(--font14), calc((0.0625rem * 14) + ((1vw - 3.8px)*(4/13.7))), var(--font18));.header-height &{height:38px}}}.btn--contact{background:var(--color-white);&:hover{background:var(--color-ebebeb)}}.btn--request{background:var(--color-black);color:var(--color-white) !important;&:hover{opacity:.8}}.btn--contact,.btn--request{border:1px solid var(--color-black)}.menu-toggle{position:fixed;top:0;right:5px;width:var(--button-w);aspect-ratio:1;background:initial;cursor:pointer;transition:.5s;z-index:11;&:before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--color-ebebeb);transition:.3s;transform:scale(0)}span{position:absolute;inset:calc(50% - 3px) 20% 50%;background:var(--color-black);transition:.3s;&:nth-child(1){transform:translateY(5px)}&:nth-child(2){transform:translateY(-5px)}.open &{&:nth-child(1){transform:rotate(45deg)}&:nth-child(2){transform:rotate(-45deg)}}}&:hover{&:before{transform:scale(.9)}}}.ov-nav__inner,.footer__sections{--gap:clamp(20px, 4vw / 1.92, 40px);display:grid;grid-template-columns:1fr clamp(250px, 29vw / 1.3, 290px);gap:var(--gap)}.ov-nav__list,.footer-nav__list{display:grid;grid-auto-flow:column;grid-template-columns:1fr 19% 12%;grid-template-rows:auto auto 1fr;gap:var(--gap);a{margin-bottom:0.5em;&:hover{color:var(--color-666666)}}.nav__item1{grid-row:span 3}.nav__item6 a{display:block}.nav__label{border-bottom:2px solid;font-size:var(--font17);font-weight:var(--font-weight-bold);padding-bottom:.5em;margin-bottom:.5em}>li a{font-size:var(--font15)}.nav__sub-sub-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px, 1fr));gap:0 clamp(20px, 3vw / 1.92, 30px);li{container-type:inline-size}}.nav__sub-sub-link{display:grid;align-content:center;gap:0.1em;font-size:clamp(14px, calc(4.4px + 4cqi), 15px);.nav__sub-sub-name{font-size:var(--font14);font-weight:var(--font-weight-bold)}}}.ov-nav__contact,#footer .footer-nav-contact{container-type:inline-size;a{margin-bottom:.8em;padding-block:.5em}.nav-contact__list{padding-bottom:1rem;a{display:grid;place-content:center start;gap:.2em;height:3em;font-size:clamp(14px, calc(4.4px + 4cqi), 16px);font-weight:var(--font-weight-bold);padding-inline:.7em 1em}}.line-hover-desc{font-weight:400;font-size:var(--font12)}.webket-info{background:var(--color-6b82e6);color:var(--color-white);&:hover{background:var(--color-2b4cdb)}&:after{top:65%;right:1.6em}}.interview{background:var(--color-cdcdcd);&:hover{background:var(--color-black);color:var(--color-white)}}}.footer-nav__list,.nav__policy-list{a{font-size:var(--font14)}a:hover{color:var(--color-8a8a8a)}}.ov-nav{--padding-inline:4%;position:fixed;top:0;right:0;width:min((100vw - (var(--logo-w) + ((var(--padding-left) + var(--padding-inline)) * 2))) , 1280px);transform:translateX(110%);background:var(--color-white);padding-block:var(--button-w) 20px;padding-inline:var(--padding-inline);transition:.4s ease-in-out;box-shadow:var(--shadow2);z-index:10;.open &{transform:translateX(0)}}.ov-nav__inner{max-height:calc(100dvh - (var(--button-w) + 40px));-webkit-overflow-scrolling:touch;overflow:auto;padding-block:20px 50px;padding-right:15px}.ov-nav__list{padding-bottom:50px;a{padding-block:.5em}.nav__item2{grid-row:span 2}}.nav__sub-list>li>a{&:before{height:2px}.nav__item1 &:before{background:var(--color-2b4cdb)}.nav__item2 &:before{background:var(--color-00B9EF)}.nav__item3 &:before{background:var(--color-E8380D)}.nav__item4 &:before{background:var(--color-00AB5A)}.nav__item6 &:before{background:var(--color-6b82e6)}}.nav__sub-sub-list.industrys{margin-bottom:1em}.nav__sub-sub-link{position:relative;border-bottom:1px solid;padding-inline:1em 0;&:before{content:'';position:absolute;transform:scale(0,1);transform-origin:left top;inset:1em calc(100% - 0.7em) calc(100% - 1em - 2px) 0;background:var(--color-2b4cdb);transition:.3s}&:hover{&:before{transform:scale(1,1)}}}.nav__policy-list{a{display:block;width:max(14em, 70%)}}@media (width <=1450px){.ov-nav__list{grid-template-columns:1fr max(8rem, 16%);grid-template-rows:auto auto auto auto 1fr;.nav__item1{grid-row:span 5}.nav__item2{grid-row:span 1}}}@media (width <=1000px){.ov-nav__list{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}}@media (width <=780px){.ov-nav{width:calc(100vw - (var(--logo-w) + (var(--padding-left) * 1.3) + var(--padding-inline) + 5px));padding-inline:var(--padding-inline) 5px}.ov-nav__inner{grid-template-columns:1fr}.ov-nav__list{order:2}.ov-nav__contact{order:1}}#content,.home #content{padding-top:calc(var(--header-h) + clamp(1.5rem, 5.6vw / 1.3, 3.5rem))}.breadcrumb{ol{display:flex;flex-wrap:wrap;gap:.05em 2em}li,a{font-size:clamp(var(--font13), calc((0.0625rem * 13) + ((1vw - 3.8px) * (1 / 9.2))), var(--font14));.header--type4 &{color:var(--color-666666)}}li{padding-left:0}a{position:relative;&:before{content:"";position:absolute;top:50%;right:-1em;transform:translateY(-50%)}&:hover{color:var(--color-main)}}}.search-bar{display:flex;justify-content:end;margin-bottom:clamp(1rem, 3.2vw / 1.3, 2rem)}#searchform{background:var(--color-f3f3f3);border:none}#searchform input[type=text]{width:13em;background:var(--color-f3f3f3)}.footer{--footer-slogan:15rem;position:relative;width:min(100% - 6vw, 1920px);margin-inline:auto;&:before{content:'';position:absolute;inset:0 39% calc(100% - (var(--footer-slogan) / 1.5)) 0;background:var(--color-ececec);z-index:-1}}.footer__slogan{display:grid;align-items:center;height:var(--footer-slogan);font-size:clamp(var(--font28), calc((0.0625rem * 28) + ((1vw - 3.6px) * (72 / 15.6))), 100px);opacity:.2;padding-top:.5em}.footer-nav__list{grid-template-columns:1fr 19% 18%;.nav__item3{grid-row:span 2}a{padding-bottom:.4em}.nav__sub-sub-list{padding-left:1em}}.footer__misc-list{margin-block:2rem 5px;li{font-size:var(--font12)}}@media (width <=1150px){.footer-nav__list{grid-template-columns:1fr max(170px, 40%);grid-template-rows:auto auto auto auto 1fr;.nav__item1{grid-row:span 5}.nav__item3{grid-row:span 1}.nav__sub-sub-list{grid-template-columns:1fr}}}.footer-info{background:var(--color-ececec)}.footer-info__inner{display:grid;align-items:center;grid-template-columns:clamp(100px, 16vw, 160px) 1fr clamp(90px, 11vw, 110px);gap:clamp(20px, 6vw, 60px);padding-block:50px;.iso{font-size:var(--font13);span{display:block}}}.footer-info__addr{p:not(.footer-info__company),a{font-size:var(--font15);font-size:clamp(var(--font14), calc((0.0625rem * 14) + ((1vw - 3.7px)*(1/11.3))), var(--font15));line-height:1.4}}.copyright{font-size:var(--font14);padding-block:.5em;color:var(--color-666666)}#footer .wrap{width:100%;background:var(--color-ececec);margin:0;padding-inline:0.5em;.footer-copy{width:min(100vw - 6vw, 1920px);margin-inline:auto}}@media (width <=1000px){.footer-nav__list{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}}@media (width <=780px){.footer__sections{grid-template-columns:1fr;a{margin-bottom:1em}}.footer-nav{order:2}.footer-nav-contact{order:1}.footer-info__inner{grid-template-columns:1fr;img{width:100px}}}