:root{--font: "Noto Sans JP", sans-serif}:root{--vw: 1vw;--vh: 1vh}:root{--logo-black: #000000;--logo-white: #ffffff;--font-white: #ffffff;--font-black: #101010;--font-gray: #555555;--font-lightgray: #a0a0a0;--background-white: #fcfcfc;--background-black: #101010;--background-gray: #555555;--background-lightgray: #a0a0a0;--background-clear: #ffffff00;--border-white: #ffffff;--border-black: #101010;--border-gray: #555555;--border-lightgray: #a0a0a0}:root{--fontSize-header-navigation-a: 1.8rem;--fontSize-header-navigation-button: 1.4rem;--fontSize-header-menu-a: 10vh;--fontSize-footer-menu-a: 1.6rem;--fontSize-footer-copyright-a: 1.2rem;--fontSize-section-headline-h1: 8rem;--fontSize-section-headline-h2: 4rem;--fontSize-section-button-a: 1.4rem;--fontSize-section-text-p: 6rem;--fontSize-section-material-text-p: 6rem;--fontSize-profile-text-p: 3rem;--fontSize-category-title: 6rem;--fontSize-category-menu-title: 2rem;--fontSize-list-info-time: 1.4rem;--fontSize-list-infoTitles-client: 1.4rem;--fontSize-list-infoTitles-title: 2rem;--fontSize-list-infoTitles-subTitle: 1.6rem;--fontSize-list-category: 1.2rem;--fontSize-article-info-time: 4rem;--fontSize-article-infoTitles-client: 4rem;--fontSize-article-infoTitles-title: 8rem;--fontSize-article-infoTitles-subTitle: 3rem;--fontSize-article-p: 4rem;--fontSize-pagination: 3rem}@media (max-width: 1024px){:root{--fontSize-header-navigation-button: 2rem;--fontSize-header-menu-button: 1.6rem;--fontSize-header-menu-a: 10vw;--fontSize-footer-menu-a: 4rem;--fontSize-footer-copyright-a: 1.8em;--fontSize-section-headline-h1: 8rem;--fontSize-section-headline-h2: 5rem;--fontSize-section-button-a: 2.6rem;--fontSize-section-text-p: 4rem;--fontSize-section-material-text-p: 6rem;--fontSize-profile-text-p: 4rem;--fontSize-category-title: 5rem;--fontSize-category-menu-title: 2rem;--fontSize-list-info-time: 2rem;--fontSize-list-infoTitles-client: 2rem;--fontSize-list-infoTitles-title: 3.2rem;--fontSize-list-infoTitles-subTitle: 2rem;--fontSize-list-category: 2rem;--fontSize-article-info-time: 4rem;--fontSize-article-infoTitles-client: 4rem;--fontSize-article-infoTitles-title: 8rem;--fontSize-article-infoTitles-subTitle: 3rem;--fontSize-article-p: 3rem;--fontSize-pagination: 4rem}}@media (max-width: 767px){:root{--fontSize-header-navigation-button: 3.6rem;--fontSize-header-menu-button: 1.6rem;--fontSize-header-menu-a: 10vw;--fontSize-footer-menu-a: 6rem;--fontSize-footer-copyright-a: 2.4em;--fontSize-section-headline-h1: 10rem;--fontSize-section-headline-h2: 6rem;--fontSize-section-text-p: 2rem;--fontSize-section-button-a: 4rem;--fontSize-section-material-text-p: 8rem;--fontSize-profile-text-p: 5rem;--fontSize-category-title: 8rem;--fontSize-category-menu-title: 4rem;--fontSize-list-info-time: 4rem;--fontSize-list-infoTitles-client: 4rem;--fontSize-list-infoTitles-title: 6rem;--fontSize-list-infoTitles-subTitle: 4rem;--fontSize-list-category: 3rem;--fontSize-article-info-time: 6rem;--fontSize-article-infoTitles-client: 6rem;--fontSize-article-infoTitles-title: 10rem;--fontSize-article-infoTitles-subTitle: 6rem;--fontSize-article-p: 5rem;--fontSize-pagination: 6rem}}:root{--lineHeight-profile-text-p: 4rem;--lineHeight-article-p: 6rem}@media (max-width: 1024px){:root{--lineHeight-profile-text-p: 5rem;--lineHeight-article-p: 4rem}}@media (max-width: 767px){:root{--lineHeight-profile-text-p: 6.8rem;--lineHeight-article-p: 6.8rem}}*{width:100%;height:auto;font-family:var(--font);font-weight:300;line-height:1;text-decoration:none;word-break:break-all;list-style:none;padding:0rem;margin:0rem;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-font-smoothing:antialiased}html{width:100%;height:100%;color:var(--font-black);font-size:var(--vw);background-color:var(--background-white)}body{width:100%;height:auto;min-height:100%;font-size:1.6rem;padding:0rem;margin:0rem;display:flex;flex-flow:column nowrap;gap:0rem;justify-content:center;align-items:start}a{color:var(--font-black);text-decoration:none;list-style:none;transition:.3s;cursor:pointer;display:block}a:hover{color:var(--font-black)}img{width:100%;max-width:100%;display:block}svg{width:100%;display:block}li{text-decoration:none;list-style:none}button{all:unset}body::-webkit-scrollbar{width:0rem}body::-webkit-scrollbar{height:0rem}body::-webkit-scrollbar-thumb{background-color:transparent}main{position:relative;z-index:0;width:100%;height:auto;max-width:100%;padding:0rem;margin:0rem;background-color:var(--background-white);opacity:0;display:flex;flex-flow:column wrap;gap:0rem;justify-content:start;align-items:center;flex:1;*{color:var(--font-black);transition:.2s}section{width:100%;height:auto;max-width:200rem;padding:8rem 4rem;margin:0rem;background-color:var(--background-white);transition:.2s;overflow:hidden;display:grid;grid-auto-flow:row;grid-template-columns:100%;gap:6rem;justify-content:start;align-items:center;@media (max-width: 1024px){padding:12rem 6rem;gap:6rem}@media (max-width: 767px){padding:12rem 6rem;gap:10rem}&.material{background-color:var(--background-white);border-top:.6rem solid var(--border-black);border-bottom:.6rem solid var(--border-black);*{color:var(--font-black)}}>div{width:100%;height:auto;max-width:200rem;padding:0rem;margin:0rem;display:grid;grid-auto-flow:row;grid-template-columns:100%;gap:8rem;justify-content:start;align-items:center;@media (max-width: 1024px){gap:6rem}@media (max-width: 767px){gap:6rem}.text{width:100%;height:auto;padding:0rem;margin:0rem;display:flex;flex-flow:column wrap;gap:2rem;justify-content:start;align-items:start;@media (max-width: 767px){gap:1rem}p{width:100%;height:auto;font-size:var(--fontSize-section-text-p);font-weight:900;text-align:left;padding:0rem;margin:0rem}}}button{width:100%;height:auto;padding:0rem;margin:0rem;display:flex;justify-content:center;align-items:center;a{width:auto;height:auto;color:var(--font-black);font-size:var(--fontSize-section-button-a);font-weight:700;text-align:center;padding:1.2rem 3rem;margin:0rem;background-color:var(--background-white);border:.3rem solid var(--border-black);border-radius:6rem;transition:.2s;@media (max-width: 1024px){padding:2rem 4.4rem}@media (max-width: 767px){padding:3rem 5rem;border:.6rem solid var(--border-black)}&:hover{color:var(--font-white);background-color:var(--background-black);border:.3rem solid var(--border-black);@media (max-width: 767px){border:.6rem solid var(--border-black)}}}}.headline{position:relative;z-index:0;width:100%;height:auto;padding:0rem;margin:0rem;display:flex;flex-flow:column wrap;gap:2rem;justify-content:start;align-items:start;h1{width:auto;height:auto;font-size:var(--fontSize-section-headline-h1);font-weight:900;line-height:1;text-align:left;padding:0rem;margin:0rem}h2{position:absolute;z-index:-10;top:auto;bottom:auto;right:0;width:auto;height:100%;font-size:var(--fontSize-section-headline-h2);font-weight:900;line-height:1;text-align:left;padding:0rem;margin:0rem;opacity:.5;display:flex;justify-content:center;align-items:center}}}}header{position:sticky;z-index:100;top:0;bottom:unset;left:0;right:0;width:100%;height:auto;padding:2.6rem 4rem;visibility:hidden;margin:0rem;background-color:var(--background-clear);display:flex;justify-content:center;align-items:center;@media (max-width: 1024px){padding:4rem 6rem}@media (max-width: 767px){padding:5rem 6rem}.interface{position:relative;z-index:20;width:100%;height:100%;max-width:200rem;padding:0rem;margin:0rem;display:grid;grid-auto-flow:column;gap:0rem;justify-content:space-between;align-items:center;h1{position:relative;z-index:300;width:auto;height:auto;padding:0rem;margin:0rem;display:flex;justify-content:center;align-items:center;a{width:auto;height:auto;padding:0rem;margin:0rem;visibility:visible;display:block;svg{width:100%;height:auto;max-width:5rem;max-height:5rem;padding:0rem;margin:0rem;@media (max-width: 1024px){max-width:8rem;max-height:8rem}@media (max-width: 767px){max-width:12rem;max-height:12rem}path{fill:var(--logo-black);&.background{fill:var(--logo-white)}}}}}.navigation{width:100%;height:auto;padding:0rem;margin:0rem;opacity:1;visibility:visible;transition:.2s;display:flex;flex-flow:row wrap;gap:3rem;justify-content:center;align-items:center;nav{width:auto;height:100%;padding:0rem;margin:0rem;visibility:visible;@media (max-width: 1024px){display:none}ul{width:100%;height:auto;padding:0rem;margin:0rem;display:grid;grid-template-columns:auto auto auto auto auto;gap:2rem;justify-content:center;align-items:center;&.hidden{opacity:0;visibility:hidden}li{width:auto;height:auto;padding:0rem;margin:0rem;display:inline-block;a{width:100%;height:auto;color:var(--font-black);font-size:var(--fontSize-header-navigation-a);font-weight:900;text-align:center;padding:0rem;margin:0rem}}}}button{width:auto;height:auto;color:var(--font-black);font-size:var(--fontSize-header-navigation-button);font-weight:900;text-align:center;padding:1rem 2rem;margin:0rem;background-color:var(--background-white);border:.3rem solid var(--border-black);border-radius:5rem;transition:.2s;cursor:pointer;visibility:visible;@media (max-width: 1024px){padding:1.6rem 3rem}@media (max-width: 767px){padding:2.2rem 4rem;border:.6rem solid var(--border-black)}&.open{color:var(--font-black)!important;background-color:var(--background-white)!important;border:.3rem solid var(--border-black)!important;@media (max-width: 767px){border:.6rem solid var(--border-black)!important}}&:hover{color:var(--font-white);background-color:var(--background-black);border:.3rem solid var(--border-black);@media (max-width: 767px){border:.6rem solid var(--border-black)}}}}}.menu{position:fixed;z-index:10;inset:0;width:100vw;height:100vh;padding:5rem;background-color:var(--background-white);transition:.2s;opacity:0;visibility:hidden;display:grid;grid-template-columns:100%;gap:0rem;justify-content:center;align-items:center;@media (max-width: 767px){padding:3rem}&.open{opacity:1;visibility:visible}nav{width:100%;height:100%;display:grid;grid-template-columns:100%;gap:0rem;justify-content:center;align-items:center;&.open{transform:translate(0)}ul{width:100%;height:auto;display:grid;grid-template-columns:auto;gap:2rem;justify-content:center;align-items:center;@media (max-width: 767px){gap:4rem}li{width:100%;height:auto;display:grid;grid-template-columns:auto;gap:0rem;justify-content:center;align-items:center;a{width:auto;height:auto;color:var(--font-black);font-size:var(--fontSize-header-menu-a);font-weight:900;text-align:center;display:inline-flex}}}}}}footer{width:100%;height:auto;padding:6rem 4rem;margin:0rem;background-color:var(--background-white);display:flex;justify-content:center;align-items:center;@media (max-width: 1024px){padding:12rem 6rem 10rem;gap:3rem}@media (max-width: 767px){padding:12rem 6rem 10rem;gap:3rem}.interface{width:100%;height:100%;max-width:200rem;padding:0rem;margin:0rem;display:grid;grid-auto-flow:row;grid-template-columns:100%;gap:6rem;justify-content:space-between;align-items:center;@media (max-width: 1024px){grid-template-columns:100%;gap:10rem}@media (max-width: 767px){grid-template-columns:100%;gap:10rem}h1{position:relative;z-index:300;width:100%;height:auto;font-size:max(1rem,min(7vw,2rem));font-weight:700;letter-spacing:.1rem;text-indent:.1rem;text-align:center;padding:0rem;margin:0rem;display:flex;justify-content:center;align-items:center;a{width:auto;height:auto;padding:0rem;margin:0rem;display:inline-flex;justify-content:center;align-items:center;svg{width:100%;height:auto;max-height:8rem;padding:0rem;margin:0rem;path{fill:var(--logo-black)}}}}nav{width:100%;height:auto;max-width:200rem;padding:0rem;margin:0rem;@media (max-width: 767px){max-width:100%}ul{width:100%;height:auto;padding:0rem;margin:0rem;display:grid;grid-auto-flow:column;gap:2rem;justify-content:start;align-items:center;@media (max-width: 1024px){grid-auto-flow:row;grid-template-columns:100%;grid-template-rows:auto;gap:2rem 3rem}@media (max-width: 767px){grid-auto-flow:row;grid-template-columns:100%;grid-template-rows:auto;gap:3rem 3rem}li{width:auto;height:auto;padding:0rem;margin:0rem;a{width:100%;height:auto;font-size:var(--fontSize-footer-menu-a);font-weight:900;line-height:1;text-align:left;padding:0rem;margin:0rem;display:block}}}}p{width:100%;height:auto;max-width:200rem;font-size:var(--fontSize-footer-copyright-a);font-weight:800;text-align:center;line-height:1;padding:0rem;margin:0rem;display:flex;justify-content:start;align-items:center;@media (max-width: 1024px){justify-content:start}@media (max-width: 767px){justify-content:start}}}}.categories-menu{width:100%;height:auto;padding:0rem;margin:0rem;display:flex;flex-flow:column wrap;gap:2.6rem;justify-content:start;align-items:start;@media (max-width: 1024px){gap:2.6rem}@media (max-width: 767px){gap:4rem}ul{&:nth-child(1){width:auto;height:auto;padding:0rem;margin:0rem;display:inline-flex;flex-flow:row wrap;gap:0rem;justify-content:center;align-items:center;li{width:auto;height:auto;padding:0rem;margin:0rem;p{width:100%;height:auto;font-size:var(--fontSize-category-title);font-weight:900;line-height:1;text-align:center;padding:0rem;margin:0rem}}}&:nth-child(2){width:auto;height:auto;padding:0rem;margin:0rem;display:inline-flex;flex-flow:row wrap;gap:2rem;justify-content:start;align-items:center;li{width:auto;height:auto;padding:0rem;margin:0rem;&:hover>p,&:hover>a,&.tag-current>p{color:var(--font-black);background-color:var(--background-white);border:.3rem solid var(--border-black);@media (max-width: 767px){border:.6rem solid var(--border-black)}}p,a{width:100%;height:auto;color:var(--font-lightgray);font-size:var(--fontSize-category-menu-title);font-weight:800;text-align:center;padding:1.4rem 3rem;margin:0rem;background-color:var(--background-white);border:.3rem solid var(--border-lightgray);border-radius:5rem;transition:.2s;@media (max-width: 767px){padding:2.6rem 6rem;border:.6rem solid var(--border-lightgray)}}}}}}.paginator{width:100%;height:auto;padding:0rem;margin:0rem;display:grid;grid-auto-flow:column;grid-template-columns:15rem calc(100% - 40rem) 15rem;gap:5rem;justify-content:center;align-items:center;@media (max-width: 767px){grid-template-columns:8rem calc(100% - 18rem) 8rem;gap:1rem}ul{width:100%;height:auto;padding:0rem;margin:0rem;display:grid;grid-auto-flow:column;gap:2rem;justify-content:center;align-items:center;li{width:auto;height:auto;padding:0rem;margin:0rem;&.current{p{width:auto;height:auto;color:var(--font-black);border-bottom:.6rem solid var(--border-black);@media (max-width: 767px){border-bottom:1.2rem solid var(--border-black)}}}p,a{width:auto;height:auto;color:var(--font-gray);font-size:var(--fontSize-pagination);font-weight:700;text-align:center;padding:0rem 0rem 1rem;margin:0rem;transition:.2s;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;border-bottom:.6rem solid var(--border-white);@media (max-width: 1024px){padding:0rem 0rem 1.6rem}@media (max-width: 767px){padding:0rem 0rem 3rem;border-bottom:1.2rem solid var(--border-white)}}a:hover{color:var(--font-gray)}}}.preview,.no-preview,.next,.no-next{width:15rem;height:100%;padding:0rem;margin:0rem;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;@media (max-width: 767px){width:8rem}}.preview{left:0}.next{right:0}.preview a,.next a{width:auto;height:auto;font-size:max(1rem,min(3.3vw,2.6rem));font-weight:400;text-align:center;padding:0rem;margin:0rem;transition:.2s;display:inline-flex;justify-content:center;align-items:center;&:hover{color:var()}}}