/*--------------------
	VARIABLE
--------------------*/
/*--------------------
	BASE
--------------------*/
html {
  overflow-y: scroll;
  font-size: 62.5%; }

body {
  background: #fef7f0;
  color: #2f2f2f;
  font-family: "fot-tsukuardgothic-std", sans-serif; }
  @media screen and (max-width: 1119px) {
    body {
      margin-top: 80px; } }

p {
  text-align: justify;
  font-size: 1.6em;
  line-height: 1.5; }

a {
  text-decoration: none;
  color: #2f2f2f;
  transition: .5s; }

li {
  list-style: none; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

.cf::before,
.cf::after {
  content: "";
  display: table; }

.cf::after {
  clear: both; }

.cf {
  *zoom: 1; }

@media screen and (max-width: 1119px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 1120px) {
  .sp {
    display: none !important; } }

.nl {
  margin-top: 1em; }