@font-face{font-family:Sora;src:url(/fonts/Sora-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Bold.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Italic.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Light.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-ExtraLight.ttf)format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Thin.ttf)format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-ThinItalic.ttf)format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic}
@font-face{font-family:Material Symbols Outlined;src:url(/fonts/MaterialSymbolsOutlined-VariableFont_FILL,GRAD,opsz,wght.ttf)format("truetype");font-weight:100 700;font-style:normal}
:root{touch-action:pan-x pan-y;--font-size-base:16px;--text-main--color:#091d30;--text-gray--color:#8093aa;--text-gray-light--color:#bac4d1;--icon-main--color:#091d30;--icon-main--color-5:#2e353b;--button-standard--color:white;--button-standard--bg-color:black;--button-standard--font-weight:300;--button-standard--border-radius:4px;--button-standard--padding:8px 12px;--button-standard--border:1px solid black;--button-standard--color-t:#083158;--button-standard--bg-color-t:transparent;--button-standard--font-weight-t:300;--button-standard--border-radius-t:4px;--button-standard--padding-t:8px 12px;--button-standard--border-t:1px solid #083158;--body-background-color:#55595e;--scroll-bar-thumb-color:#bac4d1;--scroll-bar-background-color:var(--body-background-color);--scroll-bar-thumb-color-1:var(--text-gray-light--color);--scroll-bar-background-color-1:white;--scroll-bar-thumb-color-2:var(--text-gray-light--color);--scroll-bar-background-color-2:white;background-color:var(--scroll-bar-background-color);scrollbar-color:var(--scroll-bar-thumb-color)var(--scroll-bar-background-color);scrollbar-width:thin;height:100%}@media (prefers-color-scheme:dark){:root{background-color:var(--body-background-color)}}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;text-rendering:geometricPrecision;outline-style:none;margin:0;padding:0}html,body{max-width:100vw}body{--margin-bottom:40px}::-webkit-scrollbar{background-color:var(--scroll-bar-background-color);width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:var(--scroll-bar-thumb-color);-webkit-box-shadow:none;-webkit-border-radius:0}.ui-scrollbar{scrollbar-width:thin;background-color:var(--scroll-bar-background-color-1);scrollbar-color:var(--scroll-bar-thumb-color-1)var(--scroll-bar-background-color-1)}.ui-scrollbar::-webkit-scrollbar{scrollbar-width:thin;background-color:var(--scroll-bar-background-color-1);scrollbar-color:var(--scroll-bar-thumb-color-1)var(--scroll-bar-background-color-1)}.ui-scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb-color-1)}.ui-menu-left--scrollbar{scrollbar-width:thin;background-color:var(--scroll-bar-background-color-2);scrollbar-color:var(--scroll-bar-thumb-color-2)var(--scroll-bar-background-color-2)}.ui-menu-left--scrollbar::-webkit-scrollbar{scrollbar-width:thin;background-color:var(--scroll-bar-background-color-2);scrollbar-color:var(--scroll-bar-thumb-color-2)var(--scroll-bar-background-color-2)}.ui-menu-left--scrollbar::-webkit-scrollbar-thumb{background-color:var(--scroll-bar-thumb-color-2)}.logo{width:clamp(40px,4vw,60px);margin-top:6px}.nav{margin-top:auto;padding-bottom:clamp(8px,1vh,200px);padding-left:clamp(8px,1.2vw,200px);line-height:1rem}.nav a{font-size:.75rem;font-weight:700}.ui-page{height:1800px;display:flex}.main-nav .logo{width:clamp(40px,4vw,60px);margin-bottom:20px;margin-left:clamp(10%,1.2vw,200px)}.main-nav .nav{padding-left:clamp(10%,1.2vw,200px)}.main-nav .nav a{font-size:clamp(1em,3vw,1.3em)}.ui-page--wrp{width:99%;max-width:2400px;min-height:400px;max-height:100vh;height:calc(100vh - var(--margin-bottom));background-color:#fff;flex-direction:column;margin:0 auto auto;display:flex;box-shadow:4px 10px 20px 10px #0000004d}.img-box{text-align:center;flex:1;display:flex;position:relative}.img-box--nav{width:inherit;z-index:2;flex-grow:1;justify-content:space-between;margin:0;padding:0;display:flex;position:absolute;top:calc(50% - 20px);left:0;right:0}.img-box--nav-left a,.img-box--nav-right a{mix-blend-mode:difference;color:#000;justify-content:center;align-items:center;width:60px;height:60px;font-size:50px;font-weight:100;display:flex}.img-box--nav-right{margin-left:auto;margin-right:0}.img-box--wrp,.img-main{object-fit:contain;max-width:100%;margin:auto;padding:0;animation:1s fadeIn}.img-main-preview{justify-content:center;align-items:center;margin:auto;display:flex}.img-box--wrp-inframe,.img-main-inframe{justify-content:center;align-items:center;max-width:100%;height:100%;max-height:100%;display:flex}.img-box--wrp-inframe .img-main-preview{height:100%}.img-box--navInFrameFalse .btn,.img-box--navInFrameTrue .btn{width:auto;height:auto;font-size:auto;background-color:#0000;border:0;justify-content:center;align-items:center;display:flex}.img-box--max{z-index:10;background-color:#fff;width:100%;height:100%;display:none;position:absolute}.img-box--max-visible{display:flex}.img-box--max--btn-close{z-index:10;cursor:pointer;position:absolute;top:16px;right:16px}.img-box--max--btn-close .icon:before{font-variation-settings:"wght" 300,"opsz" 20,"GRAD" -50,"FILL" .3;font-size:2.2rem}.img-box--max--image{width:100vw;height:100vh;display:flex}.img-box--max--image img{margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ui-page-frame{background-color:#0000;flex-grow:1;width:100%;height:calc(100% - 8px);padding-left:8px;padding-right:8px;display:flex;overflow:auto}.ui-page--header{flex-direction:column;justify-content:space-between;height:20%;min-height:100px;max-height:150px;display:flex}.ui-page--body{flex-grow:2;height:80%;display:flex}.ui-body--left-sidebar{flex-direction:column;width:100%;min-width:140px;max-width:10%;height:calc(100% - 20px);display:flex;overflow:auto}.ui-body--left-sidebar--top{margin-top:clamp(24%,20%,200px)}.ui-body--left-sidebar--bottom{margin-top:auto;padding-bottom:0}.ui-body--left-sidebar--bottom .nav-selected{color:var(--text-gray-light--color)}.nav-photo-main{justify-content:flex-end;align-items:center;margin-top:-2px;display:flex}.nav-photo-main .previous,.nav-photo-main .next{margin-right:16px}.nav-photo-main .previous span,.nav-photo-main .next span{font-variation-settings:"wght" 200,"opsz" 20;opacity:.3;font-size:1.6em;line-height:1rem}.nav-photo-main span.previous-active,.nav-photo-main span.next-active{opacity:1}.nav-photo-main .all{margin-right:16px}.nav-photo-main .all span{font-variation-settings:"wght" 200,"opsz" 20;font-size:1.4em}.nav-photo-main .inframe span{font-variation-settings:"wght" 200,"opsz" 20;color:var(--icon-main--color-5);font-size:1.6em}.nav-photo-main .inframe button:disabled,.previousDisabled,.nextDisabled{opacity:.3}.box-nav{justify-content:space-between;width:100%;height:52px;padding-left:20px;padding-right:clamp(16px,1.2vw,200px);display:flex}.box-nav .box-nav-left{flex:3;max-width:20%}.box-nav .box-nav-left,.box-nav .box-nav-right{align-items:center;display:flex}.box-nav .box-nav-left ._btn{margin-right:10px}.box-nav .box-nav-right>div{margin-left:clamp(8px,3vw,200px)}.box-nav ._btn{font-weight:700}.box-nav .box-nav-right ._btn{font-weight:300}.box-nav .box-nav-right ._btn a{color:var(--text-gray--color);font-size:.8rem}.box-header{justify-content:space-between;align-items:center;width:100%;padding:8px 8px 20px;display:flex}.box-header .box-nav-left{flex:3;padding-left:16px;display:flex}.box-header .box-nav-right{text-align:right;flex:auto;align-self:flex-start;align-items:end;padding-right:1%}.box-header .box-nav-right .nav-small-screen{justify-content:flex-end;align-self:flex-end;width:fit-content;margin-left:auto;display:none}.box-header .box-nav-right .nav-small-screen .icon:before{font-variation-settings:"wght" 300,"opsz" 25}.box-header .page-title{text-transform:uppercase;white-space:nowrap;min-height:24px;font-weight:800}.box-header .page-subtitle{text-transform:uppercase;color:var(--text-gray-light--color);min-height:24px;margin-left:clamp(12px,1.5%,200px);font-weight:600}.box-header .page-title,.box-header .page-subtitle{font-family:Poppins;font-size:clamp(18px,2.5vw,28px);line-height:1.2em}.wrapper-w1,.wrapper-w2,.wrapper-w3,.wrapper-w4{align-items:stretch;display:flex}.wrapper-w1>:nth-child(2),.wrapper-w2>:nth-child(3),.wrapper-w2>:nth-child(3),.wrapper-w2>:nth-child(4){margin-left:auto}@media (max-width:1000px){.ui-body--left-sidebar{display:none}.box-header .box-nav-right .nav-small-screen{display:block}}@media (max-width:800px){.box-header .next{margin-right:0}.box-header .inframe{display:none}.box-header .box-nav-left{flex-direction:column;flex:3;align-self:flex-start;padding-left:clamp(8px,1.2vw,200px);display:flex}.box-header .page-title{text-transform:uppercase;white-space:nowrap;font-weight:800}.box-header .page-subtitle{margin-left:0;font-size:max(16px,1vw);font-weight:400}.box-header .box-nav-right{flex:auto;padding-left:2%}.box-nav{padding-left:12px;padding-right:16px}}.spinner{border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner span{font-variation-settings:"wght" 100,"opsz" 20,"GRAD" -50,"FILL" .3;color:var(--icon-main--color);font-size:36px}
html,body{font-size:var(--font-size-base);max-width:100vw;color:var(--text-main--color);font-weight:300;font-family:Poppins,sans-serif!important}.icon{color:var(--icon-color-base);text-transform:none;letter-spacing:0;word-wrap:normal;white-space:nowrap;font-variation-settings:"wght" 200,"opsz" 20,"GRAD" -20,"FILL" 0;text-align:center;direction:ltr;border:none;outline:none;margin:-.05em 0 0;padding:0;font-family:Material Symbols Outlined;font-size:1.3rem;font-style:normal;line-height:1;display:block;overflow:hidden}.icon-picture:before{content:""}.icon-capture:before{content:""}.icon-loading:before{content:""}.icon-close:before{content:""}.icon-aps:before{content:""}.icon-menu:before{content:"";font-size:1.6rem}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}a,a:link,a:hover,a:active,a:visited{color:var(--text-main--color);text-decoration:none}a{font-size:clamp(var(--font-size-base)*.85,2vw,var(--font-size-base));line-height:1.2em;text-decoration:none}p{margin:clamp(4px,4vw,18px) 0 clamp(4px,4vw,36px);padding:0;font-weight:400;line-height:1.8em}p.indend1{text-indent:20px}p.padding1{padding-left:20px}h1{font-size:clamp(var(--font-size-base)*1.5,4vw,36px);align-items:flex-start;margin:0 0 10px;padding:0;font-weight:800;line-height:1.2em;display:flex}h1.light{font-weight:300}h2{font-size:clamp(var(--font-size-base)*1.4,4vw,32px);align-items:flex-start;margin:0 0 9px;padding:0;font-weight:800;line-height:1.2em;display:flex}h2.light{font-weight:300}h3{font-size:clamp(var(--font-size-base)*1.3,4vw,28px);align-items:flex-start;margin:0 0 8px;padding:0;font-weight:800;line-height:1.2em;display:flex}h3.light{font-weight:300}h4{font-size:clamp(var(--font-size-base)*1.2,4vw,24px);align-items:flex-start;margin:0 0 7px;padding:0;font-weight:800;line-height:1.2em;display:flex}h4.light{font-weight:300;font-size:clamp(var(--font-size-base)*1.2,4vw,24px)}h5{font-size:clamp(var(--font-size-base)*1.1,4vw,20px);align-items:flex-start;margin:0 0 6px;padding:0;font-weight:800;line-height:1.2em;display:flex}h5.light{font-weight:300;font-size:clamp(var(--font-size-base),4vw,20px)}h6{font-size:clamp(var(--font-size-base)*.95,2vw,var(--font-size-base));align-items:flex-start;margin:0 0 5px;padding:0;font-weight:800;line-height:1.2em;display:flex}h6.light{font-weight:300}h1 .icon,h2 .icon,h3 .icon,h4 .icon,h5 .icon,h6 .icon{margin-left:-.4em}.spacer28{height:28px}.spacer24{height:24px}.spacer20{height:20px}.spacer16{height:16px}.spacer12{height:12px}.spacer8{height:8px}.spacer4{height:4px}hr{border:none;border-top:1px solid #e0e0e0;margin:clamp(4px,4vw,18px) 0;padding:0}hr.spacer28,hr.spacer24,hr.spacer20,hr.spacer16,hr.spacer12,hr.spacer8,hr.spacer4{border:none;margin:0}
.btn{cursor:pointer;border:0 #0000}
.page-body-content{box-sizing:border-box;width:100%}.form{width:100%;max-width:600px;margin:auto}.form input,.form textarea{border:1px solid gray;width:100%;padding:12px}.form textarea{resize:vertical;max-height:200px}.form ::placeholder{font-size:.8rem;font-weight:300}.form ::placeholder{font-size:.8rem;font-weight:300}.form .form-input-wrp{flex-direction:column;margin-bottom:24px;display:flex}.form label{margin-bottom:4px;font-weight:600}.form-button{color:var(--button-standard--color);background-color:var(--button-standard--bg-color);font-weight:var(--button-standard--font-weight);padding:var(--button-standard--padding);border-radius:var(--button-standard--border-radius);border:var(--button-standard--border)}.form-button-t{color:var(--button-standard--color-t);background-color:var(--button-standard--bg-color-t);font-weight:var(--button-standard--font-weight-t);padding:var(--button-standard--padding-t);border-radius:var(--button-standard--border-radius-t);border:var(--button-standard--border-t)}
.box-photo--frame{flex-wrap:wrap;grid-template-columns:repeat(4,minmax(25%,auto));width:100%;min-width:200px;margin:clamp(0%,2%,60px) auto auto;display:grid}.box-photo--frame._t4,.box-photo--frame._t3{flex-wrap:wrap;grid-template-columns:repeat(3,minmax(25%,auto));width:100%;min-width:200px;margin:clamp(0%,2%,60px) auto auto;display:grid}.box-photo--frame._t4{grid-template-columns:repeat(4,minmax(25%,auto))}.box-photo{margin:4px;padding:4%;transition:background .2s,border .2s}.box-photo img{min-height:300px;display:block}.box-photo h3{color:var(--text-main--color);letter-spacing:normal;margin-bottom:.4rem;font-size:clamp(.8rem,2vw,1rem);font-weight:200}.box-photo p{color:var(--text-main--color);width:100%;margin:0;font-size:.9rem;line-height:1.5}.box-photo .description{margin-top:8px}.box-photo-desc{aspect-ratio:1;flex:1;align-content:flex-end;width:100%;min-width:100px;max-width:500px;height:auto;min-height:100px;max-height:500px;font-family:Sora,sans-serif}.box-photo-desc *{font-weight:900;font-family:Sora,sans-serif!important}.box-photo-desc p{font-weight:600}@media (max-width:1200px){.box-photo img{min-height:200px}}@media (max-width:800px){.box-photo img{min-height:200px}}.box-photo img{width:100%}@media (hover:hover) and (pointer:fine){.box-photo:hover,.box-photo:active{transition-delay:.12s}.box-photo:active{background-color:#ff0}.box-photo:hover span,.box-photo:active span{transform:translate(8px)}}@media (prefers-reduced-motion){.box-photo:hover span,.box-photo:active span{transform:none}}@media (max-width:1400px){.box-photo--frame._t4,.box-photo--frame._t3{grid-template-columns:repeat(3,33.3333%)}}@media (max-width:1000px){.box-photo--frame._t4,.box-photo--frame._t3{grid-template-columns:repeat(2,50%)}}@media (max-width:500px){.box-photo--frame._t4,.box-photo--frame._t3{grid-template-columns:repeat(1,100%)}.box-photo{padding:4% 4px}.box-photo-desc{aspect-ratio:unset}}