@charset "UTF-8";

/*************************************************************
 *	SBI Neo festival NEXUM 2023 common.css
 ************************************************************/

*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}
html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0}
main{display:block}
p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
ul,ol{margin:0;padding:0;list-style:none}
dt{font-weight:700}
dd{margin-left:0}
hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}
pre{font-family:monospace,monospace;font-size:inherit}
address{font-style:inherit}
a{background-color:transparent;text-decoration:none;color:inherit}
abbr[title]{text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:inherit}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
svg,img,embed,object,iframe{vertical-align:bottom}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}
[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}
[type="radio"]{-webkit-appearance:radio;appearance:radio}
button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}
button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}
:-moz-focusring{outline:auto}
select:disabled{opacity:inherit}
option{padding:0}
fieldset{margin:0;padding:0;min-width:0}
legend{padding:0}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
label[for]{cursor:pointer}
details{display:block}
summary{display:list-item}
[contenteditable]:focus{outline:auto}
table{border-color:inherit}
caption{text-align:left}
td,th{vertical-align:top;padding:0}
th{text-align:left;font-weight:700}


/* --------------------------------------------------
		foundation
-------------------------------------------------- */
:root {
	--bar-width: 17px;
	--vh: 100vh;
	--px: 10px;
}
html {
	font-size: 62.5%;
	overflow-y: scroll;
	background-color: #000000;
}
html.is-navopen {
	overflow: hidden;
}
body {
	position: relative;
	overflow: hidden;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.8;
	color: #FFFFFF;
}
svg {
	height: auto;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
	html.is-navopen {
		padding-right: var(--bar-width);
	}
	img,
	svg {
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	body {
		font-size: calc(var(--px) * 2.6);
	}
	img,
	svg {
		width: 100%;
	}
}


/* --------------------------------------------------
		layout
-------------------------------------------------- */
.l-header {
	position: fixed;
	z-index: 200;
	width: 100%;
	height: 160px;
	top: 0;
	left: 0;
	background-color: #000000;
}
.l-header__logo {
	padding-top: 35px;
	width: 163px;
}
.l-header-open {
	display: none;
}
.l-header-download {
	position: absolute;
	top: 0;
	right: 60px;
}
.l-header-download .button {
	display: block;
	width: 120px;
	height: 160px;
	background-color: #ffffff;
	color: #000000;
	font-size: 1.3rem;
	line-height: 1.6;
	text-align: center;
	padding-top: 45px;
}
.l-header-download .button.coming {
	opacity: 0.2;
}
.l-header-download .button .icon {
	display: block;
	width: 30px;
	margin: 0 auto 15px;
	background-image: url(../img/icon_download_l.svg);
	background-size: 100% 100%;
}
.l-header-download .button .icon img {
	position: relative;
}
.l-header.is-small {
	height: 100px;
}
.l-header.is-small .l-header__logo {
	padding-top: 20px;
	width: 110px;
}
.l-header.is-small .l-header-download .button {
	font-size: 0;
	width: 60px;
	height: 100px;
	padding-top: 40px;
}
.l-nav-close {
	display: none;
}
.l-nav-nav {
	position: absolute;
	top: 70px;
	right: 190px;
	display: flex;
	font-size: 1.3rem;
}
.l-nav-nav > li {
	padding: 5px 20px;
}
.l-nav-nav > li + li {
	border-left: 1px solid #ffffff;
}
.l-nav-nav > li > a {
	margin-top: 23px;
}
.l-nav-nav > li .title {
	font-size: 1.0rem;
	margin-bottom: 5px;
}
.l-nav-nav > li .list {
	display: flex;
	margin: 0 -10px;
}
.l-nav-nav > li .list li {
	padding: 0 10px;
}
.l-nav-nav a {
	position: relative;
	display: inline-block;
}
.l-nav-nav a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-color: #ffffff;
}
.l-nav-nav a span {
	position: relative;
	z-index: 1;
}
.l-nav-nav a.scroll {
	padding-right: 18px;
}
.l-nav-nav a.scroll:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: calc(50% - 2px);
	right: 0;
	border: 5px solid transparent;
	border-top-color: #ffffff;
}
.l-nav-nav .coming {
	opacity: 0.2;
}
.l-nav-sns {
	position: absolute;
	top: 30px;
	right: 210px;
	display: flex;
	align-items: center;
	line-height: 1;
}
.l-nav-sns .title {
	font-size: 1.3rem;
}
.l-nav-sns .list {
	display: flex;
	font-size: 0;
}
.l-nav-sns .list li {
	width: 22px;
	margin-left: 20px;
}
.l-nav-download {
	display: none;
}
.l-header.is-small .l-nav-nav {
	top: 22px;
	right: 220px;
	border-right: 1px solid #ffffff;
}
.l-header.is-small .l-nav-nav a.scroll {
	margin-top: 12px;
}
.l-header.is-small .l-nav-sns {
	right: 140px;
	top: 45px;
}
.l-header.is-small .l-nav-sns li {
	margin-left: 15px;
}
.l-header.is-small .l-nav-sns .title {
	display: none;
}
.l-footer {
	padding: 60px 0;
	border-top: 1px solid #333333;
}
.l-footer-thetake__button {
	width: 400px;
	margin: 0 auto 30px;
}
.l-footer-sbi__logo {
	width: 180px;
	margin: 0 auto 40px;
}
.l-footer-sns__list {
	display: flex;
	justify-content: center;
	font-size: 0;
	margin-bottom: 40px;
}
.l-footer-sns__list li {
	padding: 0 10px;
}
.l-footer-link__list {
	display: flex;
	justify-content: center;
	font-size: 1.4rem;
	font-weight: 300;
	margin-bottom: 20px;
}
.l-footer-link__list li {
	position: relative;
	padding: 0 1.5em;
}
.l-footer-link__list li + li:before {
	content: "|";
	position: absolute;
	top: 0;
	left: 0;
}
.l-footer__copyright {
	font-size: 1.4rem;
	font-weight: 300;
	color: #999999;
	text-align: center;
}
@media screen and (max-width: 1336px) {
	.l-header-download {
		right: calc(60 / 1320 * 100%);
	}
	.l-nav-nav {
		right: calc(90 / 1320 * 100% + 100px);
	}
	.l-nav-sns {
		right: calc(90 / 1320 * 100% + 120px);
	}
	.l-header.is-small .l-nav-nav {
		right: calc(90 / 1320 * 100% + 130px);
	}
	.l-header.is-small .l-nav-sns {
		right: calc(90 / 1320 * 100% + 50px);
	}
}
@media screen and (max-width: 1197px) {
	.l-nav-nav {
		top: 64px;
	}
	.l-nav-nav > li .list {
		display: block;
	}
	.l-header.is-small .l-nav-nav {
		top: 10px;
	}
	.l-header.is-small .l-nav-nav a.scroll {
		margin-top: 24px;
	}
}
@media screen and (max-width: 977px) {
	.l-header-open {
		position: absolute;
		top: 70px;
		right: calc(60 / 1320 * 100% + 150px);
		display: block;
	}
	.l-header-open .button {
		display: block;
		width: 50px;
	}
	.l-header.is-small .l-header-open {
		top: 40px;
		right: calc(60 / 1320 * 100% + 90px);
	}
	.l-nav {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		overflow-y: auto;
	}
	.l-nav__bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.9);
	}
	.l-nav-close {
		position: absolute;
		z-index: 2;
		display: block;
		top: 40px;
		right: 40px;
	}
	.l-nav-close .button {
		display: block;
		width: 40px;
	}
	.l-nav__inner {
		position: relative;
		opacity: 0;
		z-index: 1;
		padding: 100px calc(60 / 1320 * 100%);
	}
	.l-nav-nav {
		position: relative;
		top: 0;
		right: 0;
		display: block;
		text-align: center;
		font-size: 1.8rem;
	}
	.l-nav-nav > li {
		padding: 20px 0;
	}
	.l-nav-nav > li + li {
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	.l-nav-nav > li > a {
		margin-top: 0;
	}
	.l-nav-nav > li .title {
		padding-top: 10px;
		font-size: 1.2rem;
	}
	.l-nav-nav > li .list {
		margin: 0 0;
	}
	.l-nav-nav > li .list li {
		padding: 0 0;
	}
	.l-nav-nav a {
		display: block;
		padding: 10px 0;
	}
	.l-nav-nav a.scroll {
		padding-right: 0;
	}
	.l-nav-nav a.scroll:after {
		content: none;
	}
	.l-nav-nav .coming {
		display: block;
		padding: 10px 0;
	}
	.l-nav-sns {
		position: relative;
		top: 0;
		right: 0;
		justify-content: center;
		padding: 40px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	.l-nav-sns .title {
		font-size: 1.8rem;
	}
	.l-nav-sns .list li {
		width: 30px;
		margin-left: 30px;
	}
	.l-nav-download {
		display: block;
	}
	.l-nav-download .button {
		position: relative;
		display: block;
		text-align: center;
		font-size: 1.8rem;
		vertical-align: middle;
		padding: 14px 0;
		color: #000000;
		background-color: #ffffff;
	}
	.l-nav-download .button.coming {
		opacity: 0.2;
	}
	.l-nav-download .button .icon {
		position: absolute;
		width: 40px;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
		font-size: 0;
		background-image: url(../img/icon_download_l.svg);
		background-size: 100% 100%;
	}
	.l-nav-download .button .icon img {
		position: relative;
	}
	.l-header.is-small .l-nav-nav {
		top: 0;
		right: 0;
		border-right: none;
	}
	.l-header.is-small .l-nav-sns {
		top: 0;
		right: 0;
	}
	.l-header.is-small .l-nav-sns .title {
		display: block;
	}
	.l-header.is-small .l-nav-sns li {
		margin-left: 30px;
	}
}
@media screen and (min-width: 768px) {
	html.is-navopen .l-header,
	html.is-modalopen .l-header {
		padding-right: var(--bar-width);
	}
	.l-header-download a.button:hover .icon img {
		animation: iconDownload 1.2s ease 0s infinite;
	}
	.l-header-open .button {
		transition: transform .3s ease;
	}
	.l-header-open .button:hover {
		transform: scale(1.1);
	}
	.l-nav-nav a {
		transition: color .3s ease;
	}
	.l-nav-nav a:hover {
		color: #000000;
	}
	.l-nav-nav a:before {
		transition: width .3s ease;
	}
	.l-nav-nav a:hover:before {
		right: auto;
		left: 0;
		width: 100%;
	}
	.l-nav-nav a.scroll:after {
		transition: border-top-color .3s ease;
	}
	.l-nav-nav a.scroll:hover:after {
		border-top-color: #000000;
	}
	.l-nav-sns .list li a {
		display: block;
		transition: transform .3s ease;
	}
	.l-nav-sns .list li a:hover {
		transform: scale(1.2);
	}
	.l-nav-close .button {
		transition: transform .3s ease;
	}
	.l-nav-close .button:hover {
		transform: scale(1.1);
	}
	.l-nav-download a.button:hover .icon img {
		animation: iconDownload 1.2s ease 0s infinite;
	}
}
@media screen and (max-width: 767px) {
	.l-header {
		height: calc(var(--px) * 14);
	}
	.l-header__logo {
		padding-top: calc(var(--px) * 4.5);
		width: calc(448 / 630 * 100%);
		margin-left: calc(var(--px) * -1.5);
	}
	.l-header-download {
		top: calc(var(--px) * 3);
		right: 0;
	}
	.l-header-download .button {
		font-size: 0;
		width: calc(var(--px) * 10);
		height: calc(var(--px) * 8);
		padding-top: calc(var(--px) * 2);
	}
	.l-header-download .button .icon {
		width: calc(60 / 120 * 100%);
	}
	.l-header-open {
		top: calc(var(--px) * 4);
		right: calc(140 / 750 * 100%);
	}
	.l-header-open .button {
		width: calc(var(--px) * 6);
	}
	.l-nav-close {
		top: calc(var(--px) * 4);
		right: calc(40 / 750 * 100%);
	}
	.l-nav-close .button {
		width: calc(var(--px) * 5);
	}
	.l-nav__inner {
		padding: calc(var(--px) * 10) calc(60 / 750 * 100%);
	}
	.l-nav-nav {
		font-size: calc(var(--px) * 3.6);
	}
	.l-nav-nav > li {
		padding: calc(var(--px) * 2) 0;
	}
	.l-nav-nav > li .title {
		padding-top: calc(var(--px) * 1);
		font-size: calc(var(--px) * 2.4);
	}
	.l-nav-nav a {
		padding: calc(var(--px) * 2) 0;
	}
	.l-nav-nav a:before {
		content: none;
	}
	.l-nav-nav .coming {
		padding: calc(var(--px) * 2) 0;
	}
	.l-nav-sns {
		padding: calc(var(--px) * 6) 0;
	}
	.l-nav-sns .title {
		font-size: calc(var(--px) * 3.6);
	}
	.l-nav-sns .list li {
		width: calc(var(--px) * 6);
		margin-left: calc(var(--px) * 6);
	}
	.l-nav-download .button {
		text-align: left;
		font-size: calc(var(--px) * 3.6);
		padding: calc(var(--px) * 2.8) calc(40 / 630 * 100%);
	}
	.l-nav-download .button .icon {
		width: calc(60 / 630 * 100%);
		right: calc(40 / 630 * 100%);
	}
	.l-footer {
		padding: calc(var(--px) * 6) 0;
	}
	.l-footer-thetake__button {
		width: calc(600 / 630 * 100%);
		margin-bottom: calc(var(--px) * 5);
	}
	.l-footer-sbi__logo {
		width: calc(286 / 630 * 100%);
		margin-bottom: calc(var(--px) * 6);
	}
	.l-footer-sns__list {
		margin-bottom: calc(var(--px) * 6);
	}
	.l-footer-sns__list li {
		padding: 0 8px;
	}
	.l-footer-link__list {
		font-size: calc(var(--px) * 2);
		margin-bottom: calc(var(--px) * 2);
	}
	.l-footer__copyright {
		font-size: calc(var(--px) * 2);
	}
}


/* --------------------------------------------------
		component
-------------------------------------------------- */
.c-button--a {
	position: relative;
	display: inline-block;
}
.c-button--a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	transform: scale(0, 1);
	transform-origin: right top;
	background-color: #ffffff;
}
.c-button--a.bk:before {
	background-color: #000000;
}
.c-button--b {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.c-button--b:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ffffff;
}
.c-button--b.bk:before {
	background-color: #000000;
}
.c-button--b:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: #ffffff;
}
.c-button--b.bk:after {
	background-color: #000000;
}
.c-button--c {
	display: block;
	width: 300px;
	margin: 0 auto;
}
.c-button--c span {
	display: block;
	height: 0;
	padding-bottom: calc(60 / 300 * 100%);
	-webkit-mask-size: 100% auto;
	mask-size: 100% auto;
}
.c-button--c img {
	position: relative;
	transform: translateX(-66.6666666666%);
	width: 300%;
	max-width: none;
	pointer-events: none;
	animation: cButtonC 3s linear 0s infinite;
}
.c-button--d {
	display: inline-block;
}
.c-movie--a {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.c-movie--a video,
.c-movie--a iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.c-fadeIn {
	position: relative;
	opacity: 0;
}
.c-opacityIn {
	position: relative;
	opacity: 0;
}
.c-slideIn {
	position: relative;
	overflow: hidden;
}
.c-slideIn > * {
	position: relative;
	opacity: 0;
}
.c-slideIn__cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #ffffff;
	opacity: 1;
}
.c-shake {
	position: relative;
}
.c-shake span {
	position: relative;
	line-height: 1;
	display: block;
}
.c-shake span img:not(.clone) {
	position: relative;
	z-index: 1;
}
.c-shake span img.clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.c-shake span img.clone:nth-of-type(2) {
	left: -2px;
}
.c-shake span img.clone:nth-of-type(3) {
	left: 2px;
}
.c-bg__wrap {
	position: relative;
}
.c-bg__linewave {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
}
.c-clipcopy {
	position: relative;
	display: block;
	font-size: 0;
	background-image: url(https://sbinexum.com/assets/img/icon_copy.svg);
	background-size: 100% 100%;
}
.c-clipcopy .pop {
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	padding: 2px 10px;
	font-size: 1.2rem;
	color: #000000;
	white-space: nowrap;
	background-color: #ffffff;
	border-radius: 4px 4px;
	transform: translateX(-50%);
	display: none;
}
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
	a.c-button--a:before {
		transition: transform .3s ease;
	}
	a.c-button--a:hover:before {
		transform: scale(1, 1);
		transform-origin: left top;
	}
	a.c-button--b:hover:before {
		transition: left .3s ease;
		left: 100%
	}
	a.c-button--b:hover:after {
		transition: width .3s ease .3s;
		width: 100%
	}
	a.c-button--c {
		transition: transform .3s ease;
	}
	a.c-button--c:hover {
		transform: scale(1.03);
	}
	a.c-button--d {
		transition: opacity .3s ease;
	}
	a.c-button--d:hover {
		opacity: 0.8;
	}
	a.c-clipcopy {
		transition: opacity .3s ease;
	}
	a.c-clipcopy:hover {
		opacity: 0.8;
	}
}
@media screen and (max-width: 767px) {
	.c-button--a:before {
		content: none;
	}
	.c-button--b:after {
		content: none;
	}
	.c-button--c {
		width: 100%;
	}
	.c-shake span img.clone:nth-of-type(2) {
		left: calc(var(--px) * -0.4);
	}
	.c-shake span img.clone:nth-of-type(3) {
		left: calc(var(--px) * 0.4);
	}
	.c-clipcopy .pop {
		bottom: calc(100% + var(--px) * 1);
		padding: calc(var(--px) * 0.4) calc(var(--px) * 2);
		font-size: calc(var(--px) * 2);
	}
}
@keyframes cButtonC {
	  0% { transform: translateX(-66.6666666666%); }
	100% { transform: translateX(0); }
}


/* --------------------------------------------------
		project
-------------------------------------------------- */
.mfp-nexum.mfp-bg {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.mfp-nexum.mfp-bg.mfp-ready {
	opacity: 0.85;
	transform: scale(1);
}
.mfp-nexum.mfp-wrap .mfp-content {
	opacity: 0;
	transform: translateY(50px);
	transition: all 1.0s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.mfp-nexum.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	transform: translateY(0);
}
.mfp-nexum .mfp-close {
	width: 40px;
	height: 40px;
	font-size: 0;
	right: 40px;
	top: 40px !important;
	opacity: 1;
	padding: 0 0;
	background-image: url(../img/icon_close_01.svg);
	background-size: 100% 100%;
}
.p-timetable__table {
	margin-bottom: 60px;
}
.p-timetable-table__image li {
	position: relative;
	display: none;
}
.p-timetable-table__image li.is-active {
	display: block;
}
.p-timetable-table__image li .scroller {
	position: relative;
	overflow: hidden;
	height: 675px;
}
.p-timetable-table__image li .image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.p-timetable-table__image li .image img {
	max-width: none;
	width: auto;
	height: 100%;
}
.p-timetable-table__switch {
	display: flex;
}
.p-timetable-table__switch li {
	width: 50%;
}
.p-timetable-table__switch li a {
	display: block;
	border: 2px solid #000000;
	padding: 14px 0;
	color: #ffffff;
	background-color: #000000;
	text-align: center;
	font-weight: 500;
}
.p-timetable-table__switch li.is-active a {
	color: #000000;
	background-color: #ffffff;
}
.p-timetable__download {
	display: flex;
	justify-content: center;
	margin: 0 -20px;
}
.p-timetable__download li {
	width: 300px;
	margin: 0 20px;
}
.p-experience .u-cts {
	padding-bottom: 140px;
}
.p-experience-cols {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: calc(80 / 1200 * 100%) 0 20px;
}
.p-experience-cols:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	background-image: url(../img/experience_02.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.p-experience__image {
	flex: 1;
	padding-left: calc(60 / 1200 * 100%);
	margin-top: calc(-80 / 1200 * 100%);
}
.p-experience__body {
	padding: 70px 0;
	width: calc(420 / 1200 * 100%);
}
.p-experience__title {
	font-size: 2.0rem;
	font-weight: 700;
	margin-bottom: 15px;
}
.p-experience__text {
	font-weight: 300;
	margin-bottom: 30px;
}
.p-experience__button .c-button--c {
	width: 100%;
	max-width: 360px;
	margin: 0 0;
}
.p-experience__button .c-button--c span {
	-webkit-mask-image: url(../img/btn_download_coming.svg);
	mask-image: url(../img/btn_download_coming.svg);
}
.p-experience__note {
	font-weight: 300;
	text-align: center;
}
.p-cookiepolicy {
	position: fixed;
	z-index: 300;
	bottom: 0;
	right: 0;
	padding: 25px 30px;
	letter-spacing: -0.4em;
	background-color: rgba(34, 34, 34, 0.9);
	transform: translateY(100%);
}
.p-cookiepolicy .text {
	display: inline;
	font-size: 1.4rem;
	font-weight: 300;
	letter-spacing: 0;
}
.p-cookiepolicy .close__button {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 300;
	border: 1px solid #ffffff;
	border-radius: 20px 20px;
	padding: 0 20px;
	letter-spacing: 0;
	margin-left: 15px;
}
.p-cookiepolicy .plivacy__button {
	font-size: 1.2rem;
	font-weight: 300;
	letter-spacing: 0;
	margin-left: 15px;
}
.p-players {
	position: relative;
}
.p-players__title {
	position: relative;
	margin-bottom: 30px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.4;
}
.p-players__title [class*=frame] {
	position: absolute;
	z-index: 1;
	display: block;
	width: 10px;
	height: 10px;
	pointer-events: none;
	opacity: 0;
}
.p-players__title .frame--01 {
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	top: 0;
	left: 0;
}
.p-players__title .frame--02 {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	top: 0;
	right: 0;
}
.p-players__title .frame--03 {
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	bottom: 0;
	left: 0;
}
.p-players__title .frame--04 {
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	bottom: 0;
	right: 0;
}
.p-players__title .inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	background-image: url(https://sbinexum.com/assets/img/bg_02.png);
	background-position: center center;
	opacity: 0;
}
.p-players__title .inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #333333;
}
.p-players__title .inner:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #333333;
}
.p-players__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -60px calc(15 / 570 * -100%) 0;
}
.p-players__list > li {
	width: calc(1 / 3 * 100%);
	margin-top: 60px;
	padding: 0 calc(15 / 600 * 100%);
}
.p-players__unit {
	position: relative;
}
.p-players__unit .button {
	display: block;
}
.p-players__unit .button .image {
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
}
.p-players__unit .button .image img {
	opacity: 0;
}
.p-players__unit .button .name {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4;
	opacity: 0;
}
.p-players__unit .sns {
	display: flex;
	justify-content: center;
	line-height: 1;
	margin-top: 10px;
	opacity: 0;
}
.p-players__unit .sns li {
	width: 18px;
	margin: 0 6px;
}
.p-players__unit .sns li a {
	position: relative;
	display: block;
}
.p-modal-players {
	position: relative;
	max-width: 1320px;
	margin: 0 auto;
	padding: 100px 60px;
}
.p-modal-players__inner {
	display: flex;
}
.p-modal-players__image {
	width: 50%;
	background-color: #ffffff;
}
.p-modal-players__image .slick-arrow {
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 60px;
	height: 60px;
	background-color: #000000;
	font-size: 0;
	background-size: 100% 100%;
}
.p-modal-players__image .slick-prev {
	right: 60px;
	background-image: url(https://sbinexum.com/assets/img/arrow_03.svg);
}
.p-modal-players__image .slick-next {
	right: 0;
	background-image: url(https://sbinexum.com/assets/img/arrow_04.svg);
}
.p-modal-players__body {
	position: relative;
	width: 50%;
	color: #000000;
	background-color: #ffffff;
	padding: 60px calc(60 / 1200 * 100%) 110px;
}
.p-modal-players__body .name {
	margin-bottom: 60px;
}
.p-modal-players__body .info {
	font-size: 1.4rem;
}
.p-modal-players__body .info > * + * {
	margin-top: 1.0em;
}
.p-modal-players__body .sns {
	position: absolute;
	bottom: 60px;
	right: calc(60 / 600 * 100%);
	font-size: 0;
}
.p-modal-players__body .sns ul {
	display: flex;
	margin: 0 -8px;
}
.p-modal-players__body .sns ul li {
	width: 28px;
	margin: 0 8px;
}
.p-modal-players__body .sns ul li a {
	position: relative;
	display: block;
}
.mfp-nexum .p-modal-players .mfp-close {
	right: calc(60 / 1200 * 100%);
}
@media screen and (max-width: 1336px) {
	.p-timetable-table__image li .scroller {
		height: calc(((100vw - var(--bar-width)) / 1320) * 675);
		min-height: 560px;
	}
}
@media screen and (max-width: 1050px) {
	.p-experience__text .b01 {
		display: none;
	}
}
@media screen and (max-width: 977px) {
	.p-experience-cols {
		display: block;
	}
	.p-experience-cols:before {
		top: 60px;
		height: calc(100% - 60px);
	}
	.p-experience__image {
		padding-left: 0;
		max-width: 600px;
		margin: 0 auto;
	}
	.p-experience__body {
		padding-top: 40px;
		width: 100%;
	}
	.p-experience__button .c-button--c {
		max-width: 300px;
		margin: 0 auto;
	}
	.p-modal-players {
		max-width: 780px;
	}
	.p-modal-players__inner {
		display: block;
	}
	.p-modal-players__image {
		width: 100%;
	}
	.p-modal-players__body {
		width: 100%;
		padding: 60px calc(40 / 780 * 100%) 110px;
	}
	.p-modal-players__body .name {
		margin-bottom: 40px;
	}
	.p-modal-players__body .sns {
		right: calc(40 / 780 * 100%);
	}
	.mfp-nexum .p-modal-players .mfp-close {
		right: calc(60 / 780 * 100%);
	}
}
@media screen and (min-width: 768px) {
	.mfp-nexum .mfp-close {
		transition: transform .3s ease
	}
	.mfp-nexum .mfp-close:hover {
		transform: scale(1.1);
	}
	.p-timetable-table__switch li a {
		transition: opacity .3s ease;
	}
	.p-timetable-table__switch li:not(.is-active) a:hover {
		opacity: 0.8;
	}
	.p-cookiepolicy .close__button {
		transition: color .3s ease,
					background-color .3s ease;
	}
	.p-cookiepolicy .close__button:hover {
		background-color: #ffffff;
		color: #000000;
	}
	.p-players__unit a.button .image img {
		display: block;
		transition: transform .3s ease;
	}
	.p-players__unit a.button:hover .image img {
		transform: scale(1.04);
	}
	.p-players__unit .sns a {
		transition: transform .3s ease;
	}
	.p-players__unit .sns a:hover {
		transform: scale(1.12);
	}
	.p-modal-players__body .sns ul li a {
		transition: transform .3s ease;
	}
	.p-modal-players__body .sns ul li a:hover {
		transform: scale(1.12);
	}
}
@media screen and (max-width: 767px) {
	.mfp-nexum .mfp-close {
		width: 25px;
		height: 25px;
		right: calc(var(--px) * 3);
		top: 20px !important;
	}
	.p-timetable__table {
		margin-bottom: calc(var(--px) * 6);
	}
	.p-timetable-table__image li .scroller {
		height: calc(var(--px) * 80);
		min-height: 0;
	}
	.p-timetable-table__switch li a {
		border-width: calc(var(--px) * 0.4);
		padding: calc(var(--px) * 1.3) 0;
	}
	.p-timetable__download {
		display: block;
		margin: 0 0;
	}
	.p-timetable__download li {
		width: 100%;
		margin: 0 0;
	}
	.p-timetable__download li + li {
		margin-top: calc(var(--px) * 3);
	}
	.p-experience .u-cts {
		padding-bottom: calc(var(--px) * 18);
	}
	.p-experience-cols {
		margin: 0 0 calc(var(--px) * 4);
	}
	.p-experience-cols:before {
		top: calc(var(--px) * 6);
		height: calc(100% - var(--px) * 6);
		background-image: url(https://sbinexum.com/assets/img/experience_02_sp.jpg);
	}
	.p-experience__image {
		max-width: none;
		margin: 0 calc(-30 / 630 * 100%);
	}
	.p-experience__body {
		padding: calc(var(--px) * 3) 0 calc(var(--px) * 6);
	}
	.p-experience__title {
		font-size: calc(var(--px) * 3.6);
		margin: 0 -0.5em calc(var(--px) * 3) 0;
	}
	.p-experience__text {
		margin-bottom: calc(var(--px) * 6);
	}
	.p-experience__button .c-button--c {
		max-width: none;
	}
	.p-cookiepolicy {
		text-align: center;
		padding: calc(var(--px) * 3) calc(var(--px) * 4);
	}
	.p-cookiepolicy .text {
		display: block;
		font-size: calc(var(--px) * 2);
		text-align: left;
		margin-bottom: calc(var(--px) * 2);
	}
	.p-cookiepolicy .close__button {
		font-size: calc(var(--px) * 2);
		margin-left: 0;
	}
	.p-cookiepolicy .plivacy__button {
		font-size: calc(var(--px) * 2);
	}
	.p-players__title {
		margin-bottom: calc(var(--px) * 3);
		font-size: calc(var(--px) * 2.6);
	}
	.p-players__title [class*=frame] {
		width: calc(var(--px) * 1);
		height: calc(var(--px) * 1);
	}
	.p-players__title .inner {
		min-height: calc(var(--px) * 9);
		background-size: calc(var(--px) * 3) auto;
	}
	.p-players__title .inner:before {
		left: calc(var(--px) * 2);
		width: calc(100% - var(--px) * 4);
	}
	.p-players__title .inner:after {
		left: calc(var(--px) * 2);
		width: calc(100% - var(--px) * 4);
	}
	.p-players__list {
		margin: calc(var(--px) * -6) calc(var(--px) * -1.5) 0;
	}
	.p-players__list > li {
		margin-top: calc(var(--px) * 6);
		padding: 0 calc(var(--px) * 1.5);
	}
	.p-players__unit .button .image {
		margin-bottom: calc(var(--px) * 1.5);
	}
	.p-players__unit .button .name {
		font-size: calc(var(--px) * 2);
	}
	.p-players__unit .sns {
		margin-top: calc(var(--px) * 0.6);
	}
	.p-players__unit .sns li {
		width: calc(var(--px) * 2);
		margin: 0 calc(var(--px) * 0.5);
	}
	.p-modal-players {
		padding: 50px calc(var(--px) * 3);
	}
	.p-modal-players__image .slick-arrow {
		width: calc(var(--px) * 6);
		height: calc(var(--px) * 6);
	}
	.p-modal-players__image .slick-prev {
		right: calc(var(--px) * 6);
	}
	.p-modal-players__body {
		padding: calc(var(--px) * 6) calc(var(--px) * 3) calc(var(--px) * 14);
	}
	.p-modal-players__body .name {
		width: calc(480 / 606 * 100%);
		margin-bottom: calc(var(--px) * 5);
	}
	.p-modal-players__body .info {
		font-size: calc(var(--px) * 2.6);
	}
	.p-modal-players__body .sns {
		bottom: calc(var(--px) * 6);
		right: calc(var(--px) * 3);
	}
	.p-modal-players__body .sns ul {
		margin: 0 calc(var(--px) * -1);
	}
	.p-modal-players__body .sns ul li {
		width: calc(var(--px) * 4);
		margin: 0 calc(var(--px) * 1);
	}
	.mfp-nexum .p-modal-players .mfp-close {
		right: calc(var(--px) * 3);
		top: 10px !important;
	}
}
@keyframes iconDownload {
	  0% { top: 0; }
	 40% { top: -6px; }
	 55% { top: 0; }
	 70% { top: -3px; }
	 85% { top: 0; }
	100% { top: 0; }
}


/* --------------------------------------------------
		utility
-------------------------------------------------- */
.u-cts {
	position: relative;
}
.u-cts__inner {
	position: relative;
	margin: 0 auto;
	max-width: 1320px;
	padding: 0 60px;
}
.u-font--notosans {
	font-family: 'Noto Sans JP', sans-serif;/*300,400,700*/
}
.u-font-weight--300 {
	font-weight: 300;
}
.u-font-weight--400 {
	font-weight: 400;
}
.u-font-weight--700 {
	font-weight: 700;
}
.u-font-space--palt {
	font-feature-settings: "palt";
	letter-spacing: 0.03em;
}
.u-color--black {
	color: #000000;
}
.u-color--white {
	color: #FFFFFF;
}
.u-text--center {
	text-align: center;
}
.u-text--left {
	text-align: left;
}
.u-text--right {
	text-align: right;
}
@media screen and (max-width: 1336px) {
	.u-cts__inner {
		padding: 0 calc(60 / 1320 * 100%);
	}
}
@media screen and (min-width: 768px) {
	.u-sp {
		display: none;
	}
	.u-ancher {
		padding-top: 140px;
		margin-top: -140px;
	}
}
@media screen and (max-width: 767px) {
	.u-cts__inner {
		max-width: none;
		padding: 0 calc(60 / 750 * 100%);
	}
	.u-pc {
		display: none;
	}
	.u-ancher {
		padding-top: calc(var(--px) * 17);
		margin-top: calc(var(--px) * -17);
	}
	.u-sp-text--center {
		text-align: center;
	}
	.u-sp-text--left {
		text-align: left;
	}
	.u-sp-text--right {
		text-align: right;
	}
}


/* --------------------------------------------------
		※※※※※
-------------------------------------------------- */
@media screen and (max-width: 1336px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}