﻿@keyframes arrowmove{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}a:hover{opacity:0.7}a:hover img{opacity:0.7}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}table{border-spacing:0}ol,ul{list-style-type:none;margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:"Noto Sans",YuGothic,"Yu Gothic medium","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,Osaka,"MS PGothic",arial,helvetica,sans-serif;font-size:14px;color:#000;line-height:2;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media screen and (max-width: 1280px){body{font-size:12px;line-height:1.8}}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.c-btn{display:block;cursor:pointer}.c-btn:hover{opacity:0.7}.p-hamburger{position:fixed;right:36px;top:36px;z-index:30}@media screen and (max-width: 1280px){.p-hamburger{top:12px;right:12px}}.p-hamburger__btn{width:48px;height:48px;border-radius:4px;border:none;background:#fff;backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,0.25)}.p-hamburger__btn__line{position:absolute;left:12px;right:12px;height:2px;background:#000;z-index:1;transition:transform 0.5s}.p-hamburger__btn__line--top{top:16px}.is-open .p-hamburger__btn__line--top{transform:translateY(7px) rotate(-45deg)}.p-hamburger__btn__line--middle{top:23px}.is-open .p-hamburger__btn__line--middle{opacity:0}.p-hamburger__btn__line--bottom{bottom:16px}.is-open .p-hamburger__btn__line--bottom{transform:translateY(-7px) rotate(45deg)}.p-drawer{position:fixed;transform:translateX(110%);transition:transform .35s ease;z-index:25;padding:30px;color:#fff}@media screen and (min-width: 1281px){.p-drawer{inset:24px 24px auto auto;width:min(88vw, 360px);background:rgba(0,0,0,0.75);box-shadow:0 18px 50px rgba(0,0,0,0.45);border-radius:5px}}@media screen and (max-width: 1280px){.p-drawer{inset:0;width:100%;height:100vh;background:rgba(0,0,0,0.9)}}.p-drawer.is-open{transform:translateX(0)}.p-drawer__nav__header{margin-bottom:50px}.p-drawer__nav__body{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.5)}.p-drawer__nav__body a{display:block;padding:10px 0}.p-drawer__nav__footer{display:flex;flex-wrap:wrap;gap:10px}.p-drawer__nav__footer a{display:block;padding-right:10px;border-right:1px solid #fff;font-size:12px;line-height:1}.p-drawer__nav__footer a:last-of-type{border-right:none}.p-footer-nav__major{font-size:17px;font-weight:800;margin-bottom:15px}.p-footer-nav__minor{margin-bottom:2px}.p-footer-nav__minor::before{content:"-";display:inline-block;margin-right:5px}.l-main{background-color:#edf1f4;padding-top:150px}.l-title{display:flex;flex-flow:column;justify-content:center;align-items:center;height:170px;gap:20px}.l-title__heading{font-size:36px}.l-title__description{display:flex;justify-content:center;align-items:center}.l-title__description:before,.l-title__description:after{content:"";flex:0 0 40px;border-top:1px solid #000;margin:0 20px}.l-footer__contact{background:url(/wp/wp-content/themes/hagi2/assets/images/footer-bg.jpg) no-repeat center/cover}@media screen and (min-width: 1281px){.l-footer__contact{display:flex;min-height:290px}}@media screen and (max-width: 1280px){.l-footer__contact{padding:12px}}.l-footer__contact__panel{display:flex;flex-flow:column;align-items:center;color:#fff}@media screen and (min-width: 1281px){.l-footer__contact__panel{width:50%;padding:70px 0}}@media screen and (max-width: 1280px){.l-footer__contact__panel{padding:40px 0}}.l-footer__contact__heading{font-size:18px;margin-bottom:10px}.l-footer__contact__btn{position:relative;display:flex;justify-content:center;align-items:center;width:180px;height:36px;margin-top:30px}.l-footer__contact__btn:before{content:"";position:absolute;width:180px;height:36px;background:url(/wp/wp-content/themes/hagi2/assets/images/top-btn-frame-0.png) center/cover no-repeat}.l-footer__nav{background-color:#000;color:#fff}@media screen and (min-width: 1281px){.l-footer__nav{display:flex;justify-content:space-between;min-height:520px;padding:60px}}@media screen and (max-width: 1280px){.l-footer__nav{padding:36px 12px}}.l-footer__nav__menu{display:flex;flex-flow:column;justify-content:space-between;align-items:flex-end}.l-footer__nav__menu__wrapper{display:flex;gap:0 30px}.l-footer__nav__menu__list+.l-footer__nav__menu__list{margin-top:50px}.l-footer__nav__menu__sub{display:flex}.l-footer__nav__menu__sub__item{padding:0 10px;font-size:12px;line-height:1}.l-footer__nav__menu__sub__item+.l-footer__nav__menu__sub__item{border-left:1px solid #fff}@media screen and (min-width: 1281px){.l-footer__branding{display:flex;flex-flow:column;justify-content:space-between}}.l-footer__branding__catch{font-weight:800}@media screen and (min-width: 1281px){.l-footer__branding__catch{font-size:24px}}@media screen and (max-width: 1280px){.l-footer__branding__catch{font-size:16px;margin-bottom:48px;text-align:center}}.l-footer__branding__company{display:flex;align-items:flex-end;line-height:1;gap:20px}@media screen and (max-width: 1280px){.l-footer__branding__company{justify-content:center}}@media screen and (max-width: 1280px){.l-footer__branding__company__logo{width:80px}}.l-footer__branding__company__name{font-size:20px;font-weight:800;letter-spacing:2px;margin-bottom:15px}.l-footer__branding__company__address{margin-bottom:5px}.l-footer__branding__company__tel{margin-bottom:10px}.top-catch{position:relative;min-height:100svh;display:grid;place-items:center}.top-catch::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/wp/wp-content/themes/hagi2/assets/images/top-bg.jpg) center/cover no-repeat fixed}.top-catch__inner{width:min(90vw, 300px);border:1px solid #fff;padding:35px 50px;color:#fff}.top-catch__headline{font-size:32px;letter-spacing:5px;line-height:1.4;margin:0 0 16px}.top-catch__description{margin:0 0 20px;font-size:12px}.top-catch__arrow{position:relative;width:48px;height:48px;background:url(/wp/wp-content/themes/hagi2/assets/images/top-arrow-frame.png) center/cover no-repeat}.top-catch__arrow__down{position:absolute;top:50%;left:50%;translate:-50% -20%;display:block;width:9px;height:12px;animation:arrowmove 1s ease-in-out infinite}.top-main{position:relative;color:#fff}@media screen and (min-width: 1281px){.top-main{padding-bottom:200px}}@media screen and (max-width: 1280px){.top-main{padding:0 12px 50px}}.top-main:before{content:"";position:absolute;inset:0;background:url(/wp/wp-content/themes/hagi2/assets/images/top-bg-main.png) center/cover no-repeat;z-index:-2}.top-main:after{content:"";position:absolute;inset:0;background-color:#182E39;opacity:0.98;z-index:-1}.top-main__header{display:flex;justify-content:center;align-items:center;height:300px}@media screen and (min-width: 1281px){.top-main__section{margin-bottom:200px}}@media screen and (min-width: 1281px){.top-main__section__inner{display:flex;justify-content:center}.top-main__section:nth-of-type(even) .top-main__section__inner{flex-direction:row-reverse}}@media screen and (min-width: 1281px){.top-main__section__content{width:50%;text-align:right}.top-main__section:nth-of-type(even) .top-main__section__content{text-align:left}}.top-main__section__headline{font-weight:800}@media screen and (min-width: 1281px){.top-main__section__headline{font-size:20px}}@media screen and (max-width: 1280px){.top-main__section__headline{font-size:16px}}.top-main__section__lead{margin-top:20px;font-weight:800}@media screen and (max-width: 1280px){.top-main__section__lead{font-size:14px;text-align:left}}@media screen and (min-width: 1281px){.top-main__section__link{display:flex;align-items:flex-end;width:50%;text-align:left;padding:0 50px}.top-main__section:nth-of-type(even) .top-main__section__link{justify-content:flex-end}}.top-main__section__link__btn{position:relative;display:flex;justify-content:center;align-items:center;width:180px;height:41.5px}@media screen and (max-width: 1280px){.top-main__section__link__btn{margin:20px auto 80px}}.top-main__section__link__btn:before{content:"";position:absolute;width:180px;height:41.5px;background:url(/wp/wp-content/themes/hagi2/assets/images/top-btn-frame-1.png) center/cover no-repeat}.top-main__section:nth-of-type(even) .top-main__section__link__btn:before{background-image:url(/wp/wp-content/themes/hagi2/assets/images/top-btn-frame-2.png)}.top-news{border:1px solid rgba(255,255,255,0.25)}@media screen and (min-width: 1281px){.top-news{width:1280px;padding:50px;margin:0 auto}}@media screen and (max-width: 1280px){.top-news{padding:12px}}.top-news__list{display:flex;flex-flow:column;gap:20px}@media screen and (min-width: 1281px){.top-news__list{align-items:center}}.top-news__link{display:grid;border-radius:5px;background-color:rgba(255,255,255,0.1)}@media screen and (min-width: 1281px){.top-news__link{width:480px;padding:10px 20px;grid-template-columns:100px 1fr}}@media screen and (max-width: 1280px){.top-news__link{padding:5px 10px;grid-template-columns:80px 1fr}}.top-news__time{font-weight:800}.top-news__more{display:flex;justify-content:center;padding-top:50px}.top-news__more__btn{position:relative;display:flex;justify-content:center;align-items:center;width:180px;height:41.5px}.top-news__more__btn:before{content:"";position:absolute;width:180px;height:41.5px;background:url(/wp/wp-content/themes/hagi2/assets/images/top-btn-frame-1.png) center/cover no-repeat}.project-wrapper{display:grid;grid-template-columns:30% 1fr;gap:30px;padding:80px}.project-controls{background-color:#fff;border:1px solid #999;padding:20px}.project-filter__group{display:flex;flex-wrap:wrap;gap:0 16px;margin-bottom:20px;border:1px solid #999}.project-filter__heading{font-size:16px;font-weight:800}.project-filter__check{display:block;font-size:16px;line-height:1.5}.project-filter__actions{display:flex;gap:0 20px;justify-content:center;align-items:center}.project-filter__actions__submit{width:50%;padding:8px 0;background-color:#000;color:#fff;border:none}.project-filter__reset{font-size:14px;color:#666;text-decoration:underline}.project-filter__selected{margin-top:40px;font-size:12px}.project-intro{display:flex;justify-content:center}.project-intro__lead{font-weight:800;font-size:18px}@media screen and (max-width: 1280px){.u-for-pc{display:none}}@media screen and (min-width: 1281px){.u-for-sp{display:none}}.scrim{position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.scrim.is-open{opacity:1;pointer-events:auto}
