﻿/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,::before,::after{background-repeat:no-repeat;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:bold}button{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer;color:inherit}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,input,select,textarea{background-color:rgba(0,0,0,0);border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute !important;clip:rect(0 0 0 0) !important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}:root{--md9px: 0.5625rem;--md10px: 0.625rem;--md11px: 0.6875rem;--md12px: 0.75rem;--md13px: 0.8125rem;--md14px: 0.875rem;--md15px: 0.9375rem;--md16px: 1rem;--md17px: 1.0625rem;--md18px: 1.125rem;--md19px: 1.1875rem;--md20px: 1.25rem;--md21px: 1.3125rem;--md22px: 1.375rem;--md23px: 1.4375rem;--md24px: 1.5rem;--md25px: 1.5625rem;--md26px: 1.625rem;--md27px: 1.6875rem;--md28px: 1.75rem;--md29px: 1.8125rem;--md30px: 1.875rem;--md31px: 1.9375rem;--md32px: 2rem;--md33px: 2.0625rem;--md34px: 2.125rem;--md35px: 2.1875rem;--md36px: 2.25rem;--md37px: 2.3125rem;--md38px: 2.375rem;--md39px: 2.4375rem;--md40px: 2.5rem;--md41px: 2.5625rem;--md42px: 2.625rem;--md43px: 2.6875rem;--md44px: 2.75rem;--md45px: 2.8125rem;--md46px: 2.875rem;--md47px: 2.9375rem;--md48px: 3rem;--md49px: 3.0625rem;--md50px: 3.125rem;--md51px: 3.1875rem;--md52px: 3.25rem;--md53px: 3.3125rem;--md54px: 3.375rem;--md55px: 3.4375rem;--md56px: 3.5rem;--md57px: 3.5625rem;--md58px: 3.625rem;--md59px: 3.6875rem;--md60px: 3.75rem;--md70px: 3.75rem}@supports(-webkit-touch-callout: none){.vh100{min-height:-webkit-fill-available}}html,body{scroll-padding-top:60px}img{vertical-align:bottom;max-width:100%;height:auto}a{cursor:pointer;text-decoration:none;color:currentColor;transition:opacity .3s ease-out}a:hover,a:visited,a:active{color:currentColor;opacity:.9}body{font-family:"Noto Sans JP",sans-serif;color:#000;line-height:1.7;background-color:#d4d4d4}#header{position:fixed;width:100%;top:0;left:0;container-type:inline-size;background-color:#fff;padding:.7em 0;z-index:10}#header .logo{position:relative;z-index:100;margin:0;line-height:1}#header .logo a{color:currentColor;text-decoration:none;display:block;line-height:1}#header .logo a svg{position:relative;display:block;color:currentColor;width:93px;margin:0;color:#fff}#header .logo svg rect{fill:#000}#header h1.logo svg{animation:logoZoomOut 3s ease-out forwards;--mgn: 24px}@media(min-width: 992px){#header h1.logo svg{--mgn: 48px}}@keyframes logoZoomOut{0%{width:93px;margin:0;color:#fff;width:calc(100vw - var(--mgn));margin:3vh 0;color:#000}30%{width:93px;margin:0;color:#fff;width:calc(100vw - var(--mgn));margin:3vh 0;color:#000;transform:translateY(0)}75%{width:93px;margin:0;color:#fff;color:#000;transform:translateY(-1px)}95%{width:93px;margin:0;color:#fff}100%{width:93px;margin:0;color:#fff;transform:translateY(-1px)}}#header h1.logo svg rect{animation:logoBG .3s 2.1s ease-out forwards;width:0}@keyframes logoBG{0%{width:0}100%{width:100%}}.page-index.is-logo-opening-skip #header h1.logo svg{animation:none;width:93px;margin:0;color:#fff;transform:translateY(-1px)}.page-index.is-logo-opening-skip #header h1.logo svg rect{animation:none;width:100%}#header:has(h1) .gnav{gap:0}#header:has(h1) .gnav a{opacity:0;max-width:0;animation:navShow 1.5s var(--delay) ease-out forwards}@keyframes navShow{0%{opacity:0;max-width:0;margin-right:0;transform:translateX(-10px)}100%{opacity:1;max-width:100px;margin-right:20px;transform:translateX(0)}}#header:has(h1) .btns{opacity:0;max-width:0;animation:btnsShow 1.5s 2s ease-out forwards}@keyframes btnsShow{0%{opacity:0;max-width:0;transform:translateX(10px)}100%{opacity:1;max-width:100px;transform:translateX(0)}}#header .container-fluid{gap:15px}#header .gnav{display:flex;align-items:center;gap:20px}#header .gnav a{cursor:pointer;color:#000;font-size:var(--md12px);display:block;text-decoration:none}#header .btns{margin:0 0 0 auto;position:relative;z-index:100}#header .btns a{align-items:center}#header .btns #hamburger{font-size:var(--md9px)}#header .btns #hamburger:before{content:"menu"}#header .btns #hamburger.show:before{content:"close"}#header .drawer{position:fixed;top:0;left:0;width:100%;height:100dvh;display:block;z-index:99;backdrop-filter:blur(0);transition:backdrop-filter .3s ease-out;overflow:hidden;pointer-events:none}#header .drawer .inner{width:100%;height:100%;position:relative}#header .drawer .inner .bg{width:100%;height:100%;margin:0 0 0 100%;background-color:#fff;transition:all .3s ease-out;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 0 0 3rem;gap:1em}#header .drawer .inner .bg a{font-size:var(--md18px)}#header .drawer.show{pointer-events:auto;backdrop-filter:blur(5px)}#header .drawer.show .inner .bg{margin:0 0 0 40%}#footer{background-color:#fff}#footer .inner{padding:80px 5vw;display:flex;flex-direction:column;gap:2rem}@media(min-width: 992px){#footer .inner{flex-direction:row}}#footer .inner .flogo_lines{width:clamp(240px,60vw,395px);height:clamp(120px,30vw,200px);aspect-ratio:395/200}#footer .inner .flogo_boxes{--fbw: 5px;width:clamp(240px,60vw,350px);height:clamp(120px,30vw,200px);aspect-ratio:395/200;display:grid;gap:0;grid-template:"box1 emp1 emp2" "box2 box3 emp3" "box2 box4 box4";transition:all 1s ease-out;grid-template-rows:4fr 4fr 4fr;grid-template-columns:5fr 3fr 4fr}#footer .inner .flogo_boxes .box,#footer .inner .flogo_boxes .emp{background-color:#fff;border:0 solid #000;display:flex;align-items:center;justify-content:center}#footer .inner .flogo_boxes .box span,#footer .inner .flogo_boxes .emp span{display:flex;align-items:center;justify-content:center;width:100%}#footer .inner .flogo_boxes .box svg,#footer .inner .flogo_boxes .emp svg{width:80%;max-height:100%;margin:0 auto}#footer .inner .flogo_boxes .box_1{border-width:var(--fbw)}#footer .inner .flogo_boxes .box_2{border-width:0 var(--fbw) var(--fbw) var(--fbw)}#footer .inner .flogo_boxes .box_3{border-width:0 var(--fbw) var(--fbw) 0}#footer .inner .flogo_boxes .box_4{border-width:0 var(--fbw) var(--fbw) 0}#footer .inner .flogo_boxes .emp_1{border-width:0 0 var(--fbw) 0}#footer .inner .flogo_boxes .emp_3{border-width:0 0 var(--fbw) 0}#footer .inner .fnav{display:flex;flex-direction:column;gap:20px}@media(min-width: 992px){#footer .inner .fnav{flex-direction:row}}#footer .inner .fnav a{font-size:var(--md12px);color:#000;text-decoration:none}#footer .inner .fnav a.sns img{transform:translateY(-4px)}#footer .inner .bottom{display:flex;align-items:flex-end;gap:2rem}@media(min-width: 992px){#footer .inner .bottom{margin:0 0 0 auto}}#footer .inner .bottom .copyright{font-size:var(--md9px);margin:0}@media(min-width: 992px){#footer .inner .bottom .copyright{font-size:var(--md12px)}}#footer .inner .bottom .pagetop{background-color:#000;color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:var(--md10px);text-decoration:none;margin:0 0 0 auto;transition:all .3s ease-out}@media(min-width: 992px){#footer .inner .bottom .pagetop{transform:translateY(16px)}}#footer .inner .bottom .pagetop:hover{color:#000;background-color:#fff;border:1px solid #000}.hamburger{position:absolute;top:15px;right:15px;width:40px;height:40px;color:#000}.hamburger svg{width:100%;height:100%}.hamburger svg rect{fill:none;stroke:currentColor;stroke-width:2px}.hamburger svg line{stroke:currentColor;stroke-width:2px;fill:none;transition:all .2s ease-out;opacity:1}.hamburger:hover{cursor:pointer}.hamburger.show{color:#fc0}.hamburger.show svg line:nth-of-type(1){transform-origin:50% 30%;transform:translate(0, 20%) rotate(45deg)}.hamburger.show svg line:nth-of-type(2){opacity:0}.hamburger.show svg line:nth-of-type(3){transform-origin:50% 70%;transform:translate(0, -20%) rotate(-45deg)}br.sp{display:block}@media(min-width: 768px){br.sp{display:none}}.tjf{text-align:justify;text-justify:inter-ideograph}.vh100{min-height:100vh}.consolebox{position:fixed;bottom:0;left:0;background-color:hsla(0,0%,100%,.5);z-index:9999;padding:10px}.consolebox p{padding:0;margin:0}.consolebox p.breakpoint::before{content:"breakpoint : "}.consolebox p.breakpoint::after{content:"default"}@media(min-width: 576px){.consolebox p.breakpoint::after{content:"sm"}}@media(min-width: 768px){.consolebox p.breakpoint::after{content:"md"}}@media(min-width: 992px){.consolebox p.breakpoint::after{content:"lg"}}@media(min-width: 1200px){.consolebox p.breakpoint::after{content:"xl"}}@media(min-width: 1400px){.consolebox p.breakpoint::after{content:"xxl"}}@media(min-width: 1800px){.consolebox p.breakpoint::after{content:"xxxl"}}@media(min-width: 2400px){.consolebox p.breakpoint::after{content:"xxxxl"}}.page-index .sec-works::before{animation:openBG .5s .5s ease-in-out forwards}@keyframes openBG{0%{top:0;height:100dvh}100%{top:100dvh;height:0}}.page-index .sec-works .works{min-height:100dvh}.sec-works{padding:100px 5vw 60px 5vw;min-height:100dvh;position:relative}@media(min-width: 768px){.sec-works{padding:140px 5vw 100px 5vw}}.sec-works::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.sec-works .year-list{display:flex;list-style:none;gap:2em;font-size:var(--md12px);padding:0;margin-bottom:60px}.sec-works .year-list li a{display:inline-block;position:relative}.sec-works .year-list li a.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000}.sec-works .works{width:100%;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:4vw 5vw}@media(min-width: 768px){.sec-works .works{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 1200px){.sec-works .works{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 1800px){.sec-works .works{grid-template-columns:repeat(5, minmax(0, 1fr))}}@media(min-width: 2400px){.sec-works .works{grid-template-columns:repeat(6, minmax(0, 1fr))}}.sec-works .works .work{width:100%;display:block;transition:all 1s ease-out}.sec-works .works .work.transparent{opacity:0}.sec-works .works .work .inner a figure{margin:0;overflow:hidden;position:relative}.sec-works .works .work .inner a figure img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-out;position:relative;z-index:1}.sec-works .works .work .inner a figure figcaption{position:absolute;bottom:0;left:0;padding:.6em 1em;z-index:2;opacity:0;transition:all .3s ease-out;min-width:60%}.sec-works .works .work .inner a figure figcaption .key{font-size:var(--md12px)}.sec-works .works .work .inner a figure figcaption .val{font-size:var(--md14px)}.sec-works .works .work .inner a figure figcaption::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:hsla(0,0%,100%,.9);z-index:-1}.sec-works .works .work .inner a:hover figure img{transform:scale(1.05);transform-origin:center center}.sec-works .works .work .inner a:hover figure figcaption{opacity:1}.sec-works .works .work .inner .title{font-size:var(--md10px);text-decoration:none;color:#000;display:block;width:100%;height:36px;margin:.5em 0 0 0}.sec-works .works .work .inner .title span{display:inline-block}.sec-works .pager{margin:80px 0 0 0;display:flex;justify-content:center;align-items:center;gap:2em}.sec-works .pager a{font-size:var(--md14px);text-decoration:none}.page-second .grid{padding:100px 5vw 100px 5vw;display:grid;grid-template-areas:"head" "side" "main";gap:1rem 0}@media(min-width: 992px){.page-second .grid{padding:160px 5vw 150px 5vw;gap:0;grid-template-areas:"head head head" "side main .";grid-template-columns:1fr 2fr 1fr;grid-template-rows:160px 1fr}}.page-second .grid .page_header{display:flex;flex-direction:column;gap:30px;align-items:flex-start}@media(min-width: 992px){.page-second .grid .page_header{flex-direction:row}}.page-second .grid .page_header .page_title{font-size:clamp(var(--md32px),3vw,var(--md40px));font-weight:700;position:relative}.page-second .grid .page_header .page_title span{opacity:0;animation:titleSpanBlack .01s .3s forwards}@keyframes titleSpanBlack{0%{opacity:0}100%{opacity:1}}.page-second .grid .page_header .page_title::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:0;height:100%;background-color:#000;animation:titleBlack .6s ease-out forwards}@keyframes titleBlack{0%{width:0}45%{width:100%}55%{width:100%;left:0}100%{width:0;left:100%}}@media(min-width: 992px){.page-second .grid .page_aside .inner{position:sticky;top:60px}}.btns{margin-top:2rem}.btns .btn{background-color:#fff;padding:1rem;width:325px;text-align:left;font-size:var(--md11px)}@media(min-width: 768px){.btns .btn{font-size:var(--md12px)}}.btns .btn{font-weight:600;display:flex;position:relative;padding-right:2em;border-radius:0;border:none}.btns .btn .bg{width:0;height:100%;position:absolute;top:0;left:0;background-color:#000;transition:all .3s ease-out;z-index:1}.btns .btn .txt{position:relative;z-index:2}.btns .btn:hover{opacity:1;color:#fff}.btns .btn:hover .bg{width:100%}.btns .btn:hover::after{background-color:#fff}.btns .btn:hover::before{border-right:2px solid #000;border-bottom:2px solid #000}.btns .btn::after{content:"";position:absolute;right:1em;top:50%;width:1.35em;height:1.35em;border-radius:50%;background:#000;transform:translateY(-50%);transition:all .3s ease-out;z-index:2}.btns .btn::before{content:"";position:absolute;right:1.55em;top:50%;width:.35em;height:.35em;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-50%) rotate(-45deg);z-index:3;transition:all .3s ease-out}.page-single .grid .page_header .page_title{font-size:clamp(var(--md20px),3vw,var(--md40px));font-weight:700;line-height:1.5}.page-single .grid .page_aside .inner{display:flex;flex-direction:row;gap:2rem}@media(min-width: 992px){.page-single .grid .page_aside .inner{flex-direction:column;gap:1rem}}.page-single .grid .page_aside .sidebar_item p{margin:0;font-size:var(--md12px)}.page-single .grid .page_aside .sidebar_item p.val{font-weight:bold}.page-single .grid .page_main figure img{width:100%}.page-single .grid .page_main figure{margin:0}.page-single .grid .page_main figure figcaption{margin-bottom:2rem}.page-single .grid .page_main .official_link{display:flex;align-items:center}@media(min-width: 768px){.page-single .grid .page_main .official_link{font-size:var(--md11px)}}.page-single .grid .page_main .official_link{font-size:var(--md12px);font-weight:600}.page-single .grid .page_main .official_link::after{content:"";display:block;width:.35em;height:.35em;transform:rotate(-45deg);border:0 solid #000;border-width:0 2px 2px 0;margin-left:1.5rem}@media(min-width: 992px){.page-about .grid{grid-template-areas:"head head head" "side main main"}}.page-about .grid .page_aside .inpage_links{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5em}.page-about .grid .page_aside .inpage_links li{position:relative;padding-left:25px;display:flex;align-items:center;gap:.5rem}.page-about .grid .page_aside .inpage_links li::before{content:"";width:17px;height:17px;background-color:#fff;position:absolute;left:0;top:3px;border-radius:50%}.page-about .grid .page_aside .inpage_links li::after{content:"";width:7px;height:7px;position:absolute;left:4px;top:8px;border:0 solid #000;border-width:2px 2px 0 0;transform:rotate(45deg)}.page-about .grid .page_aside .inpage_links li a{font-size:var(--md12px);text-decoration:none;font-weight:700;display:inline-block;position:relative}.page-about .grid .page_aside .inpage_links li a::before{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background-color:#000;transition:all .5s ease-out}.page-about .grid .page_aside .inpage_links li a.active::before{width:100%}.page-about .grid .page_main h2{margin-bottom:1.5em;font-size:clamp(var(--md24px),4vw,var(--md40px));font-weight:700}.page-about .grid .page_main section{margin-bottom:6rem}.page-about .grid .page_main .infos{width:100%;list-style-type:none;padding:0}.page-about .grid .page_main .infos .info{border:0 solid #000;border-width:1px 0;margin-top:-1px}.page-about .grid .page_main .sec-company .infos .info{padding:1rem 0 1rem 4vw;display:flex;align-items:center;gap:6vw}.page-about .grid .page_main .sec-company .infos .info p{margin:0;padding:0}.page-about .grid .page_main .sec-company .infos .info p.key{text-align:justify;text-align-last:justify;width:10%}@media(min-width: 768px){.page-about .grid .page_main .sec-company .infos .info p.key{width:60px}}.page-about .grid .page_main .sec-company .infos .info p.key{font-size:clamp(var(--md9px),2.5vw,var(--md16px))}.page-about .grid .page_main .sec-company .infos .info p.val{font-size:clamp(var(--md10px),3vw,var(--md18px))}.page-about .grid .page_main .sec-members .infos .info{display:flex;flex-direction:column;padding:2rem 0}.page-about .grid .page_main .sec-members .infos .info .name{font-weight:700;font-size:clamp(var(--md12px),3.5vw,var(--md16px))}.page-about .grid .page_main .sec-members .infos .info .en{font-size:clamp(var(--md9px),3vw,var(--md12px))}.page-contact .grid{grid-template-areas:"head" "lead" "side" "main"}@media(min-width: 992px){.page-contact .grid{grid-template-areas:"head lead lead" "side main main";grid-template-columns:1fr 2fr 1fr;grid-template-rows:100px 1fr}}.page-contact .grid .sec-lead{padding-top:0}@media(min-width: 992px){.page-contact .grid .sec-lead{padding-top:1.5em}}.page-contact .grid .sec-lead p{font-size:clamp(var(--md12px),3vw,var(--md14px));margin-bottom:.6em}.page-contact .grid .page_main{width:calc(100% + 5vw);background-color:#fff;padding:8vw}@media(min-width: 768px){.page-contact .grid .page_main{padding:3vw 4vw}}.page-contact .grid .page_main h2{font-size:clamp(var(--md15px),4vw,var(--md20px));display:flex;align-items:center;gap:.5em}.page-contact .grid .page_main h2::before{content:"";display:block;width:21px;height:15px;background-image:url(../images/contact/icon-mail.svg);background-size:contain}.page-contact .grid .page_main .mail{font-size:clamp(var(--md20px),5vw,var(--md32px));font-weight:700}.page-contact .grid .page_main .attention{font-size:clamp(var(--md12px),3vw,var(--md14px));margin:0}.page-contact .grid .page_main .attention span{display:inline-block;margin-right:1em}.page-works .sec-works::before{height:0}/*# sourceMappingURL=style.css.map */