﻿.site-header{display:flex;justify-content:space-between;align-items:center;gap:min(2.27vw,480px);width:100%;height:var(--size-header-height);padding-inline:max(20px,50vw - 600px);background:url(/static/images/common/bg.jpg);position:fixed;left:0;top:0;z-index:8}.site-header__logo-area{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(20px,3.47826vw - 15.6522px,40px);width:clamp(320px,320px + 191*(100vw - 1025px)/575,511px)}.site-header__logo-5th img{width:106px}.site-header h1 a{width:100%;height:100%;display:block}.site-header .nav-toggle{display:none}.site-header nav{display:grid;gap:1.2rem 1rem;grid-template-columns:1fr auto;width:min(100%,620px)}.site-header nav search{grid-column:2;grid-row:1}.site-header nav search input{width:16rem !important;height:3rem !important;padding-inline:1rem 4rem !important;background:url(/static/images/common/ico-search.svg) #fff no-repeat right 1.3rem center/1.9rem auto;border-radius:999rem !important;border:1px solid var(--color-base) !important;font-weight:bold;font-size:1.3rem;color:var(--color-base);text-overflow:ellipsis;outline-color:var(--color-base)}.site-header nav search .mf-search-bar_input-buttons{opacity:0}.site-header nav search .mf-search-bar_dropdown-list{display:none}.site-header nav .primary{grid-column:1/3;grid-row:2;display:flex;align-items:center;gap:0 24px;font-weight:bold}.site-header nav .primary>li{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;position:relative}.site-header nav .primary>li button{display:flex;align-items:center;gap:.6rem;--icon: url(/static/images/common/ico-chevron-down.svg)}.site-header nav .primary>li button:after{content:"";width:1rem;height:.6rem;background:var(--icon) no-repeat center center/contain}.site-header nav .primary>li button.opened{--icon: url(/static/images/common/ico-chevron-up.svg)}.site-header nav .primary>li ul{width:max-content;min-width:18rem;height:0px;border-radius:2rem;background-color:#fff;font-size:1.3rem;font-weight:bold;line-height:2;overflow:hidden;position:absolute;top:3rem;left:50%;transform:translateX(-50%);box-shadow:0 0 1rem rgba(0,0,0,.1)}@media(hover: hover){.site-header nav .primary>li:focus-within ul,.site-header nav .primary>li:hover ul{height:auto;overflow:visible;padding:1.6rem 2.6rem}}.site-header nav .primary ul[aria-group=事業・サービス一覧] li:first-of-type a{color:var(--color-base);font-size:1.5rem;font-weight:bold}.site-header nav .secondary{grid-column:1;grid-row:1;display:flex;justify-content:flex-end;gap:0 1rem}.site-header nav .secondary a{display:grid;place-items:center;width:14rem;height:3rem;background:var(--color-base);border-radius:999rem;color:#fff;font-size:1.3rem;font-weight:500}@media screen and (max-width: 1024px){.site-header{height:auto;padding:2.56vw 4.1vw}.site-header__logo-area{grid-template-columns:auto auto;gap:min(2.27vw,40px);width:min(74.58vw,511px)}.site-header__logo-5th img{width:10vw}.site-header h1{width:min(62.3vw,365px)}.site-header .nav-toggle{display:block;width:min(5.6rem,90px);height:min(5.6rem,90px);background:url(/static/images/common/ico-menu.svg) no-repeat center center/contain;transition:all .2s;z-index:10}body.nav-opened .site-header .nav-toggle{background-image:url(/static/images/common/ico-menu-close.svg)}.site-header nav{width:100vw;height:100%;padding:11rem 2.5rem 2.5rem;background:#fff;gap:0;grid-template-columns:auto;grid-template-areas:"search" "primary" "secondary";position:fixed;right:-110%;top:0;opacity:0;overflow-y:scroll;z-index:9;transition:opacity .2s}body.nav-opened .site-header nav{right:0;opacity:1}.site-header nav search input{width:100% !important;height:4rem !important;padding-inline:1.6rem 4.8rem !important;background:url(/static/images/common/ico-search.svg) #fff no-repeat right 1.6rem center/2.2rem auto;font-size:1.5rem !important}.site-header nav .primary{display:block;font-weight:bold;font-size:1.8rem}.site-header nav .primary>li{display:block;padding-bottom:0;border-bottom:1px solid #9d9f9d}.site-header nav .primary>li>a{display:block;width:100%;height:6rem;line-height:6rem;padding-inline:1rem 2rem}.site-header nav .primary>li button{width:100%;height:6rem;padding-inline:1rem 2rem;justify-content:space-between;--icon: url(/static/images/common/ico-chevron-down.svg)}.site-header nav .primary>li button:after{width:1.3rem;height:.8rem}.site-header nav .primary>li ul{width:100%;height:0px;position:static;transform:none;box-shadow:none}.site-header nav .primary>li ul a{font-size:1.4rem;font-weight:400;display:flex;align-items:center;gap:0 .6rem}.site-header nav .primary>li ul a:before{content:"";width:.9rem;height:1px;background:var(--color-aqua)}.site-header nav .primary>li button.opened+ul{height:auto;overflow:visible;padding:0 1rem 1.6rem;margin-top:-0.5rem}.site-header nav .secondary{display:grid;place-items:center;justify-content:center;gap:1rem;margin-top:3.2rem}.site-header nav .secondary a{width:26.4rem;height:4.8rem;position:relative}.site-header nav .secondary a:after{content:"";width:.7rem;height:100%;background:url(/static/images/common/ico-chevron-right.svg) no-repeat center center/contain;position:absolute;right:2.4rem}}.site-footer{margin-top:12rem;background:var(--color-grey);color:#fff;padding:6.4rem calc(50% - var(--size-viewport-content)/2) 2.4rem}.site-footer .flexbox{display:flex;justify-content:space-between;gap:0 min(5%,60px);margin:4.4rem auto 0;padding-bottom:7rem;position:relative}.site-footer .flexbox .primary{display:grid;grid-auto-columns:max-content;grid-auto-rows:max-content max-content 1fr;gap:1.2rem min(5%,7.5rem);grid-template-areas:"services projects news" "services reports company" "services about company"}.site-footer .flexbox .primary>li{height:fit-content}.site-footer .flexbox .primary>li:nth-of-type(1){grid-area:services}.site-footer .flexbox .primary>li:nth-of-type(2){grid-area:projects}.site-footer .flexbox .primary>li:nth-of-type(3){grid-area:about}.site-footer .flexbox .primary>li:nth-of-type(4){grid-area:reports}.site-footer .flexbox .primary>li:nth-of-type(5){grid-area:news}.site-footer .flexbox .primary>li:nth-of-type(6){grid-area:company}.site-footer .flexbox .primary>li>a,.site-footer .flexbox .primary>li>button{display:flex;align-items:center;font-size:1.7rem;font-weight:bold}.site-footer .flexbox .primary>li>a:before,.site-footer .flexbox .primary>li>button:before{content:"";width:.6rem;height:1.8rem;margin-right:.8rem;border-radius:99rem;background:#fff}@media(min-width: 751px){.site-footer .flexbox .primary>li>button:not(:has(a)){pointer-events:none}}.site-footer .flexbox .primary>li ul{opacity:.8;margin:.6rem 0 0 1.4rem}.site-footer .flexbox .secondary{font-weight:bold;line-height:2}.site-footer .flexbox .secondary .bnr{width:24rem;margin-top:.5rem}.site-footer .flexbox .secondary li a:has(wbr){word-break:keep-all}.site-footer .flexbox .sns{position:absolute;left:0;bottom:0rem}.site-footer .flexbox .sns p{font-size:1.3rem;font-weight:500}.site-footer .flexbox .sns ul{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:.4rem}.site-footer .number{width:fit-content;margin:1.5rem 0 0 auto;border:1px solid #fff;font-size:1.2rem;line-height:1;padding:.4rem .8rem}.site-footer .copyright{margin-top:2.4rem;padding-top:2rem;border-top:1px solid #fff;font-size:1.1rem;text-align:center;letter-spacing:0}@media screen and (max-width: 750px){.site-footer{margin-top:6.4rem;padding:6.4rem 2.5rem 4rem}.site-footer>p:first-of-type img{display:block;width:28rem;margin:0 auto}.site-footer .flexbox{display:block;margin:2.4rem auto 0;padding-bottom:2rem}.site-footer .flexbox .primary{display:block}.site-footer .flexbox .primary>li{border-bottom:1px solid #9d9f9d}.site-footer .flexbox .primary>li>a,.site-footer .flexbox .primary>li>button{width:100%;height:5rem;display:flex;align-items:center;font-size:1.5rem;font-weight:500}.site-footer .flexbox .primary>li>a:before,.site-footer .flexbox .primary>li>button:before{width:.5rem;height:1.6rem}.site-footer .flexbox .primary>li button:after{content:"";flex:1 1 auto;width:1rem;height:100%;background:#fff;mask:url(/static/images/common/ico-chevron-down.svg) no-repeat right 1.6rem center/1rem auto}.site-footer .flexbox .primary>li button.opened:after{rotate:180deg;mask-position:1.6rem center !important}.site-footer .flexbox .primary>li ul{height:0;overflow:hidden;width:100%;margin:0;line-height:2}.site-footer .flexbox .primary>li button.opened+ul{height:auto;overflow:visible;padding:0 1.2rem 1.6rem;margin-top:-1rem}.site-footer .flexbox .secondary{margin-top:2.4rem;font-size:1.3rem}.site-footer .flexbox .secondary .bnr{margin:1rem auto 0}.site-footer .flexbox .sns{position:static;text-align:center;margin-top:2.4rem}.site-footer .number{margin:2rem auto 0}.site-footer .copyright{margin:8px auto 0;padding:0;border:none}}body#\35 th .site-footer{margin-top:0}.l-float-banner{position:fixed;z-index:9000;bottom:16px;right:28px;width:196px;height:94px;background-color:#fff;border-radius:8px}.l-float-banner__link{display:block}.l-float-banner__close{box-sizing:border-box;position:absolute;z-index:9001;top:-16px;right:-16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:1000px;border:1px solid #00414f;background-color:#fff}.l-float-banner__close svg{width:10px;height:10px}@media(min-width: 1025px){.l-float-banner{right:clamp(40px,12.5vw - 160px,80px)}}