/* *{
	border: 1px solid #000 !important;
} */

header {
	top: 4.59vh;
	left: 4.62vh;
}
header:before{
	display:none;
}
#menu {
	background: #282828;
	top: -20px;
    left: calc(100vw - 82px);
	box-sizing:border-box;
}
.nav-toggle{
	top:25px;
}
.corner2::before {
    box-shadow: 15px -15px 0 0 #282828;
}
#outer2{
	width: 100vw;
	min-width: unset;
}

#outer2 #wrapper {
	min-width: unset !important;
	width: 100vw;
}

#outer {
	height: auto !important;
	background: none !important;
	padding: 0 !important;
}



header {
/* 	width: calc(100vw - 9.2vh); */
/* 	width: 98.7vw; */
min-width: unset !important;
/* 	position: absolute !important; */
}




body {
	scroll-snap-type: y mandatory;
}



.scene {
	width: 100lvw;
	height: 100lvh;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.scene .sectInner {
	width: calc(100lvw - 9.24vh);
	height: calc(100lvh - 9.24vh);
	position: relative;
	border-radius: 30px;
	margin: 4.62vh;
	overflow: hidden;
}

.scene img {
	display: block;
}

.scene article {
/* 	min-width: calc(1360px - 9.24vh); */
}

.scene .inner {
/* 	min-width: calc(1360px - 9.24vh); */
}

#wrapper section.scene{
	min-width: unset;
}

.ItemAndStage {
	width: 192px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.ItemAndStage .item {
	margin: 0 0 10px;
	height: 85px;
}

.ItemAndStage .item dl {
	position: relative;
}

.ItemAndStage .item dt {
	position: absolute;
	z-index: 1;
	width: 54px;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	z-index: 3;
}

.ItemAndStage .item dt img {
	width: 40px;
	height: auto;
	position: absolute;
	display: block;
	border: 7px solid #fff;
	border-radius: 5px;
	top: 0;
	transform: rotate(-5deg);
}

.statusBar {
	display: inline-block;
	width: 20%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #ff0000;
	border-radius: 0 18px 18px 0;
}

.statusText {
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 1;
}

.giCard01 {
	left: -5px;
}

.giCard02 {
	left: -5px;
}

.giCard03 {
	left: 30px;
}

.giCard04 {
	left: 45px;
}

.giCard05 {
	left: 60px;
}

.giCard06 {
	left: 75px;
}

.giCard07 {
	left: 90px;
}

.giCard08 {
	left: 105px;
}

.giCard09 {
	left: 120px;
}

.giCard10 {
	left: 135px;
}

#scene3 .ItemAndStage .item dt .giCard08,
#scene3 .ItemAndStage .item dt .giCard09,
#scene3 .ItemAndStage .item dt .giCard10 {
	opacity: 0;
}

.ItemAndStage .item dd {
	position: absolute;
	line-height: 30px;
	border: 7px solid #fff;
	/* border-left: 0 !important; */
	border-radius: 5px 22px 22px 5px;
	background: #eae4c3;
	color: #fff;
	width: 200px;
	height: 44px;
	padding: 0 10px;
	box-sizing: border-box;
	box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.3);
	text-align: right;
	top: 20px;
	left: 0px;
	z-index: 2;
}

.ItemAndStage .stage {
	border: 7px solid #fff;
	border-radius: 6px;
	background: #fff;
}

.ItemAndStage .stage p {
	border-radius: 6px;
	padding: 2px;
}

.ItemAndStage .stage p span {
	display: block;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	border-radius: 6px;
}

.message_window {
	border: 8px solid #ffffff;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 35px;
	display: inline-block;
	padding: 30px 40px;
	box-sizing: border-box;
	line-height: 1.4em;
	background: rgba(43, 39, 36, 0.9);
	position: relative;
}

.message_window:after {
	content: "▼";
	position: absolute;
	bottom: 10px;
	right: 10px;
}




#outer2 {
	border-radius: 0;
}

#outer2 #wrapper {
	/* 	background: #282828; */
	/* 	padding: 4.62vh 0 0; */
}


/*****************************************************

Scene1

*****************************************************/
#scene1 {
	background: #282828;
	z-index: 100;
}

#scene1 .sectInner {
	background: url('../../../../media/index/scene1/bg1.webp') no-repeat top center;
	background-size: cover;
}

#scene1 h2 {
	font-size: clamp(18px, 3.5vh, 3vw);
	font-family: sans-serif;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	position: relative;
	top: 15.5vh;
}

#text1,
#text2{
	position: absolute;
	width: 100%;
	display: inline-block;
	top: 0;
	left: 0;
	text-align: center;
}

#text2{
	opacity: 0;
}

#text1 strong{
	color: #004D00;
	padding: 0 5px;
}

#text2 strong{
	color: #004472;
	padding: 0 5px;
}

#film {
	height: clamp(100px, 40.277vh, 435px);
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 20.4259vh;
}

#film>img {
	display: block;
	height: 100%;
	max-width: initial !important;
}

#filmRoll {
	position: absolute;
	top: 14.25%;
	list-style: none;
	height: 71.144%;
	width: 300%;
	display: -webkit-box;
	/* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;
	/* IE10 */
	display: -webkit-flex;
	/* Pc-safari */
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	/* IE10 */
	-webkit-flex-flow: row wrap;
	/* Pc-safari */
	flex-flow: row wrap;
	/* 		justify-content: center; */
	align-items: center;

	box-sizing: border-box;
	overflow: hidden;

}

#filmRoll>li {
	width: 40.277vh;
	height: 28.7962vh;
	margin: 0 1.4vh 0 0;
}

#filmRoll>li img {
	height: 100%;
	width: auto;
}


#charaStart {
	position: absolute;
	top: 16.4259vh;
	width: clamp(810px, 90.76vw - 550px, 90.76vw - 550px);
	height: 74.33414vh;
	position: absolute;
	right: 0;
	box-sizing: border-box;
}

#history {
	position: absolute;
	width: 100%;
	height: auto;
	right: -1vw;
	top: 48vh;
}

#character101 {
	overflow: hidden;
	position: absolute;
}

#character1 {
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	left: 1vw;
	filter: drop-shadow(15px 5px 1px rgba(0,0,0,0.5));

}

#character101 {
	position: absolute;
	top: 7vh;
	right: 0vw;
	box-sizing: border-box;
	width: 25vw;
	height: 48vh;
}


#character2 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}


#character1_shadow {
	display: block;
	width: 95%;
	height: 95%;
	position: absolute;
	left: 2.1vw;
	top: 5.2%;
	opacity: 0.5;
}

#character1_shadow img {
	width: auto;
	height: 400%;
}

#character1_shadow2 {
	width: 14vw;
	position: absolute;
	right: 2vw;
	top: 48.5vh;
	opacity: 0.5;
}

#character12 {
	position: absolute;
	height: 300%;
	width: auto;
	max-width: none;
	opacity: 0;
	top: 0;
	filter: drop-shadow(10px 10px 1px rgba(0,0,0,0.5));
}

#scene1_contact {
	position: absolute;
	box-sizing: border-box;
	width: 500px;
	/* 		bottom: 15px; */
	top: 0.5vw;
	right: 140px;
	padding: 5px;
	background: linear-gradient(to bottom, #979797 0%, #ffffff 25%, #979797 51%, #ffffff 75%, #979797 100%);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#scene1_contact dl {
	padding: 5px;
	background: #9d0000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}

#scene1_contact > dl > dd:nth-child(2) > a:nth-child(1),
#scene1_contact > dl > dd:nth-child(2) > a:nth-child(2){
	margin: 0 0 3px 0;
}

#scene1_contact dl dt span {
	line-height: 35px;
	display: block;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	font-family: "futura-pt", sans-serif;
	font-weight: 600;
	font-style: normal;
	background: #5f0707;
}

#scene1_contact dl dd {
	padding: 0 10px;
	background: #ca1211;
	color: #fff;
}

#scene1_contact dl dd:first-child {
	margin-right: 5px;
	width: 240px;
}

#scene1_contact > dl > dd:nth-child(2){
	background: none;
	width: 210px;
	font-size: 17px;
	margin: 0 !important;
	padding: 0 !important;
}

#scene1_contact > dl > dd:nth-child(1) > div > p:nth-child(3){
	text-align: center;
}

#scene1_contact dl dd h4 {
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	line-height: 1.5;
}

#scene1_contact dl dd h4 img {
	width: 12px;
	vertical-align: middle;
	margin-right: 5px;
	display: inline !important;
}

#scene1_contact dl dd .tel {
	font-family: "futura-pt", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 32px;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding-bottom: 4px;
	margin-bottom: 5px;
	line-height: 1;
	margin: 3px 0 0 0;
}

#scene1_contact dl dd small {
	font-size: 14px;
	text-align: center;
/* 	display: block; */
/* 	margin-bottom: 20px; */
}

#scene1_contact dl dd:nth-child(1) a{
	text-decoration: none;
	color: #FFF;
}

#scene1_contact dl dd:nth-child(2) a {
	display: block;
	padding: 3px 10px;
	border-radius: 10px;
	background: #e1cf1b url('../../../../media/common/arrow_black.svg') no-repeat right 10px center;
	color: #000;
	font-family: "vdl-logog", sans-serif;
	font-size: 18px;
	font-weight: bold;
/* 	text-align: center; */
text-decoration: none;
}

#scene1_contact > dl > dd:nth-child(2) > a:nth-child(2) > img,
#scene1_contact > dl > dd:nth-child(2) > a:nth-child(3) > img{
	display: inline;
	vertical-align: middle;
	margin: 0 5px 0 0;
	width: 20px;
	height: auto;
}


#hakeman1 {
	height: 13vh;
	position: absolute;
	top: 20px;
	left: 25%;
}

.scrollToStart {
	position: absolute;
	right: 1vw;
	bottom: 17.3vh;
	color: #FFF;
}




#makersBox{
	position: absolute;
	width: 360px;
	height: 360px;
	box-sizing: border-box;
	padding: 5px;
	background: linear-gradient(to bottom, #979797 0%, #ffffff 25%, #979797 51%, #ffffff 75%, #979797 100%);
	bottom: 9vw;
	left: 9vw;
	border-radius: 20px;
	left: 1vw;
	bottom: 1vw;
	box-shadow: 0 2px 5px #00000033
}

#makersBox h3{
	height: 24px;
	padding: 3px;
	text-align: center;
	font-size: 16px;
	font-size-adjust: none;
	color: #fff;
}

#makersBox ul{
	width: 350px;
	height: 320px;
	list-style: none;
	background: #fff;
	overflow: auto;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	overflow: auto;
}

#makersBox ul li{
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}

#makersBox ul li img{
	vertical-align: middle;
}

#newsBox{
	position: absolute;
	width: 70vw;
	height: 11vh;
	bottom: 4.6vh;
	margin: 0 15%;
	padding: 4px;
	border-radius: 10px 10px 0 0;
	overflow: auto;
/* 	right: 4.5vw; */

}

#newsBox h3{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	border-radius: 10px 10px 0 0;
/* 	background-color: rgba(255,255,255,0.3); */
}

#newsBox ul{
	width: 100%;
	height: calc(100% - 30px);
	border-radius: 0 10px 0 0;
	list-style: none;
	overflow: auto;
	line-height: 1.8;
	font-size: 14px;
/* 	background-color: rgba(255,255,255,0.3); */
/* 	background-color: #FFF; */
}

#newsBox ul li{
	padding: 5px 0 0 0;
	border-top: 1px solid #999;
	padding: 0 10px;
	margin: 5px 0 0 0;

}

#newsBox p{
	padding: 6px;
	background-color: rgba(255,255,255,0.8);
	font-family: "vdl-logog", sans-serif;
	border: 4px solid #d00;
	border-image: linear-gradient(175deg, #DD0012 0%, #D2D0CF 50%,  #1B007D 100%);
	border-image-slice: 1;
	font-size: 150%;
}


.junpText {
	display: inline-block; /* インラインブロック要素にする */
}

/*****************************************************

Scene2

*****************************************************/
#scene2 {
	background: #282828;
	scroll-snap-align: start;
	z-index: 90;
}

#scene2 article {
	width: 100%;
	height: 100%;
	background: url('../../../../media/index/scene2/bg_scene2.webp') no-repeat bottom center;
	background-color: #b8e3de;
	background-size: 100% 63.2%;
	position: relative;
}

#scene2 article .inner {
	width: 100%;
	height: 100%;
	background: url('../../../../media/index/scene2/bg_scene2-2.webp') no-repeat bottom center;
	background-size: 100% 100%;
	position: relative;
}

#scene2 #kumo1 {
	position: absolute;
	left: 25%;
	bottom: 61%;
}

#scene2 #kumo2 {
	position: absolute;
	right: 35%;
	top: 0%;
}

#scene2 #ship {
	width: 6.6vw;
	min-width: 126px;
	position: absolute;
	left: 50%;
	bottom: 60%;
}

#scene2 #character2 {
	width: 12vw;
	min-width: 116px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 10%;
}

#scene2 .kanban {
	min-width: 117px;
	min-height: 125px;
	background: url('../../../../media/index/scene2/kanban.webp') no-repeat bottom center;
	background-size: cover;
	position: absolute;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 30px;
	text-align: center;
	box-sizing: border-box;
}

#kanban1 {
	width: 7.4vw;
	height: 8.25vw;
	bottom: 40vh;
	right: 35%;
	padding-top: 1.2vw;
}

#kanban2 {
	width: 8.4vw;
	height: 9.25vw;
	bottom: 33vh;
	left: 32%;
	padding-top: 1.4vw;
}

#kanban3 {
	width: 9.4vw;
	height: 10.25vw;
	bottom: 20vh;
	right: 25%;
	padding-top: 1.6vw;
}

#kanban4 {
	bottom: 5vh;
	left: 18%;
	width: 10.4vw;
	height: 11.25vw;
	padding-top: 2vw;
}

#ana {
	width: 15.75%;
	position: absolute;
	bottom: 3vh;
	right: 13%;
}

#attention {
	width: 7.24%;
	position: absolute;
	bottom: 2vh;
	right: 11%;
}

#holeMask {
	position: absolute;
	width: calc(calc(100vw - 9.24vh) * 0.1782);
	height: 15%;
	top: 85%;
	left: 71.2%;
}

#scene2 .ItemAndStage .stage p {
	border: 3px solid #9f1f1f;
	border-bottom: 5px solid #9f1f1f !important;
	background: linear-gradient(135deg, #ef8c8c 0%, #d63131 100%);
}

#scene2 .ItemAndStage .stage p span {
	background: #d83535;
}

#scene2 .message_window {
	position: absolute;
/* 	top: clamp(110px, 15vh, 15vh); */
top: 105px;
left: 3%;
}

#scene2 .ItemAndStage .item dt img {
	/* 	opacity: 0; */
}

#charactor2 {
	display: block;
	position: absolute;
	bottom: 50%;
	left: 41.2%;
	width: 112.5px;
	height: 150px;
	overflow: hidden;
}

#charactor2 img {
	max-width: none;
	width: 800%;
	height: 600%;
	position: absolute;
}

.cardItem {
	position: absolute;
	top: 0;
}

#cardItem01 {
	width: 44px;
	height: auto;
}

#cardItem02 {
	width: 48px;
	height: auto;
}

#cardItem03 {
	width: 54px;
	height: auto;
}

#cardItem04 {
	left: 54px;
	width: 54px;
	height: auto;
}

#cardItem05 {
	width: 57px;
	height: auto;
}

#cardItem05 {
	width: 60px;
	height: auto;
}

#cardItem06 {
	left: 130px;
	width: 60px;
	height: auto;
}

#cardItem07 {
	left: 260px;
	width: 60px;
	height: auto;
}



/*****************************************************

Scene3

*****************************************************/
#scene3 {
	background: #282828;
	z-index: 80;
}

#scene3 .sectInner {
	background: url('../../../../media/index/scene3/bg_scene3.webp') no-repeat top center;
	background-size: cover;
}

#hashigo {
	width: 6.1%;
	position: absolute;
	top: 10px;
	left: 13.18%;
}

#monster {
	width: 38.15%;
	position: absolute;
	top: 24.39vh;
	left: 23%;
}

#scene3 article {
	width: 100%;
	height: 100%;
	position: relative;
	background: url('../../../../media/index/scene3/iwa1.webp') no-repeat top center;
	background-size: 100% auto;
}

#dokan {
	height: 24%;
	position: absolute;
	top: 37.4%;
	right: 0;
}

#torokko {
	width: 12.70%;
	position: absolute;
	top: 41vh;
	right: 13%;
	z-index: 11;
}

#rail {
	height: 3.39%;
	position: absolute;
	top: 56.2%;
	right: 12%;
}

#scene3_koma {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

#house1 {
	position: absolute;
	width: calc((100vw - 9.24vh) * 0.17734);
	height: calc((100vw - 9.24vh) * 0.17734 * 0.70571);
	bottom: calc(100vw * 0.16);
	left: 16%;
	z-index: 21;
	overflow: hidden;
}

#house1a {
	width: 400%;
	max-width: none;
	top: 0;
	left: 0;
	position: relative;
}

#house2 {
	width: 19.505%;
	position: absolute;
	bottom: calc(100vw * 0.15);
	left: 40%;
	z-index: 21;
	overflow: hidden;
}

#house2a {
	width: 500%;
	height: 100%;
	max-width: none;
	top: 0;
	left: 0;
	position: relative;
}

#house3 {
	width: 20.208%;
	position: absolute;
	bottom: calc(100vw * 0.15);
	left: 64%;
	z-index: 21;
	overflow: hidden;
}

#house3a {
	width: 500%;
	height: 100%;
	max-width: none;
	top: 0;
	left: 0;
	position: relative;
}


#shizuku1 {
	width: 7.8645%;
	position: absolute;
	bottom: 23.2vh;
	right: 2.8%;
}

#shizuku2 {
	width: 7.8645%;
	position: absolute;
	bottom: 17.5vh;
	left: 2%;
}


#bat1 {
	width: 5.8593%;
	position: absolute;
	top: 30vh;
	left: 5%;
}

#bat2 {
	width: 7.4479%;
	position: absolute;
	top: 14vh;
	right: 15%;
}

#bat3 {
	width: 8.0468%;
	position: absolute;
	top: 22vh;
	right: 20%;
}

#bat4 {
	width: 2.7864%;
	position: absolute;
	top: 4vh;
	left: 25%;
}

#bat5 {
	width: 2.7864%;
	position: absolute;
	top: 5vh;
	left: 29%;
}

#bat6 {
	width: 4.8698%;
	position: absolute;
	top: 7vh;
	right: 10%;
}

#scene3 article .outer {
	width: 100%;
	height: 100%;
	position: relative;
	background: url('../../../../media/index/scene3/doukutsu1.webp') no-repeat top center;
	background-size: 100% 100%;
	z-index: 31;
}

#scene3 article .outer .inner {
	width: 100%;
	height: 100%;
	position: relative;
}

#scene3 article .outer .inner ul {
	list-style: none;
	position: absolute;
	bottom: 12vh;
	width: 100%;
	z-index: 22;
}

#scene3 article .outer .inner ul li {
	border: 5px solid #000000cc;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
}

#scene3 article .outer .inner ul li p {
	text-align: center;
	color: #fff;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	padding: 20px 30px;
	border: 8px solid #fff;
	background: #000;
	border-radius: 10px;
}

#scene3 article .outer .inner ul li:nth-child(1) {
	left: 16%;
}

#scene3 article .outer .inner ul li:nth-child(2) {
	left: 40%;
}

#scene3 article .outer .inner ul li:nth-child(3) {
	left: 66%;
}

#scene3 .ItemAndStage .stage p {
	border: 3px solid #1b276c;
	border-bottom: 5px solid #1b276c !important;
	background: linear-gradient(135deg, #919ad8 0%, #3b4aab 100%);
}

#scene3 .ItemAndStage .stage p span {
	background: linear-gradient(to bottom, #3a49ab 0%, #6570bf 50%, #3a49ab 100%);
}

#scene3 .message_window {
	position: absolute;
	top: 10vh;
	left: 50%;
	transform: translate(-50%, 0);
}

#character3 {
	display: block;
	position: absolute;
	bottom: calc(100% + 100px);
	left: 10.4%;
	width: 112.5px;
	height: 150px;
	overflow: hidden;
	transform-origin: center bottom;
	z-index: 30;
}

#character3 img {
	max-width: none;
	width: 800%;
	height: 600%;
	position: absolute;
}

#tunnelMas {
	position: absolute;
	/* 		width: 12.7%; */
	height: 21.3%;
	top: 38.7%;
	right: -0.6px;
	z-index: 20;
}

.buddys {
	position: absolute;
}


#buudy3 {
	width: 10vw;
	height: auto;
	bottom: calc(100vw * 0.17);
	left: 18%;
}

#buudy2 {
	width: 10vw;
	height: auto;
	bottom: calc(100vw * 0.17);
	left: 43%;
}

#buudy1 {
	width: 5vw;
	height: auto;
	bottom: calc(100vw * 0.17);
	left: 78%;
}

#cardItem08 {
	top: 42%;
	left: 23%;
	width: 40px;
	height: auto;
	z-index: 21;
}

#cardItem09 {
	top: 42%;
	left: 48%;
	width: 40px;
	height: auto;
	z-index: 21;
}

#cardItem10 {
	top: 41%;
	left: 73.7%;
	width: 40px;
	height: auto;
	z-index: 21;
}

#monsterWrapper,
#monstar1,
#monstar2,
#monstar3 {
	position: absolute;
}

#monsterWrapper {
	width: 38%;
	height: 50%;
	top: 27%;
	left: 23%;
	transform-origin: 50% 100%;
}

#monstar1 {
	width: 60%;
	height: auto;
	top: 4%;
	left: 26%;
}

#monstar2 {
	width: 39%;
	height: auto;
	top: 20%;
	left: 0%;
	transform-origin: 100% 75%;
}

#monstar3 {
	width: 35%;
	height: auto;
	top: 0%;
	left: 65%;
	transform-origin: 0% 95%;
}


/*****************************************************

Scene4

*****************************************************/
#scene4 {
	position: fixed;
	top: 0;
	/* 	background: #282828; */
	z-index: 79;
	padding: 0;
	border: 4.62vh solid #282828;
}

#scene4 .sectInner {
	width: calc(100vw - 9.26vh);
	height: calc(100vh - 9.26vh);
	position: relative;
	border-radius: 30px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#scene4_top {
	width: 100%;
	height: 50%;
	position: absolute;
	background: url('../../../../media/index/scene4/shutter_top.webp') no-repeat bottom center;
	background-size: cover;
	top: -50%;
	left: 0;
}

#scene4_bottom {
	width: 100%;
	height: 50%;
	position: absolute;
	background: url('../../../../media/index/scene4/shutter_bottom.webp') no-repeat top center;
	background-size: cover;
	bottom: -50%;
	left: 0;
}

#scene4 article {
	/* 	margin: 30px; */
	/* 	border: 5px solid #fff; */
	box-sizing: border-box;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

#scene4_card_top,
#scene4_card_bottom {
	list-style: none;
	display: flex;
	justify-content: space-between;
	width: 57.3vw;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#scene4_card_top li,
#scene4_card_bottom li {
	width: 18.2%;
	flex: none;
	position: relative;
}

.get {
	position: absolute;
	width: 80px;
	top: -20px;
	left: -20px;
}

#scene4_card_top {
	top: 5vh;
}

#scene4_card_bottom {
	bottom: 5vh;
}

#scene4 .inner {
	position: relative;
	width: 100%;
	height: 100%;
}

#scene4 h2 {
	border: 2px solid #000;
	width: 20.967%;
	height: 70px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	box-sizing: border-box;
}

#scene4 h2:after {
	content: "▼";
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #fff;
}

#scene4 h2 p {
	text-align: center;
	color: #fff;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 60px;
	border: 3px solid #fff;
	background: #000;
	border-radius: 10px;
	box-sizing: border-box;
}

#scene4 .ItemAndStage .stage p {
	border: 3px solid #a2441a;
	border-bottom: 5px solid #a2441a !important;
	background: linear-gradient(135deg, #fdc07a 0%, #ea7205 100%);
}

#scene4 .ItemAndStage .stage p span {
	background: linear-gradient(to bottom, rgba(234, 114, 5, 1) 0%, rgba(237, 137, 27, 1) 50%, rgba(234, 114, 5, 1) 100%);
}

#blur {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	left: -100vw;
	opacity: 0;
}

#changeForm1,
#changeForm2 {
	position: absolute;
	height: 150vh;
	/* 	width: auto; */
	top: 0;
	z-index: 110;
	max-width: none;
	/* 	opacity: 0; */
}

#flyHero {
	position: absolute;
	height: 15vh;
	width: auto;
	transform: rotate(52deg);
	bottom: -20%;
	left: -20px;
	z-index: 120;
}



/*****************************************************

Scene5

*****************************************************/
#scene5 {
	background-color: #282828;
	z-index: 78;
}

#scene5 .sectInner {
	background: #93d1e4;
}

#scene5_kumo1 {
	width: 33.46%;
	position: absolute;
	right: 0;
	top: 10vh;
}

#scene5_kumo2 {
	width: 35.329%;
	position: absolute;
	right: 15%;
	top: 0;
}

#scene5_kumo3 {
	width: 38.076%;
	position: absolute;
	left: 5%;
	top: 0;
}

#island {
	width: 30%;
	position: absolute;
	left: calc(calc(100vw - 9.26vh) / 100 * 90);
	top: calc(calc(100vw - 9.26vh) / 100 * 10);
}

#scene5_kabe {
	width: 12.94%;
	position: absolute;
	right: -2.5%;
	top: 19vh;
}



#bridge {
	width: 120vw;
	position: absolute;
	left: 0;
	top: 39.9%;
	max-width: none;
	height: 15.4833vw;
}

#torokko2 {
	width: 48.5677%;
	position: absolute;
	top: calc(calc(100vh - 9.26vh) / 100 * 41.2 - 8.28vw);
	left: calc(calc(100vw - 9.26vh) / 100 * -48.5677);
	z-index: 1;
}

#dokan_ushiro {
	width: 9.6%;
	position: absolute;
	top: calc(calc(100vh - 9.26vh) / 100 * 41.2 - 11.50368vw);
	left: -2vw;
}

#dokan_mae {
	width: 9.6%;
	position: absolute;
	top: calc(calc(100vh - 9.26vh) / 100 * 41.2 - 11.50368vw);
	left: -2vw;
	z-index: 2;
}

#character50 {
	width: 8vw;
	position: absolute;
	top: calc(calc(100vh - 9.26vh) / 100 * 60 - 8vw);
	left: calc(calc(100vw - 9.26vh) / 100 * -8);
	transform: rotate(85deg);
}

#character5 {
	width: 6vw;
	position: absolute;
	top: calc(calc(100vh - 9.26vh) / 100 * 41.5 - 14vw);
	left: calc(calc(100vw - 9.26vh) / 100 * 22 - 6vw);
}


#scene5_koma {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0%;
}

#house4 {
	width: 18.384%;
	position: absolute;
	bottom: 14vw;
	left: 16%;
	z-index: 1;
}

#house5 {
	width: 18.777%;
	position: absolute;
	bottom: 14vw;
	left: 40%;
	z-index: 1;
}

#house6 {
	width: 18.165%;
	position: absolute;
	bottom: 14vw;
	left: 64%;
	z-index: 1;
}

#scene5 article .inner ul {
	list-style: none;
	position: absolute;
	bottom: 2.5vw;
	width: 100%;
}

#scene5 article .inner ul li {
	border: 5px solid #000;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
}

#scene5 article .inner ul li p {
	text-align: center;
	color: #fff;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	padding: 20px 30px;
	border: 8px solid #fff;
	background: #000;
	border-radius: 10px;
}

#scene5 article .inner ul li:nth-child(1) {
	left: 16%;
}

#scene5 article .inner ul li:nth-child(2) {
	left: 40%;
}

#scene5 article .inner ul li:nth-child(3) {
	left: 66%;
}

#scene5 .ItemAndStage .stage p {
	border: 3px solid #21630c;
	border-bottom: 5px solid #21630c !important;
	background: linear-gradient(135deg, rgba(144, 232, 110, 1) 0%, rgba(67, 142, 3, 1) 100%);
}

#scene5 .ItemAndStage .stage p span {
	background: linear-gradient(to bottom, rgba(68, 146, 6, 1) 0%, rgba(80, 188, 38, 1) 50%, rgba(68, 146, 6, 1) 100%);
}

#scene5 .message_window {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	background: rgba(43, 39, 36, 0.6);
	font-size: 28px;
	padding: 10px;
}

.kiraKira {
	width: 20vw;
	height: 10vw;
	position: absolute;
	bottom: 23vw;
	overflow: hidden;
	z-index: 10;
}

.kiraKira img {
	max-width: none;
	width: 300%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
}

#kira1 {
	left: 15%;
}

#kira2 {
	left: 39%;
}

#kira3 {
	left: 62.5%;
}


#roller {
	width: 7.0879%;
	position: absolute;
	bottom: 10vw;
	left: 20%;
	transform-origin: 50% 100%;
	z-index: 1;
}

#spraydog {
	width: 5.0879%;
	position: absolute;
	bottom: 10vw;
	left: 50%;
	transform-origin: 50% 100%;
	z-index: 1;
}

#hakeman2 {
	width: 6.4835%;
	position: absolute;
	bottom: 10vw;
	left: 75%;
	transform-origin: 50% 100%;
	z-index: 1;
}

@media screen and (max-width: 1360px) {
	#bridge {
		bottom: 80px;
	}

	#torokko2 {
		bottom: 283px;
	}

	#character5 {
		bottom: 320px;
	}

	#house4 {
		bottom: 190px
	}

	#house5 {
		bottom: 190px
	}

	#house6 {
		bottom: 190px
	}

	#dokan_ushiro {
		bottom: 279px;
	}

	#dokan_mae {
		bottom: 279px;
	}

	#roller {
		bottom: 140px;
	}

	#spraydog {
		bottom: 140px;
	}

	#hakeman2 {
		bottom: 140px;
	}
}

/*****************************************************

Scene6

*****************************************************/
#scene6 {
	background-color: #282828;
	z-index: 1;
}

#scene6 .sectInner {
	background: url('../../../../media/index/scene6/bg_scene6.webp') no-repeat top center;
	background-size: cover;
}

#bg_paint {
	width: 48.13%;
	position: absolute;
	top: 1vw;
	left: 16.26%;
}

#machi {
	max-width: 24.725%;
	max-height: 50vh;
	position: absolute;
	bottom: 29.9%;
	right: 18%;
	z-index: 2;
}

#mado {
	max-width: 25.3%;
	max-height: 50vh;
	position: absolute;
	bottom: 30%;
	right: 18%;
	z-index: 2;
}

#madoMask {
	width: 9%;
	height: auto;
	position: absolute;
	right: 9.6%;
	bottom: 30%;
	z-index: 6;
}

#scene6_kumo_wrap {
	max-width: 24.725%;
	max-height: 50vh;
	height: 100%;
	position: absolute;
	top: 7vw;
	left: 62%;
	border-radius: 41% 25% 0 0;
	overflow: hidden;
}

#scene6_kumo {
	position: absolute;
	top: -10%;
	right: -10%;
	z-index: 2;
}

#renga2 {
	width: 14.948%;
	position: absolute;
	bottom: 10vw;
	left: 67%;
	z-index: 1;
}

#point {
	position: absolute;
	width: min(65vh * .5422, 60vw * .5422);
	height: min(65vh, 60vw);
	top: 7%;
	left: 25%;
}

#point div,
#point img {
	position: absolute;
	max-width: none;
	max-height: none;
}

#point div {
	width: 100%;
	height: 100%;
	perspective: 60vh;
}


#fukidashi {
	max-width: 21.406%;
	max-height: 18vh;
	position: absolute;
	top: 13vw;
	left: 10%;
}

#kanban591 {
	width: auto;
	height: 19.8%;
	top: 3%;
	left: 0;
	transform: rotateY(90deg);
}

#kanban592 {
	width: auto;
	height: 100%;
	top: 0;
	left: 37.33%;
}

#kanban510,
#kanban520,
#kanban530 {
	width: auto;
	height: 28%;
	top: 21%;
	left: -15vh;
	transform-origin: 95% 100%;
	transform: scale(0);
}

#kanban510 {
	height: 28%;
}

#kanban520 {
	height: 27.8%;
	left: -20vh;
}

#kanban530 {
	height: 27.56%;
}

#kanban511,
#kanban521,
#kanban531 {
	width: auto;
	height: 37.9%;
	left: 10%;
	top: 20%;
	transform: rotateY(90deg);
}

#kanban512,
#kanban522,
#kanban532 {
	width: auto;
	height: 17.9%;
	top: 60%;
	transform: rotateY(90deg);
}


/* #charaHeroMask{
position: absolute;
width: 85.6%;
height: 100%;
} */

#torokko6 {
	width: 39.375%;
	position: absolute;
	bottom: 23%;
	right: 83%;
	z-index: 3;
}

#character6 {
	width: calc(calc(100vw - 9.24vh) * 0.21 / 2);
	height: calc(calc(100vw - 9.24vh) * 0.21 / 2);
	position: absolute;
	bottom: 26%;
	left: 6%;
	overflow: hidden;
	z-index: 2;
}

#character6 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 400%;
	height: 300%;
	max-width: none;
}

#roller6,
#spraydog6,
#hakeman6 {
	position: absolute;
	bottom: 23%;
	z-index: 4;
}

#roller6 {
	height: 12vh;
	left: -10%;
}

#spraydog6 {
	height: 12vh;
	transform-origin: 45% 40%;
	transform: rotateY(180deg);
	left: -20%;
}

#hakeman6 {
	height: 20vh;
	transform: rotateY(180deg);
	left: -30%;
	transform-origin: 50% 100%;
}

#scene6_rail {
	width: 18.75%;
	position: absolute;
	top: 77%;
	left: 0;
}

#scene6 .inner ul {
	max-width: 1200px;
	width: calc(100% - 200px);
	bottom: 5px;
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	display: flex;
	gap: 10px;
	z-index: 5;
}

#scene6 .inner ul li {
	width: calc(100% / 6);
/* 	height: 130px; */
background: url('../../../../media/index/scene6/masume2.webp') no-repeat top center;
background-size: contain;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
flex-flow: column;
}

.arrow {
	padding: 15px 15% 0;
}

#scene6 .inner ul li:nth-child(1) {
	font-size: 24px;
	color: #fff;
	background: url('../../../../media/index/scene6/masume1.webp') no-repeat top center;
	background-size: contain;
}

#scene6 .inner ul li:nth-child(2) {
	width: 144px;
	background: transparent;
}

#scene6 .ItemAndStage .stage p {
	border: 3px solid #6e4716;
	border-bottom: 5px solid #6e4716 !important;
	background: linear-gradient(to bottom, rgba(153, 90, 14, 1) 0%, rgba(191, 124, 45, 1) 50%, rgba(153, 90, 14, 1) 100%);
}

#scene6 .ItemAndStage .stage p span {
	background: linear-gradient(135deg, rgba(217, 190, 122, 1) 0%, rgba(153, 90, 14, 1) 100%);
}

@media screen and (max-width: 1700px) {
	#scene6 .inner ul {
		left: 200px;
	}
}


/*****************************************************

Scene7

*****************************************************/
#scene7 {

	background: #282828;
}

#scene7 .message_window{
	position: absolute;
	padding: 20px;
	font-size: 24px;
	left: 50%;
	top: 20px;
	transform: translateX(-50%);
}

#scene7 .message_window::after{
	display: none;
}

#scene7 article {
	width: 100%;
	height: 100%;
	background: #bae1e8 url('../../../../media/index/scene7/bg_jimen.webp') no-repeat bottom center;
	background-size: 100% auto;
}

#scene7_kumo1 {
	width: 31.718%;
	position: absolute;
	right: 0px;
	top: 15%;
}

#scene7_kumo2 {
	width: 36.954%;
	position: absolute;
	right: 10%;
	top: 0%;
}

#scene7_kumo3 {
	width: 36.094%;
	position: absolute;
	left: 0%;
	top: 0%;
}

#tower {
	width: 7.448%;
	position: absolute;
	right: -2%;
	bottom: 2%;
}

#trampoline1 {
	width: 10.468%;
	position: absolute;
	right: 7%;
	bottom: 2%;
	transform-origin: 50% 100%;
}

#koujichu {
	width: 5.052%;
	position: absolute;
	right: 19%;
	bottom: 2%;
}

#character7 {
	width: 15.49vh;
	height: 15.49vh;
	position: absolute;
	left: -10%;
	bottom: 10%;
	overflow: hidden;
}

#character7 img {
	width: 400%;
	height: 300%;
	max-width: none;
	position: absolute;
	left: -200%;
	top: -100%;
}

#roller7 {
	width: 6.718%;
	position: absolute;
	left: -10%;
	bottom: 11%;
}

#spraydog7 {
	width: 3.543%;
	position: absolute;
	left: -10%;
	bottom: 7%;
	transform-origin: 45% 50%
}

#hakeman7 {
	width: 3.4729%;
	position: absolute;
	left: -10%;
	bottom: 11%;
	transform-origin: 50% 100%
}

#gallery {
	position: absolute;
	width: 94.5%;
	list-style: none;
	left: 0;
	right: 0;
	margin: 150px auto 0;
	/* 		top: 26%; */
	/* 		display: flex; */
	/* 		justify-content: space-between; */
	/* 		align-items: center; */

}

#scene7 .inner {
	position: relative;
}

#gallery li {
	width: 23vw;
}

/* 	#gallery li:nth-child(2) {
		width: 33vw;
	} */
	#gallery li a {
		display: block;
		border: 10px solid #fff;
		border-radius: 10px;
		height: 33vh;
		overflow: visible;
		background-color: #ffffffaa;
	}

	#mainimage {
		/* 		position: absolute; */
		position: relative;
		top: 25%;
	}

/* 	#gallery li:nth-child(2) a {
		height: 22vw;
		margin-bottom: 10px;
	} */

	#gallery li a img {
		width: 100%;
		height: 100%;
		display: block;
/* 		object-fit: cover; */
	}

	#gallery span {
		border: 8px solid #ffffff;
		border-radius: 10px;
		text-align: center;
		color: #fff;
		font-family: "vdl-logog", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		display: block;
		line-height: 60px;
		box-sizing: border-box;
		background: rgba(43, 39, 36, 0.9);
		position: relative;
	}

	#gallery span:after {
		content: "▼";
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	#scene7 .ItemAndStage .stage p {
		border: 3px solid #1b276c;
		border-bottom: 5px solid #1b276c !important;
		background: linear-gradient(135deg, rgba(145, 155, 218, 1) 0%, rgba(55, 70, 169, 1) 100%);
	}

	#scene7 .ItemAndStage .stage p span {
		background: linear-gradient(to bottom, rgba(58, 73, 171, 1) 0%, rgba(105, 117, 193, 1) 50%, rgba(58, 73, 171, 1) 100%);
	}

	#bomb {
		width: 15vw;
		height: 10.5vw;
		position: absolute;
		top: 81%;
		right: 15%;
		overflow: hidden;
	}

	#bombImg {
		width: 500%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
		max-width: none;
		opacity: 0.9;
	}


/*****************************************************

Scene8

*****************************************************/
	#scene8 {
		background: #282828;
		height: calc(2700px - 100vh);
		scroll-snap-align: start;
		/* 		height: 1125px; */
	}

	#scene8 .sectInner {
		background: #bae1e8;
		overflow: hidden;
	}

	#scene8 article {
		background: url('../../../../media/index/scene8/bg_house.webp') no-repeat top center;
		height: 2700px;
		padding: 179px 0 0 0;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
	}

	#scene8 article .outer {
		position: relative;
		height: 2213px;
		padding: 15px 0 0 0;
		box-sizing: border-box;
		/* 	width: 1653px; */
		margin: 0 auto;
		background: url('../../../../media/index/scene8/tower2.webp') no-repeat top center;
	}

	#scene8 article .inner {
		position: relative;
		height: 2182px;
		width: 1082px;
		margin: 0 auto;
		left: 200px;
		background: url('../../../../media/index/scene8/scene8_koma.webp') no-repeat top center;
	}

	#character8-1 {
		position: absolute;
		top: 185px;
		left: calc(50% - 660px);
		width: 240px;
		height: 240px;
		overflow: hidden;

	}

	#character8-1 img {
		width: 400%;
		height: 300%;
		position: absolute;
		top: -100px;
		left: -200%;
		max-width: none;
	}

	#roller8,
	#spraydog8,
	#hakeman8 {
		position: absolute;
	}


	#roller8 {
		width: 180px;
		height: auto;
		top: 620px;
		left: calc(50% + 160px);
	}

	#spraydog8 {
		width: 180px;
		left: calc(50% - 280px);
		top: 605px;
		z-index: 1;
		transform-origin: 56% 45%;
		transform: rotate(5deg);
	}

	#hakeman8 {
		width: 130px;
		top: 1305px;
		left: calc(50% + 430px);
		transform-origin: 36% 10%;
		transform: rotate(5deg);
	}

	.box {
		width: 260px;
		height: 260px;
		border: 10px solid #000;
		padding: 10px;
		box-sizing: border-box;
		border-radius: 5px;
		position: absolute;
	}

	.box a {
		display: block;
		width: 100%;
		height: 100%;
		border: 6px solid #fff;
		color: #fff;
		text-align: center;
		box-sizing: border-box;
		font-family: "vdl-logog", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 30px;
		position: relative;
	}

	.box a:after {
		content: "▼";
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.box a span {
		display: flex;
		width: 100%;
		height: 105px;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	#box1 {
		top: -20px;
		left: 70px;
		background: linear-gradient(135deg, rgba(166, 85, 13, 1) 0%, rgba(207, 125, 39, 1) 50%, rgba(164, 85, 9, 1) 100%);
		filter: brightness(0.5);
		opacity: 0.9;
	}

	#box1.bright {
		filter: brightness(1);
	}

	#box2 {
		top: -20px;
		left: 320px;
		background: linear-gradient(135deg, rgba(40, 115, 96, 1) 0%, rgba(72, 139, 126, 1) 50%, rgba(38, 115, 92, 1) 100%);
		filter: brightness(0.5);
		opacity: 0.9;
	}

	#blog {
		width: 638px;
		height: 379px;
		padding: 40px 50px 0;
		box-sizing: border-box;
		display: flex;
		background: url('../../../../media/index/scene8/bg_banner.webp') no-repeat top center;
		position: absolute;
		top: 602px;
		left: 310px;
		justify-content: space-between;
		filter: brightness(0.5);
		opacity: 0.9;
	}

	#blog .fll {
		width: 250px;
	}

	#blog .fll .new {
		background: #f2cc35;
		line-height: 30px;
		border-radius: 15px;
		width: 100px;
		margin: 0 0 10px;
		text-align: center;
		display: block;
	}

	#blog .fll a {
		width: 250px;
		height: 180px;
		display: block;
		margin: 0 0 10px;
	}

	#blog .fll a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	#blog .flr {
		width: 250px;
		padding: 10px;
		height: 300px;
		box-sizing: border-box;
		border-radius: 10px;
		text-align: center;
		box-shadow: 0 10px 0 #834c1f;
		background: linear-gradient(135deg, rgba(201, 107, 19, 1) 0%, rgba(221, 121, 32, 1) 50%, rgba(204, 106, 21, 1) 100%);
	}

	#blog .flr p {
		border: 6px solid #fff;
		font-family: "vdl-logog", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 30px;
		height: calc(100% - 10px);
		border-radius: 6px;
		color: #fff;
	}

	#blog .flr p span {
		display: flex;
		width: 100%;
		height: 105px;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	#blog .flr p a {
		display: block;
		width: 80%;
		line-height: 70px;
		border-radius: 35px;
		background: #fbda57;
		color: #000;
		text-align: center;
		box-sizing: border-box;
		font-size: 24px;
		position: relative;
		margin: 30px auto 0;
	}

	#blog .flr p a:after {
		content: "▼";
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	#recruit {
		width: 638px;
		height: 379px;
		padding: 40px 50px 0;
		box-sizing: border-box;
		display: flex;
		background: url('../../../../media/index/scene8/bg_banner.webp') no-repeat top center;
		position: absolute;
		top: 990px;
		left: -80px;
		justify-content: space-between;
		filter: brightness(0.5);
		opacity: 0.9;
	}

	#recruit .fll {
		width: 290px;
		height: 270px;
		padding: 10px 20px;
		box-sizing: border-box;
		text-align: center;
		color: #fff;
		background: #4d62a3;
		border-radius: 5px 0 0 5px;
		font-family: "vdl-logog", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	#recruit .fll h3 {
		font-size: 35px;
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
		padding: 10px 0;
		margin: 10px 0;
	}

	#recruit .fll h3 img {
		vertical-align: middle;
		display: inline;
	}

	#recruit .fll a {
		display: block;
		width: 80%;
		line-height: 70px;
		border-radius: 35px;
		background: #fbda57;
		color: #000;
		text-align: center;
		box-sizing: border-box;
		font-size: 24px;
		position: relative;
		margin: 30px auto 0;
	}

	#recruit .fll a:after {
		content: "▼";
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	#recruit .flr {
		width: calc(100% - 290px);
		height: 270px;
		background: #fff;
		position: relative;
	}

	#recruit .flr p {
		position: absolute;
		height: 280px;
		overflow: hidden;
		top: -10px;
		left: -10px;
	}

	#contact {
		width: 638px;
		height: 379px;
		position: absolute;
		left: 80px;
		top: 1420px;
	}

	#character8 {
		right: 330px;
		bottom: -190px;
		position: absolute;
		filter: brightness(0.5);
		opacity: 0.9;
	}

	#arrow_last {
		left: 360px;
		bottom: -150px;
		position: absolute;
		opacity: 0;
	}

	#goal {
		left: 307px;
		bottom: -214px;
		position: absolute;
		opacity: 0;
	}

	#jikan {
		width: 700px;
		display: flex;
		border: 10px solid #d5aa28;
		box-sizing: border-box;
		list-style: none;
		border-radius: 10px;
		left: 47px;
		bottom: 41px;
		position: absolute;
	}

	#jikan li {
		width: 50%;
		flex: none;
		line-height: 58px;
		font-size: 45px;
		text-align: center;
		font-family: "vdl-logog", sans-serif;
		font-weight: 400;
		font-style: normal;
		background: #e0d4b9;
		box-sizing: border-box;
	}

	#jikan li:nth-child(1) {
		border-right: 5px solid #d5aa28;
	}

	#jikan li:nth-child(2) {
		border-left: 5px solid #d5aa28;
	}


	#scene8 .message_window {
		position: absolute;
		bottom: 150px;
		left: 88px;
	}

	footer .area {
/* 	display: none; */
}

#footer_inner{
	gap: 0;
}

#footer_inner dl{
	box-sizing: border-box;
	width: calc(100% / 3);
	padding: 20px;
}

#footer_inner dl:nth-child(1) {
	background: #ffe5c1;
}

#footer_inner dl:nth-child(2) {
	background: #e2f3d6;
}

#footer_inner dl:nth-child(3) {
	background: #ffe7e3;
}

#footer_inner dl .address{
	height: 7em;
}

#footer_inner dl .area{
	border: 2px solid #ffffff;
	border-radius: 20px;
	margin: 0;
	margin-top: auto;
	box-sizing: border-box;
	padding: 0px 20px 20px;
	text-align: left;
	height: 280px;
	position: relative;
}

#footer_inner dl .area h4{
	font-weight: bold;
	position: relative;
	top: -14px;
	text-align: center;
}

#footer_inner dl:nth-child(1) h4 {
	color: #df8500;
}

#footer_inner dl:nth-child(2) h4 {
	color: #4a882c;
}
#footer_inner dl:nth-child(3) h4 {
	color: #b93c32;
}



#scene4>div>article>div>h2 {
	opacity: 0;
	transform: scale(2);
}


footer {
	/* 	position: fixed; */
	/* 	bottom: 0%; */
}

#tpOuter {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 10001;
	overflow: hidden;
	background: #1E1E1E;
	visibility: hidden;
	/* 		opacity: 0.4; */
}

#teleport {
	position: absolute;
	width: 600vw;
	height: 300vh;
	max-width: none;
	left: 0;
	top: -100vh;
	opacity: 0;
}

#charaBigJump {
	width: 10%;
	height: auto;
	position: absolute;
	top: 34%;
	left: 43%;
	transform-origin: 50% 25%;
	opacity: 0;
}

#copyright{
	background: #282828;
	padding: 0 0 20px;
}