@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrap{overflow:hidden; width:100%; }
#wrap .box{ width: 100%; }
#content{ padding: 0; }
#content > .box{padding: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0; color:#FFF;font-family: "Noto Sans JP", sans-serif;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, 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;}

.clear{ clear:both}

.header-container{background: #fff;}
#header_nav{width: 1200px; margin: 0 auto;}

/*-------clearfix-------*/
div:after,
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
img { border: none }
/* end clearfix */

.dis_pc{ display: block; }
.dis_sp{ display: none; }

@media screen and (max-width:768px) {
	.dis_pc{ display: none; }
	.dis_sp{ display: block; }
}

/*==================================
cmn
==================================*/

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.2s ease-out 0s;}
a:hover img {opacity: 0.7;transition: all 0.2s ease-out 0s;}

a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: underline; }
a:hover { color: #FF0; text-decoration: underline; }

body { background:#000 ;}
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat }
#news { border-bottom: solid 1px #a3a3a3; padding: 3px 0; text-align: center; font-size: 15px; }
#news span { padding-right: 15px }
#main { position: relative; margin:0 auto; overflow:hidden; }
#other { width: 940px; margin: 0 auto; padding: 18px 20px 40px; }
#other #sns { margin: 0 auto; text-align: center; padding-bottom: 20px; }
#other #bnr { padding-bottom: 20px; width: 868px; margin: 0 auto; overflow: hidden; }
ul#bnr li img { width:208px }
ul#bnr li { float: left; margin-right: 6px; line-height: 0; border:solid 1px; border-color: #666; }
ul#bnr li:last-child { padding-right: 0; border:solid 1px; border-color: #666; }
#footer { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative }
#footer img { padding-right: 8px; float: left; }
footer { position: relative; z-index: 1; }

/*==================================
cmn
==================================*/

#nav{ background: rgba(69,69,69,0.3);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#33696969,EndColorStr=#33696969);
width:100%; position:absolute; bottom:0px; left:0px;z-index:100}
#nav ul{ width:980px; margin:0 auto;}
#nav li { float:left; margin-right:-44px; line-height:0;padding:5px 0;}
#nav li#tit_lineup{margin-right:-46px; padding:0;}
#link{ background:#fff; padding:12px 0; border-top:solid 4px #f4f4f4}
#link #copyright_kurobas{ font-size:10px; color:#666;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; text-align:center}
#link ul{ width:980px; margin:0 auto 8px; display:block; overflow:hidden}
#link li { float:left; margin-right:8px; line-height:0}
#footer #sns{ position:absolute; top:15px; right:-50px}

/*==================================
content
==================================*/

#cyber_formula_sp{
	position: relative;
}

#cyber_formula_sp:before{
	content: "";
	background: url(../../../images/main_bg.jpg);
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -1;
}

#cyber_formula_sp img{
	max-width: 100%;
}


/*-------LANG-------*/
.p-main {
    &__list {
        display: inline-block;
        margin-top: 32px;
    }
}
.l-lang {
    position: fixed;
    top: 10%;
    left: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

/*-------block-main-------*/
.block-main .swiper-main{
	height: 970px;
	background: #000;
	position: relative;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
}

.block-main .swiper-wrapper:before{
	content: "";
	background: url(../../../images/slider/scroll.png)no-repeat top center;
	width: 49px;
	height: 58px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.swiper-slide {
	position: relative;
	color: #ffffff;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-slide ._logo{
	display: flex;
	align-items: center;
	padding: 80px 55px;
}

.swiper-slide ._logo li{
	padding-right: 12px;
}

.swiper-slide ._items{
	width: 100%;
}

.swiper-slide ._items ._body{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20%;
}

.swiper-slide ._items ._more{
	position: absolute;
	top: 56px;
	right: 143px;
}

.swiper-slide ._title{
	position: absolute;
	bottom: 95px;
	left: 54px;
	text-shadow: 1px 1px #000;
}

.swiper-slide ._title p{
	font-weight: bold;
	font-size: 30px !important;
	margin-bottom: 0.5em;
}

.swiper-slide ._title p:first-child{
	font-size: 24px !important;
}

.swiper-slide ._movie{
	position: absolute;
	bottom: 88px;
	right: 135px;
}

.swiper-slide ._movie iframe{
	width: 450px;
	height: 270px;
	margin-bottom: 19px;
}

.swiper-slide ._movie ._links{
	display: flex;
	flex-wrap: wrap;
	width: 450px;
	justify-content: center;
}

.swiper-slide ._movie ._links ._btns:nth-child(2n){
	margin-left: 10px;
}

.swiper-slide ._movie ._btns a{
	font-size: 20px;
	font-weight: 900;
	color: #000;
	background: url(../../../images/slider/btnbk.png)no-repeat top center;
	width: 219px;
	height: 76px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease-out 0s;
	text-shadow: 1px 1px #fff;
	margin-bottom: 0.5em;
}

.swiper-slide ._movie ._btns a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.swiper-slide ._movie ._btns._long a p{
	font-size: 15px !important;
	display: block;
	text-align: center;
	margin-bottom: 0.5em;
	color: #000;
}

.swiper-slide ._movie ._btns._long a span {
	line-height: 1.4;
  }

.swiper-slide ._bk {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	opacity: 0.3;
}

.swiper-slide ._bk img{
	max-width: 9999px !important;
}

.swiper-slide ._bk iframe{
	width: 112vw;
	height: 112vh;
}

.swiper-button-prev,
.swiper-button-next{
	width: 90px !important;
	height: 90px !important;
	background-size: cover;
	transition: all 0.2s ease-out 0s;
}

.swiper-main .swiper-button-prev,
.swiper-main .swiper-button-next{
	top: 50%;
}

.swiper-button-next:hover{
	opacity: 0.7;
}

.swiper-button-prev{
	background: url(../../../images/slider/back.png) no-repeat top center;
	left: 30px !important;
}

.swiper-button-next{
	background: url(../../../images/slider/next.png) no-repeat top center;
	right: 30px !important;
}

@media screen and (max-width:1220px) {
	.block-main .swiper-main{
		height: 100vh;
	}

	.swiper-slide ._title p:first-child{
		font-size: 1.3em !important;
	}

	.swiper-slide ._movie iframe {
		width: 25vw;
		height: 20vh;
	}

	.swiper-slide ._movie{
		text-align: center;
	}
}

@media screen and (max-width:960px) {
	.swiper-slide ._title{
		left: 25px;
	}

	.swiper-slide ._items._under ._body{
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	.swiper-slide ._movie{
		right: 25px;
	}

	.swiper-slide ._title p{
		font-size: 1.6em !important;
	}

	.swiper-slide ._title p:first-child {
		font-size: 1.1em !important;
	}

	.swiper-main .swiper-button-prev, .swiper-main .swiper-button-next {
		width: 80px !important;
		height: 80px !important;
		background-size: cover !important;
	}
}

@media screen and (max-width:768px) {
	.block-main .swiper-wrapper:before{
		background: none;
	}

	.block-main .swiper-main{
		height: 120vh;
	}

	.swiper-slide ._logo{
		padding: 5% 4%;
	}

	.swiper-slide ._items ._more{
		right: -10%;
	}

	.swiper-slide ._items ._more img{
		width: 60%;
	}

	.swiper-slide ._items ._body{
		top: 27%;
	}

	.swiper-slide ._items._under ._body{
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.swiper-slide ._items a ._body img{
		width: 90vw;
		max-width: 9999px !important;
	}

	.swiper-slide ._title{
		top: 15%;
		left: 4%;
	}

	.swiper-slide ._title p{
		font-weight: bold;
		font-size: 1.4em !important;
	}
	
	.swiper-slide ._title p:first-child{
		font-size: 1.2em !important;
	}

	.swiper-slide ._movie{
		bottom: 3%;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}

	.swiper-slide ._movie ._links{
		width: 100%;
	}

	.swiper-slide ._movie iframe {
		width: 50vw;
		height: 25vh;
		margin-bottom: 2%;
	}

	.swiper-slide ._bk img{
		height: 120vh;
		max-width: 9999px !important;
	}

	.swiper-slide ._bk iframe{
		width: 245vw;
		height: 125vh;
	}

	.swiper-button-prev,
	.swiper-button-next{
		width: 3.5em !important;
		height: 3.5em !important;
		background-size: cover;
	}

	.swiper-button-prev{
		left: 2% !important;
	}
	
	.swiper-button-next{
		right: 2% !important;
	}

	.swiper-slide ._movie ._links ._btns._long:nth-child(2n){
		margin-right: 10px;
	}
}

@media screen and (max-width:458px){
	.swiper-slide ._movie ._btns a{
		font-size: 1.2em;
		width: 10em;
		height: 3.5em;
		background-size: contain;
	}

	.swiper-slide ._movie ._btns._long a{
		background-size: contain;
		height: 13vw;
    	width: 37vw;
	}

	.swiper-slide ._movie ._btns._long a p{
		font-size: 0.8em !important;
	}
}

@media screen and (max-width:428px){
	.block-main .swiper-main {
		height: calc(80vh - 14vw);
	}

	.swiper-slide ._logo li{
		width: 20%;
	}

	.swiper-slide ._items ._more{
		right: -30%;
		top: 2%;
	}

	.swiper-slide ._items ._more img{
		width: 40%;
	}

	.swiper-slide ._title{
		top: 17%;
		left: 4%;
	}

	.swiper-slide ._title p{
		font-weight: bold;
		font-size: 0.9em !important;
	}
	
	.swiper-slide ._title p:first-child{
		font-size: 0.6em !important;
	}

	.swiper-slide ._items ._body{
		top: 21%;
	}

	.swiper-slide ._movie{
		bottom: 5%;
		left: 50%;
		width: 80%;
	}

	.swiper-slide ._movie iframe{
		width: 50vw;
		height: 16vh;
	}

	.swiper-slide ._movie ._links{
		width: 100%;
	}

	.swiper-slide ._movie ._links ._btns{
		width: 48%;
	}

	._btns._long {
		margin-bottom: 0.5em;
	}

	.swiper-slide ._movie ._btns._long:last-child{
		margin-bottom: 0;
	}

	.swiper-slide ._movie ._btns a{
		width: 100%;
		height: 100%;
		background-size: contain;
		font-size: 0.8em;
    	padding: 1em 0;
	}

	.swiper-slide ._movie ._links ._btns._long:nth-child(2n){
		margin-right: 0;
	}

	.swiper-main .swiper-button-prev, .swiper-main .swiper-button-next {
		width: 3.5em !important;
		height: 3.5em !important;
	}
}

/*-------block-news-------*/
.block-news{
	background: #000;
	position: relative;
	z-index: 1;
}

.block-news .block-inner2{
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 18px 0;
}

.block-news ._row-header h2{
	margin-right: 30px;
}

.block-news ._row-body ul a{
	position: relative;
	width: 1103px;
	display: flex;
	align-items: center;
	background: #002231;
	margin-bottom: 8px;
	padding: 6px 0 6px 31px;
	transition: all 0.2s ease-out 0s;
}

/**
.block-news ._row-body ul a:hover{
	opacity: 0.7;
	text-decoration: none;
}
**/

.block-news ._row-body ul a:before{
	content: "";
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #29abe2;
	width: 8px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 13px;
}

.block-news ._row-body ul a p{
	font-size: 14px;
	text-align: left;
}

.block-news ._row-body ul a p:first-child{
	margin-right: 40px;
}

@media screen and (max-width:1220px){
	.block-news ._row-body ul a{
		width: 70vw;
	}
}

@media screen and (max-width:768px){
	.block-news .block-inner2{
		display: block;
		text-align: center;
		padding: 4%;
	}

	.block-news ._row-header h2{
		margin: 0 auto 2%;
	}

	.block-news ._row-body ul a{
		width: auto;
	}
}

@media screen and (max-width:428px){
	.block-news ._row-body ul a{
		padding: 2% 1% 2% 8%;
	}

	.block-news ._row-body ul a p{
		font-size: 0.8em;
	}

	.block-news ._row-body ul a p:first-child{
		margin-right: 2%;
	}

	.block-news ._row-header h2 img{
		width: 40%;
	}
}

/*-------block-contents-------*/
.block-contents{
	width: 760px;
	margin: 0 auto;
	color: #000;
	background: rgb(0 38 65 / 85%);
    box-shadow: #a9dcf1 0px 0px 6px 2px;
    position: relative;
}

._image,._image_r {
	position: fixed;
	top: 50%;
	z-index: -1;
	transform: translateY(-50%);
	opacity: 0;
	background-size: contain;
	background-position: center center;
	width: calc( (100vw - 760px) / 2.2);
  	height: 100%;

	animation: image-switch-animation 30s infinite;
}

._image{
	left: 1%;
}

._image_r{
	right: 1%;
}

.src1 {
	background-image: url(../../../images/20250325_asurada_vsx-r/main.png);
	background-repeat: no-repeat;
	width: 33%;
}
._image.src1 { left: -2%; }
._image_r.src1 { right: -2%; }
.src2 {
	background-image: url(../../../images/20250325_fujioka/fujioka01.png);
	background-repeat: no-repeat;
}
.src3 {
	background-image: url(../../../images/20250325_fujioka/fujioka02.png);
	background-repeat: no-repeat;
}
.src4 {
	background-image: url(../../../images/20250325_fujioka/fujioka03.png);
	background-repeat: no-repeat;
}
.src5 {
	background-image: url(../../../images/20250325_oga/ogaan21.png);
	background-repeat: no-repeat;
}
.src6 {
	background-image: url(../../../images/20250325_akf/akf.png);
	background-repeat: no-repeat;
	width: 38%;
}
._image.src6 { left: -3%; }
._image_r.src6 { right: -3%; }

.src6 {
	background-image: url(../../../images/20250702_vacf_KnightSavior005/main.png);
	background-repeat: no-repeat;
	width: 38%;
}

@keyframes image-switch-animation {
	0%{ opacity: 0;}
	5%{ opacity: 1;}
	10%{ opacity: 1;}
	15%{ opacity: 0;}
	100%{ opacity: 0;}
}

._image:nth-of-type(1),
._image_r:nth-of-type(2) {
	animation-delay: 0s;
}
._image:nth-of-type(3),
._image_r:nth-of-type(4) {
	animation-delay: 5s;
}
._image:nth-of-type(5),
._image_r:nth-of-type(6) {
	animation-delay: 10s;
}
._image:nth-of-type(7),
._image_r:nth-of-type(8) {
	animation-delay: 15s;
}
._image:nth-of-type(9),
._image_r:nth-of-type(10) {
	animation-delay: 20s;
}
._image:nth-of-type(11),
._image_r:nth-of-type(12) {
	animation-delay: 25s;
}

.block-contents .block-inner{
	margin-bottom: 30px;
	padding: 120px 40px 20px;
}

.block-contents ._row-header h2{
	text-align: center;
	margin-bottom: 40px;
}

.block-contents .swiper{
	padding-bottom: 60px;
}

.block-contents .swiper-slide{
	text-align: center;
}

.block-contents .swiper-slide ._images{
	margin-bottom: 37px;
}

.block-contents .swiper-slide ._txts{
	width: 400px;
	margin: 0 auto;
	text-align: left;
}

.block-contents .swiper-slide ._txts h3{
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 38px;
}

.block-contents .swiper-slide ._txts p{
	font-size: 16px !important;
	line-height: 1.4;
}

@media screen and (max-width:1536px){
	.src1 {
		width: 30%;
	}

	.src6 {
		width: 35%;
	}
}

@media screen and (max-width:1280px){
	.ani-container{
		display: none;
	}
}

@media screen and (max-width:768px) {
	.block-contents{
		width: 100%;
	}

	.block-contents .block-inner{
		padding: 120px 8% 20px;
	}
}

/*-------block-items-------*/
.block-items .block-inner{
	margin-bottom: 100px;
	padding-top: 80px;
}
.block-items ._row-body ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 58px;
}

.block-items ._row-body ul li{
	margin-bottom: 12px;
	width: 49%;
}

.block-items ._row-body ul li:nth-child(2n){
	margin-left: 12px;
}

.block-items ._row-body ._btns{
	background: url(../../../images/btnbk.png)no-repeat top center;
	width: 449px;
	height: 112px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease-out 0s;
}

.block-items ._row-body ._btns:hover{
	opacity: 0.7;
	
}

.block-items ._row-body ._btns a{
	font-size: 24px;
	color: #000;
	font-weight: 900;
	text-shadow: 1px 1px #fff;
	
}

.block-items ._row-body ._btns a:hover{
	text-decoration: none;
}

@media screen and (max-width:768px) {
	.block-items ._row-header h2 img{
		width: 80%;
	}

	.block-items .block-inner{
		margin-bottom: 10%;
	}
}

@media screen and (max-width:458px){
	.block-items ._row-body ._btns{
		width: 100%;
		background-size: contain;
	}

	.block-items ._row-body ._btns a{
		font-size: 1.3em;
	}
	
}

@media screen and (max-width:428px){
	.block-items ._row-body ul{
		display: block;
		text-align: center;
	}

	.block-items ._row-body ul li{
		margin-right: 0;
	}

	.block-items ._row-body ._btns{
		width: 100%;
		height: 4.5em;
		background-size: contain;
		line-height: 1.4;
		
	}

	.block-items ._row-body ._btns a{
		font-size: 1em;
	}

	.block-items ._row-body ul li{
		width: 100%;
		margin-left: 0!important;
	}
}

/*-------block-plan-------*/
.block-plan, .block-movie, .block-links, .block-copy {
    position: relative;
    overflow: hidden;
}

.block-plan{
	padding-bottom: 10%;
}

.swiper-pagination-bullet{
	width: 15px !important;
	height: 15px !important;
	background: #fff !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active{
	background: #29abe2 !important;
}

@media screen and (max-width:768px) {
	.block-plan .swiper-button-prev,
	.block-plan .swiper-button-next{
		top: 30% !important;
	}
}

/*-------block-event-------*/
.block-event  .block-inner{
	margin-bottom: 60px;
}

.block-contents .block-event .swiper-slide ._txts p{
	color: #002641;
}

.block-event .swiper-button-prev{
	background: url(../../../images/slider/backv2.png) no-repeat top center;
	left: 30px;
}

.block-event .swiper-button-next{
	background: url(../../../images/slider/nextv2.png) no-repeat top center;
	right: 30px;
}

.block-event .swiper-pagination-bullet{
	background: #999999 !important;
}
.block-event .swiper-pagination-bullet-active{
	background: #29abe2 !important;
}

@media screen and (max-width:768px) {
	.block-event .swiper-button-prev,
	.block-event .swiper-button-next{
		width: 3.5em !important;
		height: 3.5em !important;
		background-size: cover;
	}

	.block-event .swiper-button-prev{
		left: 2% !important;
	}
	
	.block-event .swiper-button-next{
		right: 2% !important;
	}
}



/*-------block-movie-------*/
.block-movie{
	padding-bottom: 10%;
}

.block-inner{
	padding-top: 50px;
}

.block-movie ._row-body ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.block-movie ._row-body ul li{
	margin-right: 12px;
	margin-bottom: 12px;
}

.block-movie ._row-body ul li:nth-child(2n){
	margin-right: 0;
}

.block-movie ._row-body ul li iframe{
	width: 328px;
	height: 197px;
}

@media screen and (max-width:458px){
	.block-movie ._row-body ul li {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	  }

	.block-movie ._row-body ul li iframe {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width:428px){
	.block-movie ._row-body ul{
		display: block;
	}
	
	.block-movie ._row-body ul li{
		margin-right: 0;
	}

	.block-movie ._row-body ul li iframe{
		width: 100%;
	}
}

/*-------block-links-------*/
.block-links{
	padding-bottom: 130px;
}

.block-plan:before {
    content: "";
    background: rgb(169 220 241 / 85%);
    position: absolute;
    width: 105%;
    height: 2px;
    top: 38px;
    left: 50%;
    transform: translate(-50%, 0) rotate(5deg);
    -webkit-transform: translate(-50%, 0) rotate(5deg);
    -ms-transform: translate(-50%, 0) rotate(5deg);
}

.block-movie:before {
    content: "";
    background: rgb(169 220 241 / 85%);
    position: absolute;
    width: 105%;
    height: 2px;
    top: 38px;
    left: 50%;
    transform: translate(-50%, 0) rotate(5deg);
    -webkit-transform: translate(-50%, 0) rotate(5deg);
    -ms-transform: translate(-50%, 0) rotate(5deg);
}

.block-links:before {
    content: "";
    background: rgb(169 220 241 / 85%);
    position: absolute;
    width: 105%;
    height: 2px;
    top: 38px;
    left: 50%;
    transform: translate(-50%, 0) rotate(5deg);
    -webkit-transform: translate(-50%, 0) rotate(5deg);
    -ms-transform: translate(-50%, 0) rotate(5deg);
}

.block-links ._row-body ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.block-links ._row-body ul li{
	margin-right: 12px;
	margin-bottom: 12px;
}

.block-links ._row-body ul li:nth-child(2n){
	margin-right: 0;
}

.block-links ._row-body ul li a{
	background: url(../../../images/slider/btnbk.png)no-repeat top center;
	background-size: cover;
	width: 330px;
	height: 114px;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: 900;
	text-shadow: 1px 1px #fff;
	transition: all 0.2s ease-out 0s;
	text-align: center;
}

.block-links ._row-body ul li a:hover{
	opacity: 0.7;
}

@media screen and (max-width:458px){
	.block-links ._row-body ul li {
		width: 90%;
	  }

	  .block-links ._row-body ul li a {
		width: 100%;
		height: 27vw;
		background-size: contain;
		font-size: 1em;
	}

	.block-links ._row-header h2 img{
		width: 43%;
	}
}

@media screen and (max-width:428px){
	.block-links{
		margin-bottom: 6%;
		padding-bottom: 0;
	}

	.block-links ._row-body ul{
		display: flex;
	}

	.block-links ._row-body ul li{
		margin-right: 0;
	}

}

/*-------block-copy-------*/
.block-copy p{
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding-bottom: 34px;
}

@media screen and (max-width: 768px) {
	.btn-navi::after {
		visibility: inherit;
	  }

	.nav-item a {
	  font-family: var(--impact-font);
	  font-size: 6.6vw;
	  text-decoration: none;
	  color: black;
	  font-weight: bold;
	  display: flex;
	  align-items: center;
	}
}