.wrapper_content {
	color: #fff;
	background-color: #202020
}

.wrapper_content sup {
	font-size: .5em;
	vertical-align: text-top
}

@media screen and (max-width: 767px) {
	.wrapper_content {
		padding-top: 40px
	}
}

#FixBanner01 {
	display: none
}

html.s_showBanner #FixBanner01 {
	display: block
}

.sec_accessories__attention {
	margin-top: 1em
}

.js_parallax.s_parallaxY,
.js_parallax.s_parallaxX {
	-webkit-transition: opacity .7s 0s, -webkit-transform .7s 0s;
	transition: opacity .7s 0s, -webkit-transform .7s 0s;
	transition: opacity .7s 0s, transform .7s 0s;
	transition: opacity .7s 0s, transform .7s 0s, -webkit-transform .7s 0s
}

.js_parallax.s_parallaxY {
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
	opacity: 0
}

.js_parallax.s_parallaxY.s_aniShow {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.js_parallax.s_parallaxX {
	-webkit-transform: translateX(60px);
	transform: translateX(60px);
	opacity: 0
}

.js_parallax.s_parallaxX.s_aniShow {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

@-webkit-keyframes loop-text-left {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes loop-text-left {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@-webkit-keyframes loop-text-right {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes loop-text-right {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@-webkit-keyframes wheel {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
}

@keyframes wheel {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(200%);
		transform: translateY(200%)
	}
}

.top-m_textA {
	font-size: 16px;
	line-height: 2.25;
	letter-spacing: .05em
}

.top-m_textA p+p {
	margin-top: 1em
}

.top-m_textA.s_lineS {
	line-height: 1.875
}

@media screen and (max-width: 767px) {
	.top-m_textA {
		font-size: 13px
	}
}

.top-m_titleA {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.389;
	margin-bottom: 18px
}

.top-m_titleA {
	font-size: 32px
}

@media screen and (max-width: 767px) {
	.top-m_titleA {
		font-size: 20px;
		margin-bottom: 15px
	}
}

.top-m_boxA {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #4c8de9;
	background: linear-gradient(135deg, #4c8de9 0%, #503279 29%, #92199d 100%);
	-webkit-box-shadow: 0px 26px 55.9px 9.1px rgba(0, 0, 0, .3);
	box-shadow: 0px 26px 55.9px 9.1px rgba(0, 0, 0, .3);
	padding: 50px
}

.top-m_boxA .top-m_titleA {
	margin-right: -50px
}

.top-m_boxA .top-m_textA {
	letter-spacing: 0
}

.top-m_boxA .top-m_notes {
	margin-top: 1em
}

@media screen and (max-width: 767px) {
	.top-m_boxA {
		height: auto !important;
		padding: 55px 20px 35px
	}

	.top-m_boxA .top-m_titleA {
		margin-right: -20px
	}
}

.top-m_notes {
	font-size: 12px;
	letter-spacing: .05em
}

@media screen and (max-width: 767px) {
	.top-m_notes {
		font-size: 10px;
		line-height: 1.5
	}
}

.top-m_creditA {
	font-size: 12px;
	line-height: 1.5
}

@media screen and (max-width: 767px) {
	.top-m_creditA {
		font-size: 10px
	}
}

.top-m_btnA {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 1px;
	background: #04ece8;
	background: -webkit-gradient(linear, left top, right top, from(#04ece8), color-stop(30%, #6a6ae9), to(#e400d7));
	background: linear-gradient(to right, #04ece8 0%, #6a6ae9 30%, #e400d7 100%);
	height: 80px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5
}

.top-m_btnA.s_bulleted::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 12px;
	height: 16px;
	background: url(../images/top/fusq_icon_arrow_01.png) no-repeat 0 0/contain;
	margin: auto 0
}

.top-m_btnA.s_blank::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 16px;
	height: 16px;
	background: url(../images/top/fusq_icon_blank_01.png) no-repeat 0 0/contain;
	margin: auto 0
}

@media screen and (max-width: 767px) {
	.top-m_btnA {
		height: 48px;
		font-size: 14px
	}

	.top-m_btnA.s_bulleted::after {
		right: 15px;
		width: 6px;
		height: 8px
	}

	.top-m_btnA.s_blank::after {
		right: 15px;
		width: 8px;
		height: 8px
	}
}

.top-m_movie {
	position: relative;
	width: 100%;
	background-color: #404040;
	padding-top: 56.25%
}

.top-m_movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important
}

.top-m_movie__image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.top-m_movie__image::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	right: 0;
	width: 73px;
	height: 73px;
	background: url(../images/top/fusq_movie_btn_01.svg) no-repeat 0 0/contain;
	margin: auto;
	z-index: 1
}

@media screen and (max-width: 767px) {
	.top-m_movie__image {
		font-size: 6.8493px
	}

	.top-m_movie__image::before {
		width: 50px;
		height: 50px
	}
}

html.s_modalShow,
html.s_modalShow body {
	overflow: hidden
}

.top-m_modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	z-index: 3000;
	display: none
}

.top-m_modal__closeBg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .8)
}

.top-m_modal__window {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1200px;
	width: calc(100% - 40px);
	max-height: calc(100% - 100px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3000
}

.top-m_modal__closeBtn {
	position: absolute;
	z-index: 100;
	bottom: calc(100% + 10px);
	right: 0;
	width: 30px;
	height: 30px;
	cursor: pointer
}

.top-m_modal__closeBtn::before,
.top-m_modal__closeBtn::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 26px;
	height: 1px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.top-m_modal__closeBtn::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.top-m_moadlBox {
	background-color: #202020;
	padding: 100px;
	max-height: calc(100vh - 100px);
	overflow: auto
}

.top-m_moadlBox_title {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.667;
	text-align: center;
	margin-bottom: 40px;
	padding-bottom: 40px
}

.top-m_moadlBox_title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, left top, right top, from(#04ece8), color-stop(30%, #6a6ae9), to(#e400d7));
	background: linear-gradient(to right, #04ece8 0%, #6a6ae9 30%, #e400d7 100%)
}

.top-m_moadlBox_text {
	font-size: 19px;
	line-height: 2.632
}

.top-m_moadlBox_note {
	margin-top: 10px
}

@media screen and (max-width: 1000px) {
	.top-m_moadlBox {
		padding: 50px
	}

	.top-m_moadlBox_title {
		font-size: 25px;
		margin-bottom: 30px;
		padding-bottom: 30px
	}

	.top-m_moadlBox_text {
		font-size: 16px
	}
}

@media screen and (max-width: 767px) {
	.top-m_moadlBox {
		padding: 25px
	}

	.top-m_moadlBox_title {
		font-size: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px
	}

	.top-m_moadlBox_text {
		font-size: 14px
	}
}

.top-kv {
	position: relative;
	height: 0;
	background-color: #000;
	padding-top: 62.6428571429%;
	z-index: 1
}

.top-kv_bg,
.top-kv_bg__item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.top-kv_bg__item:first-child {
	z-index: 20
}

.top-kv_bg__item .top-kv_credit01 {
	opacity: 0
}

.top-kv_bg__item.s_current .top-kv_credit01 {
	opacity: 1
}

.top-kv_bg__item img {
	width: 100%
}

.top-kv_logo {
	position: absolute;
	top: 13.2142857143vw;
	left: 0;
	right: 0;
	max-width: 389px;
	height: 65px;
	margin: 0 auto;
	z-index: 50
}

.top-kv_image01 {
	position: absolute;
	top: 22.6428571429vw;
	left: 0;
	right: 0;
	max-width: 658px;
	height: 527px;
	margin: 0 auto;
	z-index: 50
}

.top-kv_credit01 {
	position: absolute;
	top: 56.3571428571vw;
	right: 20px
}

@media screen and (max-width: 1399px) {
	.top-kv_logo {
		max-width: 27.7857142857vw;
		height: 4.6428571429vw
	}

	.top-kv_image01 {
		max-width: 47vw;
		height: 37.6428571429vw
	}

	.top-kv_credit01 {
		right: 1.4285714286vw
	}
}

@media screen and (max-width: 767px) {
	.top-kv {
		padding-top: 93.6%
	}

	.top-kv_logo {
		top: 24.6666666667vw;
		max-width: 41.3333333333vw;
		height: 6.9333333333vw
	}

	.top-kv_image01 {
		top: 42.2666666667vw;
		max-width: 80.2666666667vw;
		height: 64.2666666667vw
	}

	.top-kv_credit01 {
		top: 105.2vw;
		right: 10px
	}
}

.top-concept {
	position: relative;
	background-color: #000;
	padding: 25px 10px 134px;
	z-index: 0
}

.top-concept_title {
	text-align: center;
	margin-bottom: 55px
}

.top-concept_title>h2 {
	display: inline-block;
	position: relative;
	font-size: 50px;
	font-family: "Fjalla One";
	line-height: 1.2;
	text-align: center
}

.top-concept_title>h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 1px;
	background-color: #fff
}

.top-concept_text {
	max-width: 860px;
	margin: 0 auto;
	text-align: center
}

.top-concept_movieWrap {
	max-width: 800px;
	margin: 90px auto 0
}

.top-concept_movieWrap .top-m_movie__image::before {
	top: 70%;
	bottom: auto
}

@media screen and (max-width: 1399px) {
	.top-concept {
		padding: 1.7857142857vw .7142857143vw 9.5714285714vw
	}

	.top-concept_title {
		margin-bottom: 3.9285714286vw
	}

	.top-concept_title>h2::after {
		bottom: .3571428571vw
	}
}

@media screen and (max-width: 767px) {
	.top-concept {
		padding: 26.6666666667vw 20px 65px
	}

	.top-concept_title {
		margin-bottom: 30px
	}

	.top-concept_title>h2 {
		font-size: 30px
	}

	.top-concept_text {
		margin: 0 -20px
	}

	.top-concept_movieWrap {
		margin: 40px -10px 0
	}
}

.top-menu {
	position: relative;
	background-color: #000
}

.top-menu_bg {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.top-menu_bg__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.top-menu_bg__image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin: auto
}

.top-menu_credit {
	position: absolute;
	right: 20px;
	bottom: 15px
}

.top-menu_body {
	position: relative;
	margin-top: -100vh;
	padding: 0 20px 160px
}

.top-menu_sec {
	position: relative
}

.top-menu_title {
	text-align: center;
	margin-bottom: 70px
}

.top-menu_titleInner {
	position: relative;
	display: inline-block
}

.top-menu_title h2 {
	font-family: 'Noto Sans JP', 'Noto Sans', Helvetica, sans-serif;
	text-align: center;
	font-size: 70px;
	font-weight: bold;
	line-height: 1
}

.top-menu_title h2>span.s_fontS {
	font-size: .5714em;
	line-height: 1.75
}

.top-menu_inner {
	max-width: 730px;
	margin: 0 auto
}

.top-menu_col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 -20px -20px
}

.top-menu_col__item {
	max-width: 33.333%;
	padding: 0 0 20px 20px
}

.top-menu_btn {
	position: relative
}

.top-menu_note {
	margin-top: 15px
}

.top-menu_sec.s_01 {
	padding-top: 3000px
}

.top-menu_sec.s_02 {
	margin-top: 1500px;
	padding-top: 3000px
}

@media screen and (max-width: 767px) {
	.top-menu_credit {
		position: absolute;
		right: 10px;
		bottom: 10px
	}

	.top-menu_body {
		padding: 0 20px 50px
	}

	.top-menu_title {
		margin-bottom: 35px
	}

	.top-menu_title h2 {
		font-size: 9.3333333333vw
	}

	.top-menu_inner {
		max-width: 480px
	}

	.top-menu_col {
		margin: 0 0 -10px -10px
	}

	.top-menu_col__item {
		max-width: 50%;
		padding: 0 0 10px 10px
	}

	.top-menu_btn {
		position: relative
	}

	.top-menu_note {
		margin-top: 15px
	}
}

.top-device {
	position: relative
}

.top-device_bg {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #000;
	overflow: hidden
}

.top-device_bg__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.top-device_bg__image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin: auto;
	-webkit-transform-origin: top;
	transform-origin: top
}

.top-device_bg__lead {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #04ece8;
	background: -webkit-gradient(linear, left top, right top, from(#04ece8), color-stop(30%, #6a6ae9), to(#e400d7));
	background: linear-gradient(to right, #04ece8 0%, #6a6ae9 30%, #e400d7 100%);
	background-clip: text;
	-webkit-background-clip: text;
	text-align: center;
	white-space: nowrap;
	color: rgba(0, 0, 0, 0);
	font-size: 60px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	opacity: 0
}

.top-device_bg__contents {
	position: absolute;
	bottom: 10px;
	left: 50px;
	opacity: 0
}

.top-device_bg__imageText {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.333;
	margin-bottom: 10px
}

.top-device_bg__imageNum {
	font-size: 316px;
	font-family: "Fjalla One";
	line-height: 1;
	text-align: center
}

.top-device_bg__imageNum>span.s_fontS {
	font-size: .5em
}

.top-device_credit {
	position: absolute;
	right: 20px;
	bottom: 15px
}

.top-device_scroll {
	height: 15000px;
	margin-top: -100vh
}

.top-device_anc {
	position: absolute;
	top: 67.35%
}

.top-device_body {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 1500px;
	padding: 0 20px 100px
}

.top-device_inner {
	max-width: 1200px;
	margin: 0 auto
}

.top-device_sec+.top-device_sec {
	margin-top: 25px
}

.top-device_title {
	font-size: 46px;
	font-weight: bold;
	line-height: 1.522;
	text-align: center;
	margin-bottom: 45px
}

.top-device_box {
	background: #566fbf;
	background: linear-gradient(135deg, rgb(86, 111, 191) 0%, rgba(80, 50, 121, 0.8) 28%, rgba(25, 7, 26, 0.8) 100%);
	padding: 54px 50px 60px;
	-webkit-box-shadow: 0px 26px 55.9px 9.1px rgba(0, 0, 0, .3);
	box-shadow: 0px 26px 55.9px 9.1px rgba(0, 0, 0, .3)
}

.top-device_logo {
	margin: 0 auto 60px
}

.top-device_media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 940px;
	margin: 0 auto
}

.top-device_image {
	-webkit-box-shadow: 0px 23px 76.63px 2.37px rgba(0, 0, 0, .4);
	box-shadow: 0px 23px 76.63px 2.37px rgba(0, 0, 0, .4);
	margin: 0 auto
}

.top-device_lead {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.538;
	margin-bottom: 15px
}

.top-device_btn {
	margin-top: 70px
}

.top-device_sepc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 10px 0 -10px -10px
}

.top-device_sepc__item {
	width: 33.333%;
	padding: 0 0 10px 10px
}

.top-device_sepc__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background: url(../images/top/fusq_device_sepc_bg_01.png) no-repeat 0 0/100% 100%;
	height: 90px
}

.top-device_sepc__text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.444;
	text-align: center
}

.top-device_note {
	margin-top: 15px
}

.top-device_sec.s_01 .top-device_logo {
	max-width: 676px
}

.top-device_sec.s_01 .top-device_media__contents {
	padding-left: 85px
}

.top-device_sec.s_01 .top-device_image {
	width: 352px
}

.top-device_sec.s_02 .top-device_logo {
	max-width: 494px
}

.top-device_sec.s_02 .top-device_media {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.top-device_sec.s_02 .top-device_media__contents {
	padding-right: 72px
}

.top-device_sec.s_02 .top-device_image {
	width: 296px
}

@media screen and (max-width: 1399px) {
	.top-device_bg__contents {
		bottom: .7142857143vw;
		left: 3.5714285714vw
	}

	.top-device_bg__imageText {
		font-size: 2.1428571429vw;
		margin-bottom: .7142857143vw
	}

	.top-device_bg__imageNum {
		font-size: 22.5714285714vw
	}

	.top-device_media {
		display: block
	}

	.top-device_image {
		margin-bottom: 50px
	}

	.top-device_sec.s_01 .top-device_media__contents {
		padding-left: 0
	}

	.top-device_sec.s_02 .top-device_media__contents {
		padding-right: 0
	}
}

@media screen and (max-width: 767px) {
	.top-device_inner {
		max-width: 520px
	}

	.top-device_bg__lead {
		font-size: 8vw
	}

	.top-device_bg__contents {
		bottom: 15px;
		left: 20px
	}

	.top-device_bg__imageText {
		font-size: 15px;
		margin-bottom: 5px
	}

	.top-device_bg__imageNum {
		font-size: 158px
	}

	.top-device_credit {
		right: 10px;
		bottom: 10px
	}

	.top-device_body {
		padding: 0 10px 50px
	}

	.top-device_sec+.top-device_sec {
		margin-top: 15px
	}

	.top-device_title {
		font-size: 6.4vw;
		margin-bottom: 5.3333333333vw
	}

	.top-device_box {
		padding: 40px 20px 35px
	}

	.top-device_logo {
		margin: 0 auto 35px
	}

	.top-device_image {
		margin-bottom: 40px
	}

	.top-device_lead {
		text-align: center;
		font-size: 20px;
		margin: 0 -10px 15px
	}

	.top-device_btn {
		margin-top: 25px
	}

	.top-device_sepc {
		margin: 10px 0 -10px -10px
	}

	.top-device_sepc__item {
		width: 50%;
		padding: 0 0 10px 10px
	}

	.top-device_sepc__box {
		height: 65px
	}

	.top-device_sepc__text {
		font-size: 15px
	}

	.top-device_note {
		margin-top: 10px
	}

	.top-device_sec.s_01 .top-device_logo {
		max-width: 316px
	}

	.top-device_sec.s_01 .top-device_image {
		width: 176px
	}

	.top-device_sec.s_02 .top-device_logo {
		max-width: 247px
	}

	.top-device_sec.s_02 .top-device_image {
		width: 179px
	}
}

.top-quality01 {
	padding: 120px 0 200px
}

.top-quality01_title {
	font-size: 46px;
	font-weight: bold;
	line-height: 1.522;
	text-align: center;
	margin-bottom: 52px
}

.top-quality01_slider {
	position: relative
}

.top-quality01_slider__item {
	position: relative;
	opacity: .5;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	margin: 0 5px
}

.top-quality01_slider__item {
	position: relative;
	opacity: .5;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	margin: 0 5px
}

.top-quality01_slider__credit {
	text-align: right;
	margin-top: 15px
}

.top-quality01_slider__item.slick-current {
	opacity: 1
}

.top-quality01_slider .slick-prev,
.top-quality01_slider .slick-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 66px;
	width: 40px;
	height: 128px;
	z-index: 1;
	font-size: 14px;
	margin: calc(-2em - 12px) 0 0
}

.top-quality01_slider .slick-prev {
	background-image: url(../images/top/slick_arrow_left.svg);
	left: 50px
}

.top-quality01_slider .slick-next {
	background-image: url(../images/top/slick_arrow_right.svg);
	right: 50px
}

.top-device_btn {
	max-width: 500px;
	margin: 35px auto 0
}

@media screen and (max-width: 920px) {
	.top-quality01_slider__credit {
		text-align: right;
		margin-top: 15px;
		margin-right: 15px
	}
}

@media screen and (max-width: 767px) {
	.top-quality01 {
		padding: 8vw 0 75px
	}

	.top-quality01_title {
		font-size: 6.4vw;
		margin-bottom: 8vw
	}

	.top-quality01_slider__credit {
		margin-top: 10px;
		margin-right: 10px
	}

	.top-quality01_slider__item {
		margin: 0
	}

	.top-quality01_slider .slick-prev,
	.top-quality01_slider .slick-next {
		max-width: 15px;
		height: 29px;
		margin: -2em 0 0
	}

	.top-quality01_slider .slick-prev {
		left: 10px
	}

	.top-quality01_slider .slick-next {
		right: 10px
	}

	.top-device_btn {
		max-width: 300px;
		margin-top: 30px
	}
}

.top-quality02 {
	padding: 0 0 60px
}

.top-quality02_bg {
	position: relative;
	height: 0;
	margin: 0;
	padding-top: 57.1428571429%
}

.top-quality02_bg__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.top-quality02_bg__image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.top-quality02_credit {
	position: absolute;
	bottom: 25px;
	right: 20px
}

.top-quality02_bg__title {
	display: block;
	position: absolute;
	bottom: 75px;
	left: 50px
}

.top-quality02_bg__title span.s_sub {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.667;
	margin-bottom: 20px
}

.top-quality02_bg__title span.s_main {
	display: block;
	font-size: 150px;
	font-weight: bold;
	line-height: 1
}

.top-quality02_contents {
	max-width: 1000px;
	width: calc(100% - 40px);
	margin: 50px auto 0
}

@media screen and (max-width: 1399px) {
	.top-quality02_bg__title span.s_sub {
		font-size: 2.1428571429vw;
		margin-bottom: 1.4285714286vw
	}

	.top-quality02_bg__title span.s_main {
		font-size: 10.7142857143vw
	}
}

@media screen and (max-width: 767px) {
	.top-quality02 {
		padding: 0 0 45px
	}

	.top-quality02_bg {
		padding-top: 133.3333333333%
	}

	.top-quality02_credit {
		bottom: 10px;
		right: 10px
	}

	.top-quality02_bg__title {
		bottom: 45px;
		left: 20px
	}

	.top-quality02_bg__title span.s_sub {
		font-size: 15px;
		margin-bottom: 10px
	}

	.top-quality02_bg__title span.s_main {
		font-size: 65px
	}

	.top-quality02_contents {
		margin-top: 20px
	}
}

.top-quality03 {
	padding: 60px 0 60px
}

.top-quality03_inner {
	padding: 88px 0 0
}

.top-quality03_imageWrap {
	position: relative
}

.top-quality03_title {
	display: block;
	position: absolute;
	bottom: calc(100% - 175px);
	left: 0;
	right: 0;
	max-width: 365px;
	margin: 0 auto
}

.top-quality03_title span.s_sub {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.667;
	margin-bottom: 20px
}

.top-quality03_title span.s_main {
	display: block;
	font-family: "Fjalla One";
	font-size: 150px;
	line-height: 1
}

.top-quality03_image {
	margin: 0 0
}

.top-quality03_image img {
	width: 100%
}

.top-quality03_credit {
	position: absolute;
	top: 60vw;
	right: 20px
}

.top-quality03_contents {
	max-width: 1000px;
	width: calc(100% - 40px);
	margin: -40px auto 0
}

@media screen and (max-width: 1399px) {
	.top-quality03_title {
		bottom: calc(100% - 12.5vw);
		max-width: 26.0714285714vw
	}

	.top-quality03_title span.s_sub {
		font-size: 2.1428571429vw;
		margin-bottom: 1.4285714286vw
	}

	.top-quality03_title span.s_main {
		font-size: 10.7142857143vw
	}

	.top-quality03_contents {
		margin: -2.8571428571vw auto 0
	}
}

@media screen and (max-width: 1000px) {
	.top-quality03_credit {
		top: 64.2857142857vw;
		left: 20px;
		right: auto
	}
}

@media screen and (max-width: 767px) {
	.top-quality03 {
		padding: 35px 0 45px
	}

	.top-quality03_inner {
		padding: 0
	}

	.top-quality03_title {
		top: 3.4666666667vw;
		bottom: auto;
		left: 20px;
		right: auto;
		max-width: none
	}

	.top-quality03_title span.s_sub {
		font-size: 4vw;
		margin-bottom: 2.6666666667vw
	}

	.top-quality03_title span.s_main {
		font-size: 20vw
	}

	.top-quality03_credit {
		top: 136.6666666667vw;
		left: 20px
	}

	.top-quality03_contents {
		margin-top: -20px
	}
}

.top-quality04 {
	padding: 60px 0
}

.top-quality04_inner {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding-bottom: 50px
}

.top-quality04_media {
	position: relative
}

.top-quality04_media__image {
	max-width: 900px
}

.top-quality04_credit {
	position: absolute;
	top: calc(100% + 15px);
	left: 0
}

.top-quality04_media__contents {
	position: absolute;
	bottom: -50px;
	right: 0
}

.top-quality04 .top-m_boxA {
	max-width: 440px;
	height: 470px
}

@media screen and (max-width: 1000px) {
	.top-quality04_inner {
		padding-bottom: 0
	}

	.top-quality04_media__image {
		position: relative;
		margin-right: -20px;
		margin-left: auto;
		z-index: 1
	}

	.top-quality04_credit {
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px
	}

	.top-quality04_media__contents {
		position: relative;
		bottom: auto;
		right: auto;
		margin: -30px 0 0 -20px
	}

	.top-quality04 .top-m_boxA {
		max-width: 650px;
		height: 340px
	}
}

@media screen and (max-width: 767px) {
	.top-quality04 {
		padding: 45px 0
	}
}

.top-quality05 {
	padding: 60px 0 120px
}

.top-quality05_bg {
	position: relative;
	height: 0;
	margin: 0;
	padding-top: 65.8571428571%
}

.top-quality05_bg__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.top-quality05_bg__image img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.top-quality05_bg__title {
	display: block;
	position: absolute;
	bottom: 75px;
	left: 50px
}

.top-quality05_bg__title span.s_sub {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.667;
	margin-bottom: 20px
}

.top-quality05_bg__title span.s_main {
	display: block;
	font-family: "Fjalla One";
	font-size: 150px;
	line-height: 1
}

.top-quality05_bg__title span.s_main02 {
	display: block;
	font-family: "Fjalla One";
	font-size: 83px
}

.top-quality05_credit {
	position: absolute;
	top: calc(100% - 4.4285714286vw);
	right: 20px
}

.top-quality05_contents {
	max-width: 1000px;
	width: calc(100% - 40px);
	margin: 0 auto 0
}

@media screen and (max-width: 1399px) {
	.top-quality05_bg__title {
		bottom: 5.3571428571vw;
		left: 3.5714285714vw
	}

	.top-quality05_bg__title span.s_sub {
		font-size: 2.1428571429vw;
		margin-bottom: 1.4285714286vw
	}

	.top-quality05_bg__title span.s_main {
		font-size: 10.7142857143vw
	}

	.top-quality05_bg__title span.s_main02 {
		font-size: 5.9285714286vw
	}
}

@media screen and (max-width: 767px) {
	.top-quality05 {
		padding: 0 0 45px
	}

	.top-quality05_bg {
		padding-top: 124.4%
	}

	.top-quality05_bg__title {
		bottom: 17.3333333333vw;
		left: 20px
	}

	.top-quality05_bg__title span.s_sub {
		font-size: 15px;
		margin-bottom: 10px
	}

	.top-quality05_bg__title span.s_main {
		font-size: 65px
	}

	.top-quality05_bg__title span.s_main02 {
		font-size: 40px
	}

	.top-quality05_credit {
		top: auto;
		bottom: 5.3333333333vw;
		right: 10px
	}
}

.top-quality06 {
	padding: 0 0 60px
}

.top-quality06_bg {
	position: relative;
	height: 0;
	background-color: #000;
	padding-top: 57.1428571429%
}

.top-quality06_bg__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1400px;
	height: 100%;
	margin: 0 auto
}

.top-quality06_bg__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

@media screen and (min-width: 1401px) {
	.top-quality06_bg {
		position: relative;
		height: 800px;
		padding-top: 0
	}
}

.top-quality06_bg__title {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 50px
}

.top-quality06_bg__title span.s_sub {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.667;
	margin-bottom: 20px
}

.top-quality06_bg__title span.s_num {
	display: block;
	font-family: "Fjalla One";
	font-size: 150px;
	line-height: 1
}

.top-quality06_bg__title span.s_main {
	display: block;
	font-family: "Fjalla One";
	font-size: 90px;
	line-height: 1.2
}

.top-quality06_credit {
	position: absolute;
	bottom: 25px;
	right: 20px
}

.top-quality06_zoomImage {
	position: relative;
	max-width: 1000px;
	margin: -128px auto 0
}

.top-quality06_contents {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 70px auto 0
}

.top-quality06_media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.top-quality06_media__image {
	max-width: 734px;
	margin: 0 auto
}

.top-quality06_media__contents {
	max-width: 354px
}

@media screen and (max-width: 1399px) {
	.top-quality06_bg__title {
		bottom: 2.8571428571vw;
		left: 3.5714285714vw
	}

	.top-quality06_bg__title span.s_sub {
		font-size: 2.1428571429vw;
		margin-bottom: 1.4285714286vw
	}

	.top-quality06_bg__title span.s_num {
		font-size: 10.7142857143vw
	}

	.top-quality06_bg__title span.s_main {
		font-size: 6.4285714286vw
	}

	.top-quality06_credit {
		position: static;
		text-align: right;
		margin-top: 10px
	}

	.top-quality06_zoomImage {
		max-width: 71.4285714286vw;
		margin-top: -9.1428571429vw
	}

	.top-quality06_media {
		display: block;
		max-width: 734px;
		margin: 0 auto
	}

	.top-quality06_media__image,
	.top-quality06_media__contents {
		max-width: none
	}

	.top-quality06_media__contents {
		margin-top: 50px
	}
}

@media screen and (max-width: 767px) {
	.top-quality06 {
		padding: 0 0 45px
	}

	.top-quality06_bg {
		padding-top: 133.3333333333%
	}

	.top-quality06_bg__title {
		top: 30px;
		bottom: auto;
		left: 20px
	}

	.top-quality06_bg__title span.s_sub {
		font-size: 15px;
		margin-bottom: 10px
	}

	.top-quality06_bg__title span.s_num {
		font-size: 75px
	}

	.top-quality06_bg__title span.s_main {
		font-size: 45px
	}

	.top-quality06_zoomImage {
		max-width: 89.3333333333vw;
		margin: -26.6666666667vw auto 0
	}

	.top-quality06_contents {
		margin-top: 35px
	}
}

.top-quality07 {
	padding: 60px 0 150px
}

.top-quality07_inner {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding-bottom: 50px
}

.top-quality07_media {
	position: relative
}

.top-quality07_media__image {
	max-width: 900px;
	margin-left: auto
}

.top-quality07_credit {
	position: absolute;
	top: calc(100% + 15px);
	right: 0
}

.top-quality07_media__contents {
	position: absolute;
	bottom: -50px;
	left: 0
}

.top-quality07 .top-m_boxA {
	max-width: 440px;
	height: 400px
}

@media screen and (max-width: 1000px) {
	.top-quality07_inner {
		padding-bottom: 0
	}

	.top-quality07_media__image {
		position: relative;
		margin-right: -20px;
		margin-left: auto;
		z-index: 1
	}

	.top-quality07_credit {
		position: absolute;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px
	}

	.top-quality07_media__contents {
		position: relative;
		bottom: auto;
		right: auto;
		margin: -30px 0 0 -20px
	}

	.top-quality07 .top-m_boxA {
		max-width: 650px;
		height: 340px
	}
}

@media screen and (max-width: 767px) {
	.top-quality07 {
		padding: 45px 0 75px
	}
}

.top-movie01 {
	padding: 0 0 60px
}

.top-movie01_bg {
	position: relative;
	height: 0;
	margin: 0;
	padding-top: 56.2857142857%
}

.top-movie01_bg__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.top-movie01_bg__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.top-movie01_bg__title {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50px;
	pointer-events: none
}

.top-movie01_bg__title span.s_sub {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.667;
	margin-top: 20px
}

.top-movie01_bg__title span.s_main {
	display: block;
	font-family: "Fjalla One";
	font-size: 150px;
	line-height: 1
}

.top-movie01_credit {
	position: absolute;
	bottom: 25px;
	right: 20px
}

.top-movie01_contents {
	max-width: 1000px;
	width: calc(100% - 40px);
	margin: 50px auto 0
}

.top-movie01_box {
	background: #08e7e8;
	background: linear-gradient(135deg, #08e7e8 0%, #e400d7 100%);
	margin-top: 50px;
	padding: 1px
}

.top-movie01_box__inner {
	background-color: #202020;
	padding: 40px
}

@media screen and (max-width: 1400px) {
	.top-movie01_bg__title {
		bottom: 3.5714285714vw;
		left: 3.5714285714vw
	}

	.top-movie01_bg__title span.s_sub {
		font-size: 2.1428571429vw;
		margin-top: 1.4285714286vw
	}

	.top-movie01_bg__title span.s_main {
		font-size: 10.7142857143vw
	}
}

@media screen and (max-width: 767px) {
	.top-movie01 {
		padding: 0 0 45px
	}

	.top-movie01_bg {
		padding-top: 56.2666666667%
	}

	.top-movie01_credit {
		position: static;
		text-align: right;
		padding-right: 10px;
		margin-top: 10px
	}

	.top-movie01_bg__title {
		display: block;
		position: absolute;
		bottom: 15px;
		left: 25px
	}

	.top-movie01_bg__title span.s_sub {
		font-size: 15px;
		margin-top: 10px
	}

	.top-movie01_bg__title span.s_main {
		font-size: 65px
	}

	.top-movie01_contents {
		margin-top: 45px
	}

	.top-movie01_box {
		margin-top: 25px
	}

	.top-movie01_box__inner {
		padding: 25px
	}

	.top-movie01_box .top-m_notes {
		margin-top: 10px
	}

	.top-movie01 .top-m_movie__image::before {
		top: auto;
		bottom: 20px;
		left: auto;
		right: 10px
	}

	.top-m_movie.s_showVideo+.top-movie01_bg__title {
		display: none
	}
}

.top-movie02 {
	padding: 60px 0
}

.top-movie02_inner {
	max-width: 1300px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding-bottom: 150px
}

.top-movie02_media {
	position: relative;
	padding-left: 50px
}

.top-movie02_media__image {
	position: relative;
	max-width: 800px;
	z-index: 1
}

.top-movie02_media__image .top-m_movie {
	-webkit-box-shadow: 0px -13px 44.62px 1.38px rgba(0, 0, 0, .61);
	box-shadow: 0px -13px 44.62px 1.38px rgba(0, 0, 0, .61)
}

.top-movie02_credit {
	position: absolute;
	right: 20px;
	bottom: 15px
}

.top-movie02_media__contents {
	position: absolute;
	bottom: -150px;
	right: 0;
	z-index: 0
}

.top-movie02 .top-m_boxA {
	max-width: 490px;
	height: 560px
}

.top-movie02__core {
	max-width: 343px;
	margin: 20px auto 0
}

@media screen and (min-width: 1400px) {
	.top-movie02 .top-m_boxA {
		padding-left: 90px
	}
}

@media screen and (max-width: 1399px) {
	.top-movie02_inner {
		padding-bottom: 510px
	}

	.top-movie02_media__contents {
		bottom: -510px
	}
}

@media screen and (max-width: 1000px) {
	.top-movie02_inner {
		padding-bottom: 0
	}

	.top-movie02_media {
		padding-left: 0
	}

	.top-movie02_media__image {
		position: relative;
		margin-left: -20px;
		z-index: 1
	}

	.top-movie02_credit {
		position: absolute;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px
	}

	.top-movie02_media__contents {
		position: relative;
		bottom: auto;
		right: auto;
		margin: -30px -20px 0 0
	}

	.top-movie02 .top-m_boxA {
		max-width: 650px;
		height: 520px;
		margin-left: auto
	}
}

@media screen and (max-width: 767px) {
	.top-movie02 {
		padding: 45px 0
	}

	.top-movie02__core {
		max-width: 255px;
		margin: 20px 0 0
	}
}

.top-movie03 {
	padding: 60px 0
}

.top-movie03_inner {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto
}

.top-movie03_media {
	position: relative;
	padding-top: 50px
}

.top-movie03_media__image {
	max-width: 900px;
	width: calc(100% - 240px);
	margin-left: auto
}

.top-movie03_media__contents {
	position: absolute;
	top: 0;
	left: 0
}

.top-movie03 .top-m_boxA {
	max-width: 440px;
	height: 400px
}

.wrapper.s_en .top-movie03 .top-m_boxA {
	height: 490px
}

.top-movie03 .top-m_boxA .top-m_notes {
	margin-top: 20px
}

.top-movie03_inner02 {
	max-width: 1400px;
	width: calc(100% - 40px);
	margin: -100px auto 0
}

.top-movie03_media02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-right: 100px
}

.top-movie03_media02__image {
	max-width: 450px
}

.top-movie03_media02__contents {
	padding-top: 160px;
	padding-left: 50px;
	max-width: 700px
}

.top-movie03_media02__title {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.334;
	margin-bottom: 10px
}

@media screen and (max-width: 1000px) {
	.top-movie03_media {
		padding-top: 0
	}

	.top-movie03_media__image {
		position: relative;
		width: auto;
		margin-right: -20px;
		margin-left: auto;
		z-index: 1
	}

	.top-movie03_media__contents {
		position: relative;
		bottom: auto;
		right: auto;
		margin: -30px 0 0 -20px
	}

	.top-movie03 .top-m_boxA {
		max-width: 650px;
		height: 340px
	}

	.wrapper.s_en .top-movie03 .top-m_boxA {
		height: 400px
	}

	.top-movie03 .top-m_boxA .top-m_notes {
		margin-top: 15px
	}

	.top-movie03_inner02 {
		margin: 80px auto 0
	}

	.top-movie03_media02 {
		display: block;
		padding-right: 0
	}

	.top-movie03_media02__image {
		margin: 0 auto
	}

	.top-movie03_media02__contents {
		margin: 0 auto;
		padding-top: 30px;
		padding-left: 0
	}
}

@media screen and (max-width: 767px) {
	.top-movie03 {
		padding: 45px 0
	}

	.top-movie03_inner02 {
		margin-top: 40px
	}

	.top-movie03_media02__contents {
		padding-top: 15px
	}

	.top-movie03_media02__title {
		font-size: 16px
	}
}

.top-movie04 {
	padding: 60px 0
}

.top-movie04_inner {
	max-width: 1000px;
	width: calc(100% - 40px);
	margin: 0 auto
}

.top-movie04_media {
	position: relative
}

.top-movie04_media__image {
	max-width: 611px
}

.top-movie04_media__contents {
	position: absolute;
	top: 120px;
	right: 0
}

.top-movie04 .top-m_boxA {
	max-width: 440px;
	height: 400px
}

@media screen and (max-width: 1000px) {
	.top-movie04_inner {
		padding-bottom: 0
	}

	.top-movie04_media {
		padding-left: 0
	}

	.top-movie04_media__image {
		max-width: 900px;
		position: relative;
		margin-left: -20px;
		z-index: 1
	}

	.top-movie04_media__contents {
		position: relative;
		top: auto;
		right: auto;
		margin: -30px -20px 0 0
	}

	.top-movie04 .top-m_boxA {
		max-width: 650px;
		height: 340px;
		margin-left: auto
	}
}

@media screen and (max-width: 767px) {
	.top-movie04 {
		padding: 45px 0
	}
}

.top-movie05 {
	padding: 60px 0 160px
}

.top-movie05_inner {
	max-width: 1300px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding-bottom: 50px
}

.top-movie05_media {
	position: relative;
	padding-right: 50px
}

.top-movie05_media__image {
	position: relative;
	max-width: 800px;
	margin-left: auto;
	z-index: 1
}

.top-movie05_media__image .top-m_movie {
	-webkit-box-shadow: 0px -13px 44.62px 1.38px rgba(0, 0, 0, .61);
	box-shadow: 0px -13px 44.62px 1.38px rgba(0, 0, 0, .61)
}

.top-movie05_credit {
	position: absolute;
	top: calc(100% + 15px);
	right: 0
}

.top-movie05_media__contents {
	position: absolute;
	bottom: -50px;
	left: 0
}

.top-movie05 .top-m_boxA {
	max-width: 490px;
	height: 340px
}

@media screen and (max-width: 1399px) {
	.top-movie05_inner {
		padding-bottom: 290px
	}

	.top-movie05_media__contents {
		bottom: -290px
	}
}

@media screen and (max-width: 1000px) {
	.top-movie05_inner {
		padding-bottom: 0
	}

	.top-movie05_media {
		padding-right: 0
	}

	.top-movie05_media__image {
		position: relative;
		margin-right: -20px;
		margin-left: auto;
		z-index: 1
	}

	.top-movie05_credit {
		position: absolute;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px
	}

	.top-movie05_media__contents {
		position: relative;
		bottom: auto;
		right: auto;
		margin: -30px 0 0 -20px
	}

	.top-movie05 .top-m_boxA {
		max-width: 650px;
		height: 340px
	}
}

@media screen and (max-width: 767px) {
	.top-movie05 {
		padding: 45px 0 80px
	}
}

.top-movie06 {
	overflow: hidden;
	background: url(../images/top/fusq_movie06_bg_01_pc.png) no-repeat 100% 100% #000
}

.top-movie06_inner {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto
}

.top-movie06_media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 570px
}

.top-movie06_media__image {
	max-width: 50%;
	text-align: center
}

.top-movie06_media__image img {
	max-width: 411px;
	margin: 0 auto
}

.top-movie06_media__contents {
	max-width: 50%
}

@media screen and (max-width: 767px) {
	.top-movie06 {
		background-image: url(../images/top/fusq_movie06_bg_01_sp.png);
		background-size: contain;
		padding: 25px 0 40px
	}

	.top-movie06_inner {
		width: calc(100% - 60px)
	}

	.top-movie06_media {
		display: block;
		height: auto
	}

	.top-movie06_media__image {
		max-width: 205px;
		margin: 0 auto
	}

	.top-movie06_media__image img {
		max-width: 100%
	}

	.top-movie06_media__contents {
		max-width: none;
		margin-top: 20px
	}
}

.top-func {
	padding: 140px 0 0
}

.top-func_title__wrap {
	text-align: center;
	margin-bottom: 90px
}

.top-func_title {
	display: inline-block;
	background: #04ece8;
	background: -webkit-gradient(linear, left top, right top, from(#04ece8), color-stop(30%, #6a6ae9), to(#e400d7));
	background: linear-gradient(to right, #04ece8 0%, #6a6ae9 30%, #e400d7 100%);
	background-clip: text;
	-webkit-background-clip: text;
	text-align: center;
	color: rgba(0, 0, 0, 0);
	font-size: 60px;
	font-weight: bold;
	line-height: 1.167;
	text-align: center
}

@media screen and (max-width: 767px) {
	.top-func {
		padding: 12vw 0 45px
	}

	.top-func_title__wrap {
		text-align: center;
		margin-bottom: 10.6666666667vw
	}

	.top-func_title {
		font-size: 8vw
	}
}

.top-func01 {
	padding: 0 0 60px
}

.top-func01_inner {
	max-width: 1400px;
	margin: 0 auto;
	padding-bottom: 60px
}

.top-func01_media {
	position: relative
}

.top-func01_media__image {
	width: 100%
}

.top-func01_credit.s_01 {
	position: absolute;
	top: calc(100% + 15px);
	right: 20px
}

.top-func01_credit.s_02 {
	position: absolute;
	top: 370px;
	left: 20px
}

.top-func01_media__contents {
	position: absolute;
	bottom: -60px;
	left: 100px
}

.top-func01 .top-m_boxA {
	max-width: 440px;
	height: 400px
}

.top-func01_inner02 {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto
}

.top-func01_title {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 50px;
	margin-bottom: 15px
}

.top-func01_table {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #fff !important;
}

.site-main article:not(.page) .top-func01_table th,
.site-main article:not(.page) .top-func01_table td {
	border-top: 1px solid #fff !important;
	padding: 12px 4px !important;
	color: #fff !important;
}

.top-func01_table thead th {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #fff !important;
	border-color: #fff !important;
}

.site-main article:not(.page) table.top-func01_table tbody tr>th:first-of-type,
.site-main article:not(.page) table.top-func01_table tbody tr>td:first-of-type,
.site-main article:not(.page) table.top-func01_table tbody tr>th,
.site-main article:not(.page) table.top-func01_table tbody tr>td {
	border-color:rgba(255,255,255, 0.5) !important;
}

.top-func01_table tbody th,
.top-func01_table tbody td {
	font-size: 16px;
	line-height: 1.234
}

.top-func01_contents {
	max-width: 1000px;
	margin: 50px auto 0
}

.wrapper.s_en .top-func01_inner {
	padding-bottom: 180px
}

.wrapper.s_en .top-func01 .top-m_boxA {
	height: 520px
}

.wrapper.s_en .top-func01_media__contents {
	bottom: -180px
}

@media screen and (max-width: 1400px) {
	.top-func01_inner {
		padding-bottom: 235px
	}

	.top-func01_media__contents {
		bottom: -235px;
		left: 7.1428571429vw
	}

	.top-func01_credit.s_02 {
		top: 26.4285714286vw
	}

	.wrapper.s_en .top-func01_inner {
		padding-bottom: 180px
	}

	.wrapper.s_en .top-func01_media__contents {
		bottom: -180px
	}
}

@media screen and (max-width: 1000px) {
	.top-func01_inner {
		padding-bottom: 320px
	}

	.top-func01_media__contents {
		bottom: -320px
	}

	.wrapper.s_en .top-func01_inner {
		padding-bottom: 320px
	}

	.wrapper.s_en .top-func01_media__contents {
		bottom: -320px
	}
}

@media screen and (max-width: 767px) {
	.top-func01 {
		padding: 45px 0
	}

	.top-func01_inner {
		padding-bottom: 0 !important
	}

	.top-func01_media__image {
		position: relative;
		z-index: 1
	}

	.top-func01_credit.s_01 {
		top: 83.3333333333vw
	}

	.top-func01_credit.s_02 {
		top: 42.6666666667vw
	}

	.top-func01_media__contents {
		position: static;
		padding-left: 20px
	}

	.top-func01 .top-m_boxA {
		margin-left: auto;
		margin-top: -70px;
		padding-top: 95px
	}

	.top-func01_title {
		font-size: 15px;
		margin-top: 35px;
		margin-bottom: 10px
	}

	.top-func01_table thead tr th:first-child,
	.top-func01_table tbody tr th:first-child {
		width: 155px
	}

	.top-func01_table th,
	.top-func01_table td {
		padding: 9px 0
	}

	.top-func01_table thead th,
	.top-func01_table tbody td {
		font-size: 12px;
		line-height: 1
	}

	.top-func01_table tbody th {
		font-size: 13px;
		line-height: 1
	}

	.top-func01_contents {
		margin-top: 30px
	}
}

.top-func02 {
	padding: 60px 0
}

.top-func02_inner {
	max-width: 1300px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding-bottom: 160px
}

.top-func02_media {
	position: relative;
	padding-left: 50px
}

.top-func02_media__image {
	position: relative;
	max-width: 800px;
	z-index: 1
}

.top-func02_media__image .top-m_movie {
	-webkit-box-shadow: 0px -13px 44.62px 1.38px rgba(0, 0, 0, .61);
	box-shadow: 0px -13px 44.62px 1.38px rgba(0, 0, 0, .61)
}

.top-func02_credit {
	position: absolute;
	top: calc(100% + 15px);
	left: 0
}

.top-func02_media__contents {
	position: absolute;
	bottom: -160px;
	right: 0;
	z-index: 0
}

.top-func02 .top-m_boxA {
	max-width: 490px;
	height: 450px
}

.wrapper.s_en .top-func02 .top-m_boxA {
	height: 490px
}

@media screen and (min-width: 1400px) {
	.top-func02 .top-m_boxA {
		padding-left: 90px
	}
}

@media screen and (max-width: 1399px) {
	.top-func02_inner {
		padding-bottom: 430px
	}

	.top-func02_media__contents {
		bottom: -430px
	}
}

@media screen and (max-width: 1000px) {
	.top-func02_inner {
		padding-bottom: 0
	}

	.top-func02_media {
		padding-left: 0
	}

	.top-func02_media__image {
		position: relative;
		margin-left: -20px;
		z-index: 1
	}

	.top-func02_credit {
		position: absolute;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px
	}

	.top-func02_media__contents {
		position: relative;
		bottom: auto;
		right: auto;
		margin: -30px -20px 0 0
	}

	.top-func02 .top-m_boxA {
		max-width: 650px;
		height: 400px;
		margin-left: auto
	}
}

@media screen and (max-width: 767px) {
	.top-func02 {
		padding: 45px 0
	}
}

.top-func03 {
	padding: 60px 0
}

.top-func03_inner {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto
}

.top-func03_media {
	position: relative
}

.top-func03_media__image {
	width: 100%
}

.top-func03_media__contents {
	position: absolute;
	top: 420px;
	left: 100px
}

.top-func03 .top-m_boxA {
	position: relative;
	width: 380px;
	height: 410px;
	text-align: center
}

.top-func03 .top-m_boxA img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 225px;
	height: 282px;
	margin: auto
}

.top-func03_contents {
	max-width: 1000px;
	width: calc(100% - 40px);
	margin: -260px auto 0;
	padding-left: 360px
}

@media screen and (max-width: 1399px) {
	.top-func03_media__contents {
		top: 30vw;
		left: 7.1428571429vw
	}

	.top-func03 .top-m_boxA {
		width: 27.1428571429vw;
		height: 29.2857142857vw
	}

	.top-func03 .top-m_boxA img {
		width: 16.0714285714vw;
		height: 20.1428571429vw
	}

	.top-func03_contents {
		margin-top: -18.5714285714vw
	}
}

@media screen and (max-width: 1000px) {
	.top-func03_contents {
		padding-left: 36%
	}
}

@media screen and (max-width: 767px) {
	.top-func03 {
		padding: 45px 0
	}

	.top-func03_contents {
		margin-top: 30px;
		padding-left: 0
	}
}

.top-func04 {
	padding: 60px 0 150px
}

.top-func04_inner {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding-bottom: 50px
}

.top-func04_media {
	position: relative
}

.top-func04_media__image {
	max-width: 900px
}

.top-func04_credit {
	margin-top: 15px
}

.top-func04_media__contents {
	position: absolute;
	bottom: -50px;
	right: 0
}

.top-func04 .top-m_boxA {
	max-width: 440px;
	height: 470px
}

@media screen and (max-width: 1000px) {
	.top-func04_inner {
		padding-bottom: 0
	}

	.top-func04_media__image {
		position: relative;
		margin-right: -20px;
		margin-left: auto;
		z-index: 1
	}

	.top-func04_credit {
		position: absolute;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px
	}

	.top-func04_media__contents {
		position: relative;
		bottom: auto;
		right: auto;
		margin: -30px 0 0 -20px
	}

	.top-func04 .top-m_boxA {
		max-width: 650px;
		height: 380px
	}
}

@media screen and (max-width: 767px) {
	.top-func04 {
		padding: 45px 0 65px
	}
}

.top-body01 {
	padding: 0 0 60px
}

.top-body01_bg {
	position: relative;
	height: 0;
	margin: 0;
	padding-top: 64.2857142857%
}

.top-body01_bg__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.top-body01_bg__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.top-body01_bg__title {
	display: block;
	position: absolute;
	bottom: 75px;
	left: 50px
}

.top-body01_bg__title span.s_sub {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.667;
	margin-bottom: 20px
}

.top-body01_bg__title span.s_main {
	display: block;
	font-size: 100px;
	font-weight: bold;
	line-height: 1
}

.top-body01_contents {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 60px auto 0
}

.top-body01_media {
	position: relative;
	width: 100%
}

.top-body01_media__image {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 500px
}

.top-body01_media__contents {
	max-width: 700px;
	padding-right: 70px
}

.top-body01_media .top-m_titleA.s_fontS {
	margin-top: 40px
}

@media screen and (max-width: 1399px) {
	.top-body01_bg__title {
		bottom: 5.3571428571vw;
		left: 3.5714285714vw
	}

	.top-body01_bg__title span.s_sub {
		font-size: 2.1428571429vw;
		margin-bottom: 1.4285714286vw
	}

	.top-body01_bg__title span.s_main {
		font-size: 7.1428571429vw
	}

	.top-body01_contents {
		margin-top: 30px
	}

	.top-body01_media__image {
		position: static;
		margin: 30px auto 0
	}

	.top-body01_media__contents {
		max-width: 700px;
		margin: 0 auto;
		padding-right: 0
	}

	.top-body01_media .top-m_titleA.s_fontS {
		margin-top: 30px
	}
}

@media screen and (max-width: 767px) {
	.top-body01 {
		padding: 0 0 45px
	}

	.top-body01_bg {
		position: relative;
		height: 0;
		margin: 0;
		padding-top: 133.3333333333%
	}

	.top-body01_bg__title {
		bottom: 30px;
		left: 20px
	}

	.top-body01_bg__title span.s_sub {
		font-size: 15px;
		margin-bottom: 10px
	}

	.top-body01_bg__title span.s_main {
		font-size: 45px;
		line-height: 1.1
	}

	.top-body01_media .top-m_titleA.s_fontS {
		font-size: 16px;
		margin-top: 15px;
		margin-bottom: 10px
	}
}

.top-body02 {
	padding: 60px 0 150px
}

.top-body02_inner {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto
}

.top-body02_media {
	position: relative;
	padding-top: 50px
}

.top-body02_media__image {
	width: 100%
}

.top-body02_media__contents {
	position: absolute;
	top: 0;
	left: 100px
}

.top-body02 .top-m_boxA {
	max-width: 650px;
	height: 550px
}

.top-body02_image {
	max-width: 900px;
	margin: 50px auto 0
}

@media screen and (max-width: 1399px) {
	.top-body02_media {
		padding-top: 170px
	}

	.top-body02_media__contents {
		top: auto;
		bottom: 330px;
		left: 50px
	}

	.top-body02 .top-m_boxA {
		max-width: 450px;
		height: auto
	}
}

@media screen and (max-width: 1000px) {
	.top-body02_inner {
		max-width: 1200px;
		width: calc(100% - 40px);
		margin: 0 auto
	}

	.top-body02_media {
		padding-top: 0
	}

	.top-body02_media__image {
		max-width: 900px;
		position: relative;
		margin-right: -20px;
		margin-left: auto;
		z-index: 1
	}

	.top-body02_media__image img {
		width: 100%
	}

	.top-body02_media__contents {
		position: relative;
		bottom: auto;
		left: auto;
		margin: -30px 0 0 -20px
	}

	.top-body02 .top-m_boxA {
		max-width: 650px;
		padding-bottom: 25px;
		height: auto
	}

	.top-body02_spImage {
		max-width: 630px;
		margin: 50px auto 0
	}

	.top-body02_spImage+.top-body02_spImage {
		margin-top: 25px
	}
}

@media screen and (max-width: 767px) {
	.top-body02 {
		padding: 45px 0 110px
	}

	.top-body02_spImage {
		margin-top: 30px
	}
}

.top-interface {
	position: relative;
	background: url(../images/top/fusq_interface_bg_01_pc.png) no-repeat 100% 100% #000;
	padding: 120px 30px 100px;
	z-index: 0
}

.top-interface_inner {
	max-width: 1200px;
	margin: 0 auto
}

.top-interface_title {
	position: absolute;
	top: -0.75em;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	line-height: 1.4
}

.top-interface_col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 -80px -80px
}

.top-interface_col__item {
	width: 50%;
	padding: 0 0 80px 80px
}

.top-interface_card__contents {
	padding: 30px 0 0
}

.top-interface_card__title {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.333;
	margin-bottom: 20px
}

@media screen and (max-width: 1400px) {
	.top-interface_col {
		margin: 0 0 -5.7142857143vw -5.7142857143vw
	}

	.top-interface_col__item {
		padding: 0 0 5.7142857143vw 5.7142857143vw
	}
}

@media screen and (max-width: 1000px) {
	.top-interface_title {
		top: -1.5em
	}
}

@media screen and (max-width: 767px) {
	.top-interface {
		background-image: url(../images/top/fusq_interface_bg_01_sp.png);
		background-size: contain;
		padding: 17.3333333333vw 30px
	}

	.top-interface_title {
		font-size: 6.6666666667vw
	}

	.top-interface_col {
		display: block;
		margin: 0
	}

	.top-interface_col__item {
		width: auto;
		padding: 0
	}

	.top-interface_col__item+.top-interface_col__item {
		margin-top: 40px
	}

	.top-interface_card__contents {
		padding: 25px 0 0
	}

	.top-interface_card__title {
		font-size: 18px;
		margin-bottom: 15px
	}
}

.top-product {
	max-width: 790px;
	margin: 80px auto 0
}

@media screen and (max-width: 767px) {
	.top-product {
		max-width: 90vw;
		font-size: 11px;
		margin-top: 30px
	}
}

/*# sourceMappingURL=top.css.map */