@charset "UTF-8";
	/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:700
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	box-sizing:content-box;
	height:0
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:700
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td,th {
	padding:0
}
html {
	height:100%
}
@media (min-width:960px) {
	html {
	overflow-y:scroll
}
}body {
	width:100%;
	height:100%;
	z-index:0;
	color:#333;
	background-color:#ececec;
	font-family:"Avenir Next","Segoe UI","Helvetica Neue",Arial,"Hiragino Sans GB","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans","Noto Sans",sans-serif;
	font-size:16px;
	line-height:1;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
button {
	padding:0;
	border:0;
	background:0 0;
	text-align:center;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	outline:0;
	-webkit-tap-highlight-color:transparent
}
@font-face {
	font-family:'GB Punct';
	src:local("Hiragino Sans GB"),local("PingFang SC"),local("Heiti SC"),local("SimHei");
	unicode-range:U+2014,U+00B7,U+2026,U+201C,U+201D
}
.gb-punct {
	font-family:"GB Punct","Avenir Next","Segoe UI","Helvetica Neue",Arial,"Hiragino Sans GB","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans","Noto Sans",sans-serif
}
@-moz-document url-prefix() {
	.gb-punct {
	font-family:"Avenir Next","Segoe UI","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans","Noto Sans",sans-serif!important
}
}blockquote,figcaption,figure,h1,h2,h3,h4,h5,h6,header,img,li,ol,p,section,ul {
	margin:0
}
ol,ul {
	list-style:none;
	padding:0
}
figcaption,li,p {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto
}
a {
	color:inherit;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent
}
.hero .hero-bg {
	position:fixed;
	z-index:-1000;
	top:0;
	left:0;
	width:100%;
	min-height:50%;
	height:72.5vw;
	max-height:100%;
	background-image:url(bg-01.webp);
	background-size:cover;
	background-position:center bottom
}
.hero .logo {
	position:absolute;
	top:calc(100% - (84em * 2 / 16) - 72px);
	left:50%;
	margin-left:-64px;
	display:block;
	width:8em;
	height:auto;
	padding-left:.375em
}
@media (min-width:960px) {
	.hero .logo {
	position:fixed;
	top:auto;
	bottom:2em
}
}@media (max-width:959px) {
	.events-wrap.active .card-wrap {
	z-index:300;
	-webkit-transform:translate3d(0,calc(100% - 3.5em),0);
	transform:translate3d(0,calc(100% - 3.5em),0);
	-webkit-transition:-webkit-transform .75s cubic-bezier(.18,.89,.32,1.18),z-index 0s linear 0s;
	transition:transform .75s cubic-bezier(.18,.89,.32,1.18),z-index 0s linear 0s
}
.events-wrap.active .card-wrap.center {
	z-index:200;
	-webkit-transform:translate3d(0,calc(100% - 7em),0);
	transform:translate3d(0,calc(100% - 7em),0)
}
.card-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:-webkit-transform .75s cubic-bezier(.18,.89,.32,1.18),z-index 0s linear .55s;
	transition:transform .75s cubic-bezier(.18,.89,.32,1.18),z-index 0s linear .55s
}
.card-wrap.event-1 {
	-webkit-transform:translate3d(0,calc(100% - 10.5em),0);
	transform:translate3d(0,calc(100% - 10.5em),0)
}
.card-wrap.event-2 {
	-webkit-transform:translate3d(0,calc(100% - 7em),0);
	transform:translate3d(0,calc(100% - 7em),0)
}
.card-wrap.event-3 {
	-webkit-transform:translate3d(0,calc(100% - 3.5em),0);
	transform:translate3d(0,calc(100% - 3.5em),0)
}
.card-wrap.event-1.active {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.card-wrap.event-2.active {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.card-wrap.event-3.active {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.card-wrap.active {
	z-index:0!important;
	-webkit-transition:-webkit-transform .75s cubic-bezier(.18,.89,.32,1.18),z-index 0s linear 0s!important;
	transition:transform .75s cubic-bezier(.18,.89,.32,1.18),z-index 0s linear 0s!important
}
.card-wrap .card {
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	margin:.25em .25em 0 .25em;
	border-radius:.25em .25em 0 0;
	box-shadow:0 0 .25em .0625em rgba(0,0,0,.25);
	background-color:#fcfcfc;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.card-wrap .card.pressing {
	box-shadow:0 0 .375em .125em rgba(0,0,0,.35)
}
.card-wrap.active .card {
	height:100%
}
}@media (min-width:960px) {
	.events-wrap.active .card-wrap {
	-webkit-transform:translate3d(10em,0,0);
	transform:translate3d(10em,0,0)
}
.events-wrap.active .card-wrap.center {
	-webkit-transform:translate3d(-30em,0,0);
	transform:translate3d(-30em,0,0)
}
.card-wrap {
	position:fixed;
	top:0;
	left:50%;
	width:20em;
	height:8em;
	min-height:8em;
	padding-bottom:8em;
	will-change:width,min-height,transform,z-index;
	-webkit-transition:width .5s ease-in-out,min-height .5s ease-in-out,-webkit-transform .5s ease-in-out,z-index 0s linear 0s;
	transition:width .5s ease-in-out,min-height .5s ease-in-out,transform .5s ease-in-out,z-index 0s linear 0s
}
.card-wrap.event-1 {
	-webkit-transform:translate3d(-29.75em,0,0);
	transform:translate3d(-29.75em,0,0)
}
.card-wrap.event-2 {
	-webkit-transform:translate3d(-10em,0,0);
	transform:translate3d(-10em,0,0)
}
.card-wrap.event-3 {
	-webkit-transform:translate3d(9.75em,0,0);
	transform:translate3d(9.75em,0,0)
}
.card-wrap .card {
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	margin:0 .25em .5em .25em;
	border-radius:0 0 .25em .25em;
	box-shadow:0 0 .25em .0625em rgba(0,0,0,.25);
	background-color:#fcfcfc;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition:box-shadow .25s ease-in-out;
	transition:box-shadow .25s ease-in-out
}
.card-wrap .card:hover {
	box-shadow:0 0 .5em .125em rgba(0,0,0,.35)
}
.card-wrap.active {
	position:absolute;
	width:40em;
	min-height:100%;
	z-index:300;
	-webkit-transform:translate3d(-20em,0,0)!important;
	transform:translate3d(-20em,0,0)!important;
	-webkit-transition:width .5s ease-in-out,min-height .5s ease-in-out,-webkit-transform .5s ease-in-out,z-index 0s linear 0s;
	transition:width .5s ease-in-out,min-height .5s ease-in-out,transform .5s ease-in-out,z-index 0s linear 0s
}
.card-wrap.active .card {
	border-radius:.25em;
	overflow:auto
}
}.card header {
	position:relative;
	margin:0 1em;
	padding-top:.75em;
	text-align:center;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:transparent
}
@media (min-width:960px) {
	.card header {
	padding-top:4.75em
}
}.card header h1 {
	margin-bottom:.125em;
	font-size:1em;
	font-weight:400;
	line-height:1
}
.card header p {
	color:#b3b3b3;
	font-size:.75em;
	line-height:1.5
}
@media (min-width:960px) {
	.card header h1,.card header p {
	-webkit-transition:color .25s ease-in-out;
	transition:color .25s ease-in-out
}
.card header:hover h1,.card header:hover p {
	color:#b42800
}
}.card article {
	max-width:32.25em;
	margin:5em auto 12.5em;
	padding-left:1.21875em;
	padding-right:1.21875em
}
.card article h1 {
	margin:0 auto 1em;
	color:#b42800;
	font-size:1.375em;
	text-align:center;
	line-height:1.27272727
}
.card article .subtitle {
	color:#333;
	font-weight:400
}
.card article section {
	margin-top:2em;
	margin-bottom:2em
}
.card article section::before {
	content:"";
	display:block;
	margin:2.5em auto;
	width:4em;
	height:0;
	border-bottom:1px solid rgba(0,0,0,.1)
}
.card article section h3 {
	width:12.25em;
	margin:0 auto .88888889em;
	color:#b42800;
	font-size:1.125em;
	text-align:center;
	line-height:1.33333333
}
.card article section h4 {
	margin-top:2em;
	margin-bottom:1em;
	font-size:1em
}
.card article section p {
	margin-bottom:1em;
	line-height:1.625
}
.card article section a {
	border-bottom:1px solid #b42800;
	color:#b42800;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none
}
.card article section ul {
	margin-left:1em
}
.card article section ul li {
	margin-bottom:1em;
	line-height:1.625
}
.card article section ul li::before {
	content:"•";
	display:block;
	margin-left:-1em;
	float:left
}
.card article section .speaker {
	margin-top:1.5em;
	margin-bottom:1.5em;
	text-align:center
}
.card article section .speaker img {
	display:block;
	width:4em;
	height:4em;
	margin:0 auto .5em;
	border-radius:100%;
	border:1px solid rgba(0,0,0,.1)
}
.card article section .speaker p {
	margin-bottom:0
}
.card article section .speaker .bio {
	width:16em;
	margin-left:auto;
	margin-right:auto;
	font-size:.875em;
	line-height:1.57142857;
	opacity:.75
}
.card article section .member {
	margin-top:1.5em;
	margin-bottom:1.5em
}
.card article section .member img {
	display:block;
	float:right;
	width:4em;
	height:4em;
	margin:0 auto .5em;
	margin:0 auto 0 1em;
	border-radius:100%;
	border:1px solid rgba(0,0,0,.1)
}
.card article section .member h3 {
	width:auto;
	margin-bottom:.44444444em;
	text-align:left
}
.card article section .member .bio {
	margin-bottom:2.28571429em;
	font-size:.875em;
	line-height:1.71428571;
	opacity:.75
}
.card article footer {
	margin-top:2em;
	margin-bottom:2em;
	text-align:center
}
.card article footer::before {
	content:"";
	display:block;
	margin:2.5em auto;
	width:4em;
	height:0;
	border-bottom:1px solid rgba(0,0,0,.1)
}
.card article footer h5 {
	margin-top:1.14285714em;
	margin-bottom:.28571429em;
	font-size:.875em;
	font-weight:400;
	color:#b3b3b3
}
.card article footer p {
	line-height:1.625
}
.card article footer .qrcode {
	display:block;
	width:6em;
	height:6em;
	margin:0 auto;
	opacity:.8
}
.card article footer .share-guide {
	color:#b42800;
	font-size:.875em
}
.card article footer .disc {
	width:24em;
	margin-top:.2em;
	margin-left:auto;
	margin-right:auto;
	font-size:.625em;
	line-height:1.8
}
.card article footer a {
	border-bottom:1px solid #b42800;
	color:#b42800;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none
}