@charset "UTF-8";

@media all {
	:root {
		-webkit-text-size-adjust: 100%;
		--sans-serif: "Noto Sans JP", sans-serif;
		--serif: "Noto Serif JP", serif;
		font-family: var(--sans-serif);
		line-height: 1;
		--txt: #000;
		--header-nav-active: #f00;
		color: var(--txt);
		font-feature-settings: "palt";
		letter-spacing: .9em;
	}
	h1,h2,h3,h4,h5 {
		font-weight: 500;
		letter-spacing: .08em;
	}
	a {color: var(--txt);}
	.serif {font-family: var(--serif)!important;}
	.sans {font-family: var(--sans-serif)!important;}
	.justify {text-align: justify;}
	.ilb {display: inline-block;}
	.lh15 {line-height: 1.5;}
	:not(.the_content) img {width: 100%;}

	/* sp */
	@media only screen and (max-width: 767px) {
		:root {
			font-size: 0.25vw;
		}
		.spNone, .tabOnly, .pcOnly {display: none!important;}
		.site-header,
		.site-main,
		.site-footer {
			font-size: 15rem;
		}
		h2 {font-size: 20rem;}
	}

	/* tab & pc */
	@media print,
	(min-width: 768px) {
		:root {
			font-size: 1px;
		}
		.spOnly {display: none!important;}
		h2 {font-size: 22rem;}
		.site-header,
		.site-main,
		.site-footer {
			font-size: 15rem;
		}
		.hover {transition: opacity .3s;}
		.hover:hover {opacity: .7;}
	}
	/* tab */
	@media (max-width: 1024px) {
		.pcOnly, .tabNone {display: none!important;}
	}
	/* pc */
	@media (min-width: 1025px) {
		.tabOnly, .pcNone {display: none!important;}
		.site-main,
		.site-footer {min-width: 1280px;}
	}

	/* wide */
	@media (min-width: 1600px) {
		:root {
			font-size: 0.0625vw;
		}
	}
}


/* --HEADER-- */
@media all {
	.site-header {
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		justify-content: space-between;
		width: 100%;
		z-index: 1000;
		background-color: #fff;
	}


	.site-header-logo {
		display: flex;
		align-items: center;
	}
	.site-header-logo a {display: block;}
	.site-header-logo a img {width: 100%;}

	.site-header-nav {font-weight: 500;}
	.site-header-nav-item > a {display: block;}


	/* sp&tab */
	@media only screen and (max-width: 1024px) {
		.pcHeaderOnly {display: none;}

		body.nav-active {
			overflow: hidden;
		}
		.site-header {
			box-shadow: 0 0 5rem rgba(0, 0, 0, .3);
		}
		.nav-active .site-header {background-color: #fff;}
		
		.site-header-nav {
			position: fixed;
			overflow-y: auto;
			z-index: 999;
			top: 64rem;
			left: 105vw;
			padding-bottom: 20rem;
			width: 60vw;
			width: 100%;
			max-height: calc(100vh - 64rem);
			background-color: #fff;
			font-size: 15rem;
			transition: left .5s;
		}
		
		.nav-active .site-header-nav {left: 0;}
		.site-header-nav-list {
			display: flex;
			flex-direction: column;
			padding: 0;
		}
		.site-header-nav-item {
			position: relative;
			padding: 6rem 0;
			line-height: 1;
		}
		.site-header-nav-item a {
			color: var(--main-color);
		}
		.nav-accordion-opener {
			position: absolute;
			top: 21rem;
			right: 16rem;
			display: block;
			width: 14rem;
			height: 14rem;
			cursor: pointer;
			transition: transform .3s;
			background: center / contain no-repeat url(../img/common/nav-toggle.svg);
		}
		.nav-accordion-open .nav-accordion-opener {
			transform: scale(1, -1);
		}
		.site-header-nav-item.sitemap,
		.site-header-nav-item.privacy {
			font-size: 12rem;
		}
		.site-header-nav-item.contact {
			margin-top: 8rem;
			text-align: center;
			order: 1;
		}
		.site-header-nav-item.contact a {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			width: calc(100% - 40rem);
			text-align: center;
		}
		.site-header-nav-item.contact a::before {
			margin-top: 1rem;
			margin-right: 8rem;
			width: 22rem;
			height: 16rem;
			background-image: url(../img/common/icon-mail-sp.svg);
		}
		.site-header-nav-item.contact .nav-accordion-opener {display: none;}
		.site-footer-nav .nav-accordion-opener {display: none;}
		
		.site-header-nav-item>a {
			padding: .75em 20rem;
			display: inline-block;
			/* padding-left: 40rem; */
		}

		.site-header-nav-item.nav-accordion > ul {
			display: none;
		}

		.site-header-nav-list_2 {
			padding: 10rem 0;
			width: 100vw;
			background-color: var(--bg1);
			line-height: 1;
		}
		.site-header-nav-item_2 > a {
			display: inline-block;
			margin: 10rem 0;
			/* padding-bottom: 12rem; */
			padding-left: 20rem;
			font-size: 13rem;
		}
		.site-header-nav-item_2 > a::before {
			content: '-';
			display: inline-block;
			margin-right: 8rem;
		}
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.site-main {padding-top: 64rem;}
		.site-header {height: 64rem;}
		.site-header-logo {
			margin-left: 10rem;
			width: 180rem;
		}
		.nav-active .site-header-nav {
			left: 0;
			width: 100%;
		}
		.site-header-nav-list {
			padding-top: 14rem;
		}
		.site-header-nav-list::before {
			content: '';
			position: absolute;
			top: 4rem;
			left: 10rem;
			display: block;
			width: calc(100% - 20rem);
			height: max(1rem, 1px);
			background-color: var(--bg2);
		}
		.site-header-nav-item {padding: 3rem 0;}
	}

	/* tab & pc */
	@media (min-width: 768px) {
		.site-main {padding-top: 90rem;}
		.site-header {
			box-shadow: 0 0 8rem rgba(0, 0, 0, .3);
			height: 90rem;
		}

		.admin-bar .site-header {top: 32px;}
		.admin-bar #wp-admin-bar-aioseo-main {display: none!important;}

		.site-header-logo {
			margin-left: 50rem;
			width: 230rem;
		}
		
		.site-header-nav {font-size: 15rem;}
		.site-header-nav-item a small {font-size: 12rem;}
	}

	/* tab */
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		.site-header-nav {
			width: 320rem;
			padding: 0 20rem 30rem;
			border-bottom-left-radius: 20rem;
			font-size: 16rem;
		}
		.site-header-nav-list {padding-top: 8rem;}
		.site-header-nav-item {padding: 5rem 0;}
		.site-header-nav-item.nav-accordion::before,
		.site-header-nav-item.nav-accordion::after {top: 24rem;}
		.site-header-nav-list_2 {width: 300rem;}
		.nav-active .site-header-nav {left: calc(100vw - 300rem);}
		.site-header-lang-nav {
			top: 30rem;
			right: 100rem;
		}
	}

	/* pc */
	@media print,
	(min-width: 1025px) {
		.site-header-nav {height: 100%;}
		.site-header-nav-list {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			column-gap: 40rem;
			margin-right: 50rem;
			/* padding-bottom: 5rem; */
			height: 100%;
		}
		.site-header-nav-item > a {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-end;
			/* min-height: 30rem; */
			text-align: center;
			transition: color .3s;
		}

		#home .site-header-nav-item.home > a,
		#steam .site-header-nav-item.steam > a,
		#event .site-header-nav-item.event > a,
		#information .site-header-nav-item.information > a,
		#communication-area .site-header-nav-item.communication-area > a,
		.site-header-nav-item > a:hover {
			color: var(--header-nav-active);
		}
		.site-header-nav-item > a::after {
			content: '';
			position: absolute;
			bottom: -10rem;
			left: 0;
			width: 100%;
			height: 3rem;
			transition: background-color .3s;
		}
		#home .site-header-nav-item.home > a::after,
		#steam .site-header-nav-item.steam > a::after,
		#event .site-header-nav-item.event > a::after,
		#information .site-header-nav-item.information > a::after,
		#communication-area .site-header-nav-item.communication-area > a::after,
		.site-header-nav-item > a:hover::after {
			background-color: var(--header-nav-active);
		}
		
		.site-header-nav-item a small {
			display: inline-block;
			margin-top: 3rem;
		}
		
	}

}

/* --BURGER-- */
@media all {
	/* sp & tab */
	@media only screen and (max-width: 1024px) {
		.menu-trigger,
		.menu-trigger span {
			width: 30rem;
		}

		.menu-trigger {
			position: absolute;
			top: 22rem;
			right: 10rem;
			height: 27rem;
			visibility: visible;
			opacity: 1;
			cursor: pointer;
		}

		.menu-trigger span {
			position: absolute;
			left: 0;
			display: block;
			box-sizing: border-box;
			height: 3px;
			line-height: 0;
			background-color: #000;
			transition: transform .4s, top .2s, left .4s, opacity .4s;
		}
		.menu-trigger span:nth-of-type(1) {top: 0;}
		.menu-trigger span:nth-of-type(2) {top: calc(50% - 2px);}
		.menu-trigger span:nth-of-type(3) {top: calc(100% - 3px);}

		.nav-active .menu-trigger span:nth-of-type(1) {
			top: calc(50% - 2px);
			transform: rotate(-220deg) scaleX(1.25);
			/* transform: translateY(12rem) rotate(-220deg) scaleX(1.25); */
		}

		.nav-active .menu-trigger span:nth-of-type(2) {
			opacity: 0;
			left: 20rem;
		}

		.nav-active .menu-trigger span:nth-of-type(3) {
			top: calc(50% - 2px);
			transform: rotate(220deg) scaleX(1.25);
			/* transform: translateY(-12.5rem) rotate(220deg) scaleX(1.25); */
		}

		.nav-active .menu-trigger {
			visibility: visible !important;
			opacity: 1 !important;
		}

		.menu-trigger.hidden {
			visibility: hidden;
			opacity: 0;
			transition: .5s;
		}

		.menu-bg,
		.bg-trigger {
			display: block;
			position: fixed;
			top: 70rem;
			left: 0;
			width: 100%;
			height: calc(100vh - 70rem);
			visibility: hidden;
		}

		.menu-bg {
			background: rgba(0, 0, 0, .5);
			opacity: 0;
			transition: .5s;
		}

		.nav-active .menu-bg {
			opacity: 1;
			visibility: visible;
		}

		.bg-trigger {
			cursor: pointer;
		}

		.nav-active .bg-trigger {
			visibility: visible;
		}
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.bg-trigger,.menu-bg {top: 64rem;height: calc(100vh - 64rem);}
		.menu-trigger {top: 18rem;right: 18rem;}
	}
	/* tab */
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.menu-trigger,
		.menu-trigger span {
			width: 40rem;
		}
		.menu-trigger {
			top: 23rem;
			right: 30rem;
			width: 40rem;
			height: 37rem;
		}
		.menu-trigger span {
			height: 4rem;
		}
		.menu-bg, .bg-trigger,.site-header-nav {
			top: 80rem;
		}
		.menu-bg, .bg-trigger {height: calc(100vh - 80rem);}
	}

	/* pc */
	@media print,
	(min-width: 1025px) {

		.menu-trigger,
		.menu-bg,
		.bg-trigger {
			display: none;
		}
	}
}


/* breadcrumbs */
@media all {
	.breadcrumbs {
		position: relative;
	}
	
	.breadcrumbs-list {
		display: flex;
		align-items: center;
		line-height: 1;
	}
	.breadcrumbs-item {flex-shrink: 0;}
	.breadcrumbs-item:last-child {
		flex-shrink: 1;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.breadcrumbs-item:not(:last-child)::after {
		content: '>';
		display: inline-block;
		width: 2em;
		text-align: center;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.breadcrumbs-list {
			flex-wrap: wrap;
			padding: 10rem 20rem;
			font-size: 11rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.breadcrumbs {
			margin: 0 auto;
			width: calc(100% - 30rem);
			max-width: 1180rem;
		}
		.breadcrumbs-list {
			flex-wrap: wrap;
			padding: 20rem 4rem;
			font-size: 11rem;
		}
		.breadcrumbs + .main-section {
			margin-top: 60rem;
		}
	}
}




/* steam-list-section, event-list-section */
@media all {
	.steam-list-section {background-color: #c2def6;}
	.event-list-section {background-color: #f9eba3;}
	.steam-list-header {text-align: center;}

	.event-item-img {
		overflow: hidden;
		aspect-ratio: 4 / 3;
	}
	.event-item-img > * {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.event-item-img > .noimage {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		color: #d7d7d7;
	}
	.event-tag-item {
		display: inline-block;
		margin-right: .75em;
		margin-bottom: .5em;
		padding: .287em .75em;
		border-radius: 2em;
		color: #fff;
	}
	.event-item-date {
		margin-top: .25em;
		min-height: 1em;
		line-height: 1.6;
	}
	.event-item-ttl {
		margin-top: .25em;
		line-height: 1.6;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}
	.no-event {
		margin-top: 5em;
		text-align: center;
	}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.steam-list-section,
		.event-list-section {
			padding: 50rem 20rem;
		}
		.steam-list-header-ttl small {font-size: 13rem;}
		.event-list {margin-top: 30rem;}
		.event-item  + .event-item {
			margin-top: 20rem;
			padding-top: 20rem;
			border-top: max(1px, 1rem) solid #fff;
		}
		.event-item > a {
			display: block;
			width: 100%;
		}
		/* .event-item > a::after {
			content: '';
			display: block;
			clear: both;
		} */
		.event-item-img {
			display: block;
			float: left;
			margin: 0 auto;
			border-radius: 16rem;
			width: 120rem;
			height: 90rem;
		}
		.event-tag-list {
			padding-left: 130rem;
			min-height: 95rem;
			font-size: 12rem;
		}
		.event-tag-list > a::after {
			content: '';
			display: block;
			clear: both;
		}
		.event-item-date,
		.event-item-ttl {
			font-size: 15rem;
			line-height: 1.5;
		}
		.event-item-ttl {
			-webkit-line-clamp: 2;
			line-clamp: 2;
			font-size: 16rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.steam-list-section {padding-top: 75rem;}
		.event-list-section {padding-top: 75rem;}
		.steam-list-header-ttl small {font-size: 15rem;}
		.event-list {margin-top: 50rem;}
		.event-item > a {
			display: flex;
			column-gap: 20rem;
			margin: 30rem auto 0;
			width: calc(100% - 20rem);
			max-width: 770rem;
			transition: opacity .3s;
		}
		.event-item > a:hover {opacity: .6;}
		.event-item-img {
			flex-shrink: 0;
			border-radius: 20rem;
			width: 180rem;
		}
		.event-tag-list {font-size: 14rem;}
		.event-item-date,
		.event-item-ttl {
			-webkit-line-clamp: 2;
			line-clamp: 2;
			font-size: 18rem;
		}
	}
}

/* default button */
@media all {
	.steam-btn,
	.event-btn {text-align: center;}
	.button {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		border: 3rem solid;
		border-radius: 5em;
		font-weight: normal;
	}
	.button.steam {border-color: #62aae8;}
	.button.event {border-color: #eeae00;}
	.button.info {border-color: #93c889;}
	.button.outer::after {
		content: '';
		display: inline-block;
		margin-left: .3em;
		background: center / contain no-repeat url(../img/common/icon-outer.svg);
	}

	@media only screen and (max-width: 767px) {
		.button {
			box-shadow: 0 0 3rem rgba(0, 0, 0, .4);
			padding: 0 1em 2rem;
			height: 40rem;
			font-size: 16rem;
		}
		.button.outer {
			width: 155rem;
		}
		.button.outer::after {
			width: 15rem;
			height: 15rem;
			transform: translateY(1rem);
		}
	}
	@media print,
	(min-width: 768px) {
		.button {
			padding-bottom: 3rem;
			box-shadow: 0 0 5rem rgba(0, 0, 0, .4);
			font-size: 20rem;
			transition: background-color .3s, color .3s;
		}
		.button:hover {
			color: #fff;
			cursor: pointer;
		}
		.button.steam:hover {background-color: #62aae8;}
		.button.event:hover {background-color: #eeae00;}
		.button.info:hover {background-color: #93c889;}
		.button.outer {
			width: 184rem;
			height: 45rem;
			font-size: 18rem;
		}
		.button.outer::after {
			width: 17rem;
			height: 17rem;
			transform: translateY(2rem);
			transition: filter .3s;
		}
		.button.outer:hover::after {
			filter: brightness(0) invert(1);
		}
	}
}


/* site-footer */
@media all {
	.site-footer {letter-spacing: 0;}
	.footer-address {
		font-style: normal;
		line-height: 2;
	}
	.footer-sns-list {display: flex;}
	.footer-sns-item a {display: block;}

	.footer-content-2 {line-height: 1.85;}

	.footer-content-3 {overflow: hidden;}
	.footer-content-3 iframe {
		width: 100%;
		height: 100%;
	}
	.footer-copyright {
		background-color: #62aae8;
		color: #fff;
		text-align: center;
	}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.site-footer {box-shadow: 0 -3rem 6rem rgba(0, 0, 0, .1);}
		.footer-content {padding: 30rem 20rem 50rem;}
		.footer-content-1 {position: relative;}
		img.footer-logo {width: 240rem;}
		.footer-address {
			margin-top: 10rem;
			font-size: 14rem;
			text-align: left;
			line-height: 1.5;
		}
		.footer-sns-list {
			position: absolute;
			top: 10rem;
			justify-content: right;
			column-gap: 10rem;
			margin-top: -15rem;
			width: 100%;
		}
		.footer-sns-item {width: 60rem;}

		.footer-content-2 {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: flex-end;
			justify-content: center;
			column-gap: 10rem;
			margin-top: 10rem;
			font-size: 11rem;
			height: 110rem;
		}
		img.footer-img {
			border-radius: 15rem;
			width: 150rem;
		}
		.footer-content-2 > p {
			width: calc(100% - 150rem);
			white-space: nowrap;
		}
		.footer-content-3 {
			margin-top: 10rem;
			height: 200rem;
		}
		.footer-content-3 iframe {border-radius: 15rem;}

		.footer-copyright {
			padding: 15rem 0 22.5rem;
			font-size: 11rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.site-footer {box-shadow: 0 -4rem 8rem rgba(0, 0, 0, .1);}
		.footer-content {
			display: flex;
			margin: 0 auto;
			padding: 40rem 0 60rem;
		}
		.footer-content-1 {
			width: 390rem;
			padding-right: 10rem;
			white-space: nowrap;
		}
		.footer-sns-list {margin-top: 4rem;}
		.footer-sns-item {width: 65rem;}

		.footer-content-2 {
			width: 270rem;
			font-size: 14rem;
		}
		.footer-img {
			border-radius: 20rem;
			margin-bottom: 12rem;
			width: 270rem;
		}

		.footer-content-3 iframe {border-radius: 20rem;}
		.footer-copyright {
			padding: 20rem 0 30rem;
			font-size: 12rem;
		}

		/* tab */
		@media (max-width: 1024px) {
			.footer-content {
				flex-wrap: wrap;
				justify-content: center;
				gap: 30rem 20rem;
				padding-left: 20rem;
				padding-right: 20rem;
				width: 100%;
			}
			.footer-content-1 {
				position: relative;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: flex-start;
				width: 100%;
			}
			img.footer-logo {
				flex-shrink: 0;
				width: 280rem;
			}
			.footer-address {
				width: 350rem;
				padding-left: 20rem;
			}
			.footer-sns-list {
				position: absolute;
				top: 65rem;
				left: calc(50% - 330rem);
			}
			.footer-content-3 {
				width: calc(100% - 290rem);
				max-width: 500rem;
			}
		}
		/* pc */
		@media (min-width: 1025px) {
			.footer-content {
				justify-content: space-between;
				width: 1080rem;
			}
			.footer-address {margin-top: 20rem;}
			.footer-sns-list {margin-left: -10rem;}
			.footer-logo {width: 332rem;}
			.footer-content-3 {
				width: 360rem;
				height: 270rem;
			}
		}
	}
}


/* 印刷用 */
@media print {
	body {
		width: 100%;
	}

	.site-header {
		position: absolute;
	}
	.site-header-nav,
	.to-top {
		display: none !important;
	}

}


/* --TO TOP-- */
@media all {
	.to-top {
		display: none;
		position: fixed;
		z-index: 1000;
		bottom: 20px;
		right: 20px;
		width: 3em;
		height: 3em;
		border-radius: 50%;
		box-shadow: 0 0 2px 1px #fff;
		font-size: 12px;
		overflow: hidden;
		transition: .5s;
	}

	.to-top a {
		display: block;
		width: 100%;
		height: 100%;
		background-color: var(--main-color);

	}
	.to-top a::after {
		content: '';
		position: absolute;
		top: 42.5%;
		left: 35%;
		width: 25%;
		height: 25%;
		border: 1px solid #fff;
		border-left: none;
		border-bottom: none;
		transform: translateY(0) rotate(-45deg);
		transition: .3s;
	}

	.to-top a:hover::after {
		transform: translateY(-30%) rotate(-45deg);
	}
	/* sp & tab */
	@media only screen and (max-width: 1024px) {
		.nav-active .to-top {
			visibility: hidden;
			opacity: 0;
		}
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.to-top {
			font-size: var(--sp-vw-12px);
		}
	}
	/* pc */
	@media (min-width: 1025px) {
		.to-top a {
			font-size: 12.8px;
		}
	}
}

/* inview */
@media not print {
	.elemFadeIn {
		opacity: 0;
		filter: blur(1em);
		transform: translateY(30rem);
		transition: .5s opacity linear, .45s filter, .5s transform linear;
	}

	.elemFadeIn.animated {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0rem);
	}

	.elemUpperIn {
		transform: translateY(60rem);
		transition: transform .4s cubic-bezier(0.42, 0, 0.47, 2.5);
	}
	.elemUpperIn.animated {
		transform: translateY(0);
	}

	.elemPolygonIn-LR {
		clip-path: polygon(0 100%, 0 100%, 0 100%);
		transition: clip-path 1.5s ease-out;
	}
	.elemPolygonIn-LR .elemPolygonIn-fadeIn {
		opacity: 0;
		transition: opacity 1s;
		transition-delay: 1s;
	}
	.elemPolygonIn-LR.animated {
		clip-path: polygon(0 -100%,0 100%,200% 100%);
	}
	.elemPolygonIn-LR.animated .elemPolygonIn-fadeIn {
		opacity: 1;
	}

	.elemPolygonIn-RL {
		clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
		transition: clip-path 1.5s ease-out;
	}
	.elemPolygonIn-RL .elemPolygonIn-fadeIn {
		opacity: 0;
		transition: opacity 1s;
		transition-delay: 1s;
	}
	.elemPolygonIn-RL.animated {
		/* clip-path: polygon(0 0, 100% 200%, 100% -100%); */
		clip-path: polygon(-100% 100%, 100% -100%, 100% 100%);
	}
	.elemPolygonIn-RL.animated .elemPolygonIn-fadeIn {
		opacity: 1;
	}
	.smoothText {display: block;overflow: hidden;}
	.smoothTextTrigger {
		display: block;
		transition: .8s cubic-bezier(0.42, 0, 0.47, 1.41);
		transform: translate3d(0, 100%, 0) skewY(12deg);
		transform-origin: left;
	}
	.elemPolygonIn-RL .smoothTextTrigger,
	.elemPolygonIn-LR .smoothTextTrigger {
		transition-delay: .25s;
		transition-property: transform;
	}
	.animated .smoothTextTrigger {
		transform: translate3d(0,0,0) skewY(0);
	}

	.elemPopIn {
		opacity: 0;
		transform: scale(0);
		transition: transform .3s cubic-bezier(0.42, 0, 0.47, 1.5), opacity .4s, filter .4s;
	}
	.animated.elemPopIn {
		opacity: 1;
		transform: scale(1);
	}

	.elemToggleUp-Obj {
		position: absolute;
		bottom: 0;
		display: none;
	}	
}

/* pagination */
@media all {
	.pagination {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
		padding: 0 10rem;
	}
	.page-item {
		margin: 0 2rem;
	}
	.page-item.disabled {display: none;}
	.page-item:first-child,
	.page-item:first-child a,
	.page-item:first-child a:hover,
	.page-item:last-child,
	.page-item:last-child a,
	.page-item:last-child a:hover {
		color: transparent;
		background-position: center;
		background-size: 7rem;
		background-repeat: no-repeat;
		background-image: url(../img/icon_gt-g.svg);
	}
	.page-item:first-child a:hover,
	.page-item:last-child a:hover {
		background-image: url(../img/icon_gt-w.svg);
	}
	.page-item .page-link {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 1rem;
		border-radius: 1em;
		min-width: 1.5em;
		height: 1.5em;
		font-size: 13rem;
		transition: .3s;
	}
	.page-item a:hover,
	.page-item.active span {
		background-color: #000;
		color: #fff;
	}

	nav.page-nav {
		text-align: center;
	}
	.prev_next-link,
	ul.page-numbers {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.prev_next-link {
		justify-content: space-between;
	}
	ul.page-numbers li + li {
		margin-left: .5em;
	}
	.prev-link a, .next-link a,
	.back-all a {
		position: relative;
		display: block;
		margin: 0 .5em;
		padding: .5em 1em;
		overflow: hidden;
		white-space: nowrap;
		font-size: 12rem;
		text-overflow: ellipsis;
		line-height: 1;
	}
	.prev-link a {padding: .5em .5em .5em 1.75em;}
	.next-link a {padding: .5em 1.5em .5em .5em;}
	a.page-numbers,
	span.page-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color .3s;
		background: center no-repeat;
	}
	a.page-numbers:hover,
	.prev_next-link a:hover,
	span.page-numbers.current {
		background-color: var(--main-color);
		color: #fff;
	}
	a.page-numbers.prev::before {
		content: '＜';
	}
	a.page-numbers.next::before {
		content: '＞';
	}
	.prev-link a::before {
		position: absolute;
		content: '＜';
		display: block;
		left: .25em;
	}
	.next-link a::before {
		position: absolute;
		content: '＞';
		display: block;
		right: .25em;
	}
	@media only screen and (max-width: 767px) {
		.prev_next-link, ul.page-numbers {margin: 60rem auto 80rem;}
		
		a.page-numbers,
		span.page-numbers,
		a.page-numbers.prev,
		a.page-numbers.next {
			width: 20rem;
			height: 20rem;
		}

	}

	/* tab & pc */
	@media (min-width:768px) {
		.prev_next-link, ul.page-numbers {margin: 100rem auto 50rem;}
		ul.page-numbers li + li {
			margin-left: .5em;
		}
		a.page-numbers,
		span.page-numbers,
		a.page-numbers.prev,
		a.page-numbers.next {
			width: 30rem;
			height: 30rem;
		}
		.prev_next-link {
			padding: 0 20rem;
			width: 100%;
			max-width: 1040rem;
			font-size: 12rem;
		}
		.prev-link, .next-link {
			max-width: calc(50% - 80rem);
		}
		.prev-link a {justify-content: flex-start;}
		.next-link a {justify-content: flex-end;}
	}
}

/* lead-section / the_content / contact-section */
@media all {
	.lead-section :not(h1, h2) {
		line-height: 1.867;
		hyphens: auto;
	}

	.the_content ul li {
		margin-left: 1.5em;
		list-style-type: disc;
	}
	.the_content ol li {
		margin-left: 1.5em;
		list-style-type: decimal;
	}
	.the_content li + li {margin-top: 0;}
	.the_content a {
		color: #a00;
		word-break: break-all;
	}
	.the_content::after {
		content: '';
		display: block;
		clear: both;
	}

	.contact-dt {
		font-weight: bold;
		text-align: center;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.lead-section h1 {
			margin-bottom: 30rem;
			font-size: 24rem;
		}
		.lead-section h2 {
			margin-bottom: 40rem;
			font-size: 20rem;
		}

		.contact-section {margin-top: 60rem;padding-bottom: 70rem;}
		.contact-section.margintop {margin-top: 100rem;padding-bottom: 20rem;}
		.contact-dt {font-size: 18rem;line-height: 1.5;}
		.contact-dd {
			margin-top: 20rem;
			text-align: center;
			line-height: 1.5;
		}
		.contact-p.ttl {font-size: 20rem;}
		.contact-p.address {/* display: none; */font-size: 13rem;}
		.contact-p.tel {margin: 8rem 0;font-size: 22rem;}
		.contact-p.tel small {font-size: 15rem;}
		.contact-p.time {font-size: 14rem;}
		.contact-p.time small {font-size: 12rem;}
	}
	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.the_content a {transition: opacity .3s;}
		.the_content a:hover {opacity: .6;}
		.lead-section h1 {
			margin-bottom: 50rem;
			font-size: 30rem;
		}
		.lead-section h2 {
			margin-bottom: 60rem;
			font-size: 22rem;
		}
		.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		.alignleft {float: left;}
		.alignright {float: right;}

		/* .contact-section {padding-bottom: 70rem;} */
		.contact-section.margintop {margin-top: 130rem;}
		.contact-dt {font-size: 20rem;}
		.contact-dd {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-end;
			margin: 20rem auto 0;
			width: 630px;
			row-gap: 16rem;
		}
		.contact-p.ttl {
			order: 1;
			font-size: 26rem;
		}
		.contact-p.address {
			order: 3;
			font-size: 16rem;
		}
		.contact-p.tel {
			order: 2;
			margin-left: 20rem;
			font-size: 22rem;
		}
		.contact-p.tel small {font-size: 16rem;}
		.contact-p.time {
			order: 4;
			margin-left: 20rem;
			font-size: 14rem;
		}
		.contact-p.time small {font-size: 12rem;}
	}
}