/* font setting */
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-SemiBold.ttf');
  font-weight: 600;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'SUIT';
  src: url('../font/SUIT-ExtraBold.ttf');
  font-weight: 800;
}

html {position: relative; height: 100%;}
html, body {scroll-behavior: smooth;}

* {padding: 0; margin: 0; border: 0; box-sizing: border-box; font-family: 'SUIT', sans-serif; color: #000; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -0.03px; overflow-wrap: break-word;}
span, b {display: inline-block; vertical-align: top;}
a {display: block; color: inherit; line-height: inherit; text-decoration: none;}
a:link, a:active, a:visited {color: inherit;}
i {font-style: normal;}
table {display: table; width: 100%; table-layout:fixed;}
table, tr, td, th, thead, tbody, tfoot, caption {table-layout:fixed; border-collapse: collapse;}
img {display: block; width: 100%;}
address {font-style: normal;}

/* **************************************** policy */
/* header */
header {position: fixed; top: 0; left: 0; right: 0; display: flex; padding: 36px 40px 36px 40px; background: #fff;  justify-content: space-between; z-index: 500;}
header .title_area h2 {color: #000; font-size: 32px; line-height: 48px; font-weight: 500;}

/* content_area */
main {max-width: 1440px; margin-top: 120px;}
section {width: 60%;}

.content_area {padding: 40px;}
.content_area ul,
.content_area ol {padding-left: 20px;}

footer {display: flex; padding: 40px; flex-flow: row; justify-content: space-between;}

footer p,
footer ul li {color: #777; font-size: 14px; line-height: 21px; font-weight: 300;}

footer ul {display: flex; flex-flow: row; list-style: none;}
footer ul li {font-weight: 600;}
footer ul li:last-child:before {display: inline-block; margin:0 5px; color: #ddd; vertical-align: top; content: '|';}
footer ul li a {display: inline-block; color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; vertical-align: top;}

@media (max-width: 1000px) {
  header {padding: 4.2667vw;}
  header .title_area h2 {font-size: 5.3334vw; line-height: 8vw;}

  main {margin-top: 16vw;}
  section {width: 100%;}

  .content_area {padding: 6.4vw 4.2667vw;}
  .content_area ul,
  .content_area ol {padding-left: 3.2vw;}

  footer {flex-flow: column; align-items: center;}

  footer p,
  footer ul li {font-size: 3.2vw; line-height: 4.8vw;}

  footer ul {margin-bottom: 2.1334vw;}
  footer ul li:last-child:before {margin:0 2.1334vw;}

}