.m50 {
	margin: 50px 0px;
}
.m-50 {
	margin: 50px auto;
}
.top3-box {
	margin: 50px 0px 20px;
}
.pad-b-30 {
	padding-bottom: 30px;
}
.top-p-waku {
	position: relative;
}
.box {
	top: 50%; position: relative;
}
.box .background {
	z-index: 0;
}
.box .photo {
	left: 50%; top: 70%; width: 50%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.box .photo img {
	width: 100%; height: auto; max-width: 100%;
}
.box1 {
	top: 50%; position: relative;
}
.box1 .background {
	z-index: 0;
}
.box1 .photo {
	left: 50%; top: 50%; width: 50%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.box1 .photo img {
	width: 100%; height: auto; max-width: 100%;
}
.p-top {
	width: 50px; right: 16px; bottom: 16px; position: fixed;
}
.statement-bg {
	background: url("../images/top/statement.jpg") no-repeat center / cover;
}
.statem {
	transition:1s linear;
}
.statem:hover {
	background-color: rgba(0, 159, 232, 0.8);
}
.sm-logo {
	margin: 0px auto; padding: 7% 0px 0px; width: 25%;
}
.tabs-sm {
	margin: 0px auto; padding-bottom: 0px;
}
.tabs-sm_item {
	padding: 5px; transition:0.2s; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-size: 14px; font-weight: bold; display: inline-block;
}
.tabs-sm_item:hover {
	opacity: 0.5;
}
input[name='tabs-sm_item'] {
	display: none;
}
.tabs-sm_content {
	margin: 0px; padding: 50px 0px; overflow: hidden; clear: both; display: none;
}
:checked#jp ~ #j_content {
	display: block;
}
:checked#en ~ #e_content {
	display: block;
}
.tabs-sm input:checked + .tabs-sm_item {
	color: rgb(0, 0, 0);
}
.sp-sm {
	
}
@media all and (max-width:992px)
{
.sm-logo {
	margin: 0px auto; padding: 20% 0px; width: 60%;
}
tabs-sm_content {
	margin: 0px; padding: 50px 0px; overflow: hidden; clear: both; display: none;
}
}
@media screen and (max-width:768px)
{
.sp-sm {
	padding-top: 30px;
}
.sm-logo {
	margin: 0px auto; padding: 15% 0px; width: 60%;
}
.tabs-sm_content {
	margin: 0px; padding: 50px 0px; overflow: hidden; clear: both; display: none;
}
}
.statement-box {
	top: 0%; position: relative;
}
.statement-box .background {
	z-index: 0;
}
.statement-box .photo {
	transition:10s; left: 50%; top: 50%; width: 90%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.statement-box .photo2 {
	margin: auto; left: 0px; top: 15%; width: 20%; right: 0px; bottom: 0px; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.statement-box .photo img {
	width: 100%; height: auto; max-width: 100%;
}
.statement-box .photo2 img {
	width: 100%; height: auto; max-width: 100%;
}
.statement-box .photo3 {
	display: none;
}
.e-sp {
	margin: 20px auto; width: 100%; text-align: center;
}
.accbox {
	margin: 20px auto 0px; padding: 0px;
}
.accbox label {
	margin: 0px 0px 1.5px; width: calc(100%/2); text-align: center; display: none;
}
.accbox label:hover {
	
}
.accbox p {
	font-size: 14px;
}
.accbox input {
	display: none;
}
.accbox .accshow {
	padding: 0px; transition:0.8s; height: 0px; text-align: left; overflow: hidden; opacity: 0; background-color: rgb(255, 255, 255);
}
:checked.cssacc + .accshow {
	padding: 30px 20px; height: auto; font-size: 14px; opacity: 1; background-color: rgb(255, 255, 255);
}
.tabs-e {
	margin: 0px auto; padding-bottom: 0px; background-color: rgb(255, 255, 255);
}
.tabs-e_item {
	padding: 5px; transition:0.2s; width: calc(100%/2); height: 40px; text-align: center; color: rgb(0, 159, 232); line-height: 35px; font-size: 14px; font-weight: bold; float: left; display: block;
}
.tabs-e_item:hover {
	opacity: 0.5;
}
input[name='tabs-e_item'] {
	display: none;
}
.tabs-e_content {
	margin: 0px; padding: 0px; overflow: hidden; clear: both; display: none;
}
:checked#jp ~ #j_content {
	display: block;
}
:checked#en ~ #e_content {
	display: block;
}
.tabs-e input:checked + .tabs-e_item {
	color: rgb(255, 255, 255); background-color: rgb(0, 159, 232);
}
@media screen and (max-width:1200px)
{
.statement-box .photo2 {
	margin: auto; left: 0px; top: 5%; width: 20%; right: 0px; bottom: 0px; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
}
@media screen and (max-width:768px)
{
.box .photo {
	left: 50%; top: 70%; width: 100%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.box1 .photo {
	left: 50%; top: 50%; width: 100%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.statement-box .photo2 {
	margin: auto; left: 50%; top: 50%; width: 40%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.statement-box .photo2 img {
	width: 100%; height: auto; max-width: 100%;
}
.statement-box .photo3 {
	margin: auto; width: 30%; text-align: center; padding-top: 5%; display: block; position: relative; z-index: 10;
}
.statement-box .photo3 img {
	width: 100%; height: auto; max-width: 100%;
}
}
@media all and (max-width:992px)
{
.box .photo {
	left: 50%; top: 70%; width: 80%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.box1 .photo {
	left: 50%; top: 50%; width: 80%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.statement-box .photo {
	left: 50%; top: 52%; width: 100%; position: absolute; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.statement-box .photo2 {
	margin: auto; left: 0px; top: 10%; width: 70%; right: 0px; bottom: 0px; position: absolute; z-index: 10;
}
.statement-box .photo3 {
	margin: auto; width: 10%; text-align: center; padding-top: 15%; display: block; position: relative; z-index: 10;
}
}
.bigmaskeffect-p {
	background: rgb(227, 0, 127); width: 100%; overflow: hidden;
}
.bigmaskeffect-p img {
	transition:1s; width: 100%; opacity: 1; transform: scale(1); -webkit-transform: scale(1.0); -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -o-transform: scale(1.0); -moz-transition: -moz-transform 0.5s linear; -moz-transform: scale(1.0);
}
.bigmaskeffect-p img:hover {
	opacity: 0.3; transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);
}
.bigmaskeffect-p img:active {
	opacity: 0.3; transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);
}
.bigmaskeffect-b {
	background: rgb(0, 159, 232); width: 100%; overflow: hidden;
}
.bigmaskeffect-b p {
	color: rgb(51, 51, 51);
}
.bigmaskeffect-b p:hover {
	pointer-events: auto;
}
.bigmaskeffect-b img {
	transition:1s; width: 100%; opacity: 1; transform: scale(1); -webkit-transform: scale(1.0); -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -o-transform: scale(1.0); -moz-transition: -moz-transform 0.5s linear; -moz-transform: scale(1.0);
}
.bigmaskeffect-b img:hover {
	opacity: 0.3; transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);
}
.bigmaskeffect-b img:active {
	opacity: 0.3; transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);
}
.bigmaskeffect-y {
	background: rgb(255, 240, 0); width: 100%; overflow: hidden;
}
.bigmaskeffect-y img {
	transition:1s; width: 100%; opacity: 1; transform: scale(1); -webkit-transform: scale(1.0); -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -o-transform: scale(1.0); -moz-transition: -moz-transform 0.5s linear; -moz-transform: scale(1.0);
}
.bigmaskeffect-y img:hover {
	opacity: 0.3; transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);
}
.bigmaskeffect-y img:active {
	opacity: 0.3; transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);
}
.caption {
	position: absolute; z-index: 100000000;
}
.zoomIn-animation {
	animation-duration: 15s; animation-delay: 2s; -webkit-animation-duration: 2s;
}
.fadeInUp-animation0 {
	animation-duration: 10s; animation-delay: 2.5s; -webkit-animation-duration: 2.5s;
}
.fadeInUp-animation1 {
	animation-duration: 10s; animation-delay: 2s; -webkit-animation-duration: 2s;
}
.fadeInUp-animation2 {
	animation-duration: 10s; animation-delay: 2.5s; -webkit-animation-duration: 2.5s;
}
.fadeInUp-animation3 {
	animation-duration: 10s; animation-delay: 3s; -webkit-animation-duration: 3s;
}
.fadeInUp-animation4 {
	animation-duration: 10s; animation-delay: 3.5s; -webkit-animation-duration: 3.5s;
}
.fadeInUp-animation5 {
	animation-duration: 10s; animation-delay: 4s; -webkit-animation-duration: 4s;
}
.fadeInUp-animation6 {
	animation-duration: 10s; animation-delay: 4.5s; -webkit-animation-duration: 4.5s;
}
.fadeInUp-animation7 {
	animation-duration: 10s; animation-delay: 5s; -webkit-animation-duration: 5s;
}
.fadeInUp-animation8 {
	animation-duration: 10s; animation-delay: 5.5s; -webkit-animation-duration: 5.5s;
}
.fadeInUp-animation8 {
	animation-duration: 10s; animation-delay: 6s; -webkit-animation-duration: 67s;
}
.fadeInUp-animation9 {
	animation-duration: 10s; animation-delay: 6.5s; -webkit-animation-duration: 6.5s;
}
.fadeInUp-animation10 {
	animation-duration: 10s; animation-delay: 7s; -webkit-animation-duration: 7s;
}
.fadeInUp-animation10 {
	animation-duration: 10s; animation-delay: 7.5s; -webkit-animation-duration: 7.5s;
}
.fadeInUp-animation11 {
	animation-duration: 10s; animation-delay: 8s; -webkit-animation-duration: 8s;
}
.fadeInUp-animation12 {
	animation-duration: 10s; animation-delay: 8.5s; -webkit-animation-duration: 8.5s;
}
.fadeInUp-animation13 {
	animation-duration: 10s; animation-delay: 9s; -webkit-animation-duration: 9s;
}
.fadeInUp-animation14 {
	animation-duration: 10s; animation-delay: 9.5s; -webkit-animation-duration: 9.5s;
}
.fadeInUp-animation15 {
	animation-duration: 10s; animation-delay: 10s; -webkit-animation-duration: 10s;
}
.bounceIn-animation {
	animation-duration: 30s; -webkit-animation-duration: 30s;
}
.font-big {
	font-size: 130%;
}
.sm1 {
	pointer-events: auto;
}
@media all and (min-width:1200px)
{
.sm-p {
	
}
.sm-p p {
	margin: 0px; font-size: 18px !important;
}
}
@media all and (max-width:1200px)
{
.sm-p {
	
}
.sm-p p {
	margin: 0px; font-size: 18px !important;
}
}
.anime {
	width: 100vw; height: 100vh; position: relative; z-index: 2147483647; background-color: rgba(0, 169, 236, 1);
}
.skip {
	background: none; padding: 3px; border-radius: 20px; border: 1px solid rgb(227, 0, 127); border-image: none; top: 5%; right: 8%; color: rgb(227, 0, 127) !important; position: fixed; z-index: 5;
}
#video {
	top: 0px; z-index: 1; min-height: 100vh; min-width: 100vw; background-attachment: fixed;
}
.mainSite {
	width: 100%;
}
.top-movie {
	width: 100vw; height: 100vh; position: relative; z-index: 99999; background-color: rgb(255, 255, 255);
}
@media all and (max-width:992px)
{
.anime {
	width: 100vw; height: 50vh; position: relative; z-index: 2147483647; background-color: rgba(0, 169, 236, 1);
}
}
.movie_wrap {
	padding: 50px 0px; width: 100vw; text-align: center;
}
.mv_map {
	width: 100vw; display: inline-block;
}
a.mv-inline {
	
}
#movie-top video {
	width: 90vw; height: auto; display: block;
}
.vimeo iframe {
	width: 90vw;
}
.top-movie-wrap {
	margin: 30px 0px; height: 0px; overflow: hidden; padding-bottom: 56.25%; position: relative;
}
.top-movie-wrap iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#colorbox {
	left: 0px; top: 0px; overflow: hidden; position: absolute; z-index: 2147483647; -webkit-transform: translate3d(0, 0, 0);
}
#cboxOverlay {
	left: 0px; top: 0px; overflow: hidden; position: absolute; z-index: 2147483647; -webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
	left: 0px; top: 0px; overflow: hidden; position: absolute; z-index: 2147483647; -webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	width: 100%; height: 100%; position: fixed;
}
#cboxMiddleLeft {
	clear: left;
}
#cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto; -webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin: 0px;
}
#cboxLoadingOverlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#cboxLoadingGraphic {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#cboxPrevious {
	cursor: pointer;
}
#cboxNext {
	cursor: pointer;
}
#cboxClose {
	cursor: pointer;
}
#cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	margin: auto; border: 0px currentColor; border-image: none; float: left; display: block; -ms-interpolation-mode: bicubic; max-width: none;
}
.cboxIframe {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%; height: 100%; display: block;
}
#colorbox {
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
#cboxContent {
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
#cboxLoadedContent {
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
#cboxOverlay {
	background: rgb(255, 255, 255); opacity: 0.5;
}
#colorbox {
	outline: 0px;
}
#cboxTopLeft {
	background: url("images/controls.png") no-repeat 0px 0px; width: 14px; height: 14px;
}
#cboxTopCenter {
	background: url("images/border.png") repeat-x left top; height: 14px;
}
#cboxTopRight {
	background: url("images/controls.png") no-repeat -36px 0px; width: 14px; height: 14px;
}
#cboxBottomLeft {
	background: url("images/controls.png") no-repeat 0px -32px; width: 14px; height: 43px;
}
#cboxBottomCenter {
	background: url("images/border.png") repeat-x left bottom; height: 43px; display: none;
}
#cboxBottomRight {
	background: url("images/controls.png") no-repeat -36px -32px; width: 14px; height: 43px;
}
#cboxMiddleLeft {
	background: url("images/controls.png") repeat-y -175px 0px; width: 14px;
}
#cboxMiddleRight {
	background: url("images/controls.png") repeat-y -211px 0px; width: 14px;
}
#cboxContent {
	overflow: visible;
}
.cboxIframe {
	background: rgb(255, 255, 255);
}
#cboxError {
	padding: 50px; border: 1px solid rgb(255, 255, 255); border-image: none;
}
#cboxLoadedContent {
	margin-bottom: 5px;
}
#cboxLoadingOverlay {
	background: url("images/loading_background.png") no-repeat center;
}
#cboxLoadingGraphic {
	background: url("images/loading.gif") no-repeat center;
}
#cboxTitle {
	left: 0px; width: 100%; text-align: center; bottom: -25px; color: rgb(255, 255, 255); font-weight: bold; position: absolute;
}
#cboxCurrent {
	left: 58px; bottom: -25px; color: rgb(255, 255, 255); font-weight: bold; display: none !important; position: absolute;
}
#cboxPrevious {
	background: url("../images/controls.png") no-repeat 0px 0px; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 23px; height: 23px; bottom: -29px; text-indent: -9999px; overflow: visible; display: none !important; position: absolute;
}
#cboxNext {
	background: url("../images/controls.png") no-repeat 0px 0px; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 23px; height: 23px; bottom: -29px; text-indent: -9999px; overflow: visible; display: none !important; position: absolute;
}
#cboxSlideshow {
	background: url("../images/controls.png") no-repeat 0px 0px; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 23px; height: 23px; bottom: -29px; text-indent: -9999px; overflow: visible; display: none !important; position: absolute;
}
#cboxClose {
	background: url("../images/controls.png") no-repeat 0px 0px; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 23px; height: 23px; bottom: -29px; text-indent: -9999px; overflow: visible; display: none !important; position: absolute;
}
#cboxPrevious:active {
	outline: 0px;
}
#cboxNext:active {
	outline: 0px;
}
#cboxSlideshow:active {
	outline: 0px;
}
#cboxClose:active {
	outline: 0px;
}
#cboxPrevious {
	background-position: 0px 0px; left: 0px;
}
#cboxNext {
	background-position: -25px 0px; left: 27px;
}
#cboxClose {
	background-position: -50px 0px; right: 0px;
}
.cboxSlideshow_on #cboxSlideshow {
	background-position: -125px 0px; right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
	background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
	background-position: -150px -25px; right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
	background-position: -125px 0px;
}
a.modal {
	
}
#movie-top img a {
	
}
.mv-close {
	top: 30px; width: 30px; right: 30px; position: fixed; z-index: 2147483647;
}
.mv-close img {
	width: 100%;
}
.movie-wrap {
	margin: 30px 0px; height: 0px; overflow: hidden; padding-top: 56.25%; position: relative;
}
.movie-wrap iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
@media screen and (max-width:768px)
{
.movie-wrap {
	margin: 0px; height: 0px; overflow: hidden; padding-bottom: 56.25%; position: relative;
}
.top-movie {
	width: 100vw; height: 10vh; position: relative; z-index: 99999; background-color: rgb(255, 255, 255);
}
}