/*
  Font
======================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');



/*
  Import CSS
======================================================== */
@import url('./site-common_pc.css');
@import url('./site-common_sp.css') screen and (max-width:780px);



/*
  Colors
======================================================== */
:root {
  --blk: #000000;
  --wht: #ffffff;
  --d-blue: #0d47a1;
  --green: #38a99d;
  --l-green: #badfdb;
  --pink: #ffa4a4;
  --l-pink: #ffbdbd;
  --l-yellow: #fcf9ea;
}



/*
  Common Styles
======================================================== */
html {
  font-size: 62.5%;
  font-size: 10px;
  height: 100%;
}
body {
  height: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
.l-container {
  position: relative;
  width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  overflow-x: hidden;
}
a { outline: none; }

/*
  Font Family
-------------------------------------------------------- */
.ff-ns {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
.ff-sm {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
}