@charset "UTF-8";
:root{--spider--transition-duration:1s;--spider--arrow-button-size:44px;--spider--arrow-clickable-size:var(--spider--arrow-button-size);--spider--arrow-size:10px;--spider--arrow-color:#fff;--spider--dots-gap:10px;--spider--dot-size:10px;--spider--dot-clickable-size:44px;--spider--dot-color:#ccc;--spider--dot-current-color:#333}.spider{position:relative}.spider__reference{box-sizing:border-box!important}[style*="--spider-canvas-width:"] .spider__canvas{--spider--canvas-width:var(--spider-canvas-width)}[style*="--spider-reference-width:"] .spider__canvas{--spider--reference-width:var(--spider-reference-width)}.spider__canvas{overflow-scrolling:touch;box-sizing:content-box!important;display:flex;overflow:scroll hidden;-ms-overflow-style:none;scrollbar-width:none}.spider__canvas::-webkit-scrollbar{display:none}.spider__canvas.is-dragging a{pointer-events:none}.spider__slide{align-items:center;display:flex;flex:1 0 100%!important;justify-content:center;max-width:100%;opacity:0;position:relative;scroll-snap-align:start!important}.spider__slide[data-visible=true]{opacity:1}.spider__slide>*{min-width:0}.is-scrolling .spider__slide{opacity:1}.spider__figure{height:auto;max-height:none;max-width:100%;width:auto}.spider__arrows{display:flex;justify-content:space-between;pointer-events:none}.spider__arrows .spider__arrow{pointer-events:auto}.spider>.spider__arrows{left:0;position:absolute;right:0;top:calc(50% - var(--spider--arrow-clickable-size)/2);z-index:1}.spider__arrow{background-color:transparent;border:none;border-radius:0;cursor:pointer;font-size:0!important;height:var(--spider--arrow-clickable-size);line-height:0!important;outline:none;padding:0;position:relative;width:var(--spider--arrow-clickable-size)}.spider__arrow:focus-visible{outline:1px solid #5e9ed6}.spider__arrow:before{content:"";display:block;height:var(--spider--arrow-size);position:absolute;width:var(--spider--arrow-size)}.spider__arrow[data-direction=prev]{left:0}.spider__arrow[data-direction=prev]:before{border-bottom:1px solid var(--spider--arrow-color);border-left:1px solid var(--spider--arrow-color);left:calc(50% - var(--spider--arrow-size)/2);top:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider__arrow[data-direction=next]{right:0}.spider__arrow[data-direction=next]:before{border-right:1px solid var(--spider--arrow-color);border-top:1px solid var(--spider--arrow-color);bottom:calc(50% - var(--spider--arrow-size)/2);right:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider>.spider__arrow{position:absolute;top:calc(50% - var(--spider--arrow-button-size)/2);z-index:1}.spider__start,.spider__stop{background-color:transparent;border:none;border-radius:0;color:inherit;cursor:pointer;font-family:Arial,sans-serif;line-height:1;outline:none;padding:0;position:relative}.spider__start:focus-visible,.spider__stop:focus-visible{outline:1px solid #5e9ed6;outline-offset:2px}[data-interval].is-auto-playing .spider__start,[data-interval]:not(.is-auto-playing) .spider__stop{display:none}.spider__dots{align-items:center;display:flex;gap:var(--spider--dots-gap);justify-content:center}.spider+.spider__dots{margin-top:1.5em}.spider__dots>.spider__start>svg,.spider__dots>.spider__stop>svg{max-height:var(--spider--dot-size);max-width:var(--spider--dot-size)}.spider__dots[data-thumbnails=true] .spider__dot>.spider__figure{width:100%}.spider__dots:not([data-thumbnails=true]){--spider--dots-gap:calc(var(--spider--dot-clickable-size) - var(--spider--dot-size));min-height:var(--spider--dot-clickable-size)}.spider__dots:not([data-thumbnails=true]) .spider__dot{background-color:var(--spider--dot-color);border-radius:100%;font-size:0;height:var(--spider--dot-size);line-height:0;width:var(--spider--dot-size)}.spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true]{background-color:var(--spider--dot-current-color)}.spider__dots:not([data-thumbnails=true]) .spider__dot:before,.spider__dots:not([data-thumbnails=true]) .spider__start:before,.spider__dots:not([data-thumbnails=true]) .spider__stop:before{content:"";display:block;height:var(--spider--dot-clickable-size);inset:50%;position:absolute;transform:translate(-50%,-50%);width:var(--spider--dot-clickable-size)}.spider__dot{align-items:center;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:flex;justify-content:center;outline:none;padding:0;position:relative}.spider__dot:focus-visible{outline:1px solid #5e9ed6;outline-offset:2px}[data-fade=true]{--spider--transition-duration:.2s}[data-fade=true] .spider__canvas{overflow-x:hidden;position:relative!important}[data-fade=true] .spider__slide{max-width:100%!important;position:relative!important;transition-duration:var(--spider--transition-duration);transition-property:opacity,visibility;transition-timing-function:ease-in;width:100%!important}[data-fade=true] .spider__slide[data-active=true]{opacity:1;visibility:visible;z-index:1}.smb-highlighter{background:linear-gradient(#0000 60%,#fffd6bb3 0)}.smb-badge{--smb-badge--border-radius:var(--_global--border-radius);align-items:center;border-radius:var(--smb-badge--border-radius);color:var(--wp--preset--color--white);display:inline-flex;font-size:calc(1em - 2px);font-weight:700;padding:0 .5em;transform:translateY(-2px);vertical-align:middle;white-space:nowrap}.rich-text:focus .smb-badge[data-rich-text-format-boundary],.smb-badge,.smb-badge[data-rich-text-format-boundary]{background-color:var(--_color-text)}.c-row[data-columns="1"]{--_item-width:100%}.c-row[data-columns="2"]{--_item-width:50%}.c-row[data-columns="3"]{--_item-width:33.3333333333%}.c-row[data-columns="4"]{--_item-width:25%}.c-row[data-columns="5"]{--_item-width:20%}.c-row[data-columns="6"]{--_item-width:16.6666666667%}.c-container--no-padding{padding-left:0!important;padding-right:0!important}[data-content-position]{display:flex}[data-content-position]>*{flex:0 1 auto!important;margin-left:0;margin-right:0}[data-content-position=top-left]{align-items:flex-start!important;justify-content:flex-start!important}[data-content-position=top-center]{align-items:flex-start!important;justify-content:center!important}[data-content-position=top-right]{align-items:flex-start!important;justify-content:flex-end!important}[data-content-position=center-left]{align-items:center!important;justify-content:flex-start!important}[data-content-position=center-center]{align-items:center!important;justify-content:center!important}[data-content-position=center-right]{align-items:center!important;justify-content:flex-end!important}[data-content-position=bottom-left]{align-items:flex-end!important;justify-content:flex-start!important}[data-content-position=bottom-center]{align-items:flex-end!important;justify-content:center!important}[data-content-position=bottom-right]{align-items:flex-end!important;justify-content:flex-end!important}html :where(.editor-styles-wrapper){display:block}@media (min-width:640px){.c-row[data-md-columns="1"]{--_item-width:100%}.c-row[data-md-columns="2"]{--_item-width:50%}.c-row[data-md-columns="3"]{--_item-width:33.3333333333%}.c-row[data-md-columns="4"]{--_item-width:25%}.c-row[data-md-columns="5"]{--_item-width:20%}.c-row[data-md-columns="6"]{--_item-width:16.6666666667%}}@media (min-width:1024px){.c-row[data-lg-columns="1"]{--_item-width:100%}.c-row[data-lg-columns="2"]{--_item-width:50%}.c-row[data-lg-columns="3"]{--_item-width:33.3333333333%}.c-row[data-lg-columns="4"]{--_item-width:25%}.c-row[data-lg-columns="5"]{--_item-width:20%}.c-row[data-lg-columns="6"]{--_item-width:16.6666666667%}}@media (min-width:1280px){.c-row[data-xl-columns="1"]{--_item-width:100%}.c-row[data-xl-columns="2"]{--_item-width:50%}.c-row[data-xl-columns="3"]{--_item-width:33.3333333333%}.c-row[data-xl-columns="4"]{--_item-width:25%}.c-row[data-xl-columns="5"]{--_item-width:20%}.c-row[data-xl-columns="6"]{--_item-width:16.6666666667%}}:root{--_global--background-color:#0000;--_global--border-radius:3px;--_color-black:#111;--_color-gray:#999;--_dark-color-gray:#666;--_darker-color-gray:#444;--_darkest-color-gray:#3b3b3b;--_light-color-gray:#ccc;--_lighter-color-gray:#eee;--_lightest-color-gray:#f7f7f7;--_color-text:#333;--_dark-color-text:#000;--_darker-color-text:#000;--_darkest-color-text:#000;--_light-color-text:#666;--_lighter-color-text:#888;--_lightest-color-text:#919191;--_color-white:#fff;--_color-red:#e74c3c;--_global--container-margin:var(--_s1);--_global--container-max-width:1280px;--_list-item-indent:1.5em;--_form-control-border-color:var(--_light-color-gray);--_form-control-border-color-hover:var(--_color-gray);--_form-control-border-color-focus:#85b7d9;--_global--transition-duration:.2s;--_global--transition-function-timing:ease-out;--_global--transition-delay:0s;--_half-leading:0.3;--_global--line-height:calc(1 + var(--_half-leading)*2);--_base-font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--_global--font-family:var(--_base-font-family);--_base-font-size-px:16px;--_global--font-size-px:var(--_base-font-size-px);--_margin-scale:1;--_h1-margin-top:0;--_h1-margin-bottom:1;--_h2-margin-top:2;--_h2-margin-bottom:1;--_h3-margin-top:1.5;--_h3-margin-bottom:1;--_h4-margin-top:1.25;--_h4-margin-bottom:1;--_h5-margin-top:1;--_h5-margin-bottom:.5;--_h6-margin-top:1;--_h6-margin-bottom:.5;--_space-unitless:var(--_global--line-height);--_space:calc(var(--_global--line-height)*1rem);--_page-effect-z-index:1000000;--_harmonic-sequence-base:8;--_min-harmonic-sequence-base:9;--_max-harmonic-sequence-base:var(--_harmonic-sequence-base);--_line-height-slope:-0.16666;--_font-size-level:0;--_ms-2:calc(var(--_space-unitless)/3*1);--_ms-1:calc(var(--_space-unitless)/3*2);--_ms0:0rem;--_ms1:calc(var(--_space-unitless)/3*3);--_ms2:calc(var(--_space-unitless)/3*5);--_ms3:calc(var(--_space-unitless)/3*8);--_ms4:calc(var(--_space-unitless)/3*13);--_ms5:calc(var(--_space-unitless)/3*21);--_ms6:calc(var(--_space-unitless)/3*34);--_ms7:calc(var(--_space-unitless)/3*55);--_s-2:calc(var(--_ms-2)*1rem);--_s-1:calc(var(--_ms-1)*1rem);--_s0:0rem;--_s1:calc(var(--_ms1)*1rem);--_s2:clamp(calc(var(--_ms1) + var(--_ms2)*0.28125) * 1rem,calc(((var(--_ms2) - var(--_ms1) + var(--_ms2)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms2)*0.28125)*1rem + (var(--_ms2) - var(--_ms1) + var(--_ms2)*0.28125)/57.5*100vw),var(--_ms2) * 1rem);--_s3:clamp(calc(var(--_ms1) + var(--_ms3)*0.28125) * 1rem,calc(((var(--_ms3) - var(--_ms1) + var(--_ms3)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms3)*0.28125)*1rem + (var(--_ms3) - var(--_ms1) + var(--_ms3)*0.28125)/57.5*100vw),var(--_ms3) * 1rem);--_s4:clamp(calc(var(--_ms1) + var(--_ms4)*0.28125) * 1rem,calc(((var(--_ms4) - var(--_ms1) + var(--_ms4)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms4)*0.28125)*1rem + (var(--_ms4) - var(--_ms1) + var(--_ms4)*0.28125)/57.5*100vw),var(--_ms4) * 1rem);--_s5:clamp(calc(var(--_ms1) + var(--_ms5)*0.28125) * 1rem,calc(((var(--_ms5) - var(--_ms1) + var(--_ms5)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms5)*0.28125)*1rem + (var(--_ms5) - var(--_ms1) + var(--_ms5)*0.28125)/57.5*100vw),var(--_ms5) * 1rem);--_s6:clamp(calc(var(--_ms1) + var(--_ms6)*0.28125) * 1rem,calc(((var(--_ms6) - var(--_ms1) + var(--_ms6)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms6)*0.28125)*1rem + (var(--_ms6) - var(--_ms1) + var(--_ms6)*0.28125)/57.5*100vw),var(--_ms6) * 1rem);--_s7:clamp(calc(var(--_ms1) + var(--_ms7)*0.28125) * 1rem,calc(((var(--_ms7) - var(--_ms1) + var(--_ms7)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms7)*0.28125)*1rem + (var(--_ms7) - var(--_ms1) + var(--_ms7)*0.28125)/57.5*100vw),var(--_ms7) * 1rem);--_margin-2:calc(var(--_s-2)*var(--_margin-scale));--_margin-1:calc(var(--_s-1)*var(--_margin-scale));--_margin0:0rem;--_margin1:calc(var(--_s1)*var(--_margin-scale));--_margin2:calc(var(--_s2)*var(--_margin-scale));--_margin3:calc(var(--_s3)*var(--_margin-scale));--_margin4:calc(var(--_s4)*var(--_margin-scale));--_margin5:calc(var(--_s5)*var(--_margin-scale));--_margin6:calc(var(--_s6)*var(--_margin-scale));--_margin7:calc(var(--_s7)*var(--_margin-scale));--_padding-2:var(--_s-2);--_padding-1:var(--_s-1);--_padding0:0rem;--_padding1:var(--_s1);--_padding2:var(--_s2);--_padding3:var(--_s3);--_padding4:var(--_s4);--_padding5:var(--_s5);--_padding6:var(--_s6);--_padding7:var(--_s7)}*{--_font-size:calc(var(--_harmonic-sequence-base)/(var(--_harmonic-sequence-base) - var(--_font-size-level))*1rem);--_line-height:clamp(1.1,var(--_line-height-slope) * calc(var(--_harmonic-sequence-base)/(var(--_harmonic-sequence-base) - var(--_font-size-level))) + 1 + 2 * var(--_half-leading) + -1 * var(--_line-height-slope),2 * var(--_half-leading) + 1);--_fluid-font-size:clamp(1rem * calc(var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level))),calc((var(--_max-harmonic-sequence-base)/(var(--_max-harmonic-sequence-base) - var(--_font-size-level))/57.5*-22.5 - var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level))/57.5*-22.5 + var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level)))*1rem + (var(--_max-harmonic-sequence-base)/(var(--_max-harmonic-sequence-base) - var(--_font-size-level))/57.5 - var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level))/57.5)*100vw),1rem * calc(var(--_max-harmonic-sequence-base)/(var(--_max-harmonic-sequence-base) - var(--_font-size-level))));box-sizing:border-box}:after,:before{box-sizing:inherit}.c-alert{display:block}.c-top-balloon{background-color:var(--_color-white);border:1px solid #0000;border-color:var(--_light-color-gray);position:relative}.c-top-balloon:after,.c-top-balloon:before{content:"";display:block;margin-left:-5px}.c-top-balloon:before{border-bottom:10px solid #0000;border-bottom-color:var(--_light-color-gray);border-left:5px solid #0000;border-right:5px solid #0000;border-top:0 solid #0000;top:-10px}.c-top-balloon:after,.c-top-balloon:before{height:0;left:50%;position:absolute;width:0}.c-top-balloon:after{border-bottom:10px solid #0000;border-bottom-color:var(--_color-white);border-left:5px solid #0000;border-right:5px solid #0000;border-top:0 solid #0000;top:-8px}.c-right-balloon{background-color:var(--_color-white);border:1px solid #0000;border-color:var(--_light-color-gray);position:relative}.c-right-balloon:after,.c-right-balloon:before{content:"";display:block;margin-top:-5px}.c-right-balloon:before{border-bottom:5px solid #0000;border-left:10px solid #0000;border-left-color:var(--_light-color-gray);border-right:0 solid #0000;border-top:5px solid #0000;height:0;position:absolute;right:-10px;top:50%;width:0}.c-right-balloon:after{border-bottom:5px solid #0000;border-left:10px solid #0000;border-left-color:var(--_color-white);border-right:0 solid #0000;border-top:5px solid #0000;height:0;position:absolute;right:-8px;top:50%;width:0}.c-bottom-balloon{background-color:var(--_color-white);border:1px solid #0000;border-color:var(--_light-color-gray);position:relative}.c-bottom-balloon:after,.c-bottom-balloon:before{content:"";display:block;margin-left:-5px}.c-bottom-balloon:before{border-bottom:0 solid #0000;border-left:5px solid #0000;border-right:5px solid #0000;border-top:10px solid #0000;border-top-color:var(--_light-color-gray);bottom:-10px;height:0;left:50%;position:absolute;width:0}.c-bottom-balloon:after{border-bottom:0 solid #0000;border-left:5px solid #0000;border-right:5px solid #0000;border-top:10px solid #0000;border-top-color:var(--_color-white);bottom:-8px;height:0;left:50%;position:absolute;width:0}.c-left-balloon{background-color:var(--_color-white);border:1px solid #0000;border-color:var(--_light-color-gray);position:relative}.c-left-balloon:after,.c-left-balloon:before{content:"";display:block;margin-top:-5px}.c-left-balloon:before{border-bottom:5px solid #0000;border-left:0 solid #0000;border-right:10px solid #0000;border-right-color:var(--_light-color-gray);border-top:5px solid #0000;height:0;left:-10px;position:absolute;top:50%;width:0}.c-left-balloon:after{border-bottom:5px solid #0000;border-left:0 solid #0000;border-right:10px solid #0000;border-right-color:var(--_color-white);border-top:5px solid #0000;height:0;left:-8px;position:absolute;top:50%;width:0}.c-breadcrumbs{list-style:none;margin-left:0;padding-left:0}.c-breadcrumbs__item{display:inline}.c-breadcrumbs__item:nth-child(n+2):before{border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;content:"";display:inline-block;height:.4em;margin:.45em .45em .15em .15em;transform:rotate(45deg);width:.4em}.c-btn{cursor:pointer;display:inline-block;line-height:1;overflow:hidden;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap}.c-btn--block{display:block;width:100%}.c-btn--ghost{background-color:initial!important;border:1px #0000;border-color:var(--_color-white);color:var(--_color-white)}.c-checkbox{display:inline-flex;gap:var(--_s-2)}.c-checkbox__control{--_border-radius:var(--_global--border-radius);--_border-color:var(--_form-control-border-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);outline:0;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-checkbox__control:hover{--_border-color:var(--_form-control-border-color-hover)}.c-checkbox__control:active,.c-checkbox__control:focus,.c-checkbox__control:focus-within,.c-checkbox__control[aria-selected=true]{--_border-color:var(--_form-control-border-color-focus)}.c-checkbox__control>input,.c-checkbox__control>textarea{border:none;outline:none}.c-checkbox__control{appearance:none;background-color:var(--_color-white);border-radius:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,.035);cursor:pointer;display:inline-block;flex:0 0 auto;height:16px;margin:calc(var(--_half-leading)*1em) 0 0;position:relative;width:16px}.c-checkbox__control:before{border-color:var(--_color-white);border-style:solid;border-width:0 2px 2px 0;height:8px;left:calc(50% - 3px);margin:0!important;top:calc(50% - 5px);transform:rotate(45deg);visibility:hidden;width:6px}.c-checkbox__control:checked{background-color:#3a87fd;border-color:#3a87fd}.c-checkbox__control:checked:before{content:"";display:block;position:absolute;visibility:visible}.c-checkbox__control:disabled{background-color:var(--_lightest-color-gray)}.c-checkbox__control:disabled:before{border-color:var(--_dark-color-gray)}.c-fluid-container{--_container-margin:var(--_global--container-margin);--_container-margin-right:calc(var(--_container-margin) + env(safe-area-inset-right));--_container-margin-left:calc(var(--_container-margin) + env(safe-area-inset-left))}.c-container,.c-fluid-container{box-sizing:initial;flex-grow:1;max-width:100%;min-width:0;padding-left:var(--_container-margin-left);padding-right:var(--_container-margin-right);width:auto}.c-container{--_container-max-width:var(--_global--container-max-width);--_container-margin:var(--_global--container-margin);--_container-margin-right:calc(var(--_container-margin) + env(safe-area-inset-right));--_container-margin-left:calc(var(--_container-margin) + env(safe-area-inset-left));margin-left:auto;margin-right:auto;max-width:var(--_container-max-width)}.c-drawer{bottom:0;left:-100%;position:absolute;top:0;visibility:hidden;width:min(20rem,80%);z-index:10}.c-drawer[aria-hidden=false]{left:0;visibility:visible}.c-drawer--inverse{left:auto;right:-100%}.c-drawer--inverse[aria-hidden=false]{left:auto;right:0}.c-drawer__inner{height:100%;overflow-y:auto}.c-drawer__submenu{height:0;overflow:hidden;visibility:hidden}.c-drawer__submenu[aria-hidden=false]{height:auto;overflow:visible;visibility:visible}.c-drawer__item>a,.c-drawer__subitem>a{display:block;text-decoration:none}.c-drawer__toggle{appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;padding:0;vertical-align:middle}.c-drawer{backface-visibility:hidden;transition:left var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay),right var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay),visibility var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);transition-timing-function:ease-in}.c-drawer,.c-drawer[aria-hidden=false]{--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay)}.c-drawer[aria-hidden=false]{transition:left var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay),right var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);transition-timing-function:ease-out}.c-drawer__focus-point{height:0!important;opacity:0!important;width:0!important}.c-drawer__menu,.c-drawer__submenu{list-style:none;margin-left:0;padding-left:0}.c-drawer__menu>:not(:first-child),.c-drawer__submenu>:not(:first-child){margin-top:var(--_margin-1)}.c-drawer__item,.c-drawer__subitem{overflow:hidden;position:relative}.c-drawer__item--has-submenu,.c-drawer__subitem--has-submenu{display:flex;flex-wrap:wrap;justify-content:space-between}.c-drawer__item--has-submenu>*,.c-drawer__subitem--has-submenu>*{flex:1 1 auto}.c-drawer__item--has-submenu>a,.c-drawer__subitem--has-submenu>a{max-width:calc(100% - 42px);padding-right:var(--_padding-1)}.c-drawer__item--has-submenu>.c-drawer__toggle,.c-drawer__subitem--has-submenu>.c-drawer__toggle{flex:0 0 auto;overflow:hidden;width:42px}.c-drawer__item--has-submenu>.c-drawer__submenu,.c-drawer__subitem--has-submenu>.c-drawer__submenu{flex:1 1 100%}.c-drawer__submenu{margin-left:var(--_margin-1);margin-top:var(--_margin-1)}.c-drawer__submenu[aria-hidden=true]{display:none;visibility:hidden}.c-drawer__toggle{align-items:center;display:flex;justify-content:center}.c-drawer__toggle>.c-ic-angle-right{transform:translateY(0)}.c-drawer--fixed{position:fixed}[data-basis-drawer-toggle-btn] *{pointer-events:none}.c-dropdown{bottom:100%;left:0;position:absolute;right:0;top:0;visibility:hidden;z-index:10}.c-dropdown[aria-hidden=false]{bottom:0;visibility:visible}.c-dropdown__inner{height:100%;overflow-y:auto}.c-dropdown__submenu{height:0;overflow:hidden;visibility:hidden}.c-dropdown__submenu[aria-hidden=false]{height:auto;overflow:visible;visibility:visible}.c-dropdown__item>a,.c-dropdown__subitem>a{display:block;text-decoration:none}.c-dropdown__toggle{appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;padding:0;vertical-align:middle}.c-dropdown{transition:bottom var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay),visibility var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);transition-timing-function:ease-in}.c-dropdown,.c-dropdown[aria-hidden=false]{--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay)}.c-dropdown[aria-hidden=false]{transition:bottom var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);transition-timing-function:ease-out}.c-dropdown__menu,.c-dropdown__submenu{list-style:none;margin-left:0;padding-left:0}.c-dropdown__menu>:not(:first-child),.c-dropdown__submenu>:not(:first-child){margin-top:var(--_margin-1)}.c-dropdown__item,.c-dropdown__subitem{overflow:hidden;position:relative}.c-dropdown__item--has-submenu,.c-dropdown__subitem--has-submenu{display:flex;flex-wrap:wrap;justify-content:space-between}.c-dropdown__item--has-submenu>*,.c-dropdown__subitem--has-submenu>*{flex:1 1 auto}.c-dropdown__item--has-submenu>a,.c-dropdown__subitem--has-submenu>a{max-width:calc(100% - 42px);padding-right:var(--_padding-1)}.c-dropdown__item--has-submenu>.c-dropdown__toggle,.c-dropdown__subitem--has-submenu>.c-dropdown__toggle{flex:0 0 auto;overflow:hidden;width:42px}.c-dropdown__item--has-submenu>.c-dropdown__submenu,.c-dropdown__subitem--has-submenu>.c-dropdown__submenu{flex:1 1 100%}.c-dropdown__submenu{margin-left:var(--_margin-1);margin-top:var(--_margin-1)}.c-dropdown__submenu[aria-hidden=true]{display:none;visibility:hidden}.c-dropdown__toggle{align-items:center;display:flex;justify-content:center}.c-dropdown__toggle>.c-ic-angle-right{transform:translateY(0)}.c-dropdown--fixed{position:fixed}.c-drawer-close-zone{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:2}.c-drawer-close-zone[aria-hidden=true]{display:none}.c-drawer-close-zone--fixed{position:fixed}.c-entries{list-style:none;margin-left:0;padding-left:0}.c-entry__title{margin-top:0}.c-form-control{background-color:var(--_color-white);box-shadow:inset 0 1px 1px rgba(0,0,0,.035);max-width:100%;padding:.75rem 1rem;--_border-radius:var(--_global--border-radius);--_border-color:var(--_form-control-border-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);outline:0;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-form-control:hover{--_border-color:var(--_form-control-border-color-hover)}.c-form-control:active,.c-form-control:focus,.c-form-control:focus-within,.c-form-control[aria-selected=true]{--_border-color:var(--_form-control-border-color-focus)}.c-form-control>input,.c-form-control>textarea{border:none;outline:none}.c-form-control:disabled{background-color:var(--_lightest-color-gray)}textarea.c-form-control{height:auto;width:100%}.c-form-control--has-icon{align-items:center;display:flex;flex-direction:row}.c-form-control--has-icon>*{flex:1 1 0%}.c-form-control--has-icon>.c-form-control__icon{flex:0 0 0%;margin-right:.5em}.c-form-control[disabled]{cursor:not-allowed}.c-form-control[disabled],.c-form-control[readonly]{background-color:var(--_lighter-color-gray)}.c-form-control>input[type=email],.c-form-control>input[type=number],.c-form-control>input[type=password],.c-form-control>input[type=search],.c-form-control>input[type=tel],.c-form-control>input[type=text],.c-form-control>input[type=url]{width:100%}.c-hamburger-btn{background-color:initial;border:none;color:inherit;cursor:pointer;display:inline-block;padding:0;text-align:center;vertical-align:middle}.c-hamburger-btn__bars{box-sizing:initial;display:inline-block;height:16px;position:relative;width:22px}.c-hamburger-btn__bar{display:block;height:2px;left:0;position:absolute;right:0;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);background-color:currentColor;transition:transform var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-hamburger-btn__bar:first-of-type{top:0}.c-hamburger-btn__bar:nth-of-type(2){top:7px}.c-hamburger-btn__bar:nth-of-type(3){top:14px}.c-hamburger-btn__label{display:block;font-family:Arial Narrow,Verdana,sans-serif;font-size:8px;line-height:1}.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:first-of-type,.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:nth-of-type(3){top:7px}.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:first-of-type{transform:rotate(45deg)}.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:nth-of-type(2){background-color:initial}.c-hamburger-btn[aria-expanded=true]>.c-hamburger-btn__bars>.c-hamburger-btn__bar:nth-of-type(3){transform:rotate(-45deg)}.c-hero{display:flex;flex-direction:row;flex-wrap:wrap;position:relative}.c-hero__header{align-self:flex-start}.c-hero__content,.c-hero__header{flex:none;position:relative;width:100%}.c-hero__content{align-self:center}.c-hero__footer{align-self:flex-end;flex:none;position:relative;width:100%}.c-hero--full{height:100vh}.c-hero--cover{background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.c-hero--overlay{position:relative}.c-hero--overlay:before{background-color:#000000b3;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.c-ic-angle-right{display:inline-block;padding:0 .25em;transform:translateY(-.15em)}.c-ic-angle-right:before{border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;content:"";display:block;height:.4em;transform:rotate(45deg);width:.4em}.c-ic-check{display:inline-block;padding:0 .25em;transform:translateY(-.2em)}.c-ic-check:before{border-color:currentcolor;border-style:solid;border-width:0 1px 1px 0;content:"";display:block;height:.4em;transform:rotate(45deg);width:.25em}.c-ic-angle-down{display:inline-block;padding:0 .25em;transform:translateY(-.2em)}.c-ic-angle-down:before{border-color:currentcolor;border-style:solid;border-width:0 1px 1px 0;content:"";display:block;height:.4em;transform:rotate(45deg);width:.4em}.c-input-group{--_border-radius:var(--_global--border-radius);border-radius:var(--_border-radius);display:flex;flex-wrap:nowrap}.c-input-group>:first-child{border-radius:var(--_border-radius) 0 0 var(--_border-radius);border-right:none;position:relative}.c-input-group>:nth-last-child(2){position:relative;z-index:1}.c-input-group>:last-child{border-radius:0 var(--_border-radius) var(--_border-radius) 0;left:-1px;position:relative;z-index:0}.c-input-group>:last-child:active,.c-input-group>:last-child:focus,.c-input-group>:last-child:hover{z-index:1}.c-input-group__addon{background-color:var(--_color-white);border:1px solid var(--_form-control-border-color);flex:none;padding:.75rem 1rem}.c-input-group__field{display:flex;flex:1}.c-input-group__field>input{appearance:none;background-color:var(--_color-white);box-shadow:inset 0 1px 1px rgba(0,0,0,.035);flex:1 1 0%;max-width:100%;padding:.75rem 1rem;width:100%;--_border-radius:var(--_global--border-radius);--_border-color:var(--_form-control-border-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);outline:0;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-input-group__field>input:hover{--_border-color:var(--_form-control-border-color-hover)}.c-input-group__field>input:active,.c-input-group__field>input:focus,.c-input-group__field>input:focus-within,.c-input-group__field>input[aria-selected=true]{--_border-color:var(--_form-control-border-color-focus)}.c-input-group__field>input>input,.c-input-group__field>input>textarea{border:none;outline:none}.c-input-group__field>input:disabled{background-color:var(--_lightest-color-gray)}textarea.c-input-group__field>input{height:auto;width:100%}.c-input-group__field:first-child:not(:last-child)>input{border-bottom-right-radius:0;border-top-right-radius:0}.c-input-group__field:last-child:not(:first-child)>input{border-bottom-left-radius:0;border-top-left-radius:0}.c-input-group__field:not(:first-child):not(:last-child)>input{border-radius:0}.c-input-group__btn{background-color:var(--_color-white);color:currentColor;cursor:pointer;display:inline-block;flex:none;line-height:1;overflow:hidden;overflow:visible;padding:.75rem 1rem;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;--_border-radius:var(--_global--border-radius);--_border-color:var(--_form-control-border-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);outline:0;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-input-group__btn:hover{--_border-color:var(--_form-control-border-color-hover)}.c-input-group__btn:active,.c-input-group__btn:focus,.c-input-group__btn:focus-within,.c-input-group__btn[aria-selected=true]{--_border-color:var(--_form-control-border-color-focus)}.c-input-group__btn>input,.c-input-group__btn>textarea{border:none;outline:none}.c-media{display:flex}.c-media__figure{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;flex:none}.c-media__figure>*{margin-top:calc(var(--_half-leading)*1rem);vertical-align:top}.c-media__body{flex:1}.c-media--middle{align-items:center}.c-media--reverse .c-media__figure{order:1}.c-meta{list-style:none;margin-left:0;padding-left:0}.c-meta__item{display:inline}.c-navbar{display:flex;flex-direction:row;flex-wrap:nowrap;list-style:none;margin-left:0;padding-left:0}.c-navbar__item{display:flex;flex:1 1 auto;position:relative}.c-navbar__item>a{align-items:center;display:flex;flex:1 1 auto;justify-content:center;text-align:center;text-decoration:none}.c-navbar__item>.c-navbar__submenu{left:auto;position:absolute;right:auto;top:100%}.c-navbar__item>.c-navbar__submenu--turn-left .c-navbar__submenu{left:auto;right:100%}.c-navbar__subitem{position:relative}.c-navbar__subitem>a{display:block;text-decoration:none}.c-navbar__subitem>.c-navbar__submenu{left:100%;position:absolute;right:auto;top:0}.c-navbar__submenu{list-style:none;margin-left:0;min-width:240px;opacity:0;padding-left:0;visibility:hidden;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:opacity var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-navbar__submenu[aria-hidden=false]{opacity:1;visibility:visible}.c-navbar__toggle{appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;padding:0;vertical-align:middle}.c-navbar--center{justify-content:center}.c-navbar--center .c-navbar__item,.c-navbar--left .c-navbar__item{flex:0 1 auto}.c-navbar--right{justify-content:flex-end}.c-navbar--right .c-navbar__item{flex:0 1 auto}.c-navbar--right .c-navbar__item>.c-navbar__submenu{left:auto;position:absolute;right:0;top:100%}.c-navbar--right .c-navbar__subitem>.c-navbar__submenu{left:auto;position:absolute;right:100%;top:0}.c-navbar[data-popup-mode=click] .c-navbar__item,.c-navbar[data-popup-mode=click] .c-navbar__subitem{position:relative}.c-navbar[data-popup-mode=click] .c-navbar__item[aria-haspopup=true],.c-navbar[data-popup-mode=click] .c-navbar__subitem[aria-haspopup=true]{display:flex;justify-content:space-between}.c-navbar[data-popup-mode=click] .c-navbar__item[aria-haspopup=true]>*,.c-navbar[data-popup-mode=click] .c-navbar__subitem[aria-haspopup=true]>*{flex:1 1 auto}.c-navbar[data-popup-mode=click] .c-navbar__item[aria-haspopup=true]>a,.c-navbar[data-popup-mode=click] .c-navbar__subitem[aria-haspopup=true]>a{max-width:calc(100% - 42px);padding-right:var(--_padding-1)}.c-navbar[data-popup-mode=click] .c-navbar__item[aria-haspopup=true]>.c-navbar__toggle,.c-navbar[data-popup-mode=click] .c-navbar__subitem[aria-haspopup=true]>.c-navbar__toggle{flex:0 0 auto;overflow:hidden;width:42px}.c-navbar[data-popup-mode=click] .c-navbar__item[aria-haspopup=true]>.c-navbar__submenu,.c-navbar[data-popup-mode=click] .c-navbar__subitem[aria-haspopup=true]>.c-navbar__submenu{flex:1 1 100%}.c-navbar__toggle{align-items:center;display:flex;justify-content:center}.c-navbar__toggle>.c-ic-angle-right{transform:translateY(0)}.c-page-effect{align-items:center;background-color:var(--_color-white);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--_page-effect-z-index)}.c-page-effect[data-page-effect=fadein][aria-hidden=true]{animation:_page_effect_fadein_0_2s__var____color_white_ .4s ease-in 0s;opacity:0;z-index:-1}.c-page-effect[data-page-effect=fadeout][aria-hidden=false]{animation:_page_effect_fadeout_0_2s__var____color_white_ .2s ease-in 0s;opacity:1;z-index:var(--_page-effect-z-index)}@keyframes _page_effect_fadein_0_2s__var____color_white_{0%{opacity:1;z-index:var(--_page-effect-z-index)}to{opacity:0}}@keyframes _page_effect_fadeout_0_2s__var____color_white_{0%{opacity:0;z-index:var(--_page-effect-z-index)}to{opacity:1}}.c-page-effect__item{flex:0 1 auto}.c-page-header__title{margin:0;max-width:100%}.c-pagination__item,.c-pagination__item-ellipsis,.c-pagination__item-link{display:inline-block;line-height:1;text-decoration:none}.c-radio{display:inline-flex;gap:var(--_s-2)}.c-radio__control{--_border-radius:var(--_global--border-radius);--_border-color:var(--_form-control-border-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);outline:0;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-radio__control:hover{--_border-color:var(--_form-control-border-color-hover)}.c-radio__control:active,.c-radio__control:focus,.c-radio__control:focus-within,.c-radio__control[aria-selected=true]{--_border-color:var(--_form-control-border-color-focus)}.c-radio__control>input,.c-radio__control>textarea{border:none;outline:none}.c-radio__control{appearance:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.035);cursor:pointer;display:inline-block;flex:0 0 auto;height:16px;margin:calc(var(--_half-leading)*1em) 0 0;position:relative;width:16px}.c-radio__control,.c-radio__control:before{background-color:var(--_color-white);border-radius:100%}.c-radio__control:before{height:6px;left:calc(50% - 3px);margin:0!important;overflow:hidden;top:calc(50% - 3px);visibility:hidden;width:6px}.c-radio__control:checked{background-color:#3a87fd;border-color:#3a87fd}.c-radio__control:checked:before{content:"";display:block;position:absolute;visibility:visible}.c-radio__control:disabled{background-color:var(--_lightest-color-gray)}.c-radio__control:disabled:before{background-color:var(--_dark-color-gray)}.c-responsive-container-16-9,.c-responsive-container-4-3{height:0;position:relative}.c-responsive-container-16-9 embed,.c-responsive-container-16-9 iframe,.c-responsive-container-16-9 object,.c-responsive-container-4-3 embed,.c-responsive-container-4-3 iframe,.c-responsive-container-4-3 object{height:100%;left:0;position:absolute;top:0;width:100%}.c-responsive-container-16-9{padding-bottom:56.25%}.c-responsive-container-4-3{padding-bottom:75%}.c-row{--_gap:0px;--_item-width:100%;display:flex;flex-wrap:wrap;margin-bottom:calc(var(--_gap)*-1);margin-left:calc(var(--_gap)*.5*-1);margin-right:calc(var(--_gap)*.5*-1)}.c-row>.c-row__col{margin-bottom:var(--_gap);padding-left:calc(var(--_gap)*.5);padding-right:calc(var(--_gap)*.5)}.c-row__col{flex:0 0 var(--_item-width);max-width:var(--_item-width)}.c-row--reverse{flex-direction:row-reverse}.c-row--nowrap{flex-wrap:nowrap}.c-row--left{justify-content:flex-start}.c-row--right{justify-content:flex-end}.c-row--center{justify-content:center}.c-row--between{justify-content:space-between}.c-row--around{justify-content:space-around}.c-row--top{align-items:flex-start}.c-row--bottom{align-items:flex-end}.c-row--middle{align-items:center}.c-row--baseline{align-items:baseline}.c-row--collapse{--_gap:0px}.c-row--margin{--_gap:var(--_margin1)}.c-row--margin-s{--_gap:var(--_margin-1)}.c-row--margin-l{--_gap:var(--_margin2)}.c-row--fill>.c-row__col{display:flex;flex-direction:column}.c-row__col--1-2,.c-row__col--2-4,.c-row__col--3-6,.c-row__col--4-8,.c-row__col--5-10,.c-row__col--6-12{--_item-width:50%}.c-row__col--1-3,.c-row__col--2-6,.c-row__col--3-9,.c-row__col--4-12{--_item-width:33.3333333333%}.c-row__col--2-3,.c-row__col--4-6,.c-row__col--6-9,.c-row__col--8-12{--_item-width:66.6666666667%}.c-row__col--1-4,.c-row__col--2-8,.c-row__col--3-12{--_item-width:25%}.c-row__col--3-4,.c-row__col--6-8,.c-row__col--9-12{--_item-width:75%}.c-row__col--1-5,.c-row__col--2-10{--_item-width:20%}.c-row__col--2-5,.c-row__col--4-10{--_item-width:40%}.c-row__col--3-5,.c-row__col--6-10{--_item-width:60%}.c-row__col--4-5,.c-row__col--8-10{--_item-width:80%}.c-row__col--1-6,.c-row__col--2-12{--_item-width:16.6666666667%}.c-row__col--10-12,.c-row__col--5-6{--_item-width:83.3333333333%}.c-row__col--1-7{--_item-width:14.2857142857%}.c-row__col--2-7{--_item-width:28.5714285714%}.c-row__col--3-7{--_item-width:42.8571428571%}.c-row__col--4-7{--_item-width:57.1428571429%}.c-row__col--5-7{--_item-width:71.4285714286%}.c-row__col--6-7{--_item-width:85.7142857143%}.c-row__col--1-8{--_item-width:12.5%}.c-row__col--3-8{--_item-width:37.5%}.c-row__col--5-8{--_item-width:62.5%}.c-row__col--7-8{--_item-width:87.5%}.c-row__col--1-9{--_item-width:11.1111111111%}.c-row__col--2-9{--_item-width:22.2222222222%}.c-row__col--4-9{--_item-width:44.4444444444%}.c-row__col--5-9{--_item-width:55.5555555556%}.c-row__col--7-9{--_item-width:77.7777777778%}.c-row__col--8-9{--_item-width:88.8888888889%}.c-row__col--1-10{--_item-width:10%}.c-row__col--3-10{--_item-width:30%}.c-row__col--7-10{--_item-width:70%}.c-row__col--9-10{--_item-width:90%}.c-row__col--1-11{--_item-width:9.0909090909%}.c-row__col--2-11{--_item-width:18.1818181818%}.c-row__col--3-11{--_item-width:27.2727272727%}.c-row__col--4-11{--_item-width:36.3636363636%}.c-row__col--5-11{--_item-width:45.4545454545%}.c-row__col--6-11{--_item-width:54.5454545455%}.c-row__col--7-11{--_item-width:63.6363636364%}.c-row__col--8-11{--_item-width:72.7272727273%}.c-row__col--9-11{--_item-width:81.8181818182%}.c-row__col--10-11{--_item-width:90.9090909091%}.c-row__col--1-12{--_item-width:8.3333333333%}.c-row__col--5-12{--_item-width:41.6666666667%}.c-row__col--7-12{--_item-width:58.3333333333%}.c-row__col--11-12{--_item-width:91.6666666667%}.c-row__col--1-1,.c-row__col--10-10,.c-row__col--11-11,.c-row__col--12-12,.c-row__col--2-2,.c-row__col--3-3,.c-row__col--4-4,.c-row__col--5-5,.c-row__col--6-6,.c-row__col--7-7,.c-row__col--8-8,.c-row__col--9-9{--_item-width:100%}.c-row__col--auto{flex:auto;--_item-width:auto}.c-row__col--justify{flex:1}.c-row__col--fit{flex:0 1 auto}.c-section__title{margin-top:0}.c-select{display:inline-block;position:relative}.c-select__toggle{display:none}.c-select__control{appearance:none;background-color:initial;cursor:pointer;display:inline-block;max-width:100%;padding:.75rem 1rem;padding-right:var(--_s1);position:relative;z-index:1;--_border-radius:var(--_global--border-radius);--_border-color:var(--_form-control-border-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);outline:0;--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:border var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.c-select__control:hover{--_border-color:var(--_form-control-border-color-hover)}.c-select__control:active,.c-select__control:focus,.c-select__control:focus-within,.c-select__control[aria-selected=true]{--_border-color:var(--_form-control-border-color-focus)}.c-select__control>input,.c-select__control>textarea{border:none;outline:none}.c-select__control:focus+.smf-select-control__toggle:before{border-color:#3a87fd}.c-select__control:disabled+.smf-select-control__toggle{background-color:var(--_lightest-color-gray)}.c-select__toggle{background-color:var(--_color-white);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:0}.c-select__toggle:before{border-color:currentcolor;border-style:solid;border-width:0 1px 1px 0;content:"";display:block;height:6px;position:absolute;right:calc(var(--_s-1) - 6px);top:calc(50% - 4px);transform:rotate(45deg);width:6px}.c-select--block{display:block}.c-select--block>.c-select__control{width:100%}.c-site-branding__title{margin:0;--_font-size-level:3;font-size:var(--_fluid-font-size);line-height:var(--_line-height)}.c-circle-spinner{animation:_circle_spinner_20px__var____light_color_gray___var____color_gray___3px__0s__2s 2s linear 0s infinite;border:3px solid #0000;border-color:var(--_light-color-gray);border-radius:100%;border-top-color:var(--_color-gray);display:inline-block;height:20px;overflow:hidden;width:20px}@keyframes _circle_spinner_20px__var____light_color_gray___var____color_gray___3px__0s__2s{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.c-dots-spinner{display:inline-block;font-size:0}.c-dots-spinner__dot{animation:_dots_spinner_10px__var____color_gray___0s__2s__1_3 2s ease-in 0s infinite;background-color:var(--_color-gray);border-radius:100%;display:inline-block;height:10px;overflow:hidden;width:10px}.c-dots-spinner__dot:nth-child(2){animation-delay:.1s}.c-dots-spinner__dot:nth-child(3){animation-delay:.2s}@keyframes _dots_spinner_10px__var____color_gray___0s__2s__1_3{0%{transform:scale(1)}10%{transform:scale(1.3)}20%{transform:scale(1)}to{transform:scale(1)}}.c-dots-spinner__dot{margin:0 4px}.c-pulse-spinner{display:inline-flex;justify-content:space-between}.c-pulse-spinner__bar{animation:_pulse_spinner_16px__5px__var____color_gray___0s__2s__1_4 2s ease-in 0s infinite;background-color:var(--_color-gray);display:block;height:16px;width:5px}.c-pulse-spinner__bar:nth-child(2){animation-delay:.1s}.c-pulse-spinner__bar:nth-child(3){animation-delay:.2s}@keyframes _pulse_spinner_16px__5px__var____color_gray___0s__2s__1_4{0%{transform:scaleY(1)}10%{transform:scaleY(1.4)}20%{transform:scaleY(1)}to{transform:scaleY(1)}}.c-pulse-spinner__bar{margin:0 3px}.u-shake-vertical:focus-visible{animation:_bounce_vertical_4px .5s;position:relative}@keyframes _bounce_vertical_4px{0%{top:-4px}25%{top:4px}50%{top:-2px}75%{top:2px}to{top:0}}.u-vibrate-vertical:focus-visible{animation:_bounce_vertical_2px .2s;position:relative}@keyframes _bounce_vertical_2px{0%{top:-2px}25%{top:2px}50%{top:-1px}75%{top:1px}to{top:0}}.u-shake-horizontal:focus-visible{animation:_bounce_horizontal_4px .5s;position:relative}@keyframes _bounce_horizontal_4px{0%{left:-4px}25%{left:4px}50%{left:-2px}75%{left:2px}to{left:0}}.u-vibrate-horizontal:focus-visible{animation:_bounce_horizontal_2px .2s;position:relative}@keyframes _bounce_horizontal_2px{0%{left:-2px}25%{left:2px}50%{left:-1px}75%{left:1px}to{left:0}}.u-shake-scale:focus-visible{animation:_bounce_scale_120 .5s ease-out}@keyframes _bounce_scale_120{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}.u-vibrate-scale:focus-visible{animation:_bounce_scale_110 .2s ease-out}@keyframes _bounce_scale_110{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}.u-extend-underline{position:relative}.u-extend-underline:after{--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);background-color:currentColor;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--_transition-duration) var(--_transition-function-timing);width:0}.u-extend-underline:focus-visible:after{width:100%}.u-clearfix:after,.u-clearfix:before{content:" ";display:table}.u-clearfix:after{clear:both}.u-content{--_margin-top:1;--_margin-bottom:0}.u-content>*{margin-bottom:0;margin-top:0}.u-content>:where(:not(:first-child)){margin-top:calc(var(--_margin1)*var(--_margin-top))}.u-content>:where(:not(:last-child)){margin-bottom:calc(var(--_margin1)*var(--_margin-bottom))}.u-content>h1{--_margin-top:var(--_h1-margin-top);--_margin-bottom:var(--_h1-margin-bottom)}.u-content>h1+*{--_margin-top:0}.u-content>h2{--_margin-top:var(--_h2-margin-top);--_margin-bottom:var(--_h2-margin-bottom)}.u-content>h2+*{--_margin-top:0}.u-content>h3{--_margin-top:var(--_h3-margin-top);--_margin-bottom:var(--_h3-margin-bottom)}.u-content>h3+*{--_margin-top:0}.u-content>h4{--_margin-top:var(--_h4-margin-top);--_margin-bottom:var(--_h4-margin-bottom)}.u-content>h4+*{--_margin-top:0}.u-content>h5{--_margin-top:var(--_h5-margin-top);--_margin-bottom:var(--_h5-margin-bottom)}.u-content>h5+*{--_margin-top:0}.u-content>h6{--_margin-top:var(--_h6-margin-top);--_margin-bottom:var(--_h6-margin-bottom)}.u-content>h6+*{--_margin-top:0}.u-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;overflow:hidden;visibility:hidden!important}.u-img-2x{zoom:.5!important}.u-noscroll{overflow:hidden;touch-action:pinch-zoom}.u-pull-right{float:right!important}.u-pull-left{float:left!important}.u-text-center{text-align:center!important}.u-text-right{text-align:right!important}.u-text-left{text-align:left!important}.u-transition{--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:all var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.u-visible{position:static!important;clip:auto!important;overflow:visible;visibility:visible!important}.u-invisible{display:none!important}html :where(.editor-styles-wrapper){display:block}@media (min-width:640px){.c-row--md-nowrap{flex-wrap:nowrap}.c-row--md-left{justify-content:flex-start}.c-row--md-right{justify-content:flex-end}.c-row--md-center{justify-content:center}.c-row--md-between{justify-content:space-between}.c-row--md-around{justify-content:space-around}.c-row--md-top{align-items:flex-start}.c-row--md-bottom{align-items:flex-end}.c-row--md-middle{align-items:center}.c-row--md-baseline{align-items:baseline}.c-row--md-collapse{--_gap:0px}.c-row--md-margin{--_gap:var(--_margin1)}.c-row--md-margin-s{--_gap:var(--_margin-1)}.c-row--md-margin-l{--_gap:var(--_margin2)}.c-row--md-fill>.c-row__col{display:flex;flex-direction:column}.c-row__col--md-1-2,.c-row__col--md-2-4,.c-row__col--md-3-6,.c-row__col--md-4-8,.c-row__col--md-5-10,.c-row__col--md-6-12{--_item-width:50%}.c-row__col--md-1-3,.c-row__col--md-2-6,.c-row__col--md-3-9,.c-row__col--md-4-12{--_item-width:33.3333333333%}.c-row__col--md-2-3,.c-row__col--md-4-6,.c-row__col--md-6-9,.c-row__col--md-8-12{--_item-width:66.6666666667%}.c-row__col--md-1-4,.c-row__col--md-2-8,.c-row__col--md-3-12{--_item-width:25%}.c-row__col--md-3-4,.c-row__col--md-6-8,.c-row__col--md-9-12{--_item-width:75%}.c-row__col--md-1-5,.c-row__col--md-2-10{--_item-width:20%}.c-row__col--md-2-5,.c-row__col--md-4-10{--_item-width:40%}.c-row__col--md-3-5,.c-row__col--md-6-10{--_item-width:60%}.c-row__col--md-4-5,.c-row__col--md-8-10{--_item-width:80%}.c-row__col--md-1-6,.c-row__col--md-2-12{--_item-width:16.6666666667%}.c-row__col--md-10-12,.c-row__col--md-5-6{--_item-width:83.3333333333%}.c-row__col--md-1-7{--_item-width:14.2857142857%}.c-row__col--md-2-7{--_item-width:28.5714285714%}.c-row__col--md-3-7{--_item-width:42.8571428571%}.c-row__col--md-4-7{--_item-width:57.1428571429%}.c-row__col--md-5-7{--_item-width:71.4285714286%}.c-row__col--md-6-7{--_item-width:85.7142857143%}.c-row__col--md-1-8{--_item-width:12.5%}.c-row__col--md-3-8{--_item-width:37.5%}.c-row__col--md-5-8{--_item-width:62.5%}.c-row__col--md-7-8{--_item-width:87.5%}.c-row__col--md-1-9{--_item-width:11.1111111111%}.c-row__col--md-2-9{--_item-width:22.2222222222%}.c-row__col--md-4-9{--_item-width:44.4444444444%}.c-row__col--md-5-9{--_item-width:55.5555555556%}.c-row__col--md-7-9{--_item-width:77.7777777778%}.c-row__col--md-8-9{--_item-width:88.8888888889%}.c-row__col--md-1-10{--_item-width:10%}.c-row__col--md-3-10{--_item-width:30%}.c-row__col--md-7-10{--_item-width:70%}.c-row__col--md-9-10{--_item-width:90%}.c-row__col--md-1-11{--_item-width:9.0909090909%}.c-row__col--md-2-11{--_item-width:18.1818181818%}.c-row__col--md-3-11{--_item-width:27.2727272727%}.c-row__col--md-4-11{--_item-width:36.3636363636%}.c-row__col--md-5-11{--_item-width:45.4545454545%}.c-row__col--md-6-11{--_item-width:54.5454545455%}.c-row__col--md-7-11{--_item-width:63.6363636364%}.c-row__col--md-8-11{--_item-width:72.7272727273%}.c-row__col--md-9-11{--_item-width:81.8181818182%}.c-row__col--md-10-11{--_item-width:90.9090909091%}.c-row__col--md-1-12{--_item-width:8.3333333333%}.c-row__col--md-5-12{--_item-width:41.6666666667%}.c-row__col--md-7-12{--_item-width:58.3333333333%}.c-row__col--md-11-12{--_item-width:91.6666666667%}.c-row__col--md-1-1,.c-row__col--md-10-10,.c-row__col--md-11-11,.c-row__col--md-12-12,.c-row__col--md-2-2,.c-row__col--md-3-3,.c-row__col--md-4-4,.c-row__col--md-5-5,.c-row__col--md-6-6,.c-row__col--md-7-7,.c-row__col--md-8-8,.c-row__col--md-9-9{--_item-width:100%}.c-row__col--md-auto{flex:auto;--_item-width:auto}.c-row__col--md-justify{flex:1}.c-row__col--md-fit{flex:0 1 auto}.u-hidden-md-up{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;overflow:hidden;visibility:hidden!important}.u-visible-md-up{position:static!important;clip:auto!important;overflow:visible;visibility:visible!important}.u-invisible-md-up{display:none!important}}@media (min-width:640px) and (max-width:1023.9px){.u-hidden-md{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;overflow:hidden;visibility:hidden!important}.u-visible-md{position:static!important;clip:auto!important;overflow:visible;visibility:visible!important}.u-invisible-md{display:none!important}}@media (min-width:1024px){.c-hero--fixed{background-attachment:fixed}.c-row--lg-nowrap{flex-wrap:nowrap}.c-row--lg-left{justify-content:flex-start}.c-row--lg-right{justify-content:flex-end}.c-row--lg-center{justify-content:center}.c-row--lg-between{justify-content:space-between}.c-row--lg-around{justify-content:space-around}.c-row--lg-top{align-items:flex-start}.c-row--lg-bottom{align-items:flex-end}.c-row--lg-middle{align-items:center}.c-row--lg-baseline{align-items:baseline}.c-row--lg-collapse{--_gap:0px}.c-row--lg-margin{--_gap:var(--_margin1)}.c-row--lg-margin-s{--_gap:var(--_margin-1)}.c-row--lg-margin-l{--_gap:var(--_margin2)}.c-row--lg-fill>.c-row__col{display:flex;flex-direction:column}.c-row__col--lg-1-2,.c-row__col--lg-2-4,.c-row__col--lg-3-6,.c-row__col--lg-4-8,.c-row__col--lg-5-10,.c-row__col--lg-6-12{--_item-width:50%}.c-row__col--lg-1-3,.c-row__col--lg-2-6,.c-row__col--lg-3-9,.c-row__col--lg-4-12{--_item-width:33.3333333333%}.c-row__col--lg-2-3,.c-row__col--lg-4-6,.c-row__col--lg-6-9,.c-row__col--lg-8-12{--_item-width:66.6666666667%}.c-row__col--lg-1-4,.c-row__col--lg-2-8,.c-row__col--lg-3-12{--_item-width:25%}.c-row__col--lg-3-4,.c-row__col--lg-6-8,.c-row__col--lg-9-12{--_item-width:75%}.c-row__col--lg-1-5,.c-row__col--lg-2-10{--_item-width:20%}.c-row__col--lg-2-5,.c-row__col--lg-4-10{--_item-width:40%}.c-row__col--lg-3-5,.c-row__col--lg-6-10{--_item-width:60%}.c-row__col--lg-4-5,.c-row__col--lg-8-10{--_item-width:80%}.c-row__col--lg-1-6,.c-row__col--lg-2-12{--_item-width:16.6666666667%}.c-row__col--lg-10-12,.c-row__col--lg-5-6{--_item-width:83.3333333333%}.c-row__col--lg-1-7{--_item-width:14.2857142857%}.c-row__col--lg-2-7{--_item-width:28.5714285714%}.c-row__col--lg-3-7{--_item-width:42.8571428571%}.c-row__col--lg-4-7{--_item-width:57.1428571429%}.c-row__col--lg-5-7{--_item-width:71.4285714286%}.c-row__col--lg-6-7{--_item-width:85.7142857143%}.c-row__col--lg-1-8{--_item-width:12.5%}.c-row__col--lg-3-8{--_item-width:37.5%}.c-row__col--lg-5-8{--_item-width:62.5%}.c-row__col--lg-7-8{--_item-width:87.5%}.c-row__col--lg-1-9{--_item-width:11.1111111111%}.c-row__col--lg-2-9{--_item-width:22.2222222222%}.c-row__col--lg-4-9{--_item-width:44.4444444444%}.c-row__col--lg-5-9{--_item-width:55.5555555556%}.c-row__col--lg-7-9{--_item-width:77.7777777778%}.c-row__col--lg-8-9{--_item-width:88.8888888889%}.c-row__col--lg-1-10{--_item-width:10%}.c-row__col--lg-3-10{--_item-width:30%}.c-row__col--lg-7-10{--_item-width:70%}.c-row__col--lg-9-10{--_item-width:90%}.c-row__col--lg-1-11{--_item-width:9.0909090909%}.c-row__col--lg-2-11{--_item-width:18.1818181818%}.c-row__col--lg-3-11{--_item-width:27.2727272727%}.c-row__col--lg-4-11{--_item-width:36.3636363636%}.c-row__col--lg-5-11{--_item-width:45.4545454545%}.c-row__col--lg-6-11{--_item-width:54.5454545455%}.c-row__col--lg-7-11{--_item-width:63.6363636364%}.c-row__col--lg-8-11{--_item-width:72.7272727273%}.c-row__col--lg-9-11{--_item-width:81.8181818182%}.c-row__col--lg-10-11{--_item-width:90.9090909091%}.c-row__col--lg-1-12{--_item-width:8.3333333333%}.c-row__col--lg-5-12{--_item-width:41.6666666667%}.c-row__col--lg-7-12{--_item-width:58.3333333333%}.c-row__col--lg-11-12{--_item-width:91.6666666667%}.c-row__col--lg-1-1,.c-row__col--lg-10-10,.c-row__col--lg-11-11,.c-row__col--lg-12-12,.c-row__col--lg-2-2,.c-row__col--lg-3-3,.c-row__col--lg-4-4,.c-row__col--lg-5-5,.c-row__col--lg-6-6,.c-row__col--lg-7-7,.c-row__col--lg-8-8,.c-row__col--lg-9-9{--_item-width:100%}.c-row__col--lg-auto{flex:auto;--_item-width:auto}.c-row__col--lg-justify{flex:1}.c-row__col--lg-fit{flex:0 1 auto}.u-hidden-lg-up{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;overflow:hidden;visibility:hidden!important}.u-visible-lg-up{position:static!important;clip:auto!important;overflow:visible;visibility:visible!important}.u-invisible-lg-up{display:none!important}}@media (min-width:1024px) and (max-width:1279.9px){.u-hidden-lg{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;overflow:hidden;visibility:hidden!important}.u-visible-lg{position:static!important;clip:auto!important;overflow:visible;visibility:visible!important}.u-invisible-lg{display:none!important}}@media (min-width:1280px){.c-row--xl-nowrap{flex-wrap:nowrap}.c-row--xl-left{justify-content:flex-start}.c-row--xl-right{justify-content:flex-end}.c-row--xl-center{justify-content:center}.c-row--xl-between{justify-content:space-between}.c-row--xl-around{justify-content:space-around}.c-row--xl-top{align-items:flex-start}.c-row--xl-bottom{align-items:flex-end}.c-row--xl-middle{align-items:center}.c-row--xl-baseline{align-items:baseline}.c-row--xl-collapse{--_gap:0px}.c-row--xl-margin{--_gap:var(--_margin1)}.c-row--xl-margin-s{--_gap:var(--_margin-1)}.c-row--xl-margin-l{--_gap:var(--_margin2)}.c-row--xl-fill>.c-row__col{display:flex;flex-direction:column}.c-row__col--xl-1-2,.c-row__col--xl-2-4,.c-row__col--xl-3-6,.c-row__col--xl-4-8,.c-row__col--xl-5-10,.c-row__col--xl-6-12{--_item-width:50%}.c-row__col--xl-1-3,.c-row__col--xl-2-6,.c-row__col--xl-3-9,.c-row__col--xl-4-12{--_item-width:33.3333333333%}.c-row__col--xl-2-3,.c-row__col--xl-4-6,.c-row__col--xl-6-9,.c-row__col--xl-8-12{--_item-width:66.6666666667%}.c-row__col--xl-1-4,.c-row__col--xl-2-8,.c-row__col--xl-3-12{--_item-width:25%}.c-row__col--xl-3-4,.c-row__col--xl-6-8,.c-row__col--xl-9-12{--_item-width:75%}.c-row__col--xl-1-5,.c-row__col--xl-2-10{--_item-width:20%}.c-row__col--xl-2-5,.c-row__col--xl-4-10{--_item-width:40%}.c-row__col--xl-3-5,.c-row__col--xl-6-10{--_item-width:60%}.c-row__col--xl-4-5,.c-row__col--xl-8-10{--_item-width:80%}.c-row__col--xl-1-6,.c-row__col--xl-2-12{--_item-width:16.6666666667%}.c-row__col--xl-10-12,.c-row__col--xl-5-6{--_item-width:83.3333333333%}.c-row__col--xl-1-7{--_item-width:14.2857142857%}.c-row__col--xl-2-7{--_item-width:28.5714285714%}.c-row__col--xl-3-7{--_item-width:42.8571428571%}.c-row__col--xl-4-7{--_item-width:57.1428571429%}.c-row__col--xl-5-7{--_item-width:71.4285714286%}.c-row__col--xl-6-7{--_item-width:85.7142857143%}.c-row__col--xl-1-8{--_item-width:12.5%}.c-row__col--xl-3-8{--_item-width:37.5%}.c-row__col--xl-5-8{--_item-width:62.5%}.c-row__col--xl-7-8{--_item-width:87.5%}.c-row__col--xl-1-9{--_item-width:11.1111111111%}.c-row__col--xl-2-9{--_item-width:22.2222222222%}.c-row__col--xl-4-9{--_item-width:44.4444444444%}.c-row__col--xl-5-9{--_item-width:55.5555555556%}.c-row__col--xl-7-9{--_item-width:77.7777777778%}.c-row__col--xl-8-9{--_item-width:88.8888888889%}.c-row__col--xl-1-10{--_item-width:10%}.c-row__col--xl-3-10{--_item-width:30%}.c-row__col--xl-7-10{--_item-width:70%}.c-row__col--xl-9-10{--_item-width:90%}.c-row__col--xl-1-11{--_item-width:9.0909090909%}.c-row__col--xl-2-11{--_item-width:18.1818181818%}.c-row__col--xl-3-11{--_item-width:27.2727272727%}.c-row__col--xl-4-11{--_item-width:36.3636363636%}.c-row__col--xl-5-11{--_item-width:45.4545454545%}.c-row__col--xl-6-11{--_item-width:54.5454545455%}.c-row__col--xl-7-11{--_item-width:63.6363636364%}.c-row__col--xl-8-11{--_item-width:72.7272727273%}.c-row__col--xl-9-11{--_item-width:81.8181818182%}.c-row__col--xl-10-11{--_item-width:90.9090909091%}.c-row__col--xl-1-12{--_item-width:8.3333333333%}.c-row__col--xl-5-12{--_item-width:41.6666666667%}.c-row__col--xl-7-12{--_item-width:58.3333333333%}.c-row__col--xl-11-12{--_item-width:91.6666666667%}.c-row__col--xl-1-1,.c-row__col--xl-10-10,.c-row__col--xl-11-11,.c-row__col--xl-12-12,.c-row__col--xl-2-2,.c-row__col--xl-3-3,.c-row__col--xl-4-4,.c-row__col--xl-5-5,.c-row__col--xl-6-6,.c-row__col--xl-7-7,.c-row__col--xl-8-8,.c-row__col--xl-9-9{--_item-width:100%}.c-row__col--xl-auto{flex:auto;--_item-width:auto}.c-row__col--xl-justify{flex:1}.c-row__col--xl-fit{flex:0 1 auto}.u-hidden-xl{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;overflow:hidden;visibility:hidden!important}.u-visible-xl{position:static!important;clip:auto!important;overflow:visible;visibility:visible!important}.u-invisible-xl{display:none!important}}@media not all and (min-width:640px){.c-responsive-table{overflow:auto;white-space:nowrap}.c-responsive-table::-webkit-scrollbar{height:5px}.c-responsive-table::-webkit-scrollbar-track{background:#f1f1f1}.c-responsive-table::-webkit-scrollbar-thumb{background:#bcbcbc}.c-responsive-table>table{width:100%}.u-hidden-sm{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;overflow:hidden;visibility:hidden!important}.u-visible-sm{position:static!important;clip:auto!important;overflow:visible;visibility:visible!important}.u-invisible-sm{display:none!important}}@media (any-hover:hover){.u-shake-vertical:hover{animation:_bounce_vertical_4px .5s;position:relative}@keyframes _bounce_vertical_4px{0%{top:-4px}25%{top:4px}50%{top:-2px}75%{top:2px}to{top:0}}.u-vibrate-vertical:hover{animation:_bounce_vertical_2px .2s;position:relative}@keyframes _bounce_vertical_2px{0%{top:-2px}25%{top:2px}50%{top:-1px}75%{top:1px}to{top:0}}.u-shake-horizontal:hover{animation:_bounce_horizontal_4px .5s;position:relative}@keyframes _bounce_horizontal_4px{0%{left:-4px}25%{left:4px}50%{left:-2px}75%{left:2px}to{left:0}}.u-vibrate-horizontal:hover{animation:_bounce_horizontal_2px .2s;position:relative}@keyframes _bounce_horizontal_2px{0%{left:-2px}25%{left:2px}50%{left:-1px}75%{left:1px}to{left:0}}.u-shake-scale:hover{animation:_bounce_scale_120 .5s ease-out}@keyframes _bounce_scale_120{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}.u-vibrate-scale:hover{animation:_bounce_scale_110 .2s ease-out}@keyframes _bounce_scale_110{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}.u-extend-underline:hover:after{width:100%}}@media not all and (min-width:1024px){.u-invisible-md-down{display:none!important}}@media not all and (min-width:1280px){.u-invisible-lg-down{display:none!important}}.smb-child-pages,.smb-contents-outline,.smb-like-me-box,.smb-pickup-slider,.smb-recent-posts,.smb-rss,.smb-taxonomy-posts,.smb-taxonomy-terms{display:none!important}.smb-spider-slider{--smb-spider-slider--gap:0px;--smb-spider-slider--slide-max-width:100%}.smb-spider-slider__item{flex:1 1 100%;max-width:100%}.smb-spider-slider .spider__slide>.smb-spider-slider__item{bottom:0;left:0;padding:var(--_padding-2) var(--_padding-1);position:absolute;right:0}.smb-spider-slider__item__caption{--_font-size-level:-1;font-size:var(--_font-size);line-height:var(--_line-height)}.smb-spider-slider__figure-wrapper{flex:1 0 100%!important;flex-wrap:wrap;overflow:hidden;position:relative}.smb-spider-slider>.spider>.spider__canvas{gap:var(--smb-spider-slider--gap)}.smb-spider-slider>.spider>.spider__canvas>.spider__slide{flex:1 0 100%!important;flex-wrap:wrap;max-width:var(--smb-spider-slider--slide-max-width);position:relative}.smb-spider-slider>.spider__dots{margin:var(--_margin-1) 0 0}.smb-spider-slider>.spider__dots .spider__dot{margin:0}.smb-spider-slider>.spider__dots[data-thumbnails=true]{--smb-spider-slider--dots-gap:var(--_margin-1);--spider--dots-gap:var(--smb-spider-slider--dots-gap);flex-wrap:wrap;justify-content:flex-start}.smb-spider-slider>.spider__dots[data-thumbnails=true] .spider__dot{flex:0 0 auto;width:calc(25% - var(--smb-spider-slider--dots-gap)*3/4)}.smb-spider-slider .spider__figure{display:block;max-width:none;width:100%}.smb-spider-slider--16to9 .spider__slide .spider__figure,.smb-spider-slider--16x9 .smb-spider-slider__figure-wrapper .spider__figure,.smb-spider-slider--4to3 .spider__slide .spider__figure,.smb-spider-slider--4x3 .smb-spider-slider__figure-wrapper .spider__figure{height:100%;inset:0;object-fit:cover;object-position:50% 50%;position:absolute;width:100%}.smb-spider-slider--16to9 .spider__slide:before,.smb-spider-slider--16x9 .smb-spider-slider__figure-wrapper:before{content:"";display:block;padding:56.25% 0 0}.smb-spider-slider--4to3 .spider__slide:before,.smb-spider-slider--4x3 .smb-spider-slider__figure-wrapper:before{content:"";display:block;padding:75% 0 0}.smb-spider-slider--gutter-s{--smb-spider-slider--gap:var(--_margin-1)}.smb-spider-slider--gutter-m{--smb-spider-slider--gap:var(--_margin1)}.smb-spider-slider--gutter-l{--smb-spider-slider--gap:var(--_margin2)}.smb-spider-slider--shifted.alignfull>.spider>.spider__canvas:after,.smb-spider-slider--shifted.alignfull>.spider>.spider__canvas:before,.smb-spider-slider--shifted.alignwide>.spider>.spider__canvas:after,.smb-spider-slider--shifted.alignwide>.spider>.spider__canvas:before{content:"";display:block;flex:0 0 auto;width:calc((var(--spider--canvas-width) - var(--spider--reference-width))/2 - var(--smb-spider-slider--gap))}.smb-spider-slider--shifted.alignfull>.spider>.spider__arrows,.smb-spider-slider--shifted.alignwide>.spider>.spider__arrows{left:calc(50% - var(--spider--reference-width)/2);max-width:var(--spider--reference-width)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-]{--smb-spider-slider--slide-max-width:var(--spider--reference-width)}@media(min-width:640px)and (max-width:1023.9px){.smb-spider-slider[data-md-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(50% - var(--smb-spider-slider--gap)*1/2)}.smb-spider-slider[data-md-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(33.33333% - var(--smb-spider-slider--gap)*2/3)}.smb-spider-slider[data-md-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(25% - var(--smb-spider-slider--gap)*3/4)}.smb-spider-slider[data-md-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(20% - var(--smb-spider-slider--gap)*4/5)}.smb-spider-slider[data-md-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(16.66667% - var(--smb-spider-slider--gap)*5/6)}.smb-spider-slider--shifted.alignfull[data-md-slide-to-show="2"],.smb-spider-slider--shifted.alignwide[data-md-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/2)}.smb-spider-slider--shifted.alignfull[data-md-slide-to-show="3"],.smb-spider-slider--shifted.alignwide[data-md-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/3)}.smb-spider-slider--shifted.alignfull[data-md-slide-to-show="4"],.smb-spider-slider--shifted.alignwide[data-md-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/4)}.smb-spider-slider--shifted.alignfull[data-md-slide-to-show="5"],.smb-spider-slider--shifted.alignwide[data-md-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/5)}.smb-spider-slider--shifted.alignfull[data-md-slide-to-show="6"],.smb-spider-slider--shifted.alignwide[data-md-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/6)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-md-slide-to-show="2"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-md-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/2 - var(--smb-spider-slider--gap)*1/2)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-md-slide-to-show="3"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-md-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/3 - var(--smb-spider-slider--gap)*2/3)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-md-slide-to-show="4"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-md-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/4 - var(--smb-spider-slider--gap)*3/4)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-md-slide-to-show="5"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-md-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/5 - var(--smb-spider-slider--gap)*4/5)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-md-slide-to-show="6"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-md-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/6 - var(--smb-spider-slider--gap)*5/6)}}@media(min-width:1024px){.smb-spider-slider[data-lg-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(50% - var(--smb-spider-slider--gap)*1/2)}.smb-spider-slider[data-lg-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(33.33333% - var(--smb-spider-slider--gap)*2/3)}.smb-spider-slider[data-lg-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(25% - var(--smb-spider-slider--gap)*3/4)}.smb-spider-slider[data-lg-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(20% - var(--smb-spider-slider--gap)*4/5)}.smb-spider-slider[data-lg-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(16.66667% - var(--smb-spider-slider--gap)*5/6)}.smb-spider-slider--shifted.alignfull[data-lg-slide-to-show="2"],.smb-spider-slider--shifted.alignwide[data-lg-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/2)}.smb-spider-slider--shifted.alignfull[data-lg-slide-to-show="3"],.smb-spider-slider--shifted.alignwide[data-lg-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/3)}.smb-spider-slider--shifted.alignfull[data-lg-slide-to-show="4"],.smb-spider-slider--shifted.alignwide[data-lg-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/4)}.smb-spider-slider--shifted.alignfull[data-lg-slide-to-show="5"],.smb-spider-slider--shifted.alignwide[data-lg-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/5)}.smb-spider-slider--shifted.alignfull[data-lg-slide-to-show="6"],.smb-spider-slider--shifted.alignwide[data-lg-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/6)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="2"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/2 - var(--smb-spider-slider--gap)*1/2)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="3"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/3 - var(--smb-spider-slider--gap)*2/3)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="4"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/4 - var(--smb-spider-slider--gap)*3/4)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="5"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/5 - var(--smb-spider-slider--gap)*4/5)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="6"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-lg-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/6 - var(--smb-spider-slider--gap)*5/6)}}@media not all and (min-width:640px){.smb-spider-slider[data-sm-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(50% - var(--smb-spider-slider--gap)*1/2)}.smb-spider-slider[data-sm-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(33.33333% - var(--smb-spider-slider--gap)*2/3)}.smb-spider-slider[data-sm-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(25% - var(--smb-spider-slider--gap)*3/4)}.smb-spider-slider[data-sm-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(20% - var(--smb-spider-slider--gap)*4/5)}.smb-spider-slider[data-sm-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(16.66667% - var(--smb-spider-slider--gap)*5/6)}.smb-spider-slider--shifted.alignfull[data-sm-slide-to-show="2"],.smb-spider-slider--shifted.alignwide[data-sm-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/2)}.smb-spider-slider--shifted.alignfull[data-sm-slide-to-show="3"],.smb-spider-slider--shifted.alignwide[data-sm-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/3)}.smb-spider-slider--shifted.alignfull[data-sm-slide-to-show="4"],.smb-spider-slider--shifted.alignwide[data-sm-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/4)}.smb-spider-slider--shifted.alignfull[data-sm-slide-to-show="5"],.smb-spider-slider--shifted.alignwide[data-sm-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/5)}.smb-spider-slider--shifted.alignfull[data-sm-slide-to-show="6"],.smb-spider-slider--shifted.alignwide[data-sm-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/6)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="2"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="2"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/2 - var(--smb-spider-slider--gap)*1/2)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="3"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="3"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/3 - var(--smb-spider-slider--gap)*2/3)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="4"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="4"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/4 - var(--smb-spider-slider--gap)*3/4)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="5"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="5"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/5 - var(--smb-spider-slider--gap)*4/5)}.smb-spider-slider--shifted.alignfull[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="6"],.smb-spider-slider--shifted.alignwide[class*=smb-spider-slider--gutter-][data-sm-slide-to-show="6"]{--smb-spider-slider--slide-max-width:calc(var(--spider--reference-width)/6 - var(--smb-spider-slider--gap)*5/6)}}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
 @keyframes slideIn {
from {
transform: translateY(6px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
} *,
::after,
::before {
box-sizing: border-box;
}
html {
line-sizing: normal;
background-color: #fff;
}
body {
margin: 0;
}
[hidden] {
display: none;
}
pre {
white-space: pre-wrap;
}
hr {
border-style: solid;
border-width: 1px 0 0;
color: inherit;
height: 0;
overflow: visible;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle;
max-width: 100%;
}
audio:not([controls]) {
display: none;
}
picture {
display: contents;
}
source {
display: none;
}
canvas,
img,
svg,
video {
height: auto;
}
audio {
width: 100%;
}
img {
border-style: none;
}
svg {
overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: normal;
}
dl, dt, dd, figure {
padding: 0;
margin: 0;
}
input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
a {
text-decoration: none;
}
.ol-wrapper a:not([class]) {
display: inline-block;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 0.5px;
transition: opacity 0.24s ease-Out;
will-change: opacity;
}
ul,
ol {
list-style-type: none;
padding: 0;
margin: 0;
}
p {
line-height: 2.55;
letter-spacing: 0.12rem;
margin-top: clamp(15px, 1.5vw, 24px);
margin-bottom: clamp(15px, 1.5vw, 24px);
}
@media (max-width: 540px) {
p {
line-height: 2.1;
}
}
img {
width: 100%;
}
time {
font-feature-settings: "palt";
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.12rem;
}
html {
scroll-behavior: smooth;
}
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-size: clamp(15px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
section {
scroll-margin-top: 60px;
}
@media (max-width: 540px) {
.ol-pc {
display: none !important;
}
}
@media (min-width: 541px) {
.ol-sp {
display: none !important;
}
}
@media (min-width: 541px) {
.ol-br-sp br {
display: none !important;
}
}
.ol-help {
color: #db4d4d;
text-align: center;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-radius-regular {
border-radius: 4px;
}
.ol-separator {
display: block;
}
.ol-separator::before {
content: "";
display: block;
width: 0.5px;
height: 12px;
}
.ol-separator-horizon {
display: block;
width: 100%;
}
.ol-separator-horizon::before {
display: block;
content: "";
width: 100%;
height: 1px;
}
.ol-time {
position: relative;
}
.ol-time::after {
content: "";
display: inline-block;
position: absolute;
width: 1px;
height: clamp(11px, 1.1vw, 13px);
right: -16px;
top: 50%;
transform: translateY(-50%);
}
.ol-max-frame {
max-width: 1680px;
margin-left: auto;
margin-right: auto;
padding: 0 clamp(24px, 4.5vw, 60px);
}
@media (max-width: 540px) {
.ol-max-frame {
padding: 0 21px;
}
}
.ol-content-frame {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding: 0 clamp(24px, 4.5vw, 60px);
box-sizing: content-box;
}
@media (max-width: 540px) {
.ol-content-frame {
padding: 0 21px;
}
}
.ol-fullwidth {
position: relative;
width: 100%;
padding: 0.01% 0;
}
.ol-fullwidth::before {
content: "";
position: absolute;
pointer-events: none;
z-index: 0;
width: 100vw;
height: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.ol-section {
margin-top: clamp(90px, 21vw, 180px);
margin-bottom: clamp(90px, 21vw, 180px);
}
.ol-section-small {
margin-top: clamp(60px, 6vw, 90px);
margin-bottom: clamp(60px, 6vw, 90px);
}
.ol-column-content-wrapper {
display: flex;
column-gap: clamp(90px, 9vw, 120px);
}
.ol-column-content-wrapper .ol-section {
margin-top: 0;
}
.ol-column-content-wrapper div[id]:last-child .ol-section {
margin-bottom: 0;
}
.ol-column-content {
width: 70%;
}
@media (max-width: 840px) {
.ol-column-content {
width: 100%;
}
}
.ol-column-content-side {
position: sticky;
height: 100%;
right: 0;
flex-shrink: 0;
width: clamp(330px, 27%, 450px);
top: clamp(42px, 4.5vw, 60px);
}
@media (max-width: 840px) {
.ol-column-content-side {
display: none;
}
}
.ol-column-content-side .ol-hours__component {
width: 100%;
row-gap: 0;
}
.ol-column-content-side .ol-hours__body {
border-radius: 0;
border-left: none;
border-right: none;
padding-right: 3px;
padding-left: 3px;
}
.ol-column-content-side .ol-hours__row {
column-gap: clamp(12px, 1.8vw, 18px);
}
.ol-column-content-side .ol-hours__col-title {
flex-basis: clamp(90px, 8.5vw, 105px);
}
@media (max-width: 540px) {
.ol-column-content-side .ol-hours__col-title {
letter-spacing: 0.03rem;
}
}
.ol-column-content-side .ol-hours__col-title,
.ol-column-content-side .ol-hours__col-day-title {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
}
@media (max-width: 1179px) {
.ol-column-content-side .ol-hours__desc1,
.ol-column-content-side .ol-hours__desc2,
.ol-column-content-side .ol-hours__general-desc {
font-size: clamp(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.03rem;
}
}
@media (max-width: 1179px) {
.ol-column-content-side .ol-hours__desc1-icon,
.ol-column-content-side .ol-hours__desc2-icon {
padding-top: 1px;
}
.ol-column-content-side .ol-hours__desc1-icon .oltana-icon-circle-outline,
.ol-column-content-side .ol-hours__desc1-icon .oltana-icon-circle-solid,
.ol-column-content-side .ol-hours__desc2-icon .oltana-icon-circle-outline,
.ol-column-content-side .ol-hours__desc2-icon .oltana-icon-circle-solid {
font-size: 9px;
}
.ol-column-content-side .ol-hours__desc1-icon .oltana-icon-circle-outline::before,
.ol-column-content-side .ol-hours__desc2-icon .oltana-icon-circle-outline::before {
font-size: 1.15em;
}
}
.ol-column-content-side .ol-hours__contact {
flex-wrap: wrap;
justify-content: center;
border: none;
padding: 0;
padding-top: clamp(15px, 1.5vw, 24px);
}
.ol-column-content-side .ol-hours__contact-phone {
flex-basis: 100%;
margin-bottom: clamp(15px, 1.5vw, 24px);
}
.ol-column-content-side .ol-hours__mail-button {
flex-basis: 100%;
}
.ol-heading {
font-size: clamp(24px, 3vw, 33px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.36rem;
margin-bottom: clamp(60px, 6vw, 90px);
margin-left: -2px;
}
@media (max-width: 540px) {
.ol-heading {
letter-spacing: 0.18rem;
}
}
.ol-heading-sub {
margin-bottom: 9px;
letter-spacing: 0.18rem;
}
@media (max-width: 540px) {
.ol-heading-sub {
font-weight: 300;
}
}
.ol-heading-small {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.18rem;
margin-bottom: clamp(24px, 2.4vw, 42px);
margin-left: -3px;
}
.ol-heading-desc {
margin-top: -30px;
line-height: 1.65;
margin-bottom: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 540px) {
.ol-heading-desc {
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.8;
letter-spacing: 0.06rem;
}
}
.ol-heading-desc-small {
margin-top: -15px;
margin-bottom: clamp(42px, 2.4vw, 42px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-heading-desc-small {
font-size: 12px;
line-height: 1.8;
}
}
.ol-heading-subtitle {
font-size: clamp(48px, 3.3vw, 48px);
font-weight: 100;
line-height: 1.65;
letter-spacing: 0.24rem;
font-feature-settings: "palt";
padding-right: clamp(15px, 1.5vw, 24px);
}
@media (max-width: 540px) {
.ol-heading-subtitle {
font-weight: 100;
letter-spacing: 0.18rem;
}
}
.ol-list-subtitle {
display: inline-block;
font-size: clamp(11px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
margin-bottom: 3px;
}
@media (max-width: 540px) {
.ol-list-subtitle {
font-weight: 300;
}
}
.ol-list-title {
display: inline-block;
font-size: clamp(16px, 1.8vw, 19px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-list-title-small {
font-size: clamp(16px, 1.5vw, 16px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-list-title-small {
font-weight: 400;
}
}
.ol-text {
line-height: 2.1;
}
@media (max-width: 540px) {
.ol-text {
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 200;
line-height: 2.1;
letter-spacing: 0.06rem;
}
}
.ol-text-s {
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 200;
line-height: 2.1;
letter-spacing: 0.12rem;
}
.ol-btn-regular {
position: relative;
padding: clamp(12px, 1.5vw, 15px) clamp(18px, 2.4vw, 24px) clamp(12px, 1.5vw, 15px) clamp(12px, 1.8vw, 18px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 4px;
text-decoration: none !important;
}
.ol-btn-regular::after {
position: absolute;
top: 51%;
transform: translateY(-50%);
right: clamp(9px, 1.5vw, 15px);
font-family: "oltana-icons";
line-height: 1;
content: "\e95d";
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-btn-medium,
.ol-btn-medium-2 {
position: relative;
padding: clamp(15px, 1.8vw, 18px) clamp(27px, 4.5vw, 39px);
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 4px;
text-decoration: none !important;
}
.ol-btn-large,
.ol-btn-large-2 {
position: relative;
width: 60%;
padding: clamp(21px, 2.4vw, 24px) clamp(45px, 5.4vw, 54px);
font-size: clamp(15px, 1.5vw, 16px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 4px;
text-decoration: none !important;
}
@media (max-width: 540px) {
.ol-btn-large,
.ol-btn-large-2 {
width: 87%;
}
}
.ol-btn-medium-2,
.ol-btn-large-2 {
border-style: solid;
border-width: 1px;
}
.ol-btn-text {
display: flex;
align-items: center;
text-decoration: none !important;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
line-height: 0;
}
.ol-btn-text::after {
font-family: "oltana-icons";
line-height: 1;
content: "\e95d";
padding-left: clamp(9px, 1vw, 12px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-btn-admin {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
width: 100%;
padding: 18px;
text-align: center;
margin: 24px 0;
display: block;
background: repeating-linear-gradient(-45deg, #e9e9e9, #e9e9e9 1px, #fff 0, #fff 6px);
text-decoration: none !important;
}
.ol-btn-admin .ol-btn-admin-text {
display: block;
text-decoration: underline;
text-underline-offset: 5px;
padding: 0 12px;
padding-bottom: 21px;
background-color: #fff;
color: #666666;
}
.ol-btn-admin .ol-btn-admin-help {
font-size: clamp(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.03rem;
display: block;
color: #b7b7b7;
text-decoration: none !important;
padding: 12px;
background-color: #fff;
}
.ol-contact-mail .ol-btn-regular,
.ol-contact-mail .ol-btn-medium {
display: flex;
align-items: center;
justify-content: center;
}
.ol-contact-mail .ol-btn-regular {
column-gap: clamp(4px, 1vw, 6px);
}
.ol-contact-mail .ol-btn-medium {
column-gap: clamp(5px, 1vw, 8px);
}
.ol-btn-custom {
display: flex;
justify-content: center;
}
.ol-btn-custom .ol-btn-medium {
display: inline-block;
text-decoration: none !important;
padding-left: clamp(36px, 5.4vw, 54px);
padding-right: clamp(36px, 5.4vw, 54px);
margin-top: clamp(42px, 4.5vw, 60px);
margin-bottom: clamp(42px, 4.5vw, 60px);
}
.ol-btn-custom .ol-btn-medium::after {
display: none;
}
.ol-contact-mail .ol-btn-regular::after,
.ol-contact-mail .ol-btn-medium::after {
display: none;
}
.ol-contact-mail .ol-btn-regular.ol-contactdetail-pc-icon-before span:first-child,
.ol-contact-mail .ol-btn-medium.ol-contactdetail-pc-icon-before span:first-child {
font-size: 1.35em;
line-height: 0;
}
.ol-contact-mail .ol-btn-regular {
padding: clamp(12px, 1.5vw, 15px) clamp(15px, 2.1vw, 24px);
font-size: clamp(12px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-contact-mail .ol-btn-medium {
padding: clamp(15px, 1.8vw, 18px) clamp(42px, 6vw, 60px);
}
.ol-category-list {
display: flex;
align-items: center;
column-gap: clamp(12px, 1.8vw, 18px);
row-gap: clamp(9px, 1.5vw, 15px);
flex-wrap: wrap;
flex-direction: row !important;
}
@media (max-width: 840px) {
.ol-category-list {
overflow-x: scroll;
overflow-y: hidden;
flex-wrap: nowrap;
padding: 12px 0;
}
}
.ol-category__item {
flex-shrink: 0;
}
.ol-category__item-anchor {
border-radius: 60px;
padding: 6px clamp(15px, 2vw, 21px);
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-card-list {
display: flex;
flex-wrap: wrap;
column-gap: clamp(24px, 2.4vw, 42px);
row-gap: clamp(60px, 4.5vw, 60px);
}
.ol-card-item {
display: flex;
width: calc((100% - clamp(24px, 2.4vw, 42px) * 2) / 3);
}
@media (max-width: 840px) {
.ol-card-item {
width: calc((100% - clamp(24px, 2.4vw, 42px)) / 2);
}
}
@media (max-width: 540px) {
.ol-card-item {
width: 100%;
}
}
@keyframes img-loading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ol-card-item:nth-child(1) {
opacity: 0;
animation: img-loading 0.9s ease-in 0.36s 1 alternate forwards;
}
.ol-card-item:nth-child(2) {
opacity: 0;
animation: img-loading 0.9s ease-in 0.72s 1 alternate forwards;
}
.ol-card-item:nth-child(3) {
opacity: 0;
animation: img-loading 0.9s ease-in 1.08s 1 alternate forwards;
}
.ol-card-item:nth-child(4) {
opacity: 0;
animation: img-loading 0.9s ease-in 1.44s 1 alternate forwards;
}
.ol-card-item:nth-child(5) {
opacity: 0;
animation: img-loading 0.9s ease-in 1.8s 1 alternate forwards;
}
.ol-card-item:nth-child(6) {
opacity: 0;
animation: img-loading 0.9s ease-in 2.16s 1 alternate forwards;
}
.ol-card-item:nth-child(7) {
opacity: 0;
animation: img-loading 0.9s ease-in 2.52s 1 alternate forwards;
}
.ol-card-item:nth-child(8) {
opacity: 0;
animation: img-loading 0.9s ease-in 2.88s 1 alternate forwards;
}
.ol-card-item:nth-child(9) {
opacity: 0;
animation: img-loading 0.9s ease-in 3.24s 1 alternate forwards;
}
.ol-card-item:nth-child(10) {
opacity: 0;
animation: img-loading 0.9s ease-in 3.6s 1 alternate forwards;
}
.ol-card-item:nth-child(11) {
opacity: 0;
animation: img-loading 0.9s ease-in 3.96s 1 alternate forwards;
}
.ol-card-item:nth-child(12) {
opacity: 0;
animation: img-loading 0.9s ease-in 4.32s 1 alternate forwards;
}
.ol-card-item:nth-child(13) {
opacity: 0;
animation: img-loading 0.9s ease-in 4.68s 1 alternate forwards;
}
.ol-card-item:nth-child(14) {
opacity: 0;
animation: img-loading 0.9s ease-in 5.04s 1 alternate forwards;
}
.ol-card-item:nth-child(15) {
opacity: 0;
animation: img-loading 0.9s ease-in 5.4s 1 alternate forwards;
}
.ol-card-item:nth-child(16) {
opacity: 0;
animation: img-loading 0.9s ease-in 5.76s 1 alternate forwards;
}
.ol-card-item:nth-child(17) {
opacity: 0;
animation: img-loading 0.9s ease-in 6.12s 1 alternate forwards;
}
.ol-card-item:nth-child(18) {
opacity: 0;
animation: img-loading 0.9s ease-in 6.48s 1 alternate forwards;
}
.ol-card-item:nth-child(19) {
opacity: 0;
animation: img-loading 0.9s ease-in 6.84s 1 alternate forwards;
}
.ol-card-item:nth-child(20) {
opacity: 0;
animation: img-loading 0.9s ease-in 7.2s 1 alternate forwards;
}
.ol-card-item-link {
display: flex;
flex-wrap: wrap;
flex-direction: column;
flex-grow: 1;
row-gap: clamp(18px, 1.8vw, 21px);
text-decoration: none !important;
color: inherit !important;
}
.ol-card-item-image,
.ol-card-item-info,
.ol-card-item-title {
width: 100%;
}
.ol-card-item-title {
font-weight: 300;
}
.ol-card-item-info {
display: flex;
align-items: center;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-meta-center {
text-align: center;
justify-content: center;
}
.ol-blog-meta {
display: flex;
align-items: center;
column-gap: clamp(18px, 1.5vw, 24px);
}
.ol-card-item-image {
overflow: hidden;
border-radius: 4px;
}
.ol-card-item-image:not(.ol-thumbnail-original) {
aspect-ratio: 16/9;
}
.ol-blog-category {
text-decoration: none !important;
font-size: clamp(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.03rem;
}
.ol-news-link {
position: relative;
}
.ol-news-link::after {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-family: "oltana-icons";
line-height: 1;
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
content: "\e95d";
}
@media (max-width: 840px) {
.ol-news-link::after {
right: 0;
}
}
.ol-icon-base {
font-size: 0.95em;
}
.ol-sns-list {
display: flex;
align-items: center;
column-gap: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 540px) {
.ol-sns-list {
font-size: clamp(24px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.18rem;
}
}
.ol-sns-over3 {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.18rem;
}
@media (max-width: 540px) {
.ol-sns-over3 {
font-size: clamp(19px, 1.8vw, 19px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
}
.ol-sns-under2 {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.18rem;
}
.ol-sns-under2 .ol-sns-anchor {
display: flex;
align-items: center;
column-gap: 9px;
}
.ol-sns-under2 .ol-sns-anchor span {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 0;
letter-spacing: 0.06rem;
}
@media (any-hover: hover) {
.ol-wrapper a:not([class]):hover {
opacity: 0.69;
}
.ol-anchor-style1,
.ol-header__nav-anchor {
transition: color 0.3s ease-Out, transform 0.3s ease-Out;
will-change: color, transform;
position: relative; }
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner {
position: relative;
display: inline-flex;
border-radius: 4px;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
line-height: 40px;
position: absolute;
transition: width 0.36s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s, height 0.36s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s, opacity 0.36s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s;
will-change: width, height, opacity;
bottom: 0%;
left: 0%;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner:hover::before {
width: 100%;
height: 0.5px;
opacity: 1;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner:hover::after {
width: 100%;
height: calc(100% - 1px);
opacity: 1;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner:hover a {
background-color: transparent;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner a {
position: relative;
display: block;
transition: background-color 0.36s cubic-bezier(0.445, 0.05, 0.55, 0.95);
will-change: background-color;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner a span {
position: relative;
z-index: 100;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner.ol-btn-size-large {
width: 60%;
}
.ol-btn-block.ol-btn-type1 .ol-btn-block-inner.ol-btn-size-large a {
width: 100%;
}
.ol-btn-block.ol-btn-type2 a {
transition: border-color 0.36s ease, background-color 0.36s ease;
will-change: border-color, background-color;
}
.ol-btn-block.ol-btn-type2 a:hover {
border-color: transparent !important;
}
.ol-btn-hover-style1 {
position: relative;
display: inline-flex;
border-radius: 4px;
}
.ol-btn-hover-style1::before {
content: "";
width: 0%;
height: 0%;
opacity: 0;
line-height: 40px;
position: absolute;
transition: width 0.36s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s, height 0.36s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s, opacity 0.36s cubic-bezier(0.165, 0.84, 0.44, 1) 0.06s;
will-change: width, height, opacity;
bottom: 0%;
left: 0%;
}
.ol-btn-hover-style1:hover::before {
width: 100%;
height: 0.5px;
opacity: 1;
}
.ol-btn-hover-style1:hover::after {
width: 100%;
height: calc(100% - 1px);
opacity: 1;
}
.ol-btn-hover-style1:hover a {
background-color: transparent;
}
.ol-btn-hover-style1 a {
position: relative;
display: block;
transition: background-color 0.36s cubic-bezier(0.445, 0.05, 0.55, 0.95);
will-change: background-color;
}
.ol-btn-hover-style1 a span {
position: relative;
z-index: 100;
}
.ol-btn-text {
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color;
}
.ol-btn-text::after {
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color, transform;
}
.ol-btn-text:hover::after {
transform: translateX(4px);
}
.ol-card-item-link img,
.ol-block__blogcard-anchor img {
transition: transform 0.42s cubic-bezier(0.39, 0.575, 0.565, 1);
will-change: transform;
}
.ol-card-item-link .ol-block__blogcard-title,
.ol-card-item-link .ol-card-item-title,
.ol-block__blogcard-anchor .ol-block__blogcard-title,
.ol-block__blogcard-anchor .ol-card-item-title {
transition: color 0.24s ease-Out;
will-change: color;
}
.ol-card-item-link:hover,
.ol-block__blogcard-anchor:hover {
transition: color 0.24s ease-Out;
will-change: color;
}
.ol-card-item-link:hover img,
.ol-block__blogcard-anchor:hover img {
transform: scale(1.05);
}
.ol-news-link .ol-news__title,
.ol-news-link .ol-firstview__news-title {
transition: color 0.24s ease-Out;
will-change: color;
}
.ol-news-link::after {
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.ol-news-link:hover::after {
transform: translate(4px, -50%);
}
.ol-category__item-anchor,
.ol-article__category {
border-style: solid;
border-width: 1px;
border-color: #fff;
transition: background-color 0.24s ease-Out, border-color 0.24s ease-Out, color 0.24s ease-Out;
will-change: background-color, border-color, color;
}
.ol-category__item-anchor:not(.is-active):hover,
.ol-article__category:not(.is-active):hover {
background-color: #fff;
}
.ol-header__nav-anchor::after {
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.ol-header__nav-anchor:hover::after {
transform: translate(4px, -50%) !important;
}
.ol-sns-anchor {
transition: color 0.36s ease, background-color 0.36s ease;
will-change: color, background-color;
}
}
@keyframes tapAnimation {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
.single p,
.page:not(.home) p {
margin-top: clamp(42px, 4.8vw, 48px);
margin-bottom: clamp(42px, 4.8vw, 48px);
}
.single .ol-bold,
.single strong,
.single b,
.page:not(.home) .ol-bold,
.page:not(.home) strong,
.page:not(.home) b {
font-weight: 400;
}
.home .ol-header.ol-header__tracking {
will-change: border-bottom-color;
}
.home .js-header__visible {
border-bottom-width: 1px;
border-bottom-style: solid;
}
body:not(.home) .ol-header {
will-change: border-bottom-color;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.ol-noimage {
display: flex;
justify-content: center;
align-items: center;
font-size: clamp(0.75rem, 0.625rem + 0.45vw, 1rem);
font-weight: 400;
letter-spacing: 0.06rem;
height: 100%;
position: relative;
}
.ol-noimage::before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.ol-noimage::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #fff;
border-radius: 4px;
z-index: -1;
}
.ol-header__inner {
display: flex;
align-items: center;
padding-bottom: clamp(24px, 2.1vw, 42px);
padding-top: clamp(24px, 2.1vw, 42px);
}
.ol-header__title-anchor {
flex-shrink: 0;
margin-right: auto;
box-sizing: content-box;
}
.ol-header__title-anchor.ol-logo-exsmall .ol-header__title-logo {
width: clamp(90px, 12vw, 120px);
}
@media (max-width: 540px) {
.ol-header__title-anchor.ol-logo-exsmall .ol-header__title-logo {
width: clamp(75px, 21vw, 105px);
}
}
.ol-header__title-anchor.ol-logo-exsmall .ol-header__title-text {
font-size: clamp(16px, 2.7vw, 21px);
}
.ol-header__title-anchor.ol-logo-small .ol-header__title-logo {
width: clamp(180px, 21vw, 240px);
}
@media (max-width: 540px) {
.ol-header__title-anchor.ol-logo-small .ol-header__title-logo {
width: clamp(105px, 39vw, 210px);
}
}
.ol-header__title-anchor.ol-logo-small .ol-header__title-text {
font-size: clamp(21px, 3vw, 27px);
}
.ol-header__title-anchor.ol-logo-medium .ol-header__title-logo {
width: clamp(240px, 27vw, 300px);
}
@media (max-width: 540px) {
.ol-header__title-anchor.ol-logo-medium .ol-header__title-logo {
width: clamp(120px, 48vw, 240px);
}
}
.ol-header__title-anchor.ol-logo-medium .ol-header__title-text {
font-size: clamp(27px, 3.3vw, 36px);
}
.ol-header__title-anchor.ol-logo-large .ol-header__title-logo {
width: clamp(270px, 30vw, 330px);
}
@media (max-width: 540px) {
.ol-header__title-anchor.ol-logo-large .ol-header__title-logo {
width: clamp(135px, 54vw, 270px);
}
}
.ol-header__title-anchor.ol-logo-large .ol-header__title-text {
font-size: clamp(24px, 3vw, 33px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.36rem;
}
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-logo {
width: clamp(300px, 36vw, 390px);
}
@media (max-width: 540px) {
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-logo {
width: clamp(150px, 63vw, 330px);
}
}
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-text {
font-size: clamp(24px, 3.3vw, 48px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.42rem;
font-feature-settings: "palt";
}
.ol-header__title-anchor img {
width: 100%;
}
.ol-header__menu-title {
display: none;
}
.ol-header__cvbutton {
flex-shrink: 0;
margin-left: 24px;
}
@media (max-width: 840px) {
.ol-header__cvbutton {
display: none;
}
}
.ol-header__call {
flex-shrink: 0;
margin-left: 24px;
}
@media (max-width: 840px) {
.ol-header__call {
display: none;
}
}
.ol-header__call-number {
display: flex;
align-items: center;
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.12rem;
}
@media (min-width: 541px) {
.ol-header__call-number {
pointer-events: none;
}
}
.ol-header__call-number i {
display: block;
font-size: 1.2rem;
margin-right: 6px;
}
.ol-header__call-subtext {
text-align: right;
font-size: clamp(9px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
} .ol-hamburger__menu {
order: 3;
height: 45px;
}
.ol-hamburger__menu-icon {
position: relative;
z-index: 500;
display: flex;
align-items: center;
height: inherit;
margin-left: clamp(18px, 2.4vw, 24px);
margin-top: 3px;
padding-right: 0;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-inner {
width: 42px;
}
.ol-hamburger__menu-icon span {
position: relative;
display: block;
width: 100%;
height: 1px;
transform-origin: left;
transition: transform 0.36s cubic-bezier(0.445, 0.05, 0.55, 0.95);
will-change: transform;
}
.ol-hamburger__menu-icon span::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ol-hamburger__menu-icon span:nth-of-type(2) {
margin-top: 12px;
}
.ol-hamburger__menu-icon.is-open span:nth-of-type(1) {
transform: rotate(18deg);
}
.ol-hamburger__menu-icon.is-open span:nth-of-type(2) {
transform: rotate(-18deg);
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label {
display: flex;
justify-content: center;
bottom: 0;
margin-top: 9px;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label::before {
content: "MENU";
font-size: 9px;
text-align: center;
letter-spacing: 0.1rem;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label.is-close {
animation: fade2 0.48s ease-in 0s 1 normal forwards;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label.is-open {
animation: fade1 0.48s ease-in 0s 1 normal forwards;
pointer-events: none;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label.is-open::before {
content: "CLOSE";
}
@media (any-hover: hover) {
.ol-hamburger__menu-icon:hover span:nth-of-type(1)::before {
animation: scaleBorder 0.66s ease-out 0s 1 normal forwards;
}
.ol-hamburger__menu-icon:hover span:nth-of-type(2)::before {
animation: scaleBorder 0.66s ease-out 0.135s 1 normal forwards;
}
}
@keyframes scaleBorder {
0% {
transform-origin: 100% 0;
transform: scaleX(1);
}
25% {
transform-origin: 100% 0;
transform: scaleX(0);
}
50% {
transform-origin: 0 0;
transform: scaleX(0);
}
100% {
transform-origin: 0 0;
transform: scaleX(1);
}
}
@keyframes fade1 {
0% {
opacity: 0;
}
66% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes fade2 {
0% {
opacity: 0;
}
66% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes closeBorder1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(18deg);
}
}
@keyframes closeBorder2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-18deg);
}
}
@keyframes closeBorderAfter1 {
0% {
transform: rotate(18deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes closeBorderAfter2 {
0% {
transform: rotate(-18deg);
}
100% {
transform: rotate(0deg);
}
}
.ol-header__nav {
visibility: hidden;
position: absolute;
overflow: hidden;
z-index: 400;
height: 100vh;
right: 0;
top: 0;
width: clamp(300px, 45vw, 420px);
padding: clamp(30px, 6vw, 60px);
padding-top: 150px;
background-color: transparent; font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
transition: background-color 0.66s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s, visibility 0.66s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s, right 0.66s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
will-change: background-color, visibility, right;
}
@media (max-width: 540px) {
.ol-header__nav {
width: 100%;
padding-top: 105px;
transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), visibility 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
will-change: background-color, visibility;
}
}
.ol-header__nav .ol-sns-list,
.ol-header__nav .ol-sns {
width: 0;
}
.ol-header__nav .ol-sns-list {
overflow: hidden;
}
.ol-header__nav-list {
position: absolute;
top: -1000px;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.ol-header__nav-list,
.ol-header__sns {
position: absolute;
opacity: 0;
transition: opacity 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.78s, width 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.78s, font-weight 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.78s, position 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.78s, bottom 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.78s, transform 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.78s;
will-change: opacity, width, font-weight, position, bottom, transform;
}
@media (max-width: 540px) {
.ol-header__nav-list,
.ol-header__sns {
transition: opacity 0.48s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, width 0.48s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, font-weight 0.48s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, position 0.48s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, bottom 0.48s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s, transform 0.48s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.45s;
will-change: opacity, width, font-weight, position, bottom, transform;
}
} .ol-hamburger__menu-icon.is-open ~ .ol-header__nav {
visibility: visible;
background-color: #fff;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list {
opacity: 1;
width: 100%;
position: static;
overflow-y: auto;
max-height: 80%;
transform: translateY(-6px);
}
@media (max-width: 540px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list {
max-height: 66%;
transform: translateY(-4px);
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list .ol-header__nav-item {
flex-basis: 100%;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list .sub-menu {
padding-left: 18px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list .sub-menu .sub-menu {
padding-left: 18px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor {
display: block;
position: relative;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: clamp(15px, 1.8vw, 18px) 0;
padding-right: 30px;
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 6px;
font-family: "oltana-icons";
line-height: 1;
content: "\e95d";
font-size: 12px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor-subtitle {
display: block;
margin-bottom: 2px;
font-size: 10px;
letter-spacing: 0.12rem;
font-weight: 100;
}
@media (max-width: 540px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor-subtitle {
font-weight: 200;
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__sns {
opacity: 1;
bottom: 45px;
width: calc(100% - clamp(30px, 6vw, 60px) * 2);
transform: translateY(-6px);
}
@media (max-width: 540px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__sns {
bottom: 135px;
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns,
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
width: 100%;
overflow: visible;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
column-gap: 9px;
font-size: clamp(16px, 1.8vw, 19px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
font-size: clamp(19px, 1.8vw, 19px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-under2 .ol-sns-list-item {
flex-basis: 50%;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-under2 .ol-sns-anchor {
justify-content: center;
padding: 12px 15px;
width: 100%;
border-radius: 4px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3 {
overflow-x: auto;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3 .ol-sns-list-item {
text-align: center;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3 .ol-sns-anchor {
display: flex;
justify-content: center;
padding: 9px 15px;
width: 100%;
border-radius: 4px;
letter-spacing: 0;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3.ol-sns-under4layout {
justify-content: center;
}
.ol-blur__overlay {
visibility: hidden;
position: fixed;
z-index: 300;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
pointer-events: none;
transition: visibility 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
will-change: visibility, background-color;
}
.js-body__noscroll {
overflow: hidden;
height: 100%;
}
.js-body__noscroll .ol-blur__overlay {
visibility: visible;
background-color: rgba(255, 255, 255, 0.75);
}
.js-body__noscroll .js-header__visible {
background-color: transparent !important;
}
.js-body__noscroll .js-header__visible .ol-header__title-anchor,
.js-body__noscroll .js-header__visible .ol-header__cvbutton,
.js-body__noscroll .js-header__visible .ol-header__call {
opacity: 0 !important;
}
.ol-header.ol-header__tracking {
opacity: 0;
}
.ol-header.ol-header__tracking.js-header__default {
opacity: 1 !important;
}
.ol-header.ol-header__tracking.js-header__visible, .ol-header.ol-header__tracking.js-header__hidden {
transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: opacity, background-color;
position: sticky;
display: flex;
top: 0;
z-index: 500;
width: 100%;
background-color: #fff;
}
.ol-header.ol-header__tracking.js-header__visible .ol-header__inner, .ol-header.ol-header__tracking.js-header__hidden .ol-header__inner {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
.ol-header.ol-header__tracking.js-header__visible .ol-hamburger__menu-icon, .ol-header.ol-header__tracking.js-header__hidden .ol-hamburger__menu-icon {
margin-left: 15px;
}
.ol-header.ol-header__tracking.js-header__visible .ol-header__cvbutton,
.ol-header.ol-header__tracking.js-header__visible .ol-header__call, .ol-header.ol-header__tracking.js-header__hidden .ol-header__cvbutton,
.ol-header.ol-header__tracking.js-header__hidden .ol-header__call {
transform: scale(0.9);
transform-origin: center center;
margin-left: 0;
}
.ol-header.ol-header__tracking.js-header__visible {
opacity: 1;
}
.ol-header.ol-header__tracking.js-header__hidden {
opacity: 0;
}
@media (min-width: 841px) {
.ol-header__tracking + main .ol-column-content-side {
top: 75px;
}
}
@media (min-width: 841px) {
.ol-header__tracking + main .ol-column-content-side .ol-hours__body {
border-top: none;
padding-top: clamp(42px, 4.5vw, 60px);
}
}
.ol-firstview__section {
position: relative;
max-width: 1680px;
margin-left: auto;
margin-right: auto;
margin-bottom: 150px;
padding: 0 clamp(24px, 4.5vw, 60px);
}
@media (max-width: 540px) {
.ol-firstview__section {
padding: 0 21px;
}
}
@media (min-width: 541px) and (max-width: 1679px) {
.ol-firstview__section {
padding: 0;
}
}
@media (max-width: 840px) {
.ol-firstview__section {
display: flex;
flex-wrap: wrap;
margin-bottom: 45px;
padding: 0;
}
}
@media (max-width: 840px) {
.ol-firstview__inner {
width: 100%;
}
}
.ol-firstview__title {
position: absolute;
pointer-events: none;
top: 0;
left: clamp(24px, 4.5vw, 60px);
width: calc(100% - clamp(24px, 4.5vw, 60px) * 2);
height: 90%;
z-index: 100;
margin-top: clamp(30px, 4.2vw, 180px);
}
@media (min-width: 1180px) {
.ol-firstview__title {
margin-top: clamp(90px, 6vw, 150px);
}
}
@media (max-width: 840px) {
.ol-firstview__title {
margin-top: 30px;
margin-bottom: 30px;
position: static;
width: 100%;
padding: 0 clamp(24px, 4.5vw, 60px);
}
}
@media (max-width: 840px) and (max-width: 540px) {
.ol-firstview__title {
padding: 0 21px;
}
}
.ol-firstview__nohours .ol-firstview__title {
margin-top: clamp(60px, 8vw, 240px);
}
@media (min-width: 1680px) {
.ol-firstview__nohours .ol-firstview__title {
margin-top: clamp(60px, 12vw, 240px);
}
}
@media (min-width: 1180px) {
.ol-firstview__nohours .ol-firstview__title {
margin-top: clamp(60px, 9vw, 210px);
}
}
@media (max-width: 840px) {
.ol-firstview__nohours .ol-firstview__title {
margin-top: clamp(45px, 8vw, 180px);
}
}
.ol-firstview__image {
position: relative;
z-index: 0;
width: 100%; }
.ol-firstview__image-inner {
width: clamp(400px, 66vw, 1200px);
aspect-ratio: 3/2;
margin-left: auto;
}
@media (max-width: 840px) {
.ol-firstview__image-inner {
width: 100%;
}
}
.ol-firstview__image-inner img {
aspect-ratio: 3/2;
object-fit: cover;
}
@media (min-width: 541px) and (max-width: 1679px) {
.ol-firstview__image-inner img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
@media (max-width: 840px) {
.ol-firstview__image-inner img {
border-radius: 0;
}
}
.ol-firstview__title-subcopy {
width: 100%;
margin-bottom: clamp(15px, 2vw, 42px);
font-size: clamp(12px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.18rem;
}
.ol-firstview__title-maincopy {
width: 100%;
margin-left: -2px;
line-height: 1.5;
letter-spacing: 0.42rem;
display: table;
font-feature-settings: "palt";
}
@media (max-width: 840px) {
.ol-firstview__title-maincopy {
letter-spacing: 0.24rem;
line-height: 1.65;
font-weight: 300;
}
}
.ol-firstview__news {
margin-right: 0;
padding-bottom: clamp(18px, 2.7vw, 27px);
width: 100%;
}
@media (max-width: 840px) {
.ol-firstview__news {
flex-shrink: 3;
order: 1;
padding-bottom: 0;
margin-top: clamp(42px, 4.5vw, 60px);
margin-bottom: clamp(42px, 4.5vw, 60px);
}
}
@media (max-width: 540px) {
.ol-firstview__news {
margin-bottom: 30px;
margin-top: 30px;
}
}
.ol-firstview__news-item {
height: 72px;
color: inherit !important;
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
column-gap: 24px;
}
@media (max-width: 840px) {
.ol-firstview__news-item {
height: auto;
}
}
@media (max-width: 540px) {
.ol-firstview__news-item {
column-gap: 21px;
}
}
.ol-firstview__news-item.ol-news-link {
padding-right: clamp(60px, 6vw, 90px);
padding-left: 3px;
}
@media (max-width: 840px) {
.ol-firstview__news-item.ol-news-link {
padding-right: clamp(36px, 4.5vw, 60px);
}
}
.ol-firstview__news-item.ol-news-link::after {
right: 20px;
}
@media (max-width: 840px) {
.ol-firstview__news-item.ol-news-link::after {
position: absolute;
transform: translateY(-50%);
top: 50%;
right: -3px;
}
}
.ol-firstview__news-title {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: clamp(12px, 1.2vw, 14px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-firstview__news-title {
-webkit-line-clamp: 3;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) {
display: flex;
width: calc(100% - clamp(24px, 4.5vw, 60px) * 1.5);
justify-content: flex-start;
align-items: flex-end;
position: absolute;
left: clamp(24px, 4.5vw, 60px);
bottom: -120px;
z-index: 100;
padding: 0 clamp(24px, 4.5vw, 60px);
}
@media (min-width: 1680px) {
.ol-firstview__hours:not(.ol-firstview__nohours) {
width: calc(100% - clamp(24px, 4.5vw, 60px) * 2);
}
}
@media (max-width: 540px) {
.ol-firstview__hours:not(.ol-firstview__nohours) {
padding: 0 21px;
}
}
@media (min-width: 841px) {
.ol-firstview__hours:not(.ol-firstview__nohours) {
padding: 0;
}
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) {
display: flex;
flex-wrap: wrap;
position: static;
order: 3;
width: 100%;
justify-content: center;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__component {
flex-basis: 50%;
flex-shrink: 0;
max-width: clamp(450px, 36vw, 525px);
background-color: #fff;
border-radius: 4px;
padding-bottom: clamp(24px, 2.4vw, 42px);
padding-top: clamp(27px, 5vw, 54px);
padding-right: clamp(24px, 4.5vw, 45px);
row-gap: clamp(15px, 1.5vw, 24px);
}
@media (min-width: 1680px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__component {
max-width: 480px;
}
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__component {
column-gap: clamp(15px, 1.5vw, 24px);
flex-wrap: wrap;
flex-basis: 100%;
width: 100%;
max-width: 100%;
padding-right: 0;
order: 2;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__body {
border: none;
padding: 0;
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__body {
flex-basis: 100%;
}
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__col-title {
flex-grow: 2.5;
}
}
@media (min-width: 541px) and (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__col-title,
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__col-day-title {
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
}
@media (min-width: 541px) and (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__col-day {
font-size: clamp(10px, 0.9vw, 11px);
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__contact {
border: none;
padding: 0;
justify-content: flex-start;
column-gap: clamp(9px, 1.5vw, 24px);
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__contact {
flex-basis: 100%;
flex-wrap: nowrap;
justify-content: center;
}
}
@media (min-width: 541px) and (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__contact {
column-gap: clamp(24px, 2.4vw, 42px);
}
}
@media (max-width: 540px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__phone_subtext {
margin-top: 0;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__contact-phone {
text-align: left;
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__contact-phone {
flex-grow: 0.3;
}
}
@media (min-width: 541px) and (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__contact-phone {
flex-grow: 1;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__phone_number {
justify-content: flex-start;
}
@media (min-width: 541px) and (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__phone_number {
font-size: clamp(24px, 3.9vw, 48px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.18rem;
font-feature-settings: "palt";
}
}
@media (max-width: 540px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__phone_number {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.12rem;
}
}
@media (max-width: 540px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__phone-only .ol-hours__phone_number {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.12rem;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__mail-button {
flex-grow: 1;
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-hours__mail-button {
width: 100%;
max-width: auto;
min-width: auto;
margin: 0;
flex-grow: 1;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-btn-regular {
font-size: clamp(11px, 1vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (min-width: 541px) and (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-btn-regular {
font-size: clamp(14px, 1.5vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
}
@media (max-width: 540px) {
.ol-firstview__hours:not(.ol-firstview__nohours) .ol-btn-regular {
letter-spacing: 0.06rem;
}
}
.ol-firstview__hours:not(.ol-firstview__nohours) > .ol-separator-horizon {
display: none;
}
@media (max-width: 840px) {
.ol-firstview__hours:not(.ol-firstview__nohours) > .ol-separator-horizon {
display: block;
order: 2;
}
}
.ol-firstview__hours.ol-firstview__nohours {
width: clamp(400px, 66vw, 1200px);
margin-left: auto;
}
@media (max-width: 840px) {
.ol-firstview__hours.ol-firstview__nohours {
width: 100%;
padding: 0 0;
}
}
@media (max-width: 840px) and (max-width: 540px) {
.ol-firstview__hours.ol-firstview__nohours {
padding: 0 21px;
}
}
@keyframes scale {
0% {
transform: scale(1.12);
}
100% {
transform: scale(1.075);
}
}
.splide__list {
border-radius: 4px;
overflow: hidden;
}
@media (min-width: 541px) and (max-width: 1679px) {
.splide__list {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
@media (max-width: 840px) {
.splide__list {
border-radius: 0;
}
}
.splide__slide.is-active span img,
.splide__slide.is-prev span img,
.splide__slide span.is-prev img {
animation: scale 9s linear 0s normal both;
width: 100%;
}
.ol-firstview__title-maincopy .js-copy-divide,
.ol-firstview__title-subcopy .js-copy-divide {
display: inline-block;
will-change: transform, opacity;
}
.ol-hours__component {
display: flex;
flex-wrap: wrap;
width: clamp(360px, 40vw, 510px);
row-gap: clamp(6px, 1vw, 9px);
}
.ol-hours__body {
flex-basis: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: clamp(6px, 1vw, 9px);
padding-left: clamp(24px, 2.4vw, 42px);
padding-right: clamp(24px, 2.4vw, 42px);
padding-top: clamp(24px, 2.4vw, 42px);
padding-bottom: clamp(24px, 2.4vw, 42px);
border-width: 1px;
border-style: solid;
}
.ol-hours__row {
flex-basis: 100%;
display: flex;
align-items: center;
column-gap: clamp(10px, 1vw, 24px);
}
.ol-hours__col-title {
flex-shrink: 0;
flex-grow: 1;
flex-basis: clamp(75px, 9vw, 120px);
font-size: clamp(11px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-hours__col-day-title,
.ol-hours__col-day {
flex-grow: 1;
flex-basis: clamp(12px, 1.2vw, 18px);
}
.ol-hours__col-day-title {
text-align: center;
font-size: clamp(11px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-hours__col-day {
text-align: center;
font-size: clamp(8px, 0.9vw, 11px);
}
.ol-hours__col-day .oltana-icon-circle-outline::before {
font-size: 1.15em;
}
.ol-hours__col-day .oltana-icon-slash_outline::before {
display: inline-block;
font-size: 0.75em;
transform: translateY(-1px);
transform-origin: center center;
}
.ol-hours__desc-wrapper {
display: flex;
flex-wrap: wrap;
row-gap: 6px;
margin-top: 9px;
}
.ol-hours__desc1,
.ol-hours__desc2,
.ol-hours__general-desc {
flex-basis: 100%;
font-size: clamp(11px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.06rem;
}
.ol-hours__desc1,
.ol-hours__desc2 {
display: flex;
align-items: flex-start;
}
.ol-hours__desc1-icon,
.ol-hours__desc2-icon {
flex-shrink: 0;
display: flex;
align-items: center;
padding-top: clamp(0.1px, 0.2vw, 3px);
}
.ol-hours__desc1-icon .oltana-icon-circle-outline,
.ol-hours__desc1-icon .oltana-icon-circle-solid,
.ol-hours__desc2-icon .oltana-icon-circle-outline,
.ol-hours__desc2-icon .oltana-icon-circle-solid {
font-size: 10px;
}
.ol-hours__desc1-icon .oltana-icon-circle-outline::before,
.ol-hours__desc2-icon .oltana-icon-circle-outline::before {
font-size: 1.15em;
}
.ol-hours__desc1-icon::after,
.ol-hours__desc2-icon::after {
content: "・・・";
font-size: 8px;
letter-spacing: -2px;
padding: 0 9px 0 6px;
}
.ol-hours__general-desc {
margin-top: 9px;
}
.ol-hours__contact {
width: 100%;
display: flex;
align-items: center;
border-style: solid;
border-width: 1px;
background-color: rgba(255, 255, 255, 0.6);
column-gap: clamp(6px, 1vw, 9px);
padding: clamp(6px, 1.05vw, 18px);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
@media (min-width: 1680px) {
.ol-hours__contact {
padding: clamp(6px, 1vw, 18px);
}
}
@media (max-width: 540px) {
.ol-hours__contact {
column-gap: 12px;
padding: clamp(6px, 2.4vw, 21px);
}
}
.ol-hours__contact .ol-btn-regular {
width: 100%;
font-size: clamp(11px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-hours__contact .ol-btn-regular {
font-weight: 400;
}
}
.ol-hours__contact-phone,
.ol-hours__mail-button {
text-align: center;
}
.ol-hours__contact-phone {
flex-shrink: 0;
}
.ol-hours__phone_number {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.12rem;
}
@media (min-width: 541px) {
.ol-hours__phone_number {
pointer-events: none;
}
}
.ol-hours__phone_number i {
font-size: 0.72em;
margin-right: 6px;
}
.ol-hours__phone_subtext {
font-size: clamp(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.03rem;
}
@media (max-width: 540px) {
.ol-hours__phone_subtext {
margin-top: 3px;
}
}
.ol-concept__section {
margin-bottom: clamp(42px, 4.5vw, 60px);
margin-top: 270px;
}
@media (max-width: 840px) {
.ol-concept__section {
margin-top: 90px;
}
}
.ol-concept__inner {
display: flex;
align-items: flex-start;
flex-direction: row-reverse;
column-gap: clamp(60px, 6vw, 90px);
}
@media (min-width: 1180px) {
.ol-concept__inner {
column-gap: clamp(90px, 21vw, 180px);
}
}
@media (max-width: 840px) {
.ol-concept__inner {
display: flex;
flex-direction: column-reverse;
row-gap: 36vw;
}
}
@media (max-width: 540px) {
.ol-concept__inner {
row-gap: 57vw;
}
}
.ol-concept__content {
flex-basis: 65%;
}
.ol-concept__content-only .ol-concept__content {
flex-basis: auto;
width: clamp(400px, 66vw, 1200px);
margin-left: auto;
padding: 0 clamp(24px, 4.5vw, 60px);
}
@media (max-width: 540px) {
.ol-concept__content-only .ol-concept__content {
padding: 0 21px;
}
}
@media (max-width: 840px) {
.ol-concept__content-only .ol-concept__content {
width: 100%;
padding: 0;
}
}
.ol-concept__content-only .ol-concept__label,
.ol-concept__content-only .ol-concept__content-copy {
width: 84%;
max-width: 680px;
}
@media (max-width: 840px) {
.ol-concept__content-only .ol-concept__label,
.ol-concept__content-only .ol-concept__content-copy {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 540px) {
.ol-concept__content-only .ol-concept__label,
.ol-concept__content-only .ol-concept__content-copy {
width: 100%;
max-width: 100%;
}
}
.ol-concept__image {
flex-basis: 35%;
height: 100%;
position: relative;
}
@media (max-width: 840px) {
.ol-concept__image {
width: 100%;
}
}
.ol-concept__image-item1 {
position: relative;
z-index: 100;
width: 100%;
}
@media (max-width: 840px) {
.ol-concept__image-item1 {
width: 66%;
margin-left: 9%;
}
}
@media (max-width: 540px) {
.ol-concept__image-item1 {
width: 84%;
margin-left: 9%;
}
}
.ol-concept__image-item1 img {
width: inherit;
aspect-ratio: 3/4;
object-fit: cover;
}
.ol-concept__image-item2 {
position: absolute;
z-index: 100;
width: clamp(135px, 15vw, 180px);
height: clamp(135px, 15vw, 180px);
border-radius: 4px;
bottom: -30%;
right: 9%;
}
@media (min-width: 1180px) {
.ol-concept__image-item2 {
right: -20%;
bottom: -135px;
}
}
@media (max-width: 840px) {
.ol-concept__image-item2 {
width: clamp(126px, 30vw, 165px);
height: clamp(126px, 30vw, 165px);
right: 9%;
}
}
@media (max-width: 540px) {
.ol-concept__image-item2 {
width: clamp(126px, 30vw, 165px);
height: clamp(126px, 30vw, 165px);
right: 9%;
}
}
.ol-concept__image-item2 img {
width: inherit;
height: inherit;
aspect-ratio: 1/1;
object-fit: cover;
}
.ol-concept__image-item3 {
position: absolute;
width: clamp(120px, 12vw, 150px);
height: clamp(120px, 12vw, 150px);
border-radius: 4px;
}
@media (max-width: 840px) {
.ol-concept__image-item3 {
width: clamp(100px, 10vw, 150px);
height: clamp(100px, 10vw, 150px);
}
}
.ol-concept__image-item1 + .ol-concept__image-item3 {
top: clamp(240px, 30vw, 420px);
right: -90px;
}
@media (max-width: 840px) {
.ol-concept__image-item1 + .ol-concept__image-item3 {
width: clamp(120px, 21vw, 150px);
height: clamp(120px, 21vw, 150px);
top: auto;
bottom: -30%;
right: 30%;
}
}
@media (max-width: 540px) {
.ol-concept__image-item1 + .ol-concept__image-item3 {
top: auto;
bottom: -27%;
right: 8%;
}
}
.ol-concept__image-item2 + .ol-concept__image-item3 {
bottom: -54%;
right: 45%;
}
@media (min-width: 1180px) {
.ol-concept__image-item2 + .ol-concept__image-item3 {
right: 21%;
bottom: -225px;
}
}
@media (max-width: 840px) {
.ol-concept__image-item2 + .ol-concept__image-item3 {
bottom: -48%;
right: 39%;
}
}
@media (max-width: 540px) {
.ol-concept__image-item2 + .ol-concept__image-item3 {
bottom: -48%;
right: 39%;
}
}
.ol-concept__label {
margin-bottom: clamp(15px, 1.5vw, 24px);
}
.ol-concept__maincopy {
font-size: clamp(24px, 3vw, 33px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.36rem;
margin-bottom: clamp(60px, 6vw, 90px);
margin-left: -2px;
}
@media (max-width: 540px) {
.ol-concept__maincopy {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.8;
letter-spacing: 0.18rem;
}
}
.ol-concept__image-item1,
.ol-concept__image-item2,
.ol-concept__image-item3,
.ol-concept__content {
opacity: 0;
will-change: opacity, transform;
}
.ol-concept__image-item1 {
transition: opacity 0.69s ease-in 0.3s;
will-change: opacity;
}
.ol-concept__image-item2 {
transition: opacity 0.69s ease-in 0.6s;
will-change: opacity;
}
.ol-concept__image-item3 {
transition: opacity 0.69s ease-in 0.9s;
will-change: opacity;
}
.ol-concept__content {
transition: opacity 0.69s ease-in 0.9s, transform 0.69s ease-in 0.9s;
will-change: opacity, transform;
transform: translateY(6px);
}
@media (max-width: 540px) {
.ol-concept__content {
transition: opacity 0.69s ease-in 0.75s, transform 0.69s ease-in 0.75s;
will-change: opacity, transform;
transform: translateY(6px);
}
}
.ol-concept__content.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-concept__image.js-visible .ol-concept__image-item1,
.ol-concept__image.js-visible .ol-concept__image-item2,
.ol-concept__image.js-visible .ol-concept__image-item3 {
opacity: 1;
transform: translateY(0);
}
.ol-service__heading {
margin-bottom: clamp(42px, 4.5vw, 60px);
}
.ol-service__inner {
background: #fff;
padding: clamp(42px, 7.5vw, 90px);
margin-bottom: clamp(42px, 7.5vw, 120px);
}
@media (max-width: 540px) {
.ol-service__inner {
padding-left: clamp(24px, 2.4vw, 42px);
padding-right: clamp(24px, 2.4vw, 42px);
padding-top: clamp(24px, 2.4vw, 42px);
padding-bottom: clamp(42px, 4.5vw, 60px);
}
}
.ol-service__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: clamp(42px, 4.5vw, 60px);
}
.ol-service__list .ol-service__list-item {
flex-basis: calc((100% - clamp(42px, 4.5vw, 60px)) / 2);
display: flex;
}
@media (max-width: 840px) {
.ol-service__list .ol-service__list-item {
flex-basis: 100%;
}
}
.ol-service__list .ol-service__list-item-image {
flex-shrink: 0;
width: clamp(54px, 9vw, 105px);
height: clamp(54px, 9vw, 105px);
margin-right: clamp(15px, 2.1vw, 21px);
display: flex;
justify-content: center;
align-items: center;
border-radius: 300px;
}
.ol-service__list .ol-service__list-item-image img {
width: inherit;
height: inherit;
object-fit: cover;
border-radius: 300px;
}
.ol-service__list .ol-service__list-item-image a {
width: inherit;
height: inherit;
}
.ol-service__list.ol-service__list-onlyimage {
gap: clamp(15px, 2.4vw, 42px);
}
.ol-service__list.ol-service__list-onlyimage .ol-service__list-item {
flex-basis: calc((100% - clamp(15px, 2.4vw, 42px) * 2) / 3);
}
@media (max-width: 840px) {
.ol-service__list.ol-service__list-onlyimage .ol-service__list-item {
flex-basis: calc((100% - clamp(15px, 2.4vw, 42px)) / 2);
}
}
.ol-service__list.ol-service__list-onlyimage .ol-service__list-item-image {
width: 100%;
height: 100%;
margin-right: 0;
border-radius: 4px;
}
.ol-service__list.ol-service__list-onlyimage .ol-service__list-item-image img {
border-radius: 4px;
aspect-ratio: 3/2;
}
.ol-service__list-item-title {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 3px;
line-height: 1.5;
}
.ol-service__list-item-icon {
line-height: 0;
font-size: clamp(24px, 3.6vw, 42px);
}
.ol-service__list-item-content .ol-text-s {
margin-top: clamp(15px, 1.5vw, 24px);
}
.ol-service_item-link {
display: flex;
margin-top: clamp(24px, 2.4vw, 42px);
justify-content: flex-end;
}
.ol-service__item-num1,
.ol-service__item-num2,
.ol-service__item-num3,
.ol-service__item-num4,
.ol-service__item-num5,
.ol-service__item-num6 {
opacity: 0;
will-change: opacity, transform;
}
.ol-service__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ol-service__item-num1.js-visible {
opacity: 0;
animation: fade 0.9s ease-in 0.15s 1 alternate forwards;
}
.ol-service__item-num2.js-visible {
opacity: 0;
animation: fade 0.9s ease-in 0.3s 1 alternate forwards;
}
.ol-service__item-num3.js-visible {
opacity: 0;
animation: fade 0.9s ease-in 0.45s 1 alternate forwards;
}
.ol-service__item-num4.js-visible {
opacity: 0;
animation: fade 0.9s ease-in 0.6s 1 alternate forwards;
}
.ol-service__item-num5.js-visible {
opacity: 0;
animation: fade 0.9s ease-in 0.75s 1 alternate forwards;
}
.ol-service__item-num6.js-visible {
opacity: 0;
animation: fade 0.9s ease-in 0.9s 1 alternate forwards;
}
.ol-product__list {
position: relative;
display: flex;
flex-wrap: wrap;
row-gap: clamp(90px, 9vw, 120px);
}
.ol-product__item {
display: flex;
width: 100%;
position: relative;
column-gap: clamp(60px, 6vw, 90px);
}
@media (max-width: 840px) {
.ol-product__item {
flex-wrap: wrap;
}
}
@media (min-width: 841px) {
.ol-product__item:nth-child(2n) {
flex-direction: row-reverse;
}
}
@media (max-width: 540px) {
.ol-product__item .ol-text {
margin-top: 33px !important;
}
}
.ol-product__content {
width: 50vw;
}
@media (max-width: 840px) {
.ol-product__content {
width: 100%;
order: 2;
margin-top: clamp(24px, 2.4vw, 42px);
}
}
.ol-product__content-title {
margin-top: clamp(6px, 1vw, 9px);
margin-bottom: clamp(33px, 4.5vw, 60px);
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.18rem;
}
@media (max-width: 540px) {
.ol-product__content-title {
margin-top: clamp(6px, 1vw, 9px);
}
}
.ol-product__content-subtitle-wrapper {
position: relative;
}
@media (max-width: 840px) {
.ol-product__content-subtitle-wrapper {
margin-bottom: clamp(24px, 2.4vw, 42px);
}
}
.ol-product__content-subtitle-inner {
display: flex;
align-items: center;
}
@media (min-width: 841px) {
.ol-product__content-subtitle-inner {
margin-top: -18px;
}
}
.ol-product__image {
flex-grow: 1;
width: 50vw;
aspect-ratio: 3/2;
}
@media (max-width: 840px) {
.ol-product__image {
width: 100%;
}
}
.ol-product__image img {
width: inherit;
aspect-ratio: 3/2;
object-fit: cover;
}
.ol-product__content-list {
margin-top: clamp(33px, 2.4vw, 42px);
}
.ol-product__content-list-item {
display: flex;
align-items: center;
margin-top: clamp(6px, 1vw, 9px);
font-weight: 400;
}
.ol-product__content-list-item::before {
content: "\e967";
font-family: "oltana-icons";
display: inline-block;
font-size: 1.15em;
margin-top: 1px;
margin-right: clamp(6px, 1.5vw, 9px);
}
.ol-product__morebtn {
margin-top: clamp(24px, 2.4vw, 42px);
display: flex;
justify-content: flex-end;
margin-right: 6px;
}
.ol-product__item-num1 .ol-product__image,
.ol-product__item-num1 .ol-product__content,
.ol-product__item-num2 .ol-product__image,
.ol-product__item-num2 .ol-product__content,
.ol-product__item-num3 .ol-product__image,
.ol-product__item-num3 .ol-product__content,
.ol-product__item-num4 .ol-product__image,
.ol-product__item-num4 .ol-product__content,
.ol-product__item-num5 .ol-product__image,
.ol-product__item-num5 .ol-product__content,
.ol-product__item-num6 .ol-product__image,
.ol-product__item-num6 .ol-product__content {
opacity: 0;
will-change: opacity, transform;
}
.ol-product__item-num1 .ol-product__image,
.ol-product__item-num2 .ol-product__image,
.ol-product__item-num3 .ol-product__image,
.ol-product__item-num4 .ol-product__image,
.ol-product__item-num5 .ol-product__image,
.ol-product__item-num6 .ol-product__image {
transition: opacity 0.69s ease-in 0.3s;
will-change: opacity;
}
.ol-product__item-num1 .ol-product__content,
.ol-product__item-num2 .ol-product__content,
.ol-product__item-num3 .ol-product__content,
.ol-product__item-num4 .ol-product__content,
.ol-product__item-num5 .ol-product__content,
.ol-product__item-num6 .ol-product__content {
transition: opacity 0.69s ease-in 0.75s, transform 0.69s ease-in 0.75s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-product__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-product__item-num1.js-visible .ol-product__image,
.ol-product__item-num1.js-visible .ol-product__content,
.ol-product__item-num2.js-visible .ol-product__image,
.ol-product__item-num2.js-visible .ol-product__content,
.ol-product__item-num3.js-visible .ol-product__image,
.ol-product__item-num3.js-visible .ol-product__content,
.ol-product__item-num4.js-visible .ol-product__image,
.ol-product__item-num4.js-visible .ol-product__content,
.ol-product__item-num5.js-visible .ol-product__image,
.ol-product__item-num5.js-visible .ol-product__content,
.ol-product__item-num6.js-visible .ol-product__image,
.ol-product__item-num6.js-visible .ol-product__content {
opacity: 1;
transform: translateY(0);
}
.ol-story__list {
display: flex;
flex-wrap: wrap;
}
.ol-story__item {
position: relative;
width: 100%;
padding-top: clamp(24px, 5vw, 42px);
padding-bottom: clamp(42px, 4.5vw, 60px);
padding-left: clamp(42px, 4.5vw, 60px);
border-top-width: 1px;
border-top-style: solid;
}
.ol-story__item:last-child {
padding-bottom: 0;
}
.ol-story__number {
position: absolute;
width: clamp(42px, 4.5vw, 60px);
top: -24px;
left: 0;
line-height: 1;
font-size: 48px;
font-weight: 100;
padding-right: 24px;
background: #fff;
text-align: center;
}
.ol-story__image {
margin-bottom: clamp(24px, 2.4vw, 42px);
aspect-ratio: 16/9;
width: 100%;
}
.ol-story__image img {
width: inherit;
aspect-ratio: 16/9;
object-fit: cover;
}
.ol-story__list {
opacity: 0;
will-change: opacity, transform;
}
.ol-story__list {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-story__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-story__list.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-faq__list {
display: flex;
flex-wrap: wrap;
margin-left: -6px;
}
.ol-faq__item {
width: 100%;
padding-top: clamp(33px, 2.4vw, 42px);
padding-bottom: clamp(33px, 2.4vw, 42px);
border-top-width: 1px;
border-top-style: solid;
}
.ol-faq__item:last-child {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.ol-faq__item-head,
.ol-faq__item-body {
display: flex;
}
.ol-faq__item-head::before,
.ol-faq__item-body::before {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.18rem;
flex-shrink: 0;
text-align: center;
width: 30px;
display: inline-block;
margin-right: clamp(12px, 1.5vw, 15px);
}
@media (max-width: 540px) {
.ol-faq__item-head::before,
.ol-faq__item-body::before {
font-weight: 300;
}
}
.ol-faq__item-head {
position: relative;
align-items: flex-start;
}
.ol-faq__item-head::before {
content: "Q";
line-height: 1;
}
@media (max-width: 540px) {
.ol-faq__item-head::before {
line-height: 1.25;
}
}
.ol-faq__item-body {
position: relative;
margin-top: clamp(24px, 2.4vw, 42px);
}
.ol-faq__item-body::before {
content: "A";
line-height: 1.3;
}
@media (max-width: 540px) {
.ol-faq__item-body::before {
line-height: 1.2;
}
}
.ol-faq__list {
opacity: 0;
will-change: opacity, transform;
}
.ol-faq__list {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-faq__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-faq__list.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-voice__list {
display: flex;
flex-wrap: wrap;
}
.ol-voice__item {
width: 100%;
padding-top: clamp(33px, 2.4vw, 42px);
padding-bottom: clamp(33px, 2.4vw, 42px);
border-top-width: 1px;
border-top-style: solid;
}
.ol-voice__item:last-child {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.ol-voice__lead {
display: flex;
align-items: center;
column-gap: clamp(24px, 2.4vw, 42px);
}
.ol-voice__image {
position: relative;
flex-shrink: 0;
width: clamp(56px, 5.6vw, 80px);
height: clamp(56px, 5.6vw, 80px);
border-radius: 100px;
justify-content: center;
align-items: center;
}
.ol-voice__image::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: clamp(63px, 6.2vw, 90px);
height: clamp(63px, 6.2vw, 90px);
border-radius: 100px;
z-index: -1;
border-style: solid;
border-width: 1px;
}
.ol-voice__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 100px;
}
.ol-voice__name {
display: flex;
justify-content: flex-start;
margin-top: 6px;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
@media (max-width: 540px) {
.ol-voice__name {
margin-top: 9px;
}
}
.ol-voice__content .ol-text {
margin-bottom: clamp(24px, 2.4vw, 42px);
margin-top: clamp(24px, 2.4vw, 42px);
}
.ol-voice__content .ol-text:last-child {
margin-bottom: clamp(15px, 1.2vw, 15px);
}
@media (max-width: 540px) {
.ol-voice__content .ol-text:last-child {
margin-bottom: 0px;
}
}
.ol-voice__morebtn {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.ol-voice__list {
opacity: 0;
will-change: opacity, transform;
}
.ol-voice__list {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-voice__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-voice__list.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-message__inner {
margin-bottom: clamp(60px, 9vw, 120px);
}
.ol-message__body {
display: flex;
column-gap: clamp(60px, 6vw, 90px);
}
@media (min-width: 1180px) {
.ol-message__body {
column-gap: clamp(90px, 21vw, 180px);
}
}
@media (max-width: 540px) {
.ol-message__body {
flex-wrap: wrap;
row-gap: 33px;
}
}
.ol-message__content {
flex-basis: 65%;
width: auto;
}
@media (max-width: 540px) {
.ol-message__content {
flex-basis: 100%;
}
}
.ol-message__content p {
margin-bottom: 0;
}
.ol-message__caption {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
text-align: center;
margin-top: clamp(15px, 1.5vw, 24px);
}
@media (max-width: 540px) {
.ol-message__caption {
flex-direction: column;
justify-content: space-between;
text-align: left;
align-items: flex-start;
height: 100%;
flex-basis: 40%;
margin-top: 0;
}
}
.ol-message__heading-sp {
width: 100%;
text-align: right;
}
.ol-message__heading-sp .ol-heading-sub {
font-size: 12px;
margin-top: -3px;
margin-bottom: 3px;
}
.ol-message__heading-sp .ol-heading-small {
font-size: 14px;
}
.ol-message__caption-name,
.ol-message__caption-job {
display: block;
}
@media (max-width: 540px) {
.ol-message__caption-name,
.ol-message__caption-job {
text-align: left;
}
}
.ol-message__caption-name {
width: 100%;
font-weight: 300;
}
.ol-message__caption-job {
width: 100%;
margin-bottom: 3px;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-message__lead.ol-heading {
font-size: clamp(24px, 3vw, 33px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.36rem;
margin-bottom: clamp(42px, 4.5vw, 60px);
}
@media (max-width: 540px) {
.ol-message__lead.ol-heading {
margin-bottom: 33px;
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.8;
letter-spacing: 0.18rem;
}
}
.ol-message__image {
padding-bottom: 0;
padding-top: 0;
display: block;
flex-basis: 35%;
flex-shrink: initial;
position: relative;
}
@media (max-width: 540px) {
.ol-message__image {
display: flex;
align-items: flex-end;
flex-basis: 100%;
column-gap: clamp(24px, 2.4vw, 42px);
}
}
.ol-message__image-item1 {
position: relative;
z-index: 100;
aspect-ratio: 3/4;
}
@media (max-width: 540px) {
.ol-message__image-item1 {
flex-basis: 60%;
}
}
.ol-message__image-item1 img {
width: 100%;
object-fit: cover;
aspect-ratio: 3/4;
}
.ol-message__image-item2 {
position: absolute;
z-index: 0;
width: clamp(120px, 45%, 180px);
aspect-ratio: 1/1;
border-radius: 4px;
top: clamp(240px, 30vw, 420px);
right: -90px;
}
@media (max-width: 840px) {
.ol-message__image-item2 {
width: 100px;
height: 100px;
top: clamp(210px, 36vw, 300px);
right: -90px;
}
}
@media (max-width: 540px) {
.ol-message__image-item2 {
width: 100px;
height: 100px;
top: clamp(210px, 54vw, 360px);
right: clamp(114px, 24vw, 150px);
}
}
.ol-message__text {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ol-message__image-item1,
.ol-message__image-item2,
.ol-message__caption-body,
.ol-message__heading-sp,
.ol-message__content {
opacity: 0;
will-change: opacity, transform;
}
.ol-message__image-item1 {
transition: opacity 0.69s ease-in 0.6s;
will-change: opacity;
}
.ol-message__image-item2,
.ol-message__caption-body {
transition: opacity 0.69s ease-in 0.75s;
will-change: opacity;
}
@media (max-width: 840px) {
.ol-message__image-item2,
.ol-message__caption-body {
transition: opacity 0.69s ease-in 0.75s;
will-change: opacity;
}
}
.ol-message__heading-sp {
transition: opacity 0.69s ease-in 0.75s;
will-change: opacity;
}
.ol-message__content {
transition: opacity 0.69s ease-in 0.9s, transform 0.69s ease-in 0.9s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-message__image-item1.js-visible,
.ol-message__image-item2.js-visible,
.ol-message__caption-body.js-visible,
.ol-message__heading-sp.js-visible,
.ol-message__content.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-news__heading-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.ol-news__heading-wrapper .ol-news__morebtn {
display: flex;
justify-content: end;
}
@media (min-width: 841px) {
.ol-news__heading-wrapper .ol-news__morebtn {
margin-right: 12px;
}
}
@media (max-width: 840px) {
.ol-news__heading-wrapper .ol-news__morebtn {
margin-top: 6px;
}
}
@media (max-width: 540px) {
.ol-news__heading-wrapper .ol-news__morebtn {
margin-top: 9px;
}
}
.ol-news__inner {
position: relative;
}
.ol-news__body {
position: relative;
overflow: hidden;
}
.ol-news__body-inner {
display: flex;
flex-wrap: nowrap;
width: 400%;
}
.ol-news__nav {
width: 100%;
margin-bottom: 9px;
}
.ol-news__list {
width: 100%;
display: flex;
flex-direction: column;
overflow-y: hidden;
padding: 12px 0;
}
.ol-news__item {
width: 100%;
}
.ol-news__item:first-child .ol-news__item-item {
border-top-width: 1px;
border-top-style: solid;
}
.ol-news__item .ol-news__item-item {
width: 25%;
display: flex;
align-items: center;
border-bottom-width: 1px;
border-bottom-style: solid;
text-decoration: none !important;
color: inherit !important;
padding-left: 3px;
padding-top: clamp(33px, 2.4vw, 42px);
padding-bottom: clamp(33px, 2.4vw, 42px);
column-gap: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 840px) {
.ol-news__item .ol-news__item-item {
flex-wrap: wrap;
padding-left: 0;
}
}
.ol-news__body.ol-news__category-on .ol-news__item-item {
width: 100%;
}
@media (max-width: 840px) {
.ol-news__title {
width: 100%;
margin-top: 15px;
}
}
.ol-news-link .ol-news__title {
padding-right: clamp(24px, 9vw, 120px);
}
.ol-news__meta {
max-width: clamp(270px, 27vw, 330px);
}
.ol-news__meta time {
flex-shrink: 0;
width: clamp(78px, 7.8vw, 78px);
}
@media (max-width: 840px) {
.ol-news__meta {
max-width: 100%;
}
}
.ol-news__category {
width: clamp(115px, 15vw, 150px);
}
@media (max-width: 840px) {
.ol-news__category {
width: 100%;
padding-bottom: 1px;
}
}
@keyframes catChange {
0% {
opacity: 0;
}
100% {
opacity: 1;
bottom: 0;
}
}
.js-news-content {
position: relative;
bottom: -3px;
opacity: 0;
}
.js-news-content.is-active {
animation-name: catChange;
animation-delay: 0.18s;
animation-duration: 0.45s;
animation-timing-function: ease-in;
animation-fill-mode: both;
}
.js-news-content:nth-child(2).is-active {
transform: translateX(-100%);
}
.js-news-content:nth-child(3).is-active {
transform: translateX(-200%);
}
.js-news-content:nth-child(4).is-active {
transform: translateX(-300%);
}
.ol-news__nav,
.ol-news__body {
opacity: 0;
will-change: opacity, transform;
}
.ol-news__nav {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-news__body {
transition: opacity 0.69s ease-in 0.3s, transform 0.69s ease-in 0.3s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-news__body.ol-news__category-on {
transition: opacity 0.69s ease-in 0.6s, transform 0.69s ease-in 0.6s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-news__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-news__nav.js-visible,
.ol-news__body.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-price__list {
display: flex;
flex-wrap: wrap;
}
.ol-price__list-item {
width: 100%;
padding-top: clamp(33px, 2.4vw, 42px);
padding-bottom: clamp(33px, 2.4vw, 42px);
padding-left: clamp(42px, 4.5vw, 60px);
border-top-width: 1px;
border-top-style: solid;
}
.ol-price__list-item:last-child {
border-bottom-width: 1px;
border-bottom-style: solid;
}
@media (max-width: 540px) {
.ol-price__list-item {
padding-left: 33px;
}
}
.ol-price__list-item-title {
position: relative;
margin-bottom: clamp(15px, 1.5vw, 24px);
}
@media (max-width: 540px) {
.ol-price__list-item-title {
margin-bottom: 33px;
}
}
.ol-price__list-item-title::before {
content: "";
position: absolute;
width: 18px;
top: calc(50% - 1px);
left: -42px;
height: 2px;
}
@media (max-width: 540px) {
.ol-price__list-item-title::before {
margin-bottom: 33px;
width: 15px;
left: -33px;
}
}
.ol-price__list-child {
display: flex;
flex-wrap: wrap;
row-gap: clamp(15px, 1.5vw, 24px);
}
.ol-price__list-child-item {
flex-basis: 100%;
}
.ol-price__list-child-item:last-child {
margin-bottom: clamp(24px, 2.4vw, 42px);
}
.ol-price__list-child-item-inner {
width: 100%;
display: flex;
justify-content: space-between;
column-gap: clamp(24px, 2.4vw, 42px);
}
.ol-price__item-num {
flex-shrink: 0;
max-width: clamp(300px, 30vw, 450px);
}
@media (max-width: 540px) {
.ol-price__item-num {
max-width: 150px;
}
}
.ol-price__item-name {
flex-shrink: 1;
display: flex;
flex-wrap: wrap;
flex-direction: column;
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-price__item-name {
font-weight: 300;
}
}
.ol-price__item-name-detail {
display: block;
flex-basis: 100%;
margin-top: 6px;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
@media (max-width: 540px) {
.ol-price__item-name-detail {
margin-top: 7px;
}
}
.ol-price__item-num {
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
padding-top: 3px;
}
.ol-price__item-separator {
flex-shrink: 9999;
flex-grow: 1;
position: relative;
margin-top: clamp(8px, 0.8vw, 10px);
height: 10px;
background-size: 10px 10px;
background-repeat: repeat-x;
}
.ol-price__list-item-note {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-price__item-separator {
background-image: radial-gradient(circle farthest-side, #dcdcdc, #dcdcdc 21%, transparent 21%, transparent);
}
.ol-price__list {
opacity: 0;
will-change: opacity, transform;
}
.ol-price__list {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-price__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-price__list.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-media__heading-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.ol-media__heading-wrapper .ol-media__morebtn {
display: flex;
justify-content: end;
}
@media (min-width: 841px) {
.ol-media__heading-wrapper .ol-media__morebtn {
margin-right: 12px;
}
}
@media (max-width: 840px) {
.ol-media__heading-wrapper .ol-media__morebtn {
margin-top: 6px;
}
}
@media (max-width: 540px) {
.ol-media__heading-wrapper .ol-media__morebtn {
margin-top: 9px;
}
}
.ol-media__body {
position: relative;
}
.ol-media__list .ol-card-item {
opacity: 0;
will-change: opacity, transform;
}
.ol-media__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ol-media__list.js-visible .ol-card-item:nth-child(1) {
opacity: 0;
animation: fade 0.9s ease-in 0.24s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(2) {
opacity: 0;
animation: fade 0.9s ease-in 0.48s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(3) {
opacity: 0;
animation: fade 0.9s ease-in 0.72s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(4) {
opacity: 0;
animation: fade 0.9s ease-in 0.96s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(5) {
opacity: 0;
animation: fade 0.9s ease-in 1.2s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(6) {
opacity: 0;
animation: fade 0.9s ease-in 1.44s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(7) {
opacity: 0;
animation: fade 0.9s ease-in 1.68s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(8) {
opacity: 0;
animation: fade 0.9s ease-in 1.92s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(9) {
opacity: 0;
animation: fade 0.9s ease-in 2.16s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(10) {
opacity: 0;
animation: fade 0.9s ease-in 2.4s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(11) {
opacity: 0;
animation: fade 0.9s ease-in 2.64s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(12) {
opacity: 0;
animation: fade 0.9s ease-in 2.88s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(13) {
opacity: 0;
animation: fade 0.9s ease-in 3.12s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(14) {
opacity: 0;
animation: fade 0.9s ease-in 3.36s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(15) {
opacity: 0;
animation: fade 0.9s ease-in 3.6s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(16) {
opacity: 0;
animation: fade 0.9s ease-in 3.84s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(17) {
opacity: 0;
animation: fade 0.9s ease-in 4.08s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(18) {
opacity: 0;
animation: fade 0.9s ease-in 4.32s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(19) {
opacity: 0;
animation: fade 0.9s ease-in 4.56s 1 alternate forwards;
}
.ol-media__list.js-visible .ol-card-item:nth-child(20) {
opacity: 0;
animation: fade 0.9s ease-in 4.8s 1 alternate forwards;
}
.ol-contact__section {
position: relative;
}
@media (min-width: 841px) {
.ol-contact__heading {
margin-bottom: clamp(24px, 2.4vw, 42px);
}
}
.ol-contact__inner {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.ol-contact__heading-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 840px) {
.ol-contact__heading-wrapper {
flex-wrap: wrap;
}
}
.ol-contact__heading-wrapper .ol-contact__heading-wrapper-inner {
flex-basis: 36%;
}
@media (max-width: 840px) {
.ol-contact__heading-wrapper .ol-contact__heading-wrapper-inner {
flex-basis: 100%;
}
}
.ol-contact__heading-wrapper .ol-heading-contact-desc {
flex-basis: 64%;
}
@media (min-width: 841px) {
.ol-contact__heading-wrapper .ol-heading-contact-desc {
text-align: right;
margin-bottom: 0;
margin-top: 0;
}
}
@media (max-width: 840px) {
.ol-contact__heading-wrapper .ol-heading-contact-desc {
text-align: left;
flex-basis: 100%;
}
}
.ol-contact__body {
width: 100%;
display: flex;
justify-content: center;
column-gap: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 840px) {
.ol-contact__body {
row-gap: clamp(24px, 2.4vw, 42px);
flex-wrap: wrap;
}
}
.ol-contact__body-inner {
display: flex;
flex-wrap: wrap;
flex-basis: 50%;
flex-grow: 1;
background-color: #fff;
justify-content: center;
align-items: center;
row-gap: clamp(24px, 2.7vw, 27px);
padding: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 1179px) {
.ol-contact__body-inner {
flex-basis: 40%;
}
}
@media (max-width: 840px) {
.ol-contact__body-inner {
flex-basis: 100%;
}
}
.ol-contact__body-inner.ol-contact__phone-on {
padding-bottom: clamp(42px, 4.5vw, 60px);
}
.ol-contact__phone,
.ol-contact__mail {
flex-basis: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.ol-contact__mail_maintext,
.ol-contact__phone_maintext {
display: flex;
flex-wrap: wrap;
width: 100%;
text-align: center;
font-weight: 300;
}
.ol-contact__mail_maintext span,
.ol-contact__phone_maintext span {
width: 100%;
}
.ol-contact__mail_maintext span i,
.ol-contact__phone_maintext span i {
margin-bottom: clamp(6px, 1vw, 9px);
font-size: clamp(27px, 3.3vw, 33px);
}
@media (max-width: 840px) {
.ol-contact__mail_maintext span i,
.ol-contact__phone_maintext span i {
margin-bottom: 15px;
font-size: 33px;
}
}
.ol-contact__phone_number {
width: 100%;
text-align: center;
margin-top: clamp(6px, 1vw, 9px);
font-size: clamp(24px, 3.3vw, 42px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.42rem;
font-feature-settings: "palt";
letter-spacing: 0.18rem;
}
@media (min-width: 541px) {
.ol-contact__phone_number {
pointer-events: none;
font-weight: 100;
}
}
@media (max-width: 840px) {
.ol-contact__phone_number {
font-size: 42px;
}
}
@media (max-width: 540px) {
.ol-contact__phone_number {
font-size: 30px;
}
}
.ol-contact__mail_subtext,
.ol-contact__phone_subtext,
.ol-contactdetail__phone_subtext {
width: 100%;
text-align: center;
font-size: clamp(11px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-contact__mail_subtext {
margin-top: clamp(6px, 1vw, 9px);
}
.ol-contact__hours {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 50%;
background-color: #fff;
padding: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 1179px) {
.ol-contact__hours {
flex-basis: 60%;
}
}
@media (max-width: 840px) {
.ol-contact__hours {
flex-basis: 100%;
}
}
.ol-contact__hours .ol-hours__component {
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.ol-contact__hours .ol-hours__contact {
display: none;
}
.ol-contact__hours .ol-hours__body {
background-color: transparent;
border: none;
row-gap: clamp(6px, 1.5vw, 15px);
}
@media (max-width: 540px) {
.ol-contact__hours .ol-hours__body {
padding-left: 0;
padding-right: 0;
padding-top: 6px;
padding-bottom: 6px;
}
}
.ol-contact__hours .ol-hours__col-day-title,
.ol-contact__hours .ol-hours__col-day {
flex-grow: 0.3;
}
.ol-contact__hours .ol-hours__col-title,
.ol-contact__hours .ol-hours__col-day-title {
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.ol-contact__hours .ol-hours__col-title,
.ol-contact__hours .ol-hours__col-day-title {
font-size: clamp(11px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
}
.ol-contact__hours .ol-hours__col-day {
font-size: clamp(10px, 0.9vw, 11px);
}
@media (max-width: 540px) {
.ol-contact__hours .ol-hours__col-day {
font-size: clamp(8px, 0.9vw, 11px);
}
}
@media (max-width: 540px) {
.ol-contact__hours .ol-hours__desc1,
.ol-contact__hours .ol-hours__desc2,
.ol-contact__hours .ol-hours__general-desc {
font-size: clamp(11px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.06rem;
}
}
.ol-contact__hours .ol-hours__desc1-icon,
.ol-contact__hours .ol-hours__desc2-icon {
padding-top: 2px;
}
.ol-contact__off .ol-contact__hours {
flex-basis: 100%;
}
.ol-contact__hours,
.ol-contact__body-inner {
opacity: 0;
will-change: opacity, transform;
}
.ol-contact__hours {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-contact__body-inner {
transition: opacity 0.69s ease-in 0.6s, transform 0.69s ease-in 0.6s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-contact__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-contact__hours.js-visible,
.ol-contact__body-inner.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-access__section {
position: relative;
}
.ol-access__heading {
margin-bottom: clamp(42px, 4.5vw, 60px);
}
.ol-access__body {
display: flex;
align-items: flex-start;
column-gap: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 840px) {
.ol-access__body {
flex-wrap: wrap;
row-gap: clamp(24px, 2.4vw, 42px);
}
}
.ol-access__info {
display: flex;
flex-wrap: wrap;
row-gap: 24px;
flex-basis: 50%;
}
@media (max-width: 840px) {
.ol-access__info {
flex-basis: 100%;
}
}
.ol-access__info-item {
display: flex;
width: 100%;
align-items: center;
column-gap: clamp(24px, 2.4vw, 42px);
}
.ol-access__info-item dt {
font-weight: 300;
width: 15vw;
max-width: 165px;
flex-shrink: 0;
}
@media (max-width: 840px) {
.ol-access__info-item dt {
width: 27vw;
}
}
@media (max-width: 540px) {
.ol-access__info-item dt {
width: 30vw;
font-size: 14px;
}
}
.ol-access__info-item .ol-text {
line-height: 1.65;
}
.ol-access__info-item:nth-child(3) .ol-text {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.12rem;
}
@media (min-width: 541px) {
.ol-access__info-item:nth-child(3) .ol-text {
pointer-events: none;
}
}
@media (max-width: 540px) {
.ol-access__info-item:nth-child(3) .ol-text {
font-size: clamp(24px, 3vw, 33px);
font-weight: 200;
line-height: 1;
letter-spacing: 0.12rem;
}
}
.ol-access__image {
flex-basis: 50%;
}
@media (max-width: 840px) {
.ol-access__image {
margin-top: clamp(15px, 1.5vw, 24px);
flex-basis: 100%;
}
}
.ol-access__map {
overflow: hidden;
}
.ol-access__map-button {
margin-top: clamp(6px, 1vw, 9px);
}
.ol-access__map-button .ol-btn-text {
display: inline-block;
font-weight: 400;
}
.ol-access__map-button .ol-btn-text::after {
display: none;
}
.ol-access__map-button .oltana-icon-map_solid {
margin-left: 6px;
font-size: 1.2em;
}
.ol-access__info,
.ol-access__image {
opacity: 0;
will-change: opacity, transform;
}
.ol-access__info {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-access__image.js-visible {
opacity: 1;
transition: opacity 0.69s ease-in 0.75s;
will-change: opacity;
}
.ol-access__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-access__info.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-banner__section {
position: relative;
}
.ol-banner__list {
display: flex;
flex-wrap: wrap;
gap: clamp(24px, 2.4vw, 42px);
}
.ol-banner__column3 .ol-banner__item {
flex-basis: calc((100% - clamp(24px, 2.4vw, 42px) * 2) / 3);
}
@media (max-width: 540px) {
.ol-banner__column3 .ol-banner__item {
flex-basis: 100%;
}
}
.ol-banner__column2 .ol-banner__item {
flex-basis: calc((100% - clamp(24px, 2.4vw, 42px)) / 2);
}
@media (max-width: 540px) {
.ol-banner__column2 .ol-banner__item {
flex-basis: 100%;
}
}
.ol-banner__column1 .ol-banner__item {
flex-basis: 100%;
}
.ol-banner__list {
opacity: 0;
will-change: opacity, transform;
}
.ol-banner__list {
transition: opacity 0.69s ease-in 0s, transform 0.69s ease-in 0s;
will-change: opacity, transform;
transform: translateY(6px);
}
.ol-banner__heading-wrapper.js-visible {
animation: slideIn 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
.ol-banner__list.js-visible {
opacity: 1;
transform: translateY(0);
}
.ol-cvbutton__wrapper {
display: none;
}
.ol-cvbutton__wrapper.ol-cvbutton__sp-button {
padding: 9px;
}
@media (max-width: 540px) {
.ol-cvbutton__wrapper {
display: block;
}
}
.ol-cvbutton__wrapper .ol-btn-regular {
display: flex;
align-items: center;
justify-content: center;
column-gap: 6px;
min-height: 66px;
padding: clamp(12px, 1.5vw, 15px) clamp(12px, 1.8vw, 18px);
}
.ol-cvbutton__wrapper .ol-btn-regular::after {
display: none;
}
#olCvButton {
transition: opacity 0.3s ease-in-out;
will-change: opacity;
}
.js-cvbutton__hidden {
opacity: 0;
}
.js-cvbutton__visible {
position: sticky;
opacity: 1;
bottom: 0;
left: 0;
z-index: 200;
width: 100%;
}
.ol-cvbutton__list {
display: flex;
justify-content: center;
column-gap: 9px;
}
.ol-cvbutton__mail,
.ol-cvbutton__call {
height: 100%;
}
.ol-cvbutton__item.ol-cvbutton__left {
flex-basis: 40%;
}
.ol-cvbutton__item.ol-cvbutton__left .ol-cvbutton__maintext {
font-size: clamp(14px, 2.4vw, 14px);
letter-spacing: 0.03rem;
line-height: 1.35;
font-weight: 400;
}
.ol-cvbutton__item.ol-cvbutton__left .ol-cvbutton__subtext {
margin-top: 2px;
}
.ol-cvbutton__item.ol-cvbutton__right {
flex-basis: 60%;
}
.ol-cvbutton__item.ol-cvbutton__right .ol-cvbutton__mail .ol-cvbutton__maintext {
font-size: clamp(14px, 2.4vw, 14px);
letter-spacing: 0.03rem;
line-height: 1.35;
font-weight: 400;
}
.ol-cvbutton__item.ol-cvbutton__right .ol-cvbutton__mail .ol-cvbutton__subtext {
margin-top: 2px;
}
.ol-cvbutton__item.ol-cvbutton__right .ol-cvbutton__call .ol-cvbutton__maintext {
font-size: clamp(16px, 5.1vw, 19px);
letter-spacing: 0.06rem;
line-height: 1.35;
}
.ol-cvbutton__subtext {
font-size: 9px;
letter-spacing: 0.03rem;
}
.ol-cvbutton__icon {
font-size: 20px;
line-height: 0;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left {
flex-basis: 100%;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left .ol-cvbutton__call .ol-cvbutton__maintext {
font-size: clamp(24px, 9vw, 27px);
letter-spacing: 0.06rem;
line-height: 1.35;
font-weight: 200;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left .ol-cvbutton__call .ol-cvbutton__subtext {
margin-top: 2px;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left .ol-cvbutton__mail .ol-cvbutton__maintext {
font-size: clamp(16px, 6vw, 16px);
letter-spacing: 0.06rem;
line-height: 1.35;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__icon {
font-size: 27px;
line-height: 0;
}
.ol-cvbutton__sp-button1 .ol-btn-regular {
column-gap: 9px;
}
.ol-breadcrumb__wrapper {
margin-bottom: clamp(15px, 1.5vw, 24px);
}
@media (max-width: 1179px) {
.ol-breadcrumb__wrapper {
overflow-x: scroll;
}
}
.ol-breadcrumb__list {
display: flex;
align-items: center;
column-gap: 42px;
}
@media (max-width: 1179px) {
.ol-breadcrumb__list {
width: 100%;
white-space: nowrap;
}
}
.ol-breadcrumb__item {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-breadcrumb__item:not(:last-child) {
position: relative;
}
.ol-breadcrumb__item:not(:last-child)::after {
position: absolute;
content: "";
height: 0.5px;
width: 12px;
right: -27px;
top: 50%;
}
.ol-single__template {
position: relative;
}
.ol-article__body {
max-width: 820px;
margin-left: auto;
margin-right: auto;
padding-top: clamp(60px, 6vw, 90px);
}
.ol-article__meta {
display: flex;
align-items: center;
column-gap: clamp(15px, 1.5vw, 24px);
}
a.ol-article__category {
padding: 6px clamp(15px, 2vw, 21px);
border-radius: 60px;
}
.ol-article__title {
width: 100%;
font-size: 36px;
font-weight: 100;
line-height: 1.5;
margin-top: clamp(15px, 1.5vw, 24px);
margin-bottom: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 540px) {
.ol-article__title {
font-size: 22px;
line-height: 1.65;
}
}
@keyframes img-loading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ol-article__thumbnail {
opacity: 0;
animation: img-loading 0.9s ease-in 0.9s 1 alternate forwards;
}
.ol-article__thumbnail img {
border-radius: 4px;
}
.ol-article__inner {
max-width: 820px;
margin-left: auto;
margin-right: auto;
padding-top: clamp(15px, 1.5vw, 24px);
}
.ol-article__tag {
margin-bottom: clamp(42px, 4.5vw, 60px);
margin-top: clamp(24px, 2.4vw, 42px);
}
.ol-article__tag-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 75%;
margin: 0 auto;
column-gap: clamp(15px, 1.5vw, 24px);
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-article__tag-item {
flex-shrink: 0;
}
.ol-article__writer {
display: flex;
margin-top: clamp(60px, 6vw, 90px);
margin-bottom: clamp(60px, 6vw, 90px);
column-gap: clamp(24px, 2.4vw, 42px);
}
.ol-article__writer-body {
width: 100%;
}
.ol-article__writer-name {
font-weight: 300;
letter-spacing: 0.12rem;
font-size: 19px;
}
.ol-article__writer-job {
font-size: clamp(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.03rem;
margin-bottom: 3px;
}
.ol-article__writer-description {
margin-top: 18px;
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 200;
line-height: 1.8;
letter-spacing: 0.12rem;
}
.ol-article__writer-help .ol-btn-text {
margin-left: auto;
margin-top: 21px;
font-size: clamp(11px, 1vw, 11px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.03rem;
}
.ol-article__writer-thumb {
flex-shrink: 0;
max-width: 120px;
}
.ol-article__writer-thumb img {
height: 105px;
width: 105px;
border-radius: 100px;
object-fit: cover;
}
.ol-article__sns-share {
display: flex;
justify-content: center;
align-items: center;
column-gap: clamp(9px, 1.5vw, 24px);
margin-top: clamp(60px, 6vw, 90px);
margin-bottom: clamp(60px, 6vw, 90px);
}
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(6px);
}
35% {
opacity: 1;
transform: translateY(0);
}
75% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
}
}
@keyframes fadeInText {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-6px);
}
30% {
opacity: 0;
transform: translateY(0);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.ol-article__sns-anchor {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-decoration: none !important;
}
.ol-article__sns-anchor i,
.ol-article__sns-anchor span {
flex-basis: 84%;
text-align: center;
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color;
}
.ol-article__sns-anchor i {
font-size: clamp(19px, 2.1vw, 24px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.18rem;
}
.ol-article__sns-anchor span {
display: block;
margin-top: 9px;
font-size: clamp(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.03rem;
}
.ol-article__sns-anchor.ol-icon-copy {
width: 93px;
cursor: pointer;
}
.ol-article__sns-anchor .fade-in-down {
animation: fadeInDown 0.51s ease backwards;
}
.ol-article__sns-anchor .fade-in-down + span {
animation: fadeInText 0.51s ease backwards;
}
.ol-article__sns-anchor .oltana-icon-check_circle_outline {
animation: fadeIn 1.8s ease backwards;
}
.ol-article__sns-item-separator {
display: block;
}
.ol-article__sns-item-separator::before {
content: "";
display: block;
width: 1px;
height: 18px;
}
.ol-latest-article__body {
position: relative;
}
.ol-latest-article__morebtn {
position: absolute;
right: 12px;
top: -52px;
}
@media (max-width: 840px) {
.ol-latest-article__morebtn {
right: 0px;
top: -69px;
}
}
.ol-single__post-list-inner {
position: relative;
}
.ol-article__tag-item-anchor span {
margin-right: 2px;
}
.page-template-template-wide .ol-article__body,
.post-template-template-wide .ol-article__body {
max-width: 1180px;
}
.page-template-template-wide .ol-article__inner,
.post-template-template-wide .ol-article__inner {
max-width: 1180px;
}
.ol-archive__template {
position: relative;
}
.ol-archive__title {
display: flex;
align-items: center;
column-gap: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 540px) {
.ol-archive__title {
flex-direction: column-reverse;
align-items: flex-start;
row-gap: 3px;
}
}
.ol-archive__title .ol-heading,
.ol-archive__title .ol-heading-sub {
margin-bottom: 0;
}
@media (min-width: 841px) {
.ol-archive__title .ol-heading {
font-size: clamp(24px, 3.3vw, 48px);
font-weight: 100;
line-height: 1.65;
letter-spacing: 0.42rem;
font-feature-settings: "palt";
}
}
.ol-archive__title .ol-heading-sub {
font-size: clamp(15px, 1.5vw, 16px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.12rem;
}
.ol-archive__body {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding-top: clamp(24px, 4.5vw, 60px);
padding-bottom: clamp(90px, 9vw, 120px);
}
.ol-archive__body .ol-news__item-item {
width: 100%;
}
.ol-archive__category {
margin-top: clamp(15px, 2.4vw, 42px);
margin-bottom: clamp(42px, 4.5vw, 60px);
}
.post-type-archive-news .ol-archive__category,
.tax-news-cat .ol-archive__category {
margin-bottom: clamp(15px, 1.5vw, 24px);
}
.ol-pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: clamp(60px, 6vw, 90px);
column-gap: clamp(15px, 1.5vw, 24px);
}
@media (max-width: 540px) {
.ol-pagination {
padding: 0 9px;
}
}
.ol-pagination__item {
flex-basis: clamp(27px, 2.1vw, 30px);
}
.ol-pagination__item .ol-pagination__anchor {
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color, transform;
}
.ol-pagination__item .ol-pagination__anchor::after {
position: absolute;
left: 0;
content: "";
width: 100%;
height: 1px;
bottom: -1px;
transform: scale(0, 1);
transform-origin: left top;
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color, transform;
}
.ol-pagination__item .ol-pagination__anchor:hover::after {
transform: scale(1, 1);
}
.ol-pagination__prev {
margin-right: clamp(12px, 3vw, 30px);
}
.ol-pagination__prev .ol-pagination__anchor::before {
font-family: "oltana-icons";
line-height: 1;
content: "\e968";
padding-right: clamp(9px, 1vw, 12px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.ol-pagination__prev .ol-pagination__anchor:hover::before {
transform: translateX(-4px);
}
.ol-pagination__next {
margin-left: clamp(12px, 3vw, 30px);
}
.ol-pagination__next .ol-pagination__anchor::after {
font-family: "oltana-icons";
line-height: 1;
content: "\e95d";
padding-left: clamp(9px, 1vw, 12px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.ol-pagination__next .ol-pagination__anchor:hover::after {
transform: translateX(4px);
}
@media (max-width: 540px) {
.ol-pagination__prev span,
.ol-pagination__next span {
display: none;
}
}
.ol-pagination__prev .ol-pagination__anchor,
.ol-pagination__next .ol-pagination__anchor {
display: flex;
align-items: center;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
will-change: color, transform;
}
.ol-pagination__anchor {
display: block;
width: inherit;
text-align: center;
padding-bottom: 6px;
}
.ol-pagination__item-current {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.ol-article__404 {
text-align: center;
margin-bottom: clamp(90px, 9vw, 120px);
}
.ol-article__title-404 {
font-size: clamp(24px, 3.3vw, 48px);
font-weight: 100;
line-height: 1.65;
letter-spacing: 0.18rem;
font-feature-settings: "palt";
margin-bottom: clamp(15px, 1.2vw, 15px);
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-form-control-wrap {
position: relative;
display: block;
}
.wpcf7 {
overflow: hidden;
max-width: 100%;
}
.wpcf7 form {
max-width: 100%;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio],
.wpcf7 input[type=date],
.wpcf7 input[type=submit] {
max-width: 100%;
border-width: 1px;
border-style: solid;
border-radius: 4px;
font-size: 14px;
letter-spacing: 0.12rem;
background-color: #fff;
}
@media (max-width: 540px) {
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio],
.wpcf7 input[type=date],
.wpcf7 input[type=submit] {
font-size: 15px;
}
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
max-width: 100%;
width: 100%;
padding: 6px 15px;
}
@media (max-width: 540px) {
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
font-size: 16px;
}
}
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
cursor: pointer;
}
.wpcf7 input[type=radio] {
border-radius: 50%;
}
.wpcf7 input[type=radio]::before {
content: "";
position: absolute;
opacity: 0;
width: 10px;
height: 10px;
border-radius: 50%;
left: 5px;
transform: translateY(-50%);
top: 50%;
}
.wpcf7 input[type=radio]:checked::before {
opacity: 1;
}
.wpcf7 input[type=checkbox]::before {
content: "";
display: block;
position: absolute;
border-left-style: solid;
border-left-width: 2px;
border-bottom-style: solid;
border-bottom-width: 2px;
opacity: 0;
height: 6px;
width: 12px;
transform: rotate(-45deg);
top: 13px;
left: 4px;
}
@media (max-width: 540px) {
.wpcf7 input[type=checkbox]::before {
top: 11px;
}
}
.wpcf7 input[type=checkbox]:checked::before {
opacity: 1;
}
.wpcf7 input[type=file] {
font-size: 14px;
letter-spacing: 0.12rem;
}
@media (max-width: 540px) {
.wpcf7 input[type=file] {
font-size: 15px;
}
}
.wpcf7 input[type=date] {
padding: 6px 15px;
}
@media (max-width: 540px) {
.wpcf7 input[type=date] {
height: 45px;
width: 135px;
}
}
.wpcf7 input[type=submit] {
margin: 0 auto;
text-align: center;
border: none;
padding: clamp(12px, 1.5vw, 15px) clamp(36px, 4.2vw, 45px);
font-size: clamp(14px, 1.2vw, 14px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 4px;
text-decoration: none !important;
}
@media (max-width: 540px) {
.wpcf7 select {
font-size: 15px;
}
}
.wpcf7 textarea {
padding: 9px 15px;
height: 150px;
line-height: 1.65;
}
@media (max-width: 540px) {
.wpcf7 textarea {
height: 210px;
}
}
.wpcf7 p {
max-width: 100%;
position: relative;
padding-bottom: clamp(15px, 2vw, 21px);
padding-top: clamp(15px, 2vw, 21px);
}
.wpcf7 p::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #ececec;
bottom: calc(-1 * clamp(27px, 2vw, 30px));
left: 0;
}
.wpcf7 p:last-of-type {
padding-bottom: 0;
}
.wpcf7 p:last-of-type::after {
display: none;
}
.wpcf7 p > label {
width: 100%;
font-weight: 300;
margin-bottom: 6px;
display: inline-block;
}
@media (max-width: 540px) {
.wpcf7 p > label {
font-size: 16px;
}
}
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-radio {
max-width: 100%;
}
@media (max-width: 540px) {
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-radio {
margin-top: 15px;
}
}
.wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip {
font-size: 14px;
}
.wpcf7 .wpcf7-not-valid-tip {
color: #db4d4d;
position: absolute;
display: block;
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
margin-top: 6px;
width: 100%;
max-width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
padding: 12px 18px;
border-style: solid;
border-width: 1px;
text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: #db4d4d;
color: #db4d4d;
}
.wpcf7-form-control {
display: flex;
column-gap: 30px;
}
@media (max-width: 540px) {
.wpcf7-form-control {
flex-wrap: wrap;
row-gap: 9px;
}
}
.wpcf7-form-control .wpcf7-list-item,
.wpcf7-form-control .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
column-gap: 9px;
font-size: 14px;
}
@media (max-width: 540px) {
.wpcf7-form-control .wpcf7-list-item,
.wpcf7-form-control .wpcf7-list-item label {
flex-basis: 100%;
font-size: 15px;
}
}
.ol-footer__section [id^=ol]:first-of-type section {
margin-top: clamp(90px, 9vw, 120px);
}
.ol-footer {
position: relative;
z-index: 100;
}
.ol-footer__inner {
padding-top: clamp(24px, 2.4vw, 42px);
padding-bottom: clamp(24px, 2.4vw, 42px);
}
.ol-footer__head {
margin-bottom: 24px;
}
@media (max-width: 540px) {
.ol-footer__head {
column-gap: 999px;
margin-bottom: 45px;
}
}
.ol-footer__head,
.ol-footer__footer {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 540px) {
.ol-footer__head,
.ol-footer__footer {
flex-wrap: wrap;
justify-content: center;
}
}
.ol-footer__footer {
margin-top: clamp(15px, 1.5vw, 24px);
column-gap: clamp(24px, 2.4vw, 42px);
}
@media (max-width: 840px) {
.ol-footer__footer {
flex-wrap: wrap;
row-gap: 12px;
}
}
.ol-footer__title-logo {
flex-shrink: 0;
margin-right: auto;
box-sizing: content-box;
}
@media (max-width: 540px) {
.ol-footer__title-logo {
margin-right: 0;
margin-bottom: 21px;
}
}
.ol-footer__title-logo.ol-logo-exsmall {
width: clamp(90px, 12vw, 120px);
}
@media (max-width: 540px) {
.ol-footer__title-logo.ol-logo-exsmall {
width: clamp(75px, 25vw, 105px);
}
}
.ol-footer__title-logo.ol-logo-small {
width: clamp(150px, 18vw, 210px);
}
@media (max-width: 540px) {
.ol-footer__title-logo.ol-logo-small {
width: clamp(105px, 33vw, 210px);
}
}
.ol-footer__title-logo.ol-logo-medium {
width: clamp(180px, 21vw, 240px);
}
@media (max-width: 540px) {
.ol-footer__title-logo.ol-logo-medium {
width: clamp(120px, 42vw, 240px);
}
}
.ol-footer__title-logo.ol-logo-large {
width: clamp(210px, 24vw, 270px);
}
@media (max-width: 540px) {
.ol-footer__title-logo.ol-logo-large {
width: clamp(135px, 51vw, 270px);
}
}
.ol-footer__title-logo.ol-logo-exlarge {
width: clamp(240px, 27vw, 330px);
}
@media (max-width: 540px) {
.ol-footer__title-logo.ol-logo-exlarge {
width: clamp(150px, 63vw, 330px);
}
}
.ol-footer__title-logo img {
width: 100%;
}
.ol-footer__title-text {
flex-shrink: 0;
margin-right: auto;
box-sizing: content-box;
}
.ol-footer__title-text.ol-logo-exsmall {
font-size: clamp(16px, 2.7vw, 21px);
}
.ol-footer__title-text.ol-logo-small {
font-size: clamp(21px, 3vw, 27px);
}
.ol-footer__title-text.ol-logo-medium {
font-size: clamp(27px, 3.3vw, 36px);
}
.ol-footer__title-text.ol-logo-large {
font-size: clamp(24px, 3vw, 33px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.36rem;
}
.ol-footer__title-text.ol-logo-exlarge {
font-size: clamp(24px, 3vw, 33px);
font-weight: 200;
line-height: 1.5;
letter-spacing: 0.36rem;
}
.ol-footer__links {
display: flex;
align-items: center;
column-gap: clamp(15px, 1.5vw, 24px);
}
.ol-footer__links,
.ol-footer__copyright {
font-size: clamp(12px, 1.2vw, 12px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.06rem;
}
@media (max-width: 540px) {
.ol-footer__links,
.ol-footer__copyright {
font-size: clamp(11px, 1vw, 11px);
font-weight: 200;
line-height: 1.65;
letter-spacing: 0.03rem;
}
}
.ol-footer__copyright-icon {
font-size: 0.85em;
margin-right: 3px;
}
.ol-footer__copyright-name {
margin-left: 6px;
}
.ol-footer__separator {
display: block;
padding-top: 2px;
}
.ol-footer__separator::before {
content: "";
display: block;
width: 1px;
height: 14px;
}
#oltanaCopySuccess {
display: none;
position: fixed;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px 30px;
font-size: 14px;
letter-spacing: 0.03rem;
border-radius: 3px;
color: #666;
background: #fff;
box-shadow: 0 2px 8px 0px rgba(170, 170, 170, 0.3);
z-index: 999;
}
#pageTop {
display: none;
position: fixed;
bottom: clamp(42px, 4.5vw, 60px);
right: max(clamp(42px, 4.5vw, 60px), 50% - 780px);
opacity: 0;
transition: opacity 0.3s ease;
will-change: opacity;
}
#pageTop.js-pagetop__show {
opacity: 1;
}
.ol-pagetop {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 54px;
cursor: pointer;
}
.ol-pagetop .ol-pagetop__text {
text-align: center;
font-size: clamp(11px, 1vw, 11px);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.06rem;
}
.ol-pagetop .ol-pagetop__deco1 {
width: 100%;
height: 1px;
margin-top: 4px;
}
.ol-pagetop .ol-pagetop__deco2 {
margin-top: 15px;
width: 30px;
height: 30px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
transform: rotate(45deg);
}