@font-face{font-family:"MOBO";src:url("../font/MOBO-Bold.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"MOBO";src:url("../font/MOBO-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"MOBO";src:url("../font/MOBO-ExtraLight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"MOBO";src:url("../font/MOBO-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}html{font-size:100%;scroll-behavior:smooth}body{font-size:clamp(
    0.875rem,
    0.2083333333vw + 0.8125rem,
    1rem
  );font-family:"MOBO",sans-serif;font-weight:400;color:#111;overflow-wrap:anywhere;line-break:strict;line-height:1.75;letter-spacing:.08em}.page-container{display:flex;flex-direction:column;min-height:100dvh;overflow-x:hidden}main{flex:1;position:relative;z-index:0;margin-top:88px}@media(min-width: 64em){main{margin-top:106px}}picture,figure,[role=img],img{display:block}.title h1,.title h2{font-size:clamp(
    0.875rem,
    0.4166666667vw + 0.75rem,
    1.125rem
  );font-weight:600}.title span{margin-top:clamp(
    0.5rem,
    0.4166666667vw + 0.375rem,
    0.75rem
  );display:block;font-family:"Jost",sans-serif;font-weight:300;font-size:clamp(
    2.5rem,
    6.25vw + 0.625rem,
    6.25rem
  );color:#6a519a;text-transform:uppercase;line-height:1;letter-spacing:.07em}@media(min-width: 64em){.title span{font-weight:200}}.header{position:relative;z-index:10}@media(min-width: 64em){.header{position:fixed;background-color:rgba(255,255,255,.8);width:100%}}@media(min-width: 64em){.header__contents{padding-top:29px;padding-bottom:29px;display:flex;align-items:center;justify-content:space-between}.header__contents{width:min(100% - clamp(
    2.5rem,
    25vw + -5rem,
    5rem
  ),1440px);margin-inline:auto}}.header__logo{position:absolute;top:clamp(
    1.625rem,
    0.625vw + 1.4375rem,
    2rem
  );left:clamp(
    1.25rem,
    12.5vw + -2.5rem,
    2.5rem
  )}@media(min-width: 64em){.header__logo{position:static}}.header__logo a{transition:opacity .3s ease-out}@media(hover: hover){.header__logo a:where(:-webkit-any-link,:enabled,summary):hover{opacity:.6}.header__logo a:where(:-moz-any-link,:enabled,summary):hover{opacity:.6}.header__logo a:where(:any-link,:enabled,summary):hover{opacity:.6}}.header__logo a img{width:clamp(
    11.25rem,
    6.25vw + 9.375rem,
    15rem
  );height:auto}.header__nav{position:fixed;top:0;left:0;transform:translateX(100vw);width:100%;height:100%;transition:.3s}@media(min-width: 64em){.header__nav{width:auto;height:auto;transform:none;position:relative}}.header__nav.active{transform:none}.header__nav-contents{padding-bottom:100px;height:100%;overflow-y:auto;background-color:#f3f3f3}@media(min-width: 64em){.header__nav-contents{background-color:rgba(0,0,0,0);padding-bottom:0;display:flex}}.header__nav-list{padding-top:20vh}.header__nav-list{width:min(100% - clamp(
    2.5rem,
    25vw + -5rem,
    5rem
  ),230px);margin-inline:auto}@media(min-width: 64em){.header__nav-list{margin-inline:0;display:flex;align-items:center;justify-content:flex-end;padding-top:0;text-align:left;width:100%}}.header__nav-list>li:not(:first-child){margin-top:48px}@media(min-width: 64em){.header__nav-list>li:not(:first-child){margin-top:0}}@media(min-width: 64em){.header__nav-list>li:not(:last-child){margin-right:2rem}}.header__nav-list>li:not(:last-child) a{font-size:16px;font-weight:600;display:block;transition:opacity .3s ease-out}@media(hover: hover){.header__nav-list>li:not(:last-child) a:where(:-webkit-any-link,:enabled,summary):hover{opacity:.7}.header__nav-list>li:not(:last-child) a:where(:-moz-any-link,:enabled,summary):hover{opacity:.7}.header__nav-list>li:not(:last-child) a:where(:any-link,:enabled,summary):hover{opacity:.7}}.header__nav-list>li:last-child a{display:block;width:100%;font-size:16px;font-weight:600;padding-top:12px;padding-bottom:12px;background-color:#6a519a;color:#fff;border-radius:30px;line-height:1.5;text-align:center;transition:opacity .3s ease-out}@media(min-width: 64em){.header__nav-list>li:last-child a{line-height:1;padding-top:15px;padding-bottom:15px;padding-left:32px;padding-right:32px;font-size:14px}}@media(hover: hover){.header__nav-list>li:last-child a:where(:-webkit-any-link,:enabled,summary):hover{opacity:.7}.header__nav-list>li:last-child a:where(:-moz-any-link,:enabled,summary):hover{opacity:.7}.header__nav-list>li:last-child a:where(:any-link,:enabled,summary):hover{opacity:.7}}.header__button{position:fixed;top:16px;right:20px;cursor:pointer;width:56px;height:56px;border-radius:50%;background-color:#6a519a;transition:background-color .3s ease-out}@media(min-width: 64em){.header__button{display:none}}.header__button.active{background-color:#9483b5}.header__button.active span{opacity:0}.header__button.active::before{transform:translate(-50%, -50%) rotate(-45deg)}.header__button.active::after{transform:translate(-50%, -50%) rotate(45deg)}.header__button span,.header__button::before,.header__button::after{content:"";position:absolute;left:50%;display:inline-block;width:24px;height:2px;background-color:#fff;transform:translate(-50%, -50%)}.header__button span{top:50%;transition:opacity .2s linear}.header__button::before{top:calc(50% - 7px);transition:transform .3s ease-out,background-color .2s linear;transform-origin:90% 200%}.header__button::after{top:calc(50% + 7px);transition:transform .3s ease-out,background-color .2s linear;transform-origin:85% -100%}.footer__contact{padding-top:clamp(
    2.5rem,
    8.3333333333vw + 0rem,
    7.5rem
  );padding-bottom:clamp(
    2.5rem,
    8.3333333333vw + 0rem,
    7.5rem
  );background-color:#9483b5;color:#fff;position:relative}.footer__contact h2{font-size:clamp(
    0.875rem,
    0.4166666667vw + 0.75rem,
    1.125rem
  );font-weight:600;width:290px;margin-inline:auto;position:relative;z-index:2}@media(min-width: 64em){.footer__contact h2{width:100%;text-align:center}}.footer__contact a{margin-top:8px;display:flex;justify-content:center;align-items:center;gap:32px;position:relative;z-index:2}.footer__contact a span{font-size:clamp(
    2.5rem,
    6.25vw + 0.625rem,
    6.25rem
  );font-family:"Jost",sans-serif;font-weight:300;line-height:1;text-transform:uppercase}@media(min-width: 64em){.footer__contact a span{font-weight:200}}.footer__contact a img{width:clamp(
    5rem,
    4.1666666667vw + 3.75rem,
    7.5rem
  );height:auto}.footer__contact-obi{position:relative;top:calc(clamp(
    5rem,
    11.4583333333vw + 1.5625rem,
    11.875rem
  )*-1)}.footer__contact-obi svg{position:absolute;width:100%;min-width:110vw;height:auto;top:0;left:50%;transform:translateX(-50%)}.footer__contact-obi svg:first-child{z-index:1}.footer__contact-obi svg:last-child{z-index:0}.footer__bottom{position:relative;z-index:3;padding-top:64px;padding-bottom:64px;background-color:#4c4948;color:#fff}.footer__bottom a{color:#fff}.footer__bottom-contents{width:min(100% - clamp(
    2.5rem,
    25vw + -5rem,
    5rem
  ),1024px);margin-inline:auto}@media(min-width: 64em){.footer__bottom-contents{display:flex;flex-direction:row-reverse;justify-content:space-between}}.footer__bottom nav{font-size:12px}.footer__bottom nav>ul{display:grid;grid-template:"i1 i4 i5" "i2 i4 i6" "i3 i4 ..";justify-content:space-between;gap:16px 0;max-width:400px}@media(min-width: 64em){.footer__bottom nav>ul{max-width:100%;gap:24px 40px;grid-template:"i1 i3 i4 i5" "i2 i3 i4 i6" ".. i3 i4 .."}}.footer__bottom nav>ul>li:nth-child(1){grid-area:i1}.footer__bottom nav>ul>li>a{font-weight:600}@media(min-width: 64em){.footer__bottom nav>ul>li>a{font-size:16px}}.footer__bottom nav>ul>li:nth-child(2){grid-area:i2}.footer__bottom nav>ul>li>a{font-weight:600}@media(min-width: 64em){.footer__bottom nav>ul>li>a{font-size:16px}}.footer__bottom nav>ul>li:nth-child(3){grid-area:i3}.footer__bottom nav>ul>li>a{font-weight:600}@media(min-width: 64em){.footer__bottom nav>ul>li>a{font-size:16px}}.footer__bottom nav>ul>li:nth-child(4){grid-area:i4}.footer__bottom nav>ul>li>a{font-weight:600}@media(min-width: 64em){.footer__bottom nav>ul>li>a{font-size:16px}}.footer__bottom nav>ul>li:nth-child(5){grid-area:i5}.footer__bottom nav>ul>li>a{font-weight:600}@media(min-width: 64em){.footer__bottom nav>ul>li>a{font-size:16px}}.footer__bottom nav>ul>li:nth-child(6){grid-area:i6}.footer__bottom nav>ul>li>a{font-weight:600}@media(min-width: 64em){.footer__bottom nav>ul>li>a{font-size:16px}}.footer__bottom nav>ul>li>ul{display:flex;flex-direction:column;margin-top:15px}@media(min-width: 64em){.footer__bottom nav>ul>li>ul{margin-top:24px}}.footer__bottom nav>ul>li>ul>li{font-size:clamp(
    0.75rem,
    0.2083333333vw + 0.6875rem,
    0.875rem
  )}.footer__bottom nav>ul>li>ul>li::before{content:"-";margin-right:8px}.footer__bottom nav>ul>li>ul>li:not(:first-child){margin-top:8px}@media(min-width: 64em){.footer__bottom nav>ul>li>ul>li a{font-size:14px}}.footer__desc{margin-top:40px}@media(min-width: 64em){.footer__desc{margin-top:0}}.footer__desc h2 img{width:clamp(
    15.625rem,
    3.125vw + 14.6875rem,
    17.5rem
  );height:auto}.footer__desc dl{display:flex;gap:8px;font-size:clamp(
    0.75rem,
    0.2083333333vw + 0.6875rem,
    0.875rem
  )}.footer__desc dl:first-of-type{margin-top:clamp(
    1rem,
    0.8333333333vw + 0.75rem,
    1.5rem
  )}.footer__desc dt{flex-shrink:0;width:clamp(
    3.5rem,
    1.4583333333vw + 3.0625rem,
    4.375rem
  )}.ob{opacity:0;transition:opacity .5s ease-out}.ob.active{opacity:1}.ob.list>*{opacity:0;transition:opacity .5s ease-out}.ob.list>*:nth-child(1){transition-delay:calc(1 * 0.3s)}.ob.list>*:nth-child(2){transition-delay:calc(2 * 0.3s)}.ob.list>*:nth-child(3){transition-delay:calc(3 * 0.3s)}.ob.list>*:nth-child(4){transition-delay:calc(4 * 0.3s)}.ob.list>*:nth-child(5){transition-delay:calc(5 * 0.3s)}.ob.list>*:nth-child(6){transition-delay:calc(6 * 0.3s)}.ob.list>*:nth-child(7){transition-delay:calc(7 * 0.3s)}.ob.list>*:nth-child(8){transition-delay:calc(8 * 0.3s)}.ob.list>*:nth-child(9){transition-delay:calc(9 * 0.3s)}.ob.list>*:nth-child(10){transition-delay:calc(10 * 0.3s)}.ob.list.active>*{opacity:1}a{transition:opacity .3s ease-out}@media(hover: hover){a:where(:-webkit-any-link,:enabled,summary):hover{opacity:.7 !important}a:where(:-moz-any-link,:enabled,summary):hover{opacity:.7 !important}a:where(:any-link,:enabled,summary):hover{opacity:.7 !important}}
/*# sourceMappingURL=globals.min.css.map */