@charset "utf-8";
/* CSS Document */

.fc-main { color: #fcc800; }
.fc-sub { color: #f39800; }

.container {
	max-width: 980px;
	width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.for-pc {
}
.for-sp {
	display: none !important;
}
.font-s {
	font-size: 1.8rem;
}

.ta-c {
	text-align: center !important;
}
.ta-r {
	text-align: right !important;
}

@media screen and (max-width: 996px) {
	.container {
		padding-right: 1em;
		padding-left: 1em;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 480px) {
	.for-pc {
		display: none !important;
	}
	.for-sp {
		display: block !important;
	}
	.font-s {
		font-size: 1.6rem;
	}
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf') format('opentype');
}

@media screen and (min-width: 769px){
	.pc_flex {
		display: flex;
		justify-content: space-between;
	}
}

.sa {
  opacity: 0;
  transition: all .5s ease;
}
.sa.show {
  opacity: 1;
  transform: none;
}
.sa--lr {
  transform: translate(-100px, 0);
}
.sa--rl {
  transform: translate(100px, 0);
}
.sa--up {
  transform: translate(0, 100px);
}
.sa--down {
  transform: translate(0, -100px);
}
.sa--scaleUp {
  transform: scale(.5);
}
.sa--scaleDown {
  transform: scale(1.5);
}
.sa--rotateL {
  transform: rotate(180deg);
}
.sa--rotateR {
  transform: rotate(-180deg);
}