/* Visual values retained from Vertical Menu 90; scoped to this template menu. */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300&display=swap');
.cl-site-content { position:relative; width:100%; min-height:100vh; transition:width .5s ease; }
.cl-navigation { --cl-panel-width:min(300px,80vw); }
.cl-menu-toggle { position:fixed; z-index:10001; right:5px; top:40px; width:40px; height:40px; padding:0; border:0; border-radius:0; margin:0; background:rgba(0,49,77,.01); color:#00314d; cursor:pointer; transition:right .5s ease; }
.cl-menu-toggle:hover,.cl-menu-toggle:focus { background:rgba(0,49,77,.01); }
.cl-burger { display:block; position:relative; width:24px; height:24px; margin:8px; }
.cl-burger span { position:absolute; left:0; width:24px; height:3px; background:#00314d; transition:transform .2s,opacity .2s; }
.cl-burger span:nth-child(1) { top:4px; }
.cl-burger span:nth-child(2) { top:10.4px; }
.cl-burger span:nth-child(3) { top:16.8px; }
.cl-nav-open .cl-menu-toggle { right:calc(var(--cl-panel-width) + 5px); }
.cl-nav-open .cl-burger span:nth-child(1) { transform:translateY(6.4px) rotate(45deg); }
.cl-nav-open .cl-burger span:nth-child(2) { opacity:0; }
.cl-nav-open .cl-burger span:nth-child(3) { transform:translateY(-6.4px) rotate(-45deg); }
.cl-menu-panel { position:fixed; z-index:10000; top:0; right:0; width:var(--cl-panel-width); height:100vh; height:100dvh; background:#fff; box-shadow:0 1px 2px -1px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.1); transform:translateX(101%); visibility:hidden; transition:transform .5s ease,visibility 0s .5s; overflow-y:auto; overscroll-behavior:contain; }
.cl-nav-open .cl-menu-panel { transform:translateX(0); visibility:visible; transition:transform .5s ease; }
.cl-menu-inner { width:100%; min-height:100%; }
.cl-menu-panel .cl-menu-logo { display:block; text-align:center; line-height:normal; padding:0; margin:0; border:0; background:#fff; }
.cl-menu-panel .cl-menu-logo img { display:inline-block; max-width:100%; width:263px; height:auto; padding:0; margin:0; border:0; vertical-align:baseline; }
.cl-menu-panel ul { padding:0; margin:0; list-style:none; }
.cl-menu-panel .nav>li { margin:0; padding:0; float:none; }
.cl-menu-panel .nav>li>a,.cl-menu-panel .cl-submenu-toggle,.cl-menu-panel .cl-menu-heading { display:block; position:relative; box-sizing:border-box; width:100%; padding:7px 39px 7px 15px; border:0; border-top:1px solid transparent; border-bottom:1px solid transparent; margin:0; border-radius:0; background:#fff; color:#6a7373; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; font-size:16px; font-weight:300; font-style:normal; text-decoration:none; text-align:left; text-transform:none; line-height:normal; white-space:normal; }
.cl-menu-panel .cl-submenu-toggle { cursor:pointer; }
.cl-menu-panel .nav>li.cl-level-2>a,.cl-menu-panel .nav>li.cl-level-2>.cl-submenu-toggle { padding-left:30px; font-size:14px; }
.cl-menu-panel .nav>li.cl-level-3>a,.cl-menu-panel .nav>li.cl-level-3>.cl-submenu-toggle { padding-left:45px; font-size:13px; }
.cl-menu-panel .nav>li.cl-level-4>a,.cl-menu-panel .nav>li.cl-level-4>.cl-submenu-toggle { padding-left:60px; font-size:13px; }
.cl-menu-panel .nav>li>a:hover,.cl-menu-panel .nav>li>a:focus,.cl-menu-panel .cl-submenu-toggle:hover,.cl-menu-panel .cl-submenu-toggle:focus,.cl-menu-panel .cl-submenu-toggle[aria-expanded=true] { background:#3c5569; color:#fff; text-decoration:none; }
.cl-menu-panel .nav>li.current>a { color:#6a7373; }
.cl-menu-panel .cl-menu-arrow { position:absolute; right:15px; top:50%; width:20px; height:20px; margin-top:-10px; background:url('../img/chanon-menu-arrow.png') no-repeat left center / 40px 20px; transition:transform .4s; }
.cl-menu-panel .cl-submenu-toggle:hover .cl-menu-arrow,.cl-menu-panel .cl-submenu-toggle:focus .cl-menu-arrow,.cl-menu-panel .cl-submenu-toggle[aria-expanded=true] .cl-menu-arrow { background-position:right center; }
.cl-menu-panel .cl-submenu-toggle[aria-expanded=true] .cl-menu-arrow { transform:rotate(90deg); }
.cl-menu-panel .cl-submenu.collapsing { transition:height .4s ease; }
.cl-menu-panel .cl-submenu.collapse { display:none; }
.cl-menu-panel .cl-submenu.collapse.in { display:block; }
.cl-menu-toggle:focus-visible,.cl-menu-panel a:focus-visible,.cl-menu-panel button:focus-visible { outline:2px solid #ec7639; outline-offset:-2px; }
.cl-menu-backdrop { display:none; }
@media(min-width:768px) { .cl-nav-open .cl-site-content { width:calc(100% - 300px); } }
@media(max-width:767px) {
  .cl-nav-open { overflow:hidden; }
  .cl-nav-open .cl-menu-backdrop { display:block; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.2); }
}
@media(prefers-reduced-motion:reduce) { .cl-site-content,.cl-menu-panel,.cl-menu-toggle,.cl-burger span,.cl-menu-arrow,.cl-menu-panel .cl-submenu.collapsing { transition:none!important; } }
@media print { .cl-navigation { display:none!important; } .cl-site-content { width:100%!important; } }