@charset "utf-8";

/* var */
:root {
  --f_base: "Noto Sans", sans-serif;
  --f_title: "avenir-lt-pro", sans-serif;
}

/* base */
body { letter-spacing: .03em; }

/* l-header */
.l-header__nav--global ul>li { font-size: 1.6em; }
.l-header__nav--sub li { font-size: 1.2em; }
.l-header__nav--user li { font-size: 1.1em; }

/* l-main__section */
.l-main__title { font-size: 1.7em; }

/* l-news */
.l-news__title { font-size: 1.1em; font-family: var(--f_title); }

/* l-news--featured */
.l-news--featured .l-news__title { font-size: 1.2em; font-family: var(--f_title); }

/* l-events */
.l-events__title { font-family: var(--f_title); }
.l-events__item { max-width: calc((100% - (3 * 1.5rem)) / 4); }

/* l-jobs */
.l-jobs__title { font-family: var(--f_title); }

/* l-footer */
.l-footer__nav--main li { font-size: 1.2em; line-height: 1.4; margin:0 0 .35em 0; }
.l-footer__nav--sub { justify-content: space-between; width: 85%; }

@media screen and (max-width: 600px) {

/* l-header */
.l-header__nav--sub li { font-size: 1em; }

/* l-slides */
.l-main__section--slide .l-slides { gap:0 1rem; }
.l-main__section--slide .l-slides .c-banner { width: 40vw; }

/* l-events */
.l-events__item { max-width: 100%; }

/* l-footer */
.l-footer__nav--main li { font-size: 1.3em; line-height: 1.3; }
.l-footer__nav--sub { justify-content: flex-start; }

/* sp_menu */
.sp_menu .sp_gnav .sp_gnav--main li { font-size: 1.7em; }
.sp_menu .sp_gnav .sp_gnav--sub li { font-size: 1.3em; margin:0 0 .75em 0; }
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(1) { width:22%; }
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(2) { width:53%; }
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(3) { width:25%; }
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(4) { width:43%; }
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(5) { width:20%; }
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(6) { width:37%; }
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(3),
.sp_menu .sp_gnav .sp_gnav--user li:nth-child(6) { border-right:solid 1px var(--c_purple); }
.sp_menu .sp_gnav .sp_gnav--tool { flex-direction: row-reverse; }

}