@charset "utf-8";

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input,select,textarea,button
{ outline: none; }
abbr, acronym
{ border: 0;}



/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

/*common*/
*,
*:before,
*::after {
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
a:hover {
	text-decoration: none;
}
.op img {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.op:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
}

/* !Layout
---------------------------------------------------------- */
html { 
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	color: #002150;
	font-family: "Roboto", sans-serif;
	font-size: 2.4rem;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
}

.font_rajdhani {
	font-family: "Rajdhani", sans-serif;
}
.font_noto_san {
	font-family: "Noto Sans JP", sans-serif;
}

/*** sp***/
@media screen and (max-width: 1200px) {
	html {
		font-size: 0.8333vw;
	}
}
/*** sp ***/
@media screen and (max-width: 767px) {
	html {
		font-size: 62.5%;
	}
	body {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 374px) {
	html {
		font-size: 2.6667vw;
	}
}


/* !rockets_lp_wrapper
---------------------------------------------------------- */
#rockets_lp_wrapper {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	max-width: 56rem;
	min-height: 100vh;
}
#rockets_lp_wrapper:before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: url(../image/bg.jpg)no-repeat center;
	background-size: auto 100%;
}

/* !header
---------------------------------------------------------- */
#rockets_lp_header {
	position: relative;
    z-index: 99;
}
.rockets_lp_headlogo {
	display: flex;
	justify-content: center;
	align-items: center;
    position: fixed;
    left: 50%;
    top: 0;
	transform: translateX(-50%);
	width: 100%;
	max-width: 56rem;
	height: 8.4rem;
    background: #FFF;
    box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.25);
}
.rockets_lp_headlogo img {
	width: 19.2rem;
}
#rockets_lp_navi .sideleft,
#rockets_lp_navi .sideright {
    position: fixed;
    top: 0;
    padding: 4rem;
    height: 100vh;
    width: calc(50% - 28rem);
	background: linear-gradient(90deg, #DFDDE0 0%, #FFF 20%, #D8D8D8 100%);
}
#rockets_lp_navi .sideleft {
    display: flex;
    align-items: center;
    justify-content: center;
	left: 0;
	font-size: 2rem; 
	border-right: .3rem solid #002150;
}
#rockets_lp_navi .sideright {
	right: 0;
	border-left: .3rem solid #002150;
}
#rockets_lp_navi .logo {
	margin-bottom: 6.4rem;
	text-align: center;
}
#rockets_lp_navi .sideleft .logo img {
	width: 16.3rem;
}
#rockets_lp_navi .sideleft .head {
	margin-bottom: 1.6rem;
	text-align: center;
	font-weight: 700;
}
#rockets_lp_navi .sideright .logo img {
	width: 28.4rem;
}
#rockets_lp_navi ul {
	border-top: 3px solid;
}
#rockets_lp_navi li {
	border-bottom: 3px solid;
}
#rockets_lp_navi li a {
	display: flex;
	align-items: center;
	gap: 0 0.4rem;
	padding: 3.2rem 1.6rem;
	font-weight: 700;
}
#rockets_lp_navi li img {
	width: 3.2rem;
}
#rockets_lp_header .header_cv {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.header_cv a {
	/* display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-right: 3.6rem;
	height: 6.4rem;
	border: 2px solid #FFF;
	background: linear-gradient(180deg, #CD0022 0%, #A2011C 100%);
	letter-spacing: 0.4px;
	color: #fff;
	font-size: 2rem;
	font-weight: 700; */
}
.header_cv img {
	width: 100%;
}

/* rockets_lp_footer
-----------------------------------------------------------*/
.rockets_lp_footer {
	padding: 22rem 0 24rem;
	position: relative;
	z-index: 9;
	text-align: center;
	color: #fff;
}
.rockets_lp_footer:before {
	content: "";
	clip-path: polygon(2.4rem 0, calc(100% - 2.4rem) 0, 100% 2.4rem, 100% 100%, 0 100%, 0 2.4rem);
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 10rem;
	bottom: 0;
	z-index: -1;
	width: 100%;
	background-image: repeating-linear-gradient(0deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 5px, rgba(77, 77, 77, .1) 7px), repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(51, 51, 51, .03) 4px), repeating-linear-gradient(0deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 1px, rgba(26, 26, 26, .15) 2px);
	background-color: #CD0022;
}
.footerlogo {
	margin-bottom: 4.8rem;
}
.footerlogo img {
	max-width: 19.2rem;
}
.rockets_lp_footer .sns {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 2.4rem;
	margin-bottom: 6rem;
}
.rockets_lp_footer .footlinks {
	display: flex;
	justify-content: center;
}
.rockets_lp_footer .footlinks li {
	padding: 0.5rem 2rem;
	line-height: 1;
	font-size: 2.1rem;
}
.rockets_lp_footer .footlinks li + li {
	border-left: 1px solid;
}
.rockets_lp_footer #copyright {
	margin-top: 6rem;
	font-size: 2.1rem;
}

/* ipad */
@media screen and (max-width: 1024px) {
	#rockets_lp_wrapper,
	.rockets_lp_headlogo {
		max-width: 48rem;
	}
	#rockets_lp_navi .sideleft, 
	#rockets_lp_navi .sideright {
		padding: 2rem;
		width: calc(50% - 24rem);
	}
}
/*** sp ***/
@media screen and (max-width: 767px) {
	#rockets_lp_wrapper {
		padding: 5.6rem 0 6.4rem;
	}
	#rockets_lp_wrapper,
	.rockets_lp_headlogo {
		max-width: 100%;
	}
	
	.rockets_lp_headlogo {
		height: 5.6rem;
	}
	.rockets_lp_headlogo img {
	    width: 12.8rem;
	}
		
	#rockets_lp_navi .sideleft,
	#rockets_lp_navi .sideright {
		display: none;
	}
	
	.header_cv a:after {
		content: "";
		position: absolute;
		right: 1.6rem;
		top: 0;
		width: 2.7rem;
		height: 100%;
		background: url(../image/icon_file_wh.svg)no-repeat center;
		background-size: 100%;
	}
	
	.rockets_lp_footer {
		padding: 14.4rem 0 16rem;
	}
	.rockets_lp_footer:before {
		top: 6.4rem;
	}
	.footerlogo {
	    margin-bottom: 3.2rem;
	}
	.footerlogo img {
	    max-width: 12.8rem;
	}
	
	.rockets_lp_footer .sns {
	    gap: 0 1.6rem;
	    margin-bottom: 4rem;
	}
	.rockets_lp_footer .sns img {
		max-width: 2.4rem;
		max-height: 2.4rem;
	}
	.rockets_lp_footer .footlinks li {
	    padding: 0.2rem 1.5rem;
	    font-size: 1.4rem;
	}
	.rockets_lp_footer #copyright {
	    margin-top: 4rem;
	    font-size: 1.2rem;
	}
	
}



/* !common
---------------------------------------------------------- */
/*** pc ***/
@media screen and (min-width: 768px) {
	.sp {
		display: none;
	}
}
/*** sp ***/
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
}

.rockets_lp_kv {
	position: relative;
	padding-top: 8.4rem;
}
.rockets_lp_kv img {
	width: 100%;
}

.hide {
	display: none;
}

p {
	line-height: 1.75;
}

.rockets_lp_hdl {
	position: relative;
	z-index: 2;
	margin-bottom: 3.6rem;
	text-align: center;
	white-space: nowrap;
	word-wrap: break-word;
	word-break:break-all;
}
.rockets_lp_hdl .eng {
	line-height: 1;
	font-size: 13.5rem;
}
.rockets_lp_hdl .jap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 1rem 2.1rem;
	background: #fff;
	border: 0.4rem solid;
	line-height: 1;
	font-size: 3rem;
	font-weight: 700;
}

.rockets_lp_btn {
	margin-top: 2.4rem;
}
.rockets_lp_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 8rem;
	background: linear-gradient(180deg, #CD0022 0%, #A2011C 100%);
	border-radius: 8rem;
	border: 0.3rem solid #DFDDE0;
	font-size: 3rem;
	font-weight: 700;
}
.rockets_lp_btn a:after {
	content: "";
	position: absolute;
	right: 2.5rem;
	top: 0;
	height: 100%;
	width: 2.4rem;
	background: url(../image/common/icon_file_wh.svg) no-repeat center;
	background-size: 100%;
}
.rockets_lp_btn .text {
	background: linear-gradient(90deg, #DFDDE0 0%, #FFF 20%, #D8D8D8 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rockets_lp_btn a.st_blue {
	background: linear-gradient(0deg, #002150 0%, #004BB6 100%);
}

.rockets_lp_btn {
	margin-top: 2.4rem;
}
.rockets_lp_btn_ticket a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 8rem;
	background: linear-gradient(180deg, #CD0022 0%, #A2011C 100%);
	border-radius: 8rem;
	border: 0.3rem solid #DFDDE0;
	font-size: 3rem;
	font-weight: 700;
}
.rockets_lp_btn_ticket a:after {
	content: "";
	position: absolute;
	right: 2.5rem;
	top: 0;
	height: 100%;
	width: 2.4rem;
	background: url(../image/common/icon_file_wh.svg) no-repeat center;
	background-size: 100%;
}
.rockets_lp_btn_ticket .text {
	background: linear-gradient(90deg, #DFDDE0 0%, #FFF 20%, #D8D8D8 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rockets_lp_btn_ticket a.st_blue {
	background: linear-gradient(0deg, #002150 0%, #004BB6 100%);
}

.rockets_lp_anchorarea {
	position: relative;
}
.rockets_lp_anchorarea .anchor {
	position: absolute;
	top: -8.4rem;
}

/*** sp ***/
@media screen and (max-width: 767px) {
	.rockets_lp_kv {
		padding-top: 0;
	}
	
	.rockets_lp_hdl {
		margin-bottom: 2.4rem;
	}
	.rockets_lp_hdl .eng {
		font-size: 9rem;
	}
	.rockets_lp_hdl .jap {
		padding: 0.6rem 1.3rem;
		border-width: 0.3rem;
		font-size: 2rem;
	}
	
	.rockets_lp_btn {
		margin-top: 1.6rem;
	}

	.rockets_lp_btn_ticket{
		margin: 1.6rem 0;
	}

	.rockets_lp_btn_ticket a {
		height: 5.4rem;
		border-width: 0.2rem;
		font-size: 2rem;
	}
	.rockets_lp_btn_ticket a:after {
	    right: 1.6rem;
	    width: 1.6rem;
	}

	.rockets_lp_btn a {
		height: 5.4rem;
		border-width: 0.2rem;
		font-size: 2rem;
	}
	.rockets_lp_btn a:after {
	    right: 1.6rem;
	    width: 1.6rem;
	}
	
	.rockets_lp_anchorarea .anchor {
		top: -5.6rem;
	}
}


/* !common
---------------------------------------------------------- */
.rockets_lp_top {
	overflow: hidden;
	position: relative;
	padding: 9.6rem 0;
}
.rockets_lp_iframe {
	pointer-events: none;
	position: absolute;
	left: 0.8rem;
	right: 0.8rem;
	top: -0.8rem;
	bottom: -0.8rem;
	z-index: 2;
	/* background: url(../image/bg_window2.png)no-repeat center; */
	background-size: 100% 100%;
}

.rockets_lp_iframe_02 {
	pointer-events: none;
	position: absolute;
	left: 0.8rem;
	right: 0.8rem;
	top: 1.2rem;
	bottom: -0.8rem;
	z-index: 2;
	/* background: url(../image/bg_window4.png)no-repeat center; */
	background-size: 100% 100%;
	height: 92%;
}

.rockets_lp_box {
	position: relative;
	z-index: 1;
	padding: 3.8rem;
	/* background: url(../image/bg_window.png)no-repeat center; */
	background-color: #002150;
	background: url(../image/bg.jpg);
	object-fit: cover;
	background-size: 150%;
	color: #fff;
}
.rockets_lp_box:before,
.rockets_lp_box:after {
	content: "";
	pointer-events: none;
	position: absolute;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 50rem;
	background: url(../image/bg_grad.png) repeat-y;
	background-size: 100%;
}
.rockets_lp_box:before {
	bottom: 100%;
}
.rockets_lp_box:after {
	top: 100%;
}
.rockets_lp_top .head {
	margin-bottom: 2.4rem;
	text-align: center;
	font-size: 3.6rem;
	font-weight: 700;
}

.rockets_lp_care {
	padding: 13.2rem 0;
	background: url(../image/iframe_radius_top.png)no-repeat center top,
				url(../image/iframe_radius_bottom.png)no-repeat center bottom;
	background-size: 100%;
}
.rockets_lp_care .head {
	margin-bottom: 3.6rem;
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
}
.rockets_lp_care .display a {
	display: block;
	position: relative;
	padding: 2.4rem;
	height: 100%;
	background: linear-gradient(90deg, #DFDDE0 0%, #FFF 20%, #D8D8D8 100%);
	border-radius: 1.2rem;
}
.rockets_lp_care .display a:before {
	content: "";
	pointer-events: none;
	position: absolute;
	left: -0.8rem;
	right: -0.8rem;
	top: -0.8rem;
	bottom: -0.8rem;
	border: 0.3rem solid #DFDDE0;
	border-radius: 1.2rem;
}
.rockets_lp_care .display .img {
	overflow: hidden;
	margin-bottom: 1.2rem;
}
.rockets_lp_care .display .icon_plus {
	margin-top: 1rem;
	text-align: right;
}
.rockets_lp_care .display .tit {
	line-height: 1.5;
	font-weight: 600;
	font-size: 2.7rem;
}
.rockets_lp_care .display .tit .big {
	font-size: 3.6rem;
}
.rockets_lp_care .display .tit .small {
	font-size: 2.4rem;
}
.rockets_lp_care .display.stleft {
	margin-left: -2.4rem;
	margin-right: 2.4rem;
}
.rockets_lp_care .display.stright {
	margin-right: -2.4rem;
	margin-left: 2.4rem;
}

.rockets_lp_care .display.st1 + .display.st1 {
	margin-top: 3.6rem;
}
.rockets_lp_care .display.st1 a {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1.2rem;
}
.rockets_lp_care .st1 .img {
	margin-bottom: 0;
	width: 54.6875%;
}
.rockets_lp_care .st1 .info {
	width: calc(45.3125% - 1.2rem);
}
.care_display_list {
	overflow: hidden;
	padding: 1rem 0;
}
.care_display_list ul {
	margin-top: 3.6rem;
	margin-bottom: 3.6rem;
}
.rockets_lp_care .care_column {
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	gap: 3.6rem;
	margin-right: -2.4rem;
	margin-left: 4.8rem;
}
.rockets_lp_care .care_column li:nth-child(2) {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}
.rockets_lp_care .care_column2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.6rem;
	margin-left: 5.2rem;
	margin-right: 5.2rem;
}

.rockets_lp_fancybox {
	padding: 2.4rem;
}
.fancybox_display {
	position: relative;
	padding: 3.6rem 2.4rem;
	margin: 0 auto;
	width: 100%;
	max-width: 56rem;
	background: #fff;
	border-radius: 0.8rem;
}
.fancybox_display .scrollbar {
	overflow-y: auto;
	max-height: 35vh;
}
.fancybox_display .close {
	cursor: pointer;
	position: absolute;
	right: -2.4rem;
	top: -2.4rem;
	width: 6.4rem;
	height: 6.4rem;
	border-radius: 50%;
}
.fancybox_display .close img {
	width: 100%;
}
.fancybox_display .img {
	overflow: hidden;
	margin-bottom: 1.6rem;
	border-radius: 0.4rem;
}
.fancybox_display .tit {
	margin-bottom: 1.2rem;
	font-size: 3rem;
	font-weight: 700;
}

.rockets_lp_tickets {
	overflow: hidden;
	padding: 9.6rem 0;
}
.rockets_lp_tickets .rockets_lp_box {
	padding: 2.8rem 4.8rem;
}

.rockets_lp_box{
	font-size: 20px;
}

.rockets_lp_box p{
	margin: 24px auto;
}

.rockets_lp_schedule {
	overflow: hidden;
	padding: 2.4rem 0 0;
	background: url(../image/bg_grad.png) repeat-y;
	background-size: 100%;
}
.rockets_lp_schedule .inner {
	padding: 0 4.8rem;
}

.rockets_lp_gallery {
	padding: 9.6rem 0;
	background: url(../image/bg_grad.png) repeat-y;
	background-size: 100%;
}
.rockets_lp_gallery ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.6rem;
}
.rockets_lp_gallery li img {
	object-fit: cover;
	width: 100%;
	height: 21rem;
}

@media screen and (max-width: 1024px) {
	.rockets_lp_top .head {
		font-size: 2.8rem;
	}
	.rockets_lp_box {
		font-size: 2rem;
	}
	
	
	
}
/*** sp ***/
@media screen and (max-width: 767px) {
	.rockets_lp_top {
		padding: 6.4rem 0;
	}
	.rockets_lp_top .head {
		margin-bottom: 1.6rem;
		font-size: 2.4rem;
	}
	
	.rockets_lp_box {
		padding: 3.2rem;
		font-size: 1.6rem;
	}
	
	.rockets_lp_care {
		padding: 8.8rem 0;
	}
	.rockets_lp_care .head {
	    margin-bottom: 2.4rem;
	    font-size: 2rem;
	}
	
	.rockets_lp_care .display a {
		padding: 1.6rem;
		border-radius: 0.8rem;
	}
	.rockets_lp_care .display a:before {
		left: -0.5rem;
		right: -0.5rem;
		top: -0.5rem;
		bottom: -0.5rem;
		border-width: 0.2rem;
		border-radius: 0.8rem;
	}
	.rockets_lp_care .display .tit {
	    font-size: 1.8rem;
	}
	.rockets_lp_care .display .tit .big {
		font-size: 2.4rem;
	}
	.rockets_lp_care .display .tit .small {
	    font-size: 1.6rem;
	}
	.rockets_lp_care .display .icon_plus {
		margin-top: 0.6rem;
	}
	.rockets_lp_care .display .icon_plus img {
		width: 2.8rem;
	}
	.rockets_lp_care .display.stleft {
	    margin-left: -1.6rem;
	    margin-right: 1.6rem;
	}
	.rockets_lp_care .display.stright {
		margin-right: -1.6rem;
		margin-left: 1.6rem;
	}
	.rockets_lp_care .display.st1 + .display.st1 {
		margin-top: 2.4rem;
	}
	.care_display_list ul {
	    margin-top: 2.4rem;
	    margin-bottom: 2.4rem;
	}
	.rockets_lp_care .care_column {
		gap: 2.4rem;
		margin-right: -1.6rem;
		margin-left: 3.2rem;
	}
	.rockets_lp_care .care_column2 {
	    gap: 2.4rem;
	    margin-left: 3.6rem;
	    margin-right: 3.6rem;
	}
	
	.rockets_lp_fancybox {
	    padding: 2rem;
	}
	.fancybox_display {
		padding: 2.4rem 1.6rem;
	}
	.fancybox_display .close {
	    right: -1.6rem;
	    top: -1.6rem;
	    width: 5.6rem;
	    height: 5.6rem;
	}
	.fancybox_display .tit {
	    margin-bottom: 0.8rem;
	    font-size: 2rem;
	}
	
	.rockets_lp_tickets {
	    padding: 6.4rem 0;
	}
	/* .rockets_lp_tickets .rockets_lp_box {
	    padding: 2.5rem 3.2rem;
	} */
	
	.rockets_lp_schedule {
		padding-top: 1.6rem;
	}
	.rockets_lp_schedule .inner {
	    padding: 0 3.2rem;
	}
	
	.rockets_lp_gallery {
	    padding: 8rem 0;
	}
	.rockets_lp_gallery ul {
	    gap: 0.4rem;
	}
	.rockets_lp_gallery li img {
	    height: 14rem;
	}
	
}