/* ʱ´úJava - https://NowJava.com */
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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 {
	-webkit-box-sizing:content-box;
	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] {
	-webkit-box-sizing:border-box;
	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;
	-webkit-box-sizing:content-box;
	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%
}
body {
	min-height:100%;
	font-family:Ubuntu,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
a:hover {
	text-decoration:none
}
dl:first-child,ol:first-child,p:first-child,ul:first-child {
	margin-top:0
}
dl:last-child,ol:last-child,p:last-child,ul:last-child {
	margin-bottom:0
}
ol,ul {
	padding-left:2em
}
img {
	vertical-align:top
}
button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],select,textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0
}
button,input[type=submit] {
	border:0
}
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
	background-color:#fff
}
select::-ms-expand {
	display:none
}
::selection {
	color:#fff;
	background-color:rgba(0,0,0,.8)
}
input::selection,textarea::selection {
	color:#222;
	background-color:rgba(0,0,0,.2)
}
::-webkit-input-placeholder {
	color:#666
}
::-moz-placeholder {
	color:#666
}
:-ms-input-placeholder {
	color:#666
}
.l-contents {
	line-height:2;
	color:#222;
	letter-spacing:.08em
}
@media all and (min-width:1025px) {
	.l-contents {
	font-size:14px;
	font-size:.875rem
}
}@media all and (min-width:768px) and (max-width:1024px) {
	.l-contents {
	font-size:14px;
	font-size:.875rem
}
}@media all and (min-width:415px) and (max-width:767px) {
	.l-contents {
	font-size:13px
}
}@media all and (max-width:414px) {
	.l-contents {
	font-size:3.2vw
}
}.l-page {
	overflow:hidden;
	visibility:visible
}
@media all and (min-width:768px) {
	.l-page {
	min-width:1024px
}
}.p-global-header {
	position:absolute;
	z-index:100
}
@media all and (min-width:768px) {
	.p-global-header {
	top:30px;
	left:30px
}
}@media all and (max-width:767px) {
	.p-global-header {
	top:20px;
	left:20px
}
}.p-global-links {
	letter-spacing:.08em
}
@media all and (min-width:1025px) {
	.p-global-links {
	font-size:14px;
	font-size:.875rem
}
}@media all and (min-width:768px) and (max-width:1024px) {
	.p-global-links {
	font-size:14px;
	font-size:.875rem
}
}@media all and (min-width:415px) and (max-width:767px) {
	.p-global-links {
	font-size:13px
}
}@media all and (max-width:414px) {
	.p-global-links {
	font-size:3.2vw
}
}.p-global-links a {
	color:#222
}
@media all and (min-width:768px) {
	.p-global-links {
	margin-top:15px
}
}@media all and (max-width:767px) {
	.p-global-links {
	margin-top:8px
}
}.p-global-title {
	line-height:1;
	margin:0;
	font-weight:400;
	letter-spacing:.04em
}
@media all and (min-width:1025px) {
	.p-global-title {
	font-size:28px;
	font-size:1.75rem
}
}@media all and (min-width:768px) and (max-width:1024px) {
	.p-global-title {
	font-size:28px;
	font-size:1.75rem
}
}@media all and (min-width:415px) and (max-width:767px) {
	.p-global-title {
	font-size:23px
}
}@media all and (max-width:414px) {
	.p-global-title {
	font-size:5.6vw
}
}.p-background {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
.p-background.has-animate {
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transition-property:background-color;
	transition-property:background-color
}
.p-pager {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	z-index:100;
	pointer-events:none
}
@media all and (min-width:768px) {
	.p-pager {
	top:0;
	bottom:0;
	right:15px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
}@media all and (max-width:767px) {
	.p-pager {
	bottom:10px;
	right:0;
	left:0;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
}.p-pager__in {
	position:relative
}
@media all and (max-width:767px) {
	.p-pager__in {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
}.p-pager__bar {
	position:absolute;
	background-color:#222
}
@media all and (min-width:768px) {
	.p-pager__bar {
	width:2px;
	top:21px;
	bottom:21px;
	left:21px
}
}@media all and (max-width:767px) {
	.p-pager__bar {
	height:2px;
	bottom:21px;
	right:21px;
	left:21px
}
}.p-pager__pointer {
	width:44px;
	height:44px;
	cursor:pointer;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	z-index:10
}
.p-pager__pointer:before {
	width:8px;
	height:8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	content:'';
	display:block;
	border-radius:50%;
	border:2px solid #222;
	background-color:#222
}
@media all and (min-width:768px) {
	.p-pager__bar {
	-webkit-transform:scaleY(0);
	transform:scaleY(0)
}
}@media all and (max-width:767px) {
	.p-pager__bar {
	-webkit-transform:scaleX(0);
	transform:scaleX(0)
}
}.has-animate .p-pager__bar {
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transition-delay:.5s;
	transition-delay:.5s;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform;
	-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);
	transition-timing-function:cubic-bezier(.075,.82,.165,1)
}
@media all and (min-width:768px) {
	.has-animate .p-pager__bar {

	-webkit-transform:scaleY(1);
	transform:scaleY(1)
}
}@media all and (max-width:767px) {
	.has-animate .p-pager__bar {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}.p-pager__pointer {
	-webkit-transform:scale(0);
	transform:scale(0)
}
.has-animate .p-pager__pointer {
	pointer-events:auto;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition-duration:1s;
	transition-duration:1s;
	-webkit-transition-delay:.9s;
	transition-delay:.9s;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform;
	-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);
	transition-timing-function:cubic-bezier(.075,.82,.165,1)
}
.has-animate .p-pager__pointer:before {
	-webkit-transition-duration:.2s;
	transition-duration:.2s;
	-webkit-transition-property:width,height,background-color;
	transition-property:width,height,background-color
}
.has-animate .p-pager__pointer.is-current:before,.has-animate .p-pager__pointer.is-over:before {
	width:14px;
	height:14px;
	background-color:#fff
}
.p-section {
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	pointer-events:none
}
@media all and (min-width:768px) {
	.p-section {
	padding:30px
}
}@media all and (max-width:767px) {
	.p-section {
	padding:20px
}
}.p-section__in {
	text-align:center
}
.p-section__header {
	line-height:1;
	margin-top:0;
	font-weight:400;
	letter-spacing:.04em
}
@media all and (min-width:1025px) {
	.p-section__header {
	font-size:48px;
	font-size:3rem
}
}@media all and (min-width:768px) and (max-width:1024px) {
	.p-section__header {
	font-size:48px;
	font-size:3rem
}
}@media all and (min-width:415px) and (max-width:767px) {
	.p-section__header {
	font-size:35px
}
}@media all and (max-width:414px) {
	.p-section__header {
	font-size:8.53333vw
}
}@media all and (min-width:768px) {
	.p-section__header {
	margin-bottom:25px
}
}@media all and (max-width:767px) {
	.p-section__header {
	margin-bottom:15px
}
}@media all and (max-width:767px) {
	.p-section__text br {
	display:none
}
}.p-section.is-shown {
	pointer-events:auto
}
@-webkit-keyframes showAsc {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,40px,0);
	transform:translate3d(0,40px,0)
}
100% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes showAsc {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,40px,0);
	transform:translate3d(0,40px,0)
}
100% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@-webkit-keyframes showDesc {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,-40px,0);
	transform:translate3d(0,-40px,0)
}
100% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes showDesc {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,-40px,0);
	transform:translate3d(0,-40px,0)
}
100% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@-webkit-keyframes hideAsc {
	0% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)
}
}@keyframes hideAsc {
	0% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)
}
}@-webkit-keyframes hideDesc {
	0% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0,30px,0);
	transform:translate3d(0,30px,0)
}
}@keyframes hideDesc {
	0% {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0,30px,0);
	transform:translate3d(0,30px,0)
}
}.p-section__header {
	opacity:0
}
.is-hidden .p-section__header,.is-shown .p-section__header {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
.is-shown .p-section__header {
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.is-shown-asc .p-section__header {
	-webkit-animation-name:showAsc;
	animation-name:showAsc
}
.is-shown-desc .p-section__header {
	-webkit-animation-name:showDesc;
	animation-name:showDesc
}
.is-hidden .p-section__header {
	-webkit-animation-duration:.8s;
	animation-duration:.8s
}
.is-hidden-asc .p-section__header {
	-webkit-animation-name:hideAsc;
	animation-name:hideAsc
}
.is-hidden-desc .p-section__header {
	-webkit-animation-name:hideDesc;
	animation-name:hideDesc;
	-webkit-animation-delay:.05s;
	animation-delay:.05s
}
.p-section__text {
	opacity:0
}
.is-hidden .p-section__text,.is-shown .p-section__text {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
.is-shown .p-section__text {
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
.is-shown-asc .p-section__text {
	-webkit-animation-name:showAsc;
	animation-name:showAsc
}
.is-shown-desc .p-section__text {
	-webkit-animation-name:showDesc;
	animation-name:showDesc
}
.is-hidden .p-section__text {
	-webkit-animation-duration:.8s;
	animation-duration:.8s
}
.is-hidden-asc .p-section__text {
	-webkit-animation-name:hideAsc;
	animation-name:hideAsc;
	-webkit-animation-delay:.05s;
	animation-delay:.05s
}
.is-hidden-desc .p-section__text {
	-webkit-animation-name:hideDesc;
	animation-name:hideDesc
}
.p-sections-wrap {
	position:absolute;
	top:0;
	left:0
}