/* -----------------------------------------------
= pagelink
----------------------------------------------- */
.pagelink {
	padding: 4rem 1.6rem;
}
.pagelink li {
	margin-bottom: 2rem;
}
.pagelink a {
	display: block;
	position: relative;
	padding: 2rem 0 4rem;
	background: #f2f2f2;
	border-top: 1px solid #008a32;
	border-bottom: 1px solid #008a32;
	text-align: center;
}
.pagelink a::before,
.pagelink a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 1rem;
	transform: translateX(-50%);
}
.pagelink a::before {
	bottom: 1rem;
	width: 2.4rem;
	height: 2rem;
	background: #000;
}
.pagelink a::after {
	bottom: 1.4rem;
	width: 1.2rem;
	height: 1.2rem;
	margin-left: .1rem;
	background: #f2f2f2;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.pagelink .jp {
	display: block;
	margin-bottom: 1rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.pagelink .en {
	display: block;
	font-family: var(--fontEn);
	font-size: 1.6rem;
	font-weight: 600;
}
@media print, screen and (min-width: 768px) {/* PC */
.pagelink {
	padding: 14rem .5rem;
}
.pagelink ul {
	display: flex;
	max-width: 117rem;
	margin: 0 auto;
}
.pagelink li {
	width: 100%;
	margin: 0 3.5rem;
}
}/* @media */
/* -----------------------------------------------
= block
----------------------------------------------- */
.block {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}
.block .subtitle {
	margin: 0 auto 3rem;
}
.block .subtitle .jp {
	display: block;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #008a32;
	font-size: 2.4rem;
	font-weight: 700;
}
.block .subtitle .en {
	display: block;
	font-family: var(--fontEn);
	font-size: 2rem;
	font-weight: 600;
}
@media print, screen and (min-width: 768px) {/* PC */
.block .subtitle {
	max-width: 110rem;
	margin: 0 auto 3rem;
}
.block .subtitle .jp {
	font-size: 2.8rem;
}
.block .subtitle .en {
	font-size: 2.4rem;
}
}/* @media */
/* -----------------------------------------------
= number
----------------------------------------------- */
.number .item {
	margin-bottom: 1.6rem;
	padding: 2rem 0;
	border: 3px solid #000;
	text-align: center;
}
.number .item h3 {
	margin-bottom: 2.5rem;
	font-size: 2rem;
	font-weight: 700;
}
.number .item .num {
	font-size: 2.8rem;
	font-weight: 700;
}
.number .item .num span {
	font-family: var(--fontEn);
	font-size: 6rem;
	font-weight: 600;
}
.number .item .num.type02 {
	font-size: 2rem;
}
.number .item .num.type02 span {
	font-size: 4.2rem;
}
.number .item img {
	width: 18rem;
}
.number .item .note {
	font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.number {
	display: flex;
	flex-wrap: wrap;
	max-width: 114rem;
	margin: 0 auto 3rem;
}
.number .item {
	width: calc(1 / 3 * 100% - 2rem);
	margin: 0 1rem 2rem;
	padding: 2.5rem 0;
}
.number .item:nth-child(4) {
	width: calc(2 / 3 * 100% - 2rem);
}
.number .item h3 {
	margin-bottom: 4rem;
}
.number .item:nth-child(4) h3 {
	margin-bottom: 1rem;
}
.number .item .num {
	margin-bottom: 0;
	font-size: 3.2rem;
	line-height: 4rem;
}
.number .item:nth-child(1) .num {
	margin-bottom: 2rem;
}
.number .item .num span {
	font-size: 7.2rem;
}
.number .item .num.type02 {
	font-size: 2.4rem;
}
.number .item .num.type02 span {
	font-size: 4.2rem;
}
.number .item:nth-child(4) img {
	width: 65.6rem;
}
.number .item:nth-child(9) img {
	width: 22.8rem;
}
}/* @media */
/* -----------------------------------------------
= history
----------------------------------------------- */
.history .item {
	margin-bottom: 3rem;
}
.history .item .text {
	margin: 2rem 0 0;
}
.history .item .note {
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 3rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.history .item {
	max-width: 110rem;
	margin: 0 auto 6rem;
}
.history h3 {
	position: relative;
	margin: 0 12.6rem -4rem 0;
}
.history .inner {
	display: flex;
	align-items: start;
	margin: 0 0 4rem 17rem;
}
.history .inner img {
	width: 29.7rem;
}
.history .inner .set {
	flex: 1;
	position: relative;
	margin-left: 3rem;
}
.history .item .note {
	margin-top: 2rem;
}
}/* @media */
/* -----------------------------------------------
= field
----------------------------------------------- */
.field .item {
	margin-bottom: 1.6rem;
	border: 3px solid #000;
	text-align: center;
}
.field .item a {
	display: block;
}
.field .item h3 {
	display: grid;
	place-content: center;
	min-height: 8rem;
	border-bottom: 3px solid #000;
	font-size: 2.4rem;
	line-height: 2.8rem;
}
.field .item .name {
	margin: 2rem 0 .5rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.6rem;
}
.field .item .dev {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.field .item .more {
	display: inline-block;
	margin-bottom: 2rem;
	padding: 0 1.5rem;
	color: #fff;
	background: #4d4d4d;
	border-radius: 3em;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.4rem;
}
.lity-wrap {
	padding: 1.6rem;
	overflow-y: scroll;
	overscroll-behavior: contain;
}
.field_detail {
	padding: 1.6rem;
	background: #fff;
}
.field_detail h3 {
	margin-bottom: 4rem;
	text-align: center;
}
.field_detail h3 .jp {
	display: block;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #008a32;
	font-size: 2.4rem;
	font-weight: 700;
}
.field_detail h3 .en {
	display: block;
	font-family: var(--fontEn);
	font-size: 2rem;
	font-weight: 600;
}
.field_detail .name {
	margin: 2rem 0 .5rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2.6rem;
	text-align: center;
}
.field_detail .dev {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-align: center;
}
.field_detail .text {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.field_detail .link {
	display: block;
	margin-bottom: 3rem;
	padding: 1.5rem;
	background: #f2f2f2;
	border: 1px solid #808080;
	font-size: 1.6rem;
	line-height: 2.8rem;
	text-align: center;
}
.field_detail .close {
	display: block;
	width: 8rem;
	margin: 0 auto 5rem;
	padding-bottom: .5rem;
	border-bottom: 2px solid #000;
	font-family: var(--fontEn);
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
}
.field .link {
	display: block;
	margin-bottom: 3rem;
	padding: 1.5rem;
	background: #f2f2f2;
	border: 1px solid #808080;
	font-size: 1.6rem;
	line-height: 2.8rem;
	text-align: center;
}
@media print, screen and (min-width: 768px) {/* PC */
.field {
	display: flex;
	flex-wrap: wrap;
	max-width: 110rem;
	margin: 0 auto;
}
.field .item {
	width: calc(1 / 3 * 100% - 2rem);
	margin: 0 1rem 2rem;
}
.field .item a h3,
.field .item a .more {
	transition: .3s;
}
.field .item a:hover h3 {
	color: #fff;
	background: #008a32;
}
.field .item a:hover .more {
	background: #008a32;
}
.field .item .dev {
	min-height: 4.8rem;
}
.lity-container {
	padding: 3rem;
}
.field_detail {
	max-width: 65.6rem;
	padding: 3.5rem 6.5rem;
}
.field_detail .link,
.field_detail .close {
	transition: .3s;
}
.field_detail .link:hover,
.field_detail .close:hover {
	opacity: .8;
}
.field .link {
	margin: 4rem 1rem 0;
	width: 100%;
	border-color: #000;
}
}/* @media */