@import url(https://fonts.googleapis.com/css?family=Roboto);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
button {
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent
}
html {
	width: 100%;
	height: 100%;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}
html, body, button {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	html, body, button {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}
body {
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt"
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna"
	}
}
::selection {
	background: #333;
	text-shadow: none
}
::-moz-selection {
	color: #fff;
	background: #333
}
.heading {
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
#PC .content .headerContent #headerContent__menu nav ul li:nth-child(1) a:hover>span>span.t {
	-webkit-transition-duration: .1s;
	-ms-transition-duration: .1s;
	-moz-transition-duration: .1s;
	-o-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-ms-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	opacity: 0
}
#PC .content .headerContent #headerContent__menu nav ul li:nth-child(1) a:hover>span>span.t_hor {
	height: 34px
}
#PC .content .headerContent #headerContent__menu nav ul li:nth-child(2) a:hover>span>span.t {
	-webkit-transition-duration: .1s;
	-ms-transition-duration: .1s;
	-moz-transition-duration: .1s;
	-o-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-ms-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	opacity: 0
}
	height: 37px
}
#PC .content .headerContent #headerContent__menu nav ul li:nth-child(3) a:hover>span>span.t {
	-webkit-transition-duration: .1s;
	-ms-transition-duration: .1s;
	-moz-transition-duration: .1s;
	-o-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-ms-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	opacity: 0
}
#PC .content .headerContent #headerContent__menu nav ul li:nth-child(3) a:hover>span>span.t_hor {
	height: 45px
}
#PC .sns ul li a:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}
header {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	z-index: 9000;
	padding: 0 40px;
	box-sizing: border-box
}
#header {
	width: 100%;
	height: auto;
	position: relative;
	top: 40px
}
#headerContent {
	width: 100%;
	height: auto;
	position: relative;
	top: 0
}
#headerContent .headerContent {
	width: 100px;
	height: 200px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden
}
footer {
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0;
	z-index: 9000;
	padding: 0 40px;
	box-sizing: border-box
}
#footer {
	width: 100%;
	height: auto;
	position: relative;
	bottom: 40px
}
.footerLineLeft {
	width: 1px;
	height: 32px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0)
}
.sns {
	width: 16px;
	height: 120px;
	position: absolute;
	left: -7px;
	bottom: 60px
}
.sns p {
	position: absolute;
	top: 0;
	left: -3px;
	color: #FFF;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
	opacity: 0
}
.sns ul {
	width: 16px;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0
}
.sns ul li {
	position: absolute;
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
	opacity: 0
}
.sns ul li a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.sns ul li:nth-child(1) {
	width: 17px;
	height: 17px;
	top: 0
}
.sns ul li:nth-child(1) a {
	display: block;
	width: 17px;
	height: 17px;
	background: url(https://hiroshi-yuri.com/image/common/icon_instagram.svg);
	background-size: 17px 17px
}

.content .line {
	width: 100%;
	height: 1px;
	background-color: #FFF;
	position: absolute;
	opacity: 0
}
.content .headerLine {
	top: 0px
}
.content .footerLine {
	bottom: 0px
}
.content._isload .headerLine {
	-webkit-animation-name: loadingLineUp;
	-moz-animation-name: loadingLineUp;
	-ms-animation-name: loadingLineUp;
	animation-name: loadingLineUp;
	-webkit-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	-moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	-ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	-webkit-animation-iteration-count: 2;
	-ms-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-o-animation-iteration-count: 2;
	animation-iteration-count: 2;
	-webkit-animation-direction: normal;
	-ms-animation-direction: normal;
	-moz-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both
}
.content._isload .footerLine {
	-webkit-animation-name: loadingLineUnder;
	-moz-animation-name: loadingLineUnder;
	-ms-animation-name: loadingLineUnder;
	animation-name: loadingLineUnder;
	-webkit-animation-duration: 1.3s;
	-ms-animation-duration: 1.3s;
	-moz-animation-duration: 1.3s;
	-o-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	-moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	-ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	-webkit-animation-iteration-count: 2;
	-ms-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-o-animation-iteration-count: 2;
	animation-iteration-count: 2;
	-webkit-animation-direction: normal;
	-ms-animation-direction: normal;
	-moz-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both
}
.content._on .line {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-animation-name: loadingLine;
	-moz-animation-name: loadingLine;
	-ms-animation-name: loadingLine;
	animation-name: loadingLine;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .2s;
	-ms-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-ms-animation-direction: normal;
	-moz-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both
}
.content._on .headerContent #headerContent__ttl {
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.content._on .headerContent #headerContent__menu .headerContent__lineLeft {
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}
.content._on .headerContent #headerContent__menu .headerContent__lineBottom {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.9s;
	-ms-transition-delay: 1.9s;
	-moz-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	transition-delay: 1.9s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}
.content._on .headerContent #headerContent__menu nav ul li {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1
}
.content._on .headerContent #headerContent__menu nav ul li:nth-child(1) {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.content._on .headerContent #headerContent__menu nav ul li:nth-child(2) {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.7s;
	-ms-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	transition-delay: 1.7s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.content._on .headerContent #headerContent__menu nav ul li:nth-child(3) {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.content._on .headerContent #headerContent__menu #headerContent__active {
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-moz-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-ms-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	opacity: 1
}
.content._on .headerContent:before {
	-webkit-transition-duration: 1.1s;
	-ms-transition-duration: 1.1s;
	-moz-transition-duration: 1.1s;
	-o-transition-duration: 1.1s;
	transition-duration: 1.1s;
	-webkit-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}
.content._on .sns p {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.6s;
	-ms-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1
}
.content._on .sns ul li {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	pointer-events: auto;
	opacity: 1
}
.content._on .sns ul li:nth-child(1) {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.content._on .sns ul li:nth-child(2) {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.4s;
	-ms-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.content._on .footerLineLeft {
	-webkit-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: 1.3s;
	-ms-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	-o-transition-delay: 1.3s;
	transition-delay: 1.3s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}
.content .headerContent #headerContent__ttl {
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
	opacity: 0;
	z-index: 2
}
.content .headerContent #headerContent__ttl a {
	width: 100%;
	height: 100%;
	display: block
}
.content .headerContent #headerContent__ttl h1 {
	width: 13px;
	height: 64px;
	position: absolute;
	top: 30px;
	left: 18px;
	margin-left: auto;
	overflow: hidden;
	background: url(https://hiroshi-yuri.com/image/common/logo.svg);
	background-size: 13px 64px;
	text-indent: -9999px
}
.content .headerContent #headerContent__ttl p {
	position: absolute;
	left: 15px;
	top: 104px;
	font-size: 9px;
	color: #b4b4b4;
	letter-spacing: 0em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin: 0 0
}
.content .headerContent .headerContent__lineTop {
	display: none
}
.content .headerContent .headerContent__lineLeft {
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0)
}
.content .headerContent .headerContent__lineBottom {
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #FFF;
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0)
}
.content .headerContent:before {
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #FFF;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	z-index: 2
}
.content .headerContent #headerContent__menu {
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
.content .headerContent #headerContent__menu #headerContent__active {
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 1;
	opacity: 0
}
.content .headerContent #headerContent__menu #headerContent__active:before {
	content: "";
	width: 1px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 0px;
	background-color: #353535;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px)
}
.content .headerContent #headerContent__menu #headerContent__active._home:before {
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0
}
.content .headerContent #headerContent__menu #headerContent__active._about:before {
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translateY(41px);
	-moz-transform: translateY(41px);
	-ms-transform: translateY(41px);
	transform: translateY(41px)
}
.content .headerContent #headerContent__menu nav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: table
}
.content .headerContent #headerContent__menu nav ul {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: table-cell;
	vertical-align: middle
}
.content .headerContent #headerContent__menu nav ul li {
	line-height: 1;
	display: block;
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
	opacity: 0
}
.content .headerContent #headerContent__menu nav ul li:nth-child(1) {
	margin: 30px 0 0
}
.content .headerContent #headerContent__menu nav ul li:nth-child(2) {
	margin: 31px 0 0
}
.content .headerContent #headerContent__menu nav ul li:nth-child(3) {
	margin: 31px 0 0
}
.content .headerContent #headerContent__menu nav ul li:nth-child(4) {
	margin: 31px 0 0
}
.content .headerContent #headerContent__menu nav ul li._on a>span>span.t_hor {
	height: 45px
}
.content .headerContent #headerContent__menu nav ul li._on a>span>span.t {
	opacity: 0
}
.content .headerContent #headerContent__menu nav ul li._on a:before {
	transform: scaleY(1)
}
.content .headerContent #headerContent__menu nav ul li a {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.04em;
	display: inline-block;
	text-decoration: none;
	position: relative;
	left: 20px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.content .headerContent #headerContent__menu nav ul li a>span {
	position: relative;
	display: inline-block;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.content .headerContent #headerContent__menu nav ul li a>span>span {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.content .headerContent #headerContent__menu nav ul li a>span>span.t {
	color: #FFF;
	position: relative;
	top: 0
}
.content .headerContent #headerContent__menu nav ul li a>span>span.t_hor {
	color: #000;
	position: absolute;
	top: 0;
	z-index: 1;
	height: 0;
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
	transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}
.content .headerContent #headerContent__trigger {
	display: none
}
@media screen and (max-width: 749px) {
	header {
		padding: 0 10px
	}
	#header {
		top: 10px
	}
	footer {
		padding: 0 10px
	}
	#footer {
		bottom: 10px
	}
	.sns {
		left: 8px;
		bottom: 0px
	}
	#headerContent .headerContent {
		width: 40px;
		height: 258px
	}
	#headerContent .headerContent._on {
		width: 150px;
		-webkit-transition-duration: .8s;
		-ms-transition-duration: .8s;
		-moz-transition-duration: .8s;
		-o-transition-duration: .8s;
		transition-duration: .8s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content._on .line {
		display: none
	}
	.content._on .footerLineLeft {
		display: none
	}
	.content._on .headerContent #headerContent__menu {
		-webkit-transition-duration: .6s;
		-ms-transition-duration: .6s;
		-moz-transition-duration: .6s;
		-o-transition-duration: .6s;
		transition-duration: .6s;
		-webkit-transition-delay: .1s;
		-ms-transition-delay: .1s;
		-moz-transition-delay: .1s;
		-o-transition-delay: .1s;
		transition-delay: .1s;
		-webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-moz-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-ms-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22)
	}
	.content._on .headerContent #headerContent__menu .headerContent__lineTop {
		-webkit-transition-duration: 1s;
		-ms-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-delay: 1.6s;
		-ms-transition-delay: 1.6s;
		-moz-transition-delay: 1.6s;
		-o-transition-delay: 1.6s;
		transition-delay: 1.6s;
		-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		opacity: 1
	}
	.content._on .headerContent #headerContent__menu .headerContent__lineLeft {
		-webkit-transition-duration: 1s;
		-ms-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-delay: 1.6s;
		-ms-transition-delay: 1.6s;
		-moz-transition-delay: 1.6s;
		-o-transition-delay: 1.6s;
		transition-delay: 1.6s;
		-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		opacity: 1
	}
	.content._on .headerContent #headerContent__menu .headerContent__lineBottom {
		-webkit-transition-duration: 1s;
		-ms-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-delay: 1.8s;
		-ms-transition-delay: 1.8s;
		-moz-transition-delay: 1.8s;
		-o-transition-delay: 1.8s;
		transition-delay: 1.8s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		opacity: 1
	}
	.content._on .headerContent #headerContent__trigger:before {
		-webkit-transition-duration: .8s;
		-ms-transition-duration: .8s;
		-moz-transition-duration: .8s;
		-o-transition-duration: .8s;
		transition-duration: .8s;
		-webkit-transition-delay: 2.1s;
		-ms-transition-delay: 2.1s;
		-moz-transition-delay: 2.1s;
		-o-transition-delay: 2.1s;
		transition-delay: 2.1s;
		-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
		-moz-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
		-ms-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
		transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
		opacity: 1
	}
	.content._on .headerContent #headerContent__trigger a>span>span {
		-webkit-transform: translateY(0) scaleX(1);
		-moz-transform: translateY(0) scaleX(1);
		-ms-transform: translateY(0) scaleX(1);
		transform: translateY(0) scaleX(1);
		opacity: 1
	}
	.content._on .headerContent #headerContent__trigger a>span>span:nth-child(1) {
		-webkit-transition-duration: .6s;
		-ms-transition-duration: .6s;
		-moz-transition-duration: .6s;
		-o-transition-duration: .6s;
		transition-duration: .6s;
		-webkit-transition-delay: 2.1s;
		-ms-transition-delay: 2.1s;
		-moz-transition-delay: 2.1s;
		-o-transition-delay: 2.1s;
		transition-delay: 2.1s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content._on .headerContent #headerContent__trigger a>span>span:nth-child(2) {
		-webkit-transition-duration: .6s;
		-ms-transition-duration: .6s;
		-moz-transition-duration: .6s;
		-o-transition-duration: .6s;
		transition-duration: .6s;
		-webkit-transition-delay: 2.2s;
		-ms-transition-delay: 2.2s;
		-moz-transition-delay: 2.2s;
		-o-transition-delay: 2.2s;
		transition-delay: 2.2s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content._on .headerContent #headerContent__trigger a>span>span:nth-child(3) {
		-webkit-transition-duration: .6s;
		-ms-transition-duration: .6s;
		-moz-transition-duration: .6s;
		-o-transition-duration: .6s;
		transition-duration: .6s;
		-webkit-transition-delay: 2.3s;
		-ms-transition-delay: 2.3s;
		-moz-transition-delay: 2.3s;
		-o-transition-delay: 2.3s;
		transition-delay: 2.3s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content._on .headerContent #headerContent__trigger._on a>span>span:nth-child(1)>span {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition-duration: .7s;
		-ms-transition-duration: .7s;
		-moz-transition-duration: .7s;
		-o-transition-duration: .7s;
		transition-duration: .7s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content._on .headerContent #headerContent__trigger._on a>span>span:nth-child(2)>span:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.content._on .headerContent #headerContent__trigger._on a>span>span:nth-child(2)>span:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.content._on .headerContent #headerContent__trigger._on a>span>span:nth-child(3)>span {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition-duration: .7s;
		-ms-transition-duration: .7s;
		-moz-transition-duration: .7s;
		-o-transition-duration: .7s;
		transition-duration: .7s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content .headerContent {
		-webkit-transition-duration: .6s;
		-ms-transition-duration: .6s;
		-moz-transition-duration: .6s;
		-o-transition-duration: .6s;
		transition-duration: .6s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-moz-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		-ms-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22)
	}
	.content .headerContent:before {
		width: 40px;
		height: 170px;
	}
	.content .headerContent #headerContent__ttl {
		width: 40px;
		height: 218px;
	}
	.content .headerContent #headerContent__ttl h1 {
		width: 10px;
		height: 46px;
		top: 25px;
		left: 15px;
		background-size: 10px 46px
	}
	.content .headerContent #headerContent__ttl p {
		top: 81px;
		left: 10px
	}
	.content .headerContent #headerContent__menu {
		width: 110px
	}
	.content .headerContent #headerContent__menu nav ul li {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		margin-bottom: 0
	}
	.content .headerContent #headerContent__menu nav ul li._on a>span>span.t_hor {
		height: auto;
		width: 100%
	}
	.content .headerContent #headerContent__menu nav ul li a {
		font-size: 16px;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb
	}
	.content .headerContent #headerContent__menu nav ul li a>span>span.t {
		color: #FFF;
		position: relative
	}
	.content .headerContent #headerContent__menu nav ul li a>span>span.t_hor {
		color: #000;
		position: absolute;
		top: 0;
		left: 0px;
		height: auto;
		width: 0;
		overflow: hidden
	}
	.content .headerContent #headerContent__menu nav ul li:nth-child(1) {
		margin: 47px 0 0
	}
	.content .headerContent #headerContent__menu nav ul li:nth-child(2) {
		margin: 53px 0 0
	}
	.content .headerContent #headerContent__menu nav ul li:nth-child(3) {
		margin: 53px 0 0
	}
	.content .headerContent #headerContent__menu .headerContent__lineLeft {
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 0
	}
	.content .headerContent #headerContent__menu .headerContent__lineBottom {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 0
	}
	.content .headerContent #headerContent__menu .headerContent__lineTop {
		width: 100%;
		height: 1px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #FFF;
		opacity: 0
	}
	.content .headerContent #headerContent__menu #headerContent__active._home:before {
		-webkit-transition-duration: .8s;
		-ms-transition-duration: .8s;
		-moz-transition-duration: .8s;
		-o-transition-duration: .8s;
		transition-duration: .8s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		opacity: 0
	}
	.content .headerContent #headerContent__menu #headerContent__active._about:before {
		-webkit-transition-duration: .8s;
		-ms-transition-duration: .8s;
		-moz-transition-duration: .8s;
		-o-transition-duration: .8s;
		transition-duration: .8s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: translateY(49px);
		-moz-transform: translateY(49px);
		-ms-transform: translateY(49px);
		transform: translateY(49px)
	}
	.content .headerContent #headerContent__trigger {
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		z-index: 2
	}
	.content .headerContent #headerContent__trigger:before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		background-color: #efefef;
		opacity: 0
	}
	.content .headerContent #headerContent__trigger a {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		z-index: 1
	}
	.content .headerContent #headerContent__trigger a>span {
		width: 13px;
		height: 11px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		display: block;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}
	.content .headerContent #headerContent__trigger a>span>span {
		width: 100%;
		height: 1px;
		position: absolute;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateY(-5px) scaleX(0.5);
		-moz-transform: translateY(-5px) scaleX(0.5);
		-ms-transform: translateY(-5px) scaleX(0.5);
		transform: translateY(-5px) scaleX(0.5);
		opacity: 0
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(1) {
		top: 0
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(1)>span {
		width: 100%;
		height: 1px;
		position: absolute;
		background-color: #353535;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-webkit-transition-duration: .7s;
		-ms-transition-duration: .7s;
		-moz-transition-duration: .7s;
		-o-transition-duration: .7s;
		transition-duration: .7s;
		-webkit-transition-delay: .2s;
		-ms-transition-delay: .2s;
		-moz-transition-delay: .2s;
		-o-transition-delay: .2s;
		transition-delay: .2s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(2) {
		top: 5px
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(2)>span {
		width: 100%;
		height: 1px
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(2)>span:before {
		content: "";
		width: 100%;
		height: 1px;
		position: absolute;
		top: 0;
		background-color: #353535;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(2)>span:after {
		content: "";
		width: 100%;
		height: 1px;
		position: absolute;
		top: 0;
		background-color: #353535;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(3) {
		bottom: 0
	}
	.content .headerContent #headerContent__trigger a>span>span:nth-child(3)>span {
		width: 100%;
		height: 1px;
		position: absolute;
		background-color: #353535;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-webkit-transition-duration: .7s;
		-ms-transition-duration: .7s;
		-moz-transition-duration: .7s;
		-o-transition-duration: .7s;
		transition-duration: .7s;
		-webkit-transition-delay: .2s;
		-ms-transition-delay: .2s;
		-moz-transition-delay: .2s;
		-o-transition-delay: .2s;
		transition-delay: .2s;
		-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		-ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
	}
}
@-webkit-keyframes loadingLineUp {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-moz-keyframes loadingLineUp {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-ms-keyframes loadingLineUp {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@keyframes loadingLineUp {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-webkit-keyframes loadingLineUnder {
	0% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-moz-keyframes loadingLineUnder {
	0% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-ms-keyframes loadingLineUnder {
	0% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@keyframes loadingLineUnder {
	0% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	40% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	45% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .6
	}
	100% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-webkit-keyframes loadingLine {
	0% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1
	}
}
@-moz-keyframes loadingLine {
	0% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1
	}
}
@-ms-keyframes loadingLine {
	0% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1
	}
}
@keyframes loadingLine {
	0% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: 1
	}
}
.SetActive>#About .About:before {
	-webkit-transform: scaleX(0.4);
	-moz-transform: scaleX(0.4);
	-ms-transform: scaleX(0.4);
	transform: scaleX(0.4);
	opacity: 0
}
.SetActive>#About .About:after {
	-webkit-transform: scaleX(0.6);
	-moz-transform: scaleX(0.6);
	-ms-transform: scaleX(0.6);
	transform: scaleX(0.6);
	opacity: 0
}
.SetActive>#About .About .about .heading {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-moz-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-ms-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	opacity: 0
}
.SetActive>#About .About .about .about__name, .SetActive>#About .About .about .about__online {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-moz-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-ms-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	opacity: 0
}
.SetActive>#About .About .about .about__detail {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-moz-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-ms-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	opacity: 0
}
.SetEnter>#About .About:before {
	-webkit-transform: scaleX(0.4);
	-moz-transform: scaleX(0.4);
	-ms-transform: scaleX(0.4);
	transform: scaleX(0.4);
	opacity: 0
}
.SetEnter>#About .About:after {
	-webkit-transform: scaleX(0.6);
	-moz-transform: scaleX(0.6);
	-ms-transform: scaleX(0.6);
	transform: scaleX(0.6);
	opacity: 0
}
.SetEnter>#About .About .about .heading {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-moz-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-ms-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	opacity: 0
}
.SetEnter>#About .About .about .about__name, .SetEnter>#About .About .about .about__online {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-moz-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-ms-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	opacity: 0
}
.SetEnter>#About .About .about .about__detail {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-moz-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	-ms-transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	transform: skewX(2deg) skewY(2deg) translateX(-18px) translateY(-20px) scale(0.9);
	opacity: 0
}
.SetActiveEnter>div {
	-webkit-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-delay: .1s;
	-ms-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-ms-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	opacity: 1
}
.SetActiveEnter>div:before {
	content: "";
	width: 80px;
	height: 1px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation-name: transitionLine;
	-moz-animation-name: transitionLine;
	-ms-animation-name: transitionLine;
	animation-name: transitionLine;
	-webkit-animation-duration: .4s;
	-ms-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
	-webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-moz-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-ms-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-webkit-animation-iteration-count: 2;
	-ms-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-o-animation-iteration-count: 2;
	animation-iteration-count: 2;
	-webkit-animation-direction: normal;
	-ms-animation-direction: normal;
	-moz-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both
}
.SetActiveEnter>div:after {
	content: "";
	width: 80px;
	height: 1px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 9998;
	opacity: .3;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation-name: transitionLineOut;
	-moz-animation-name: transitionLineOut;
	-ms-animation-name: transitionLineOut;
	animation-name: transitionLineOut;
	-webkit-animation-duration: .4s;
	-ms-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-moz-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-ms-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-webkit-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-ms-animation-direction: normal;
	-moz-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both
}
.SetDoneEnter>#About .About:before {
	-webkit-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
	-webkit-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s;
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transform: scaleX(0.73);
	-moz-transform: scaleX(0.73);
	-ms-transform: scaleX(0.73);
	transform: scaleX(0.73);
	background-color: rgba(220, 220, 220, 0.8);
	opacity: 1
}
.SetDoneEnter>#About .About:after {
	-webkit-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
	-webkit-transition-delay: .9s;
	-ms-transition-delay: .9s;
	-moz-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s;
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transform: scaleX(0.38);
	-moz-transform: scaleX(0.38);
	-ms-transform: scaleX(0.38);
	transform: scaleX(0.38);
	background-color: rgba(220, 220, 220, 0.8);
	opacity: 1
}
.SetDoneEnter>#About .About .about .heading {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-duration: 1.4s;
	-ms-transition-duration: 1.4s;
	-moz-transition-duration: 1.4s;
	-o-transition-duration: 1.4s;
	transition-duration: 1.4s;
	-webkit-transition-delay: 2s;
	-ms-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	-moz-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	-ms-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	opacity: 1
}
.SetDoneEnter>#About .About .about .about__name, .SetDoneEnter>#About .About .about .about__online {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-duration: 1.4s;
	-ms-transition-duration: 1.4s;
	-moz-transition-duration: 1.4s;
	-o-transition-duration: 1.4s;
	transition-duration: 1.4s;
	-webkit-transition-delay: 1.9s;
	-ms-transition-delay: 1.9s;
	-moz-transition-delay: 1.9s;
	-o-transition-delay: 1.9s;
	transition-delay: 1.9s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	-moz-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	-ms-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	opacity: 1
}
.SetDoneEnter>#About .About .about .about__detail {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-duration: 1.4s;
	-ms-transition-duration: 1.4s;
	-moz-transition-duration: 1.4s;
	-o-transition-duration: 1.4s;
	transition-duration: 1.4s;
	-webkit-transition-delay: 1.8s;
	-ms-transition-delay: 1.8s;
	-moz-transition-delay: 1.8s;
	-o-transition-delay: 1.8s;
	transition-delay: 1.8s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	-moz-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	-ms-transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	transform: skewX(0deg) skewY(0deg) translateX(0px) translateY(0px) scale(1);
	opacity: 1
}
.SetExit>div {
	opacity: 1
}
.SetExit>#About .About:before {
	-webkit-transform: scaleX(0.73);
	-moz-transform: scaleX(0.73);
	-ms-transform: scaleX(0.73);
	transform: scaleX(0.73);
	background-color: rgba(220, 220, 220, 0.8)
}
.SetExit>#About .About:after {
	-webkit-transform: scaleX(0.38);
	-moz-transform: scaleX(0.38);
	-ms-transform: scaleX(0.38);
	transform: scaleX(0.38);
	background-color: rgba(220, 220, 220, 0.8)
}
.SetActiveExit>div {
	-webkit-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-ms-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
	opacity: 0
}
.SetActiveExit>#About .About:before {
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-ms-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: rgba(220, 220, 220, 0)
}
.SetActiveExit>#About .About:after {
	-webkit-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-ms-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: rgba(220, 220, 220, 0)
}
.SetActiveExit>#About .About .about .heading {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-duration: 1.4s;
	-ms-transition-duration: 1.4s;
	-moz-transition-duration: 1.4s;
	-o-transition-duration: 1.4s;
	transition-duration: 1.4s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	-moz-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	-ms-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	opacity: 0
}
.SetActiveExit>#About .About .about .about__name, .SetActiveExit>#About .About .about .about__online {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	transition-duration: 1.2s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	-moz-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	-ms-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	opacity: 0
}
.SetActiveExit>#About .About .about .about__detail {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	-moz-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	-ms-transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	transform: skewX(3deg) skewY(3deg) translateX(38px) translateY(26px) scale(1.1);
	opacity: 0
}
@media screen and (max-width: 749px) {
	.SetEnter>#About .About:before {
		content: none
	}
	.SetEnter>#About .About:after {
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1)
	}
	.SetDoneEnter>#About .About:before {
		content: none
	}
	.SetDoneEnter>#About .About:after {
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0)
	}
	.SetDoneEnter>#About .About .about {
		opacity: 1
	}
	.SetDoneEnter>#About .About .about .heading {
		-webkit-transition-duration: 1.4s;
		-ms-transition-duration: 1.4s;
		-moz-transition-duration: 1.4s;
		-o-transition-duration: 1.4s;
		transition-duration: 1.4s;
		-webkit-transition-delay: 1.3s;
		-ms-transition-delay: 1.3s;
		-moz-transition-delay: 1.3s;
		-o-transition-delay: 1.3s;
		transition-delay: 1.3s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	.SetDoneEnter>#About .About .about .about__name, .SetDoneEnter>#About .About .about .about__online {
		-webkit-transition-duration: 1.4s;
		-ms-transition-duration: 1.4s;
		-moz-transition-duration: 1.4s;
		-o-transition-duration: 1.4s;
		transition-duration: 1.4s;
		-webkit-transition-delay: 1.2s;
		-ms-transition-delay: 1.2s;
		-moz-transition-delay: 1.2s;
		-o-transition-delay: 1.2s;
		transition-delay: 1.2s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	.SetDoneEnter>#About .About .about .about__detail {
		-webkit-transition-duration: 1.4s;
		-ms-transition-duration: 1.4s;
		-moz-transition-duration: 1.4s;
		-o-transition-duration: 1.4s;
		transition-duration: 1.4s;
		-webkit-transition-delay: 1.1s;
		-ms-transition-delay: 1.1s;
		-moz-transition-delay: 1.1s;
		-o-transition-delay: 1.1s;
		transition-delay: 1.1s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	.SetActiveExit>#About .About .about .heading {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-webkit-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		-moz-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		-ms-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		opacity: 0
	}
	.SetActiveExit>#About .About .about .about__name, .SetActiveExit>#About .About .about .about__online {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-webkit-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		-moz-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		-ms-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		opacity: 0
	}
	.SetActiveExit>#About .About .about .about__detail {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-webkit-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		-moz-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		-ms-transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		transform: skewX(1deg) skewY(1deg) translateX(18px) translateY(24px) scale(1.1);
		opacity: 0
	}
	.SetExit>#About .About:before {
		content: none
	}
	.SetExit>#About .About:after {
		-webkit-transform: scaleY(0);
		-moz-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0)
	}
}
@-webkit-keyframes transitionLine {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
	20% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	30% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
}
@-moz-keyframes transitionLine {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
	20% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	30% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
}
@-ms-keyframes transitionLine {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
	20% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	30% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
}
@keyframes transitionLine {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
	20% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		-o-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	30% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .8
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		-o-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: .4
	}
}
@-webkit-keyframes transitionLineOut {
	0% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .3
	}
	100% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-moz-keyframes transitionLineOut {
	0% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .3
	}
	100% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@-ms-keyframes transitionLineOut {
	0% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .3
	}
	100% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
@keyframes transitionLineOut {
	0% {
		-webkit-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		opacity: .3
	}
	100% {
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		opacity: 0
	}
}
body, html {
	width: 100%;
	color: #353535;
	position: relative;
	background-color: #b0e7ff;
	line-height: 2.0;
	letter-spacing: 0.1em;
	font-size: 12px;
	font-family: 'Yu Gothic', YuGothic, Meiryo, メイリオ, sans-serif;
	font-style: normal
}
.__hide {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important
}
body.__fixed {
	position: fixed
}
._evtOff {
	pointer-events: none
}
#app_root {
	width: 100%;
	height: 100vh;
	position: relative;
	top: 0;
	-webkit-overflow-scrolling: touch;
	z-index: 2
}
@media screen and (max-width: 749px) {
	#app_root {
		height: auto
	}
}
#rootContents {
	width: 100%;
	height: 100%;
	position: relative
}
main {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 8000
}
canvas {
	background-color: transparent
}
#bg canvas {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 0;
	pointer-events: none
}
#loading {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 9999
}
#loading p {
	width: 220px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 1000;
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.28em;
	text-align: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(0.0001deg);
	-moz-transform: rotate(0.0001deg);
	-ms-transform: rotate(0.0001deg);
	transform: rotate(0.0001deg)
}
#loading p span {
	width: 11px;
	position: absolute;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0
}
#loading p span:nth-child(1) {
	top: 0;
	left: 0
}
#loading p span:nth-child(2) {
	top: 0;
	left: 12px
}
#loading p span:nth-child(3) {
	top: 0;
	left: 24px
}
#loading p span:nth-child(4) {
	top: 0;
	left: 36px
}
#loading p span:nth-child(5) {
	top: 0;
	left: 48px
}
#loading p span:nth-child(6) {
	top: 0;
	left: 60px
}
#loading p span:nth-child(7) {
	top: 0;
	left: 72px
}
#loading p span:nth-child(8) {
	top: 0;
	left: 84px
}
#loading p span:nth-child(9) {
	top: 0;
	left: 96px
}
#loading p span:nth-child(10) {
	top: 0;
	left: 116px
}
#loading p span:nth-child(11) {
	top: 0;
	left: 128px
}
#loading p span:nth-child(12) {
	top: 0;
	left: 140px
}
#loading p span:nth-child(13) {
	top: 0;
	left: 150px
}
#loading p span:nth-child(14) {
	top: 0;
	left: 164px
}
#loading p span:nth-child(15) {
	top: 0;
	left: 176px
}
#loading p span:nth-child(16) {
	top: 0;
	left: 188px
}
#loading p span:nth-child(17) {
	top: 0;
	left: 200px
}
#loading p span:nth-child(18) {
	top: 0;
	left: 212px
}
::-webkit-input-placeholder {
	text-align: center;
	color: #dcdcdc
}
:-moz-placeholder {
	text-align: center;
	color: #dcdcdc
}
::-moz-placeholder {
	text-align: center;
	color: #dcdcdc
}
:-ms-input-placeholder {
	text-align: center;
	color: #dcdcdc
}
#About {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
#About .forPc {
	display: block
}
#About .About {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
#About .About:before {
	content: "";
	width: 75%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color: rgba(220, 220, 220, 0.8);
	transform-origin: right;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
#About .About:after {
	content: "";
	width: 25%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(220, 220, 220, 0.8);
	transform-origin: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
#About .About .about {
	width: 50%;
	height: 274px;
	position: fixed;
	top: 0;
	left: 50%;
	bottom: 0;
	margin: auto;
	font-size: 12px;
	line-height: 1.6;
	padding: 0 19% 0 0;
	box-sizing: border-box
}
#About .About .about__name {
	/* margin: 28px 0 15px; */
	margin: 0px 0 15px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
#About .About .about__detail {
	margin: 0 0 25px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block
}
#About .About .about__online {
	margin: 20px 0 0px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #000;
	display: block
}
@media screen and (max-width: 749px) {
	.heading {
		font-size: 10px
	}
	#About .forPc {
		display: none
	}
	#About .About:after {
		display: none;
		width: 100%;
		height: 44%;
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom
	}
	#About .About:before {
		display: none;
		content: none
	}
	#About .About .about {
		position: relative;
		width: 100%;
		top: 50%;
		left: 0;
		bottom: auto;
		margin: auto;
		font-size: 10px;
		line-height: 1.6;
		padding: 20px 18% 0;
		box-sizing: border-box
	}
	#About .About .about__name {
		font-size: 10px;
		margin: 5px 0 12px
		/* margin: 22px 0 12px */
	}
	#About .About .about__detail {
		font-size: 10px
	}
	#About .About .about__online {
		font-size: 10px;
		margin: 22px 0 12px
	}
}
@-webkit-keyframes hover_switchLayout_s {
	0% {
		-ms-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-webkit-transform: translateY(16px);
		transform: translateY(16px)
	}
	100% {
		-ms-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}
@-moz-keyframes hover_switchLayout_s {
	0% {
		-ms-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-webkit-transform: translateY(16px);
		transform: translateY(16px)
	}
	100% {
		-ms-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}
@-ms-keyframes hover_switchLayout_s {
	0% {
		-ms-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-webkit-transform: translateY(16px);
		transform: translateY(16px)
	}
	100% {
		-ms-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}
@keyframes hover_switchLayout_s {
	0% {
		-ms-transform: translateY(16px);
		-moz-transform: translateY(16px);
		-webkit-transform: translateY(16px);
		transform: translateY(16px)
	}
	100% {
		-ms-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}
@-webkit-keyframes hover_switchLayout_l {
	0% {
		-ms-transform: translateY(75px);
		-moz-transform: translateY(75px);
		-webkit-transform: translateY(75px);
		transform: translateY(75px)
	}
	100% {
		-ms-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px)
	}
}
@-moz-keyframes hover_switchLayout_l {
	0% {
		-ms-transform: translateY(75px);
		-moz-transform: translateY(75px);
		-webkit-transform: translateY(75px);
		transform: translateY(75px)
	}
	100% {
		-ms-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px)
	}
}
@-ms-keyframes hover_switchLayout_l {
	0% {
		-ms-transform: translateY(75px);
		-moz-transform: translateY(75px);
		-webkit-transform: translateY(75px);
		transform: translateY(75px)
	}
	100% {
		-ms-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px)
	}
}
@keyframes hover_switchLayout_l {
	0% {
		-ms-transform: translateY(75px);
		-moz-transform: translateY(75px);
		-webkit-transform: translateY(75px);
		transform: translateY(75px)
	}
	100% {
		-ms-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px)
	}
}
@-webkit-keyframes triggerMotion_first {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	75% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	77% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-ms-transform: scaleX(0.4);
		-moz-transform: scaleX(0.4);
		-webkit-transform: scaleX(0.4);
		transform: scaleX(0.4)
	}
}
@-moz-keyframes triggerMotion_first {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	75% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	77% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-ms-transform: scaleX(0.4);
		-moz-transform: scaleX(0.4);
		-webkit-transform: scaleX(0.4);
		transform: scaleX(0.4)
	}
}
@-ms-keyframes triggerMotion_first {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	75% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	77% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-ms-transform: scaleX(0.4);
		-moz-transform: scaleX(0.4);
		-webkit-transform: scaleX(0.4);
		transform: scaleX(0.4)
	}
}
@keyframes triggerMotion_first {
	0% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
	75% {
		-webkit-transform-origin: left;
		-moz-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left;
		-ms-transform: scaleX(1);
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	77% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}
	100% {
		-webkit-transform-origin: right;
		-moz-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
		-ms-transform: scaleX(0.4);
		-moz-transform: scaleX(0.4);
		-webkit-transform: scaleX(0.4);
		transform: scaleX(0.4)
	}
}
@-webkit-keyframes triggerMotion_second {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}
@-moz-keyframes triggerMotion_second {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}
@-ms-keyframes triggerMotion_second {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}
@keyframes triggerMotion_second {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}
@-webkit-keyframes triggerMotion_thrd {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg)
	}
}
@-moz-keyframes triggerMotion_thrd {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg)
	}
}
@-ms-keyframes triggerMotion_thrd {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg)
	}
}
@keyframes triggerMotion_thrd {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg)
	}
}
@-webkit-keyframes pointer_motion {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
	40% {
		opacity: .7
	}
	100% {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-ms-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}
@-moz-keyframes pointer_motion {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
	40% {
		opacity: .7
	}
	100% {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-ms-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}
@-ms-keyframes pointer_motion {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
	40% {
		opacity: .7
	}
	100% {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-ms-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}
@keyframes pointer_motion {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
	40% {
		opacity: .7
	}
	100% {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-ms-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0
	}
}

.about-image {
	width: 100%;
	max-width: 600px;
	margin-bottom: 30px;
	height: 100vh; /* SP画面で1画面固定表示 */
	overflow: hidden; /* はみ出し防止 */
}
.profile-image {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 画像比率を保持 */
}
.pc-only {
	display: none;
}
.sp-only {
	display: block;
}

@media screen and (min-width: 768px) {
	.About .about {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		padding: 40px 20px;
	}

	.About .about .heading {
		/* margin-bottom: 30px; */
		margin-bottom: 5px;
	}

	.About .about .about__name,
	.About .about .about__online {
		margin-bottom: 20px;
		text-align: left;
	}

	.About .about .about__detail {
		margin-bottom: 30px;
		text-align: left;
	}

	.about-image {
		width: 45%;
		margin-right: 0;
		margin-bottom: 0;
		max-width: none;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}

	.profile-image {
		object-fit: cover;
		height: 100%;
	}
}

@media screen and (max-width: 767px) {
    .About .about .heading,
    .About .about .about__name,
    .About .about .about__online,
    .About .about .about__detail,
    .About .about a.about__online {
        color: #fff !important;
    }

    .About .about a.about__online:hover {
        color: #fff !important;
        opacity: 0.8;
    }
}

.scl-arrow {
    display: none;
}

@media screen and (max-width: 767px) {


    .about-image {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1;
    }

    .profile-image {
        width: 100%;
        height: 100%;
		/* object-fit: none; */
		object-fit: cover;
		/* transform: translateY(-100px);  */
    }

    .About .about {
        position: relative;
        z-index: 2;
        color: #fff;
        width: 100%;
        transform: none;
    }

    .About .about .heading,
    .About .about .about__name,
    .About .about .about__online,
    .About .about .about__detail {
        color: #fff;
        width: 100%;
        float: none;
    }
    #About, .About {
        height: auto;
        overflow: visible;
    }

    .scl-box {
        width: 100%;
        max-height: 50vh; /* 画面の高さの50%をスクロール可能領域に */
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        position: fixed;
        top: 50%;  /* 画面上端から50%の位置に固定 */
        /* transform: translateY(-50px); 少し上に調整（必要に応じて） */
        z-index: 2;
    }

    .about {
        height: auto;
        position: relative;
    }
}
}