@charset "utf-8";
@import url('common.css');

/* typo */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body {
  font-family: Georgia, 'Times New Roman', Times, serif;
}
p, footer a {
  font-family: 'Pretendard-Regular', Arial, Helvetica, sans-serif;
}
/* navigation hover effect */

.container {
  max-width: 940px;
}
img {
  max-width: 100px;
}

/* a tag hover effect */
nav a:hover {
  color: #333 !important;
}

nav a, footer a {
  vertical-align: middle;
}

nav li:last-of-type::before {
  content: '●';
  font-size: 9px;
  color: #333;
  vertical-align: middle;
  margin: 0 16px;
}
header {
  /* background image parallex scrolling */
  background: url(../image/bg-light.png) no-repeat 50% 50%/cover fixed;
}


@media (min-width: 768px) {
    footer li:first-of-type::after {
        content: '｜';
        font-size: 20px;
        color: #ccc;
        vertical-align: middle;
        margin-left: 4px;
    }
}