@charset "UTF-8";
/* CSS Document */

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

					　　　　初期設定

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

html{
	font-size: 62.5%; /*1rem=10px*/
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body{
	line-height: 1.5;
	margin: 0 auto;
	width: 100%;
	font-family: "heisei-kaku-gothic-std", sans-serif;
	/* font-family: 'Gothic A1', sans-serif; */
	font-weight: 300;
	font-style: normal;
	font-feature-settings: "palt";
	/* overflow-x: hidden; */
}

a{cursor: pointer;}

.pc{display: block;}

.sp{display: none;}

.eng{
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.oswald{
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

.inner{
	width: 90%;
	max-width: 950px;
	margin: 0 auto;
}

.regular,.regular2,.regular3{
	font-size: 20px;
    line-height: 1.8;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #F6F1DC;
    text-align: justify;
	font-feature-settings: "palt";
}
.regular2{ font-size: min(2.73vw,24px);}
.regular3{ font-size: min(2.47vw,20px);}

.red  { color: #CF000E!important;}
.blue { color: #004B71!important;}
.green{ color: #478359!important;}

.ta-r{ text-align: right;}

.z-index2{position: relative; z-index: 2;}

.over-wrap{
	width: 100%;
	overflow-x: hidden;
}


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

					ここからheader

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

.header{ width: 100%;}

/* 星空の背景のスタイル */
.stars {
	position: relative;
	width: 100%; /* 星空の横幅 */
	height: 500vh; /* 星空の縦幅 */
	background-image: linear-gradient(0deg, #0f5076 50%, #080f1c); /* 星空の背景色 */
	overflow: hidden; /* 星が枠外にはみ出すのを防ぐ */
}

/* 星のスタイル */
.star {
	position: absolute;
	display: block;
	background-color: #fff; /* 星の色 */
	border-radius: 50%;
	opacity: 0.1;
	animation: twinkle 2s infinite;
}

/* 星がキラキラ光るアニメーション */
@keyframes twinkle {
	0% {
		opacity: 0.1;
		transform: scale(1);
		box-shadow: none;
	}

	50% {
		opacity: 1;
		transform: scale(1.1);
		box-shadow: 0 0 10px rgba(79, 212, 237, 1), inset 0 0 2px rgba(79, 212, 237, 1);
	}

	100% {
		opacity: 0.1;
		transform: scale(1);
		box-shadow: none;
	}
}

@media screen and (max-width: 768px){
	.star{animation: twinkle2 2s infinite;}
	@keyframes twinkle2 {
		0% {
			opacity: 0.1;
			transform: scale(1);
		}
	
		50% {
			opacity: 1;
			transform: scale(1.1);
		}
	
		100% {
			opacity: 0.1;
			transform: scale(1);
		}
	}
}



.stars::after,
.no-stars::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/header-back.webp)repeat-y top / contain;
}

.stars-wrap01{
	position: absolute;
	width: 100%;
	height: auto;
	font-size: min(6.66vw,80px);
	line-height: 1;
	left: 0;
	top: 50vh;
	text-align: center;
	transform: translateY(-50%);
	z-index: 1;
}

.slide-text,
.slide-text.t2{
	position: relative;
	transform: translateX(-100%);
	display: inline-block;
	transition: ease-in-out 1s;
	overflow: hidden;
	height: 1em;
	z-index: 1;
}

.slide-text.t2{
	transition: ease-in-out 1s 1s;
	height: 1.15em;
	margin-top: 0.5em;
}

.slide-text img{
	transform: translateX(100%);
	transition: ease-in-out 1s;
	height: 100%;
	width: auto;
}

.slide-text.t2 img{
	transition: ease-in-out 1s 1s;
}

.loaded .slide-text{
	transform: translateX(0);
}

.loaded .slide-text.t2{
	transform: translateX(0);
}

.loaded .slide-text img{
	transform: translateX(0);
}

.slide-text.t1::before{
	content: "";
	width: 1em;
	aspect-ratio: 1/1.15;
	background: url(../img/header-batsu.webp)no-repeat center / contain;
	position: absolute;
	right: 2%;
	top: 0;
	z-index: 2;
	transform: scale(2);
	opacity: 0;
	transition: ease-in-out 0.2s 2.2s;
}

.loaded .slide-text.t1::before{
	transform: scale(1);
	opacity: 1;
}

.stars-wrap01::before{
	content: "";
	width: 1.1em;
	aspect-ratio: 1/1;
	background: url(../img/header-kei.webp)no-repeat center / contain;
	position: absolute;
	left: 50%;
	top: -10%;
	z-index: 2;
	transform: translateX(3.6em) scale(2);
	opacity: 0;
	transition: ease-in-out 0.5s 2.7s;
}

.stars-wrap01.loaded::before{
	transform: translateX(3.6em) scale(1);
	opacity: 1;
}

.stars-scroll-wrap02{
	position: absolute;
	top: 300vh;
	left: 0;
	width: 100%;
	height: 200vh;
}

.stars-wrap02{
	/* position: absolute; */
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	min-height: 100vh;
	z-index: 3;
	background:#0f5076;
}

.stars-wrap02 .z-index2{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100vh;
}

.stars-wrap02 .z-index2 #top{
	display: inline-block;
	width: 100%;
	height: 1px;
	/* background: #fff; */
	transform: translateY(-40vh);
}

.stars-wrap02-img01{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

.stars-wrap02-img02{
	position: absolute;
	/* top: 0; */
	bottom: 42vw;
	left: 0;
	width: 100%;
	height: auto;
	/* z-index: -1; */
	transform: translateY(150%);
	transition: ease-in-out 1.5s 0.5s;
}

.stars-wrap02-img02.active{
	transform: translateY(0);
}

.secret-title{
	position: absolute;
	left: 0;
	top: 0;
	font-size: min(6.66vw,80px);
	opacity: 0;
}

.global-menu{
	position: absolute;
	left: 4.8%;
	bottom: 8.5vw;
	width: 8.5%;
	text-align: center;
}

.global-menu li{
	position: relative;
	margin-bottom: 0.5vw;
	transform: rotate(0) scale(1);
	transition: ease 0.3s;
	z-index: 1;
}

.global-menu li:nth-of-type(odd):hover{
	/* animation: .8s yure linear infinite; */
	transform: rotate(12deg) scale(1.3);
	z-index: 2;
}
.global-menu li:nth-of-type(even):hover{
	/* animation: .8s yure linear infinite; */
	transform: rotate(-12deg) scale(1.3);
	z-index: 2;
}

/* @keyframes yure{
	10% { transform: scale(1.1, 0.9); } 
	40% { transform: scale(1.2, 0.80); } 
	50% { transform: scale(0.85, 1.15); } 
	60%{ transform: scale(1.1, 0.9); } 
	70% { transform: scale(0.95, 1.08); } 
	90%{ transform: scale(0.98, 1.02); } 
	100% { transform: scale(1,1); } 
} */

.global-menu img{
	width: 90%;
	height: auto;
}

.global-menu li:nth-of-type(1) img{ width: 85%;}
.global-menu li:nth-of-type(2) img{ width: 80%;}
.global-menu li:nth-of-type(3) img{ width: 80%;}
.global-menu li:nth-of-type(4) img{ width: 85%;}
.global-menu li:nth-of-type(5) img{ width: 80%;}
.global-menu li:nth-of-type(6) img{ width: 80%;}

.stars-wrap02-img01-1{
	position: absolute;
	width: 11.2%;
	aspect-ratio: 1/1.4;
	left: 18.2%;
	bottom: 4.1vw;
	background: url(../img/header-img01-1a.svg)no-repeat center / contain;
	animation: 2.5s anime1 ease-in infinite;
}
@keyframes anime1 {
	0%,12.5%,87.5%,100% {
		background: url(../img/header-img01-1a.svg)no-repeat center / contain;
	}
	13.5%,36.5%,63.5%,86.5% {
		background: url(../img/header-img01-1b.svg)no-repeat center / contain;
	}
	37.5%,62.5% {
		background: url(../img/header-img01-1c.svg)no-repeat center / contain;
	}
}

.stars-wrap02-img01-1 img{
	position: absolute;
	height: auto;
	transform-origin: bottom center;
}

.stars-wrap02-img01-1 img:nth-of-type(1){ top: 55%; left: 5%; width: 15%; animation: 6s smoke3 linear infinite; }
.stars-wrap02-img01-1 img:nth-of-type(2){ top: 30%; left: 25%; width: 10%; animation: 6s smoke3 linear infinite 2s; }
.stars-wrap02-img01-1 img:nth-of-type(3){ top: 5%; left: 40%; width: 15%; animation: 6.5s smoke3 linear infinite 0.5s;}
.stars-wrap02-img01-1 img:nth-of-type(4){ top: 25%; left: 65%; width: 10%; animation: 6s smoke3 linear infinite 2s; }
.stars-wrap02-img01-1 img:nth-of-type(5){ top: 52%; left: 77%; width: 15%; animation: 6.5s smoke3 linear infinite 1s; }
@keyframes smoke1 {
	0%,50%,100% { transform: rotate(0) scale(1.1);}
	25% { transform: rotate(10deg);}
	75% { transform: rotate(-10deg);}
}
@keyframes smoke2 {
	0%,50%,100% { transform: rotate(0) scale(0.9);}
	25% { transform: rotate(-5deg);}
	75% { transform: rotate(5deg);}
}
@keyframes smoke3 {
	0%, 50%, 100% { transform: rotate(0) translateY(0) scale(1); opacity: 1;}
	35% { transform: rotate(-5deg) translateY(-10%) scale(1.1); opacity: 1;}
	40%, 45% { transform: rotate(-5deg) translateY(-15%) scale(1.1); opacity: 0;}
	49%, 99% { transform: rotate(0) translateY(0) scale(1); opacity: 0;}
	85% { transform: rotate(10deg) translateY(-20%) scale(1.2); opacity: 1;}
	90%, 95% { transform: rotate(10deg) translateY(-25%) scale(1.2); opacity: 0;}
}



.stars-wrap02-img01-2{
	position: absolute;
	width: 38.4%;
	left: 33%;
	bottom: 5.5vw;
}

.stars-wrap02-img01-3{
	position: absolute;
	width: 9%;
	aspect-ratio: 1/1.9;
	left: 39.5%;
	bottom: 5.35vw;
	animation: 2.5s anime3 linear infinite;
	background: url(../img/header-img01-3a.svg)no-repeat center / contain;
}
@keyframes anime3 {
	0%,12.5%,87.5%,100% {
		background: url(../img/header-img01-3a.svg)no-repeat center / contain;
	}
	13.5%,36.5%,63.5%,86.5% {
		background: url(../img/header-img01-3b.svg)no-repeat center / contain;
	}
	37.5%,62.5% {
		background: url(../img/header-img01-3c.svg)no-repeat center / contain;
	}
}

.stars-wrap02-img01-4{
	position: absolute;
	width: 5%;
	aspect-ratio: 1/.633;
	left: 51%;
	bottom: 18vw;
	animation: 2.5s anime4 linear infinite;
	background: url(../img/header-img01-4a.svg)no-repeat center / contain;
}
@keyframes anime4 {
	0%,12.5%,87.5%,100% {
		background: url(../img/header-img01-4a.svg)no-repeat center / contain;
	}
	13.5%,36.5%,63.5%,86.5% {
		background: url(../img/header-img01-4b.svg)no-repeat center / contain;
	}
	37.5%,62.5% {
		background: url(../img/header-img01-4c.svg)no-repeat center / contain;
	}
}

.stars-wrap02-img01-5{
	position: absolute;
	width: 4%;
	aspect-ratio: 1/1.58;
	left: 79.4%;
	bottom: 10vw;
	animation: 2.5s anime5 linear infinite;
	background: url(../img/header-img01-5a.svg)no-repeat center / contain;
}
@keyframes anime5 {
	0%,12.5%,87.5%,100% {
		background: url(../img/header-img01-5a.svg)no-repeat center / contain;
	}
	13.5%,36.5%,63.5%,86.5% {
		background: url(../img/header-img01-5b.svg)no-repeat center / contain;
	}
	37.5%,62.5% {
		background: url(../img/header-img01-5c.svg)no-repeat center / contain;
	}
}




@keyframes flash {
	0%, 100% {
	  /* 明るく光るよう影を重ねる */
	  filter: drop-shadow( 0 0 20px #fc6);
	}
	50% {
	  /* 淡く光るよう影を重ねる */
	  filter: drop-shadow( 0 0 10px #ff9);
	}
}
@keyframes flash2 {
	0%, 100% {
	  /* 明るく光るよう影を重ねる */
	  filter: drop-shadow( 0 0 30px #fc6);
	}
	50% {
	  /* 淡く光るよう影を重ねる */
	  filter: drop-shadow( 0 0 20px #ff9);
	}
}

.randam-img{
	position: absolute;
	top: 150vh;
	right: 0;
	opacity: 0.3;
	width: 40%;
	height: auto;
	mix-blend-mode: luminosity;
	display: none;
}

.randam-img.active{
	display: block;
}

.starback{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	animation: 0.6s star2 linear infinite;
}

.starback.s1{background: url(../img/header-star1.svg)repeat center;}
.starback.s2{background: url(../img/header-star2.svg)repeat center; animation: 0.7s star2 linear infinite;}
.starback.s3{background: url(../img/header-star3.svg)repeat center; animation: 0.6s star2 linear infinite 0.3s;}
.starback.s4{background: url(../img/header-star4.svg)repeat center; animation: 0.7s star2 linear infinite 0.35s;}

@keyframes star2 {
	0%, 100% {opacity: 1;}
	25% {opacity: 1;
		filter: drop-shadow( 0 0 3px #ccc) ;
	}
}

.stars-scroll-wrap{
	position: absolute;
	width: 50px;
	height: 250vh;
	left: 50px;
	top: 0;
	/* transform: translateX(-50%); */
}

.scrolldown-wrap{
	position: sticky;
	top: calc(100vh - 180px);
	left: 0;
	width: 100%;
	height: 150px;
	opacity: 0;
	transition: ease 0.3s 3.3s;
}

.loaded .scrolldown-wrap{
	opacity: 1;
}

.scrolldown4{
	position:absolute;
	bottom:1%;
	left: 0;
	animation: arrowmove 1s ease-in-out infinite;
}

@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:10%;}
     100%{bottom:1%;}
 }

.scrolldown4 span{
	position: absolute;
	left:-1.7em;
	bottom:0.5em;
	color: #eee;
	font-size: 12px;
	letter-spacing: 0.1em;
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.scrolldown4:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -6px;
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}

.scrolldown4:after{
	content:"";
	position: absolute;
	bottom:0;
	right:0;
	width:1px;
	height: 50px;
	background:#eee;
}

.dammy-space{
	position: relative;
	z-index: 3;
	width: 100%;
    aspect-ratio: 14/1;
    background: #01212B;
}


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

					ここからsec01

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

.sec01{
	position: relative;
	width: 100%;
	padding: 120px 0 180px;
	background: #CF000E;
	text-align: center;
}

.sec01::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	aspect-ratio: 1/0.083;
	background: url(../img/sec01-cover.svg)no-repeat center / cover;
	z-index: 4;
	transform: translateY(-78%);
}

.sec01 h2{
	font-size: min(4.2vw,40px);
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #F6F1DC;
	margin-top: 1.5em;
}

.sec01 h3{
	font-size: min(3.4vw,32px);
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #F6F1DC;
	margin-top: 1.5em;
	text-align: left;
}

.sec01 .regular{
	margin-top: 0.3em;
}

.sec01-img01{
	width: 55%;
	height: auto;
}

.sec01-wrap{
	width: 110%;
	margin-top: 180px;
	margin-left: -5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sec01-wrap-box01,
.sec01-wrap-box02{
	position: relative;
	aspect-ratio: 3/2.2;
}
.sec01-wrap-box01{width: 50%;}
.sec01-wrap-box02{width: 46%;}

.sec01-wrap-box01 img,
.sec01-wrap-box02 img{
	position: absolute;
}

.sec01-wrap-box01 img:nth-of-type(1){
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

.sec01-wrap-box01 img:nth-of-type(2){
	left: 9%;
	top: 2%;
	width: 33%;
	height: auto;
	transform-origin: bottom center;
}

.sec01-wrap-box01 img:nth-of-type(3){
	left: 9.5%;
	top: 13%;
	width: 14%;
	height: auto;
	animation: 1s left1 linear infinite;
	transform-origin: top right;
}

.sec01-wrap-box01 img:nth-of-type(4){
	left: 26%;
	top: 12%;
	width: 14%;
	height: auto;
	animation: 1s right1 linear infinite;
	transform-origin: top left;
}

.sec01-wrap-box01 img:nth-of-type(5){
	right: 19%;
	top: 14%;
	width: 14%;
	height: auto;
	transform-origin: top right;
	animation: 1s left2 linear infinite 0.5s;
}

.sec01-wrap-box01 img:nth-of-type(6){
	right: 3%;
	top: 0%;
	width: 50%;
	height: auto;
	transform-origin: bottom center;
}

.sec01-wrap-box01 img:nth-of-type(7){
	left: 3%;
	bottom: 7%;
	width: 31%;
	height: auto;
	transform-origin: bottom center;
}

.sec01-wrap-box01 img:nth-of-type(8){
	right: 15%;
	bottom: 8%;
	width: 38%;
	height: auto;
	transform-origin: bottom center;
}

.sec01-wrap-box01 img:nth-of-type(9){
	top: 29%;
	left: 34%;
	width: 17%;
	height: auto;
	animation: 4s boing-anim linear infinite;
	transform-origin: bottom center;
}

@keyframes boing-anim{
	10% { transform: scale(1.05, 0.95); } /*少し縮む*/
	40% { transform: scale(1.2, 0.90); } /*縮む*/
	50% { transform: scale(0.85, 1.1); } /*反動で縦長*/
	60%{ transform: scale(1.1, 0.9); } /*また反動で縮む*/
	70% { transform: scale(0.95, 1.08); } /*反動が小さく*/
	90%{ transform: scale(0.98, 1.02); } /*最後の震え*/
	100% { transform: scale(1,1); } /*元に戻る*/
  }

@keyframes fire {
	0%, 100% {
		transform: scale(1,1) rotate(-5deg);
	}
	50% {
		transform: scale(1.05,0.95) rotate(5deg);
	}
}

@keyframes left1 {
	0%, 100% { transform: rotate(0) translate(0);}
	50% { transform: rotate(20deg) translate(0,10%);}
}
@keyframes right1 {
	0%, 100% { transform: rotate(0) translate(0);}
	50% { transform: rotate(-20deg) translate(-5%,5%);}
}

@keyframes left2 {
	0%, 100% { transform: rotate(0) translate(0);}
	50% { transform: rotate(30deg) translate(5%,4%);}
}

@keyframes people1 {
	0%   { transform: skewX(0); }
	33%  { transform: skewX(-5deg); }
	66%  { transform: skewX(5deg); }
	100% { transform: skewX(0); }
}

@keyframes people2 {
	0%   { transform: skewY(0); }
	33%  { transform: skewY(-2deg); }
	66%  { transform: skewY(2deg); }
	100% { transform: skewY(0); }
}

.sec01-wrap-box02 img:nth-of-type(1){
	position: relative;
	width: 100%;
	height: auto;
}

.sec01-wrap-box02 img:nth-of-type(2){
	left: 5%;
	top: 2%;
	width: 80%;
	height: auto;
	animation: 2.6s star linear infinite;
}

.sec01-wrap-box02 img:nth-of-type(3){
	left: 1%;
	top: 5%;
	width: 80%;
	height: auto;
	animation: 3.3s star linear infinite;
}

.sec01-wrap-box02 img:nth-of-type(4){
	left: 0%;
	top: 28%;
	width: 29%;
	height: auto;
	animation: 10s cloud linear infinite 1s;
}

.sec01-wrap-box02 img:nth-of-type(5){
	left: 45%;
	top: 12%;
	width: 29%;
	height: auto;
	animation: 9s cloud linear infinite;
}

.sec01-wrap-box02 img:nth-of-type(6){
	bottom: 32%;
	left: 44%;
	width: 37%;
	height: auto;
	transform-origin: bottom center;
}

.sec01-wrap-box02 img:nth-of-type(7){
	bottom: 21%;
	left: 27%;
	width: 42%;
	height: auto;
	transform-origin: bottom center;
}

@keyframes star {
	0%   { opacity: 1; }
	30%  { opacity: 0; }
	70%  { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes cloud {
	0%   { transform: translateX(0%); }
	50%  { transform: translateX(30%); }
	100% { transform: translateX(0%); }
}




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

					ここからmakuake01

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

.makuake01{
	width: 100%;
	padding: 80px 0;
	background: #000;
	text-align: center;
}

.maku img{
	width: 33%;
}

.maku h3{
	font-size: 36px;
	line-height: 1;
	color: #fff;
}

.maku h3 span{
	font-size: 220%;
}

.makuake01-boxtext{
	position: relative;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.3;
	color: #000;
	background: #fff;
	display: inline-block;
	padding: 0.6em 4em 0.5em 3em;
	z-index: 3;
	box-sizing: border-box;
	transition: ease-in-out 0.3s;
	text-decoration: none;
	margin-top: 2em;
}
.makuake01-boxtext.sp2{display: none;}
.makuake01-boxtext span{ 
	position: absolute;
	top: 0;
	left: 0; 
	font-size: 100%; 
	box-sizing: border-box; 
	width: 100%;
	height: 100%;
}
.makuake01-boxtext:hover{
	color: #fff;
	background: none;
}
.makuake01-boxtext::before,
.makuake01-boxtext::after,
.makuake01-boxtext .span1::before,
.makuake01-boxtext .span1::after{ 
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: ease-in-out 0.3s 0.2s;
	box-sizing: border-box;
}
.makuake01-boxtext::before{border-top: 2px solid #fff; transform-origin:right top; transform: scale(0,1);}
.makuake01-boxtext::after{border-bottom: 2px solid #fff; transform-origin:left top; transform: scale(0,1);}
.makuake01-boxtext .span1::before{border-left: 2px solid #fff; transform-origin:left top; transform: scale(1,0);}
.makuake01-boxtext .span1::after{border-right: 2px solid #fff; transform-origin:right bottom; transform: scale(1,0);}

.makuake01-boxtext:hover::before,
.makuake01-boxtext:hover::after,
.makuake01-boxtext:hover .span1::before,
.makuake01-boxtext:hover .span1::after{
	 transform: scale(1,1);
}

.makuake01-boxtext .span2::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 2.5em;
	width: 1em;
	aspect-ratio: 1/1;
	background: url(../img/link-arrow-a.svg)no-repeat center / contain;
	transform: translateY(-50%);
}
.makuake01-boxtext:hover .span2::before{
	background: url(../img/link-arrow-b.svg)no-repeat center / contain;
}
/* .maku .makuake01-boxtext::before{
	content: '';
	position: absolute;
	top: 0;
	left: -5%;
	width: 110%;
	height: 100%;
	transform-origin: right top;
	transform: scale(0,1);
	background: #CF000E;
	z-index: -1;
	transition:transform ease-in-out 0.3s;
}
.maku .makuake01-boxtext:hover::before{
	transform-origin: left top;
	transform: scale(1,1);
} */

.nav-text{
	position: relative;
	font-size: 24px;
	color: #fff;
	margin: 0.9em auto 0.4em;
	display: inline-block;
}
.nav-text::before,
.nav-text::after{
	content: "";
	position: absolute;
	top: 0.1em;
	width: 3px;
	height: 1.3em;
	background: #fff;
}
.nav-text::before{
	transform: rotate(-30deg);
	left: -1.2em;
}
.nav-text::after{
	transform: rotate(30deg);
	right: -1em;
}



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

					ここからsec02

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

.sec02{
	position: relative;
	width: 100%;
	padding: 180px 0 20vw;
	background: #CF000E;
	text-align: left;
}

.sec02 h2{
	font-size: min(6.3vw,60px);
	line-height: 1;
	font-weight: 700;
	color: #000;
	margin-bottom: 0.6em;
	height: 1em;
	text-align: center;
}

.sec02 h2 img{
	height: 100%;
	width: auto;
}

.sec02-flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 120px;
}

.sec02-imgbox01{
	position: relative;
	width: 45%;
	aspect-ratio: 1/1;
}

.sec02-imgbox01 img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 32%;
	filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.2));
	transition: ease-in-out 0.6s;
}

.sec02-imgbox01.active2 img:nth-of-type(4){
	transform: translate(-6%,-12%) rotate(30deg);
}
.sec02-imgbox01.active2 img:nth-of-type(3){
	transform: translate(-125%,-55%) rotate(-30deg);
}
.sec02-imgbox01.active2 img:nth-of-type(2){
	transform: translate(-42%,-85%) rotate(-12.5deg);
}
.sec02-imgbox01.active2 img:nth-of-type(1){
	transform: translate(40%,-90%) rotate(15deg);
}

.sec02-flex .regular{
	width: 50%;
}

.sec02-movie-wrap{
	position: relative;
	width: 100%;
	aspect-ratio: 16/9;
	/* background: #fff; */
	border-radius: 10px;
	margin-bottom: 50px;
}
.sec02-movie-wrap::after{
	content: "";
	position: absolute;
	left: -1%;
	top: -1%;
	width: 102%;
	height: 102%;
	background: url(../img/sec02-frame.svg)no-repeat center / cover;
	pointer-events: none;
}

.sec02-movie-wrap iframe{
	width: 100%;
	height: 100%;
}

.sec02 ol{
	text-align: left;
	margin-bottom: 50px;
	color: #F6F1DC;
}

.sec02 ol li{
	position: relative;
	margin-bottom: 1em;
	list-style-type: none;
	padding-left: 2.3em;
	text-align: justify;
}

.sec02 ol li::before{
	content: "";
	width: 1.5em;
	aspect-ratio: 1/1.32;
	position: absolute;
	left: 0.3em;
	top: -0.3em;
}

.sec02 ol li:nth-of-type(1)::before{background: url(../img/sec02-no1.webp)no-repeat center / contain;}
.sec02 ol li:nth-of-type(2)::before{background: url(../img/sec02-no2.webp)no-repeat center / contain;}
.sec02 ol li:nth-of-type(3)::before{background: url(../img/sec02-no3.webp)no-repeat center / contain;}
.sec02 ol li:nth-of-type(4)::before{background: url(../img/sec02-no4.webp)no-repeat center / contain;}
.sec02 ol li:nth-of-type(5)::before{background: url(../img/sec02-no5.webp)no-repeat center / contain;}

.sec02-boxtext-wrap{
	text-align: left;
	border: 1px solid #F6F1DC;
	display: inline-block;
	padding: 0.7em 1em;
	box-sizing: border-box;
	font-size: 16px;
	width: auto;
}
.sec02-boxtext{
	position: relative;
	line-height: 1.7;
	letter-spacing: 0.1em;
	color: #F6F1DC;
	box-sizing: border-box;
	padding-left: 1.2em;
}
.sec02-boxtext::before{
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}





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

					ここからsec03

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

.sec03{
	position: relative;
	width: 100%;
	padding: 140px 0 18vw;
	background: #F6EFDB;
	text-align: center;
}

.sec03-ch{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	aspect-ratio: 4/1;
	transform: translateY(-78%);
	overflow: hidden;
}

.sec03-ch-img01,.sec03-ch-img02{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

.sec03-ch-img03b{
	position: absolute;
	left: 2.6%;
	top: calc(8.6% + 20.4vw);
	width: 9.8%;
	height: auto;
	transition: ease-in-out 0.3s 0.1s;
}

.sec03-ch-img03c{
	position: absolute;
	left: 7.5%;
	top: calc(29.6% + 14vw);
	width: 9.5%;
	height: auto;
	transition: ease-in-out 0.3s 0.3s;
}

.sec03-ch-img03d{
	position: absolute;
	right: 6%;
	top: calc(1% + 5vw);
	width: 32%;
	height: auto;
	opacity: 0;
	transition: ease-in-out 0.3s 0.2s;
}

.active .sec03-ch-img03b{
	top: 8.6%;
	animation: purun 0.3s linear 0.2s 1;
}

.active .sec03-ch-img03c{
	top: 29.6%;
	animation: purun 0.3s linear 0.5s 1;
}

.active .sec03-ch-img03d{
	top: 1%;
	opacity: 1;
	animation: purun 0.3s linear 0.3s 1;
}

@keyframes purun {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
	30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
	50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
	70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

/* .sec03::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	aspect-ratio: 4/1;
	background: url(../img/sec03-cover.webp)no-repeat center / cover;
	z-index: 4;
	transform-origin: bottom;
	transform: translateY(-78%) ;
} */

.sec03 .inner{
	max-width: 800px;
}

.sec03 h2{
	font-size: min(7.5vw,60px);
	line-height: 1;
    color: #5A2200;
    margin-bottom: 0.3em;
	height: 1em;
	width: auto;
}
.sec03 h2.t2{
	font-size: min(17.25vw,138px);
	width: auto;
}

.sec03 h2 img{
	height: 100%;
	width: auto;
}


.sec03 .regular,.sec03 .regular2{
	color: #5A2200;
}

.sec03 .regular2{
	text-align: center;
}

.sec03-wrap{
	width: 100%;
	margin-bottom: 180px;
	margin-top: 60px;
}

.sec03-flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}

.sec03-flex img{ width: 17%; transform: translateY(20%) rotateY(-90deg); transition: ease-in-out 0.3s; opacity: 0;}
.sec03-flex img:last-of-type{
	margin-left: 5%;
}

.sec03-flex.active img{
	transform: translateY(0) rotateY(0);
	opacity: 1;
}

.sec03-flex.active img:nth-of-type(1){transition-delay: 0.2s;}
.sec03-flex.active img:nth-of-type(2){transition-delay: 0.3s;}
.sec03-flex.active img:nth-of-type(3){transition-delay: 0.4s;}
.sec03-flex.active img:nth-of-type(4){transition-delay: 0.5s;}
.sec03-flex.active img:nth-of-type(5){transition-delay: 0.6s;}

.sec03-flex02,.sec03-flex03{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: end;
	flex-wrap: wrap;
}

.sec03-flex02-textbox{
	width: 75.5%;
}

.sec03-flex02-textbox .regular{
	text-align: center;
}

.regular.w3{
	width: 74.2%;
	line-height: 1.5;
}

.regular.w2{
	width: 22.5%;
	line-height: 1.5;
}

.regular.w1{
	width: 17%;
	text-align: center;
}

.sec03-flex03-bar1{
	width: 74.2%;
	height: 13px;
	border: solid 2px #5A2200;
	border-bottom: 0;
	box-sizing: border-box;
	margin-bottom: 13px;
}

.sec03-flex03-bar2{
	width: 22.5%;
	height: 13px;
	border: solid 2px #5A2200;
	border-bottom: 0;
	box-sizing: border-box;
	margin-bottom: 13px;
}

.sec03-wrap03{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-top: 60px;
	margin-bottom: 180px;
}

.sec03-flex04{
	width: 90%;
	max-width: 1040px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.sec03-flex04 li{
	position: relative;
	width: 13.1%;
}

.sec03-flex04 li img{
	width: 100%;
	height: auto;
	transform: rotateY(0);
	transition: ease-in-out 0.4s;
}

.sec03-flex04 li:hover .sideA{
	transform: rotateY(180deg);
	z-index: 1;
	opacity: 0;
}
.sec03-flex04 li:hover .sideB{
	transform: rotateY(-180deg);
	z-index: 2;
	opacity: 1;
}

.sideA{
	position: relative;
	z-index: 2;
	opacity: 1;
}

.sideB{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
}

.sec03-wrap02{
	width: 100vw;
	margin-bottom: 180px;
	margin-left: calc(-50vw + 50%);
}

.sec03 .subtitle{
	height: 120px;
	width: auto;
	margin-bottom: 30px;
}

.sec03-wrap02-inner{
	width: 90%;
	max-width: 1040px;
	display: flex;
	justify-content: space-between;
	margin: 120px auto 0;
}

.sec03-wrap02-box{
	position: relative;
	width: 29%;
	align-items: top;
	z-index: 1;
}

.sec03-wrap02-box::before{
	width: 40%;
	aspect-ratio: 1/1;
	position: absolute;
	opacity: 0.1;
	z-index: -1;
}
.sec03-wrap02-box.b1::before{ top: 42%; right: -10%; background: url(../img/sec03-cardimg01.webp)no-repeat center / cover;}
.sec03-wrap02-box.b2::before{ top: -5%; left: -25%; background: url(../img/sec03-cardimg02.webp)no-repeat center / cover;}
.sec03-wrap02-box.b3::before{ top: -13%; right: -25%; background: url(../img/sec03-cardimg03.webp)no-repeat center / cover; width: 55%;}

.sec03-wrap02-box.b4::before{ bottom: -17%; left: -35%; background: url(../img/sec03-cardimg04.webp)no-repeat center / cover; width: 55%;}
.sec03-wrap02-box.b5::before{ top: -15%; right: -30%; background: url(../img/sec03-cardimg05.webp)no-repeat center / cover;}
.sec03-wrap02-box.b6::before{ bottom: -10%; left: -35%; background: url(../img/sec03-cardimg06.webp)no-repeat center / cover; width: 50%;}

.sec03-wrap02-box.b7::before{ bottom: -10%; right: -30%; background: url(../img/sec03-cardimg07.webp)no-repeat center / cover;}

.sec03-wrap02-box.b7{
	width: 60%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

.card{
	width: 70%;
	height: auto;
	filter: drop-shadow(3px 3px 8px rgba(0,0,0,0.2));
}

.b7 .card{
	width: 38%;
	height: auto;
}

.b7 .card-name{
	margin-top: 0;
}

.b7 .sec03-wrap02-textbox{
	width: 55%;
}

.card-name{
	font-size: min(4.8vw,50px);
	line-height: 1;
	height: 1em;
	width: auto;
	margin: 0.5em auto 0.4em;
}

.sec03-wrap02-box .regular{
	line-height: 1.7;
	font-size: 16px;
	font-weight: 300;
	/* height: 7em; */
	margin-bottom: 1em;
}

.sec03-wrap02-box .regular.green{
	height: auto;
}

.sec03-movie-wrap{
	/* width: 100%;
	aspect-ratio: 16/9; */
	/* background: #fff; */
	position: absolute;
	bottom: 0;
}

.sec03-movie-wrap.base{
	position: relative;
}

.sec03-movie-wrap video{
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: left top;
}

.cover::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 25%;
	aspect-ratio: 1/1;
	display: block;
	background: url(../img/icon-play.webp)no-repeat center / contain;
	pointer-events: none;
}

.cover.on::before{
	/* content: none; */
	background: none;
}



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

					ここからsec04

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

.sec04{
	position: relative;
	width: 100%;
	padding: 120px 0 200px;
	background: #478359;
}

.sec04::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	aspect-ratio: 4/1;
	background: url(../img/sec04-cover.svg)no-repeat center / cover;
	transform: translateY(-85%) ;
}

.sec04-ch{
	position: absolute;
	left: 0;
	top: -17%;
	width: 100%;
	aspect-ratio: 4/1;
	/* background: rgba(0,0,0,0.2); */
	overflow: hidden;
}

.sec04-ch-img{
	position: absolute;
	top: 3%;
	right: 2%;
	width: 20%;
	height: auto;
	transition: ease-in-out 0.5s 0.2s;
	transform:rotate(-30deg) translate(110%,100%);
}

.active .sec04-ch-img{
	transform:rotate(0) translate(0%,0%);
	animation: yura 3s linear 0.7s infinite;
}
@keyframes yura {
  0%, 50%, 100% { transform: rotate(0) translate(0%,0%);}
  25% { transform: rotate(2deg) translate(0,-5%);}
  75% { transform: rotate(-2deg) translate(0,5%);}
}


.sec04 .inner{
	position: relative;
}

.sec04-flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 180px;
}

.sec04-leftbox{
	position: relative;
	width: 48%;
	aspect-ratio: 1/1;
}

#spec .sec04-leftbox{
	z-index: 10;
}

.sec04-rightbox{
	width: 48%;
}

.sec04-rightbox h2{
	font-size: min(3.25vw,36px);
	color: #000;
	/* white-space: nowrap; */
	font-weight: 600;
}

.sec04-rightbox .regular{
	font-size: 18px;
	font-weight: 300;
	margin-top: 1em;
	line-height: 2;
}
#spec .sec04-rightbox .regular{padding-left: 0.5em; font-size: 16px; margin-bottom: 0.3em;}

.sec04-rightbox img{
	width: 60%;
	height: auto;
	margin-bottom: 20px;
}

.tabel01{
	width: 100%;
	border-collapse: collapse;
	color: #F6F1DC;
	font-size: min(1.69vw,16px);
	white-space: nowrap;
}

.tabel01 tr{
	border-top: 1px solid #F6F1DC ;
	line-height: 1;
}

.tabel01 td{
	border-left: 1px solid #F6F1DC;
}

.tabel01 th,.tabel01 td{
	font-weight: 300;
	padding: 0.9em 0.5em;
}

.scroll-area{
	position: absolute;
	top: 9%;
	left: 0;
	width: 48%;
	height: 86%;
	z-index: 5;
}

.sec04-img01{
	width: 70%;
	height: auto;
	margin-left: 10%;
	position: sticky;
	top: 35vh;
	left: 0;
	transform: rotate(-10deg);
	filter: drop-shadow(3px 3px 8px rgba(0,0,0,0.3));
	transition: ease-in-out 0.3s;
}
.sec04-img01.active3{
	opacity: 0;
}
.sec04-img01.spin{
	transform: rotate(-10deg) rotateY(360deg) translateX(-40%) scale(1.2);
}

.sec04-leftbox img{
	position: relative;
	z-index: 2;
	width: 120%;
	height: auto;
	margin-left: -20%;
}

#spec .sec04-leftbox img{
	width: 60%;
	height: auto;
}

.sec04-leftbox .img01{
	position: absolute;
	left: 10%;
	top: 5%;
	width: 23%;
	height: auto;
	animation: kumo 5s linear 0s infinite;
}
.sec04-leftbox .img02{
	position: absolute;
	right: 23%;
	top: 8%;
	width: 23%;
	height: auto;
	animation: kumo 5s linear 1.5s infinite;
}

@keyframes kumo {
  0%, 50%, 100%  { transform: translateX(0%); }
  25% { transform: translateX(25%); }
  75% { transform: translateX(-15%); }
}

.sec04-leftbox-wrap{
	position: absolute;
	top: 5%;
	left: 26%;
	width: 48%;
	aspect-ratio: 3/2.1;
	background: #d3e5e6;
	overflow: hidden;
}

.sec04-leftbox-wrap span{
	position: absolute;
	top: 0;
	left: -75%;
	height: 100%;
	width: 50%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
	transform: skewX(-25deg);
	animation: shine 3.5s infinite;
}

@keyframes shine {
	20% { left: 125%;opacity: 1;}
	21% { left: 125%;opacity: 0;}
	21% { left: -75%;opacity: 0;}
	100% { left: -75%;opacity: 1;}
}

#spec.sec04-flex{
	margin-bottom: 0;
}

#spec .sec04-leftbox .card{
	filter: drop-shadow(3px 3px 8px rgba(0,0,0,0.3));
	width: 35%;
	height: auto;
	position: absolute;
}

#spec .sec04-leftbox .card:nth-of-type(1){
	bottom: 30%;
	right: 10%;
	transform: rotate(10deg);
}
#spec .sec04-leftbox .card:nth-of-type(2){
	bottom: -10%;
	right: 5%;
	transform: rotate(20deg);
}

.postage{
	padding-top: 180px;
	text-align: center;
	font-size: 24px;
	color: #f6efdb;
}

.postage img{
	height: 48px;
	width: auto;
}

.postage p{
	margin-top: 2em;
	/* margin: 2em 0 1em; */
	font-weight: 400;
}

.postage p span{
	font-size: 76%;
}

.postage table{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	font-size: 20px;
	margin-top: 1em;
}

.postage table th,.postage table td{
	/* width: 20%; */
	width: auto;
	border: 1px solid #f6efdb;
	padding: 0.3em 0 0.2em;
}

.postage p:last-of-type{
	text-align: left;
	margin-top: 0.5em;
	width: 700px;
	margin: 0.2em auto 0;
}






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

					ここからsec05

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

.sec05{
	position: relative;
	width: 100%;
	background: #CF000E url(../img/sec05-back02.webp)repeat center;
	text-align: center;
}

.sec05 .inner{
	max-width: 1100px;
	padding: 120px 0;
	background: #000;
	box-sizing: border-box;
}

.sec05 h2{
	font-size: 42px;
	font-weight: 600;
	color: #CF000E;
	line-height: 1.3;
	margin-top: 1em;
}

.sec05 h2 span{
	font-size: 120%;
	font-weight: 600;
}

.sec05-wrap02{
	position: relative;
	width: 100vw;
	/* max-width: 1440px; */
	aspect-ratio: 5/2.1;
	max-height: 610px;
	/* background: #ccc; */
	/* height: auto; */
	/* margin-left: -10%; */
	margin-left: calc(-50vw + 50%);
	margin-top: -5%;
	
}

.sec05-img01{
	position: absolute;
	left: 50%;
	top: 0;
	width: 94%;
	max-width: 1360px;
	height: auto;
	transform: translateX(-50%);
	filter: drop-shadow(3px 3px 9px rgba(0,0,0,0.7));
}

.sec05-img02{
	position: absolute;
	left: 50%;
	top: 28%;
	width: 40%;
	max-width: 580px;
	height: auto;
	transform: translateX(-100%);
}

.sec05 .sec05-flex .regular{
	margin: 1.2em auto 0.3em;
	width: 100%;
}

.sec05-flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec05-imgbox01{
	width: 100%;
	aspect-ratio: 5/2;
	background: url(../img/sec05-img03.webp)no-repeat center / cover;
}
.sec05-imgbox02{
	width: 100%;
	aspect-ratio: 5/2;
	background: url(../img/sec05-img04.webp)no-repeat center / cover;
}
.sec05-imgbox03{
	width: 48.5%;
	aspect-ratio: 4/3;
	background: url(../img/sec05-img05.webp)no-repeat center / cover;
	margin-top: 30px;
}
.sec05-imgbox04{
	width: 48.5%;
	aspect-ratio: 4/3;
	background: url(../img/sec05-img06.webp)no-repeat center / cover;
	margin-top: 30px;
}






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

					ここからsec06

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

.sec06{
	position: relative;
	width: 100%;
	background: url(../img/sec06-back01.webp)no-repeat center / cover;
	text-align: center;
}

.sec06 .inner{
	max-width: 1100px;
	padding: 120px 0;
	background: #0099BD;
	box-sizing: border-box;
}

.sec06-wrap,
.sec05-wrap{
	width: 90%;
	max-width: 850px;
	margin: 0 auto;
}

.sec06 .logo,
.sec05 .logo{
	width: 37%;
	height: auto;
}

.sec06 h2{
	font-size: 42px;
	font-weight: 600;
	color: #FDD34E;
	line-height: 1.3;
	margin-top: 1em;
}

.sec06 h2 span{
	font-size: 120%;
	font-weight: 600;
}

.sec06 .regular,
.sec05 .regular{
	font-size: min(2.34vw,20px);
	font-weight: 300;
	margin: 1.5em 0 3em;
}

.sec06 .regular a{
	color: #FDD34E;
}

.sec06 .regular a:hover{
	color: #CF000E;
}

.sec06-img01{
	width: 100%;
	height: auto;
}

.sec06-flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.sec06-flex img{
	width: 48%;
}





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

					ここからfooter

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

.footer{
	position: relative;
	width: 100%;
	padding: 120px 0 25vw;
	background: #CF000E;
	text-align: center;
}

.footer::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	aspect-ratio: 5/1;
	background: url(../img/footer-cover.svg)no-repeat center / cover;
}

.footer::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	aspect-ratio: 10/1;
	background: url(../img/daytime/footer-cover.svg)no-repeat top / cover;
	transform: translateY(-65%);
}

.footer .regular{
	font-size: min(3.36vw,32px);
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	color: #000;
	padding: 120px 0 1.5em;
}

.footer h4{
	font-size: min(21vw,200px);
	line-height: 1;
	height: 1em;
	margin: 0 auto 40px;
}

.footer h4 img{
	height: 100%;
	width: auto;
	line-height: 1;
}

.change-img-wrap{
	position: relative;
	width: 50%;
	padding: 25vh 0 0;
	margin: -25vh auto 0;
}

.change-img2{
	width: 100%;
	aspect-ratio: 1/1;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(8%);
	background: url(../img/package-kage.webp)no-repeat center bottom / contain;
	z-index: 1;
}

.footer-wrap{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	font-size: min(1.95vw,30px);
	padding: 1em 1.8em;
	box-sizing: border-box;
	color: #fff;
}

.footer-wrap img{
	height: min(2.86vw,40px);
	width: auto;
}

.footer-wrap p{
	font-size: min(1.83vw,20px);
	line-height: 1;
	font-weight: 300;
	margin-left: 2em;
}

.footer-wrap p span{
	font-size: 70%;
}

.top-btn{
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 60px;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F6F1DC;
	opacity: 0;
	transform: translateY(50%);
	transition: ease-in-out 0.5s;
	z-index: 10;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.top-btn.active{
	opacity: 1;
	transform: translateY(0);
}

.top-btn.active:hover{
	opacity: 0.5;
}

.top-btn img{
	width: 60%;
	height: auto;
}

.fix-btn{
	position: fixed;
	right: 0;
	top: 30%;
	width: 15%;
	aspect-ratio: 50 / 21;
	z-index: 10;
	transform-origin: right;
	transition: ease-in-out 0.5s;
	/* opacity: 0; */
	pointer-events: none;
	transform: translateX(101%);
}

.fix-btn.active{
	pointer-events: all;
	/* opacity: 1; */
	transform: translateX(0);
}

.fix-btn img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right;
}

.fix-btn.active:hover{
	transform: scale(1.5);
}

.chara-moving{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 10vh;
	z-index: 20;
}

.chara{
	height: 100%;
	aspect-ratio: 3/4;
	background: url(../img/chara-a.svg)no-repeat center / contain;
	animation: walk 1.5s linear infinite;
	transform: translate(100vw,0);
}
@keyframes walk{
	0%,100%{background: url(../img/chara-a.svg)no-repeat center / contain;}
	25%,50%{background: url(../img/chara-b.svg)no-repeat center / contain;}
}




.change-img3{
	position: relative;
	width: 100%;
	aspect-ratio: 1/1;
	background: 
		url(../img/package01.webp)no-repeat center bottom,
		url(../img/package02.webp)no-repeat center bottom,
		url(../img/package03.webp)no-repeat center bottom,
		url(../img/package04.webp)no-repeat center bottom,
		url(../img/package05.webp)no-repeat center bottom,
		url(../img/package06.webp)no-repeat center bottom,
		url(../img/package07.webp)no-repeat center bottom;
	background-size: contain,0 0,0 0,0 0,0 0,0 0,0 0;
	-webkit-backface-visibility:hidden;
    backface-visibility:hidden;
	overflow:hidden;
	z-index: 2;
}

.active2 .change-img3{
	animation: pake-open4 0.3s linear forwards;
}
@keyframes pake-open4 {
	0%   { background-size: contain,0 0,0 0,0 0,0 0,0 0,0 0; }
	20%  { background-size: 0 0,contain,0 0,0 0,0 0,0 0,0 0; }
	36%  { background-size: 0 0,0 0,contain,0 0,0 0,0 0,0 0; }
	52%  { background-size: 0 0,0 0,0 0,contain,0 0,0 0,0 0; }
	68%  { background-size: 0 0,0 0,0 0,0 0,contain,0 0,0 0; }
	84%  { background-size: 0 0,0 0,0 0,0 0,0 0,contain,0 0; }
	100% { background-size: 0 0,0 0,0 0,0 0,0 0,0 0,contain; }
}

.active2 .change-img3:hover{
	animation: pake-open5 0.3s linear forwards;
}
@keyframes pake-open5 {
	0%   { background-size: 0 0,0 0,0 0,0 0,0 0,0 0,contain; }
	20%  { background-size: 0 0,0 0,0 0,0 0,0 0,contain,0 0; }
	36%  { background-size: 0 0,0 0,0 0,0 0,contain,0 0,0 0; }
	52%  { background-size: 0 0,0 0,0 0,contain,0 0,0 0,0 0; }
	68%  { background-size: 0 0,0 0,contain,0 0,0 0,0 0,0 0; }
	84%  { background-size: 0 0,contain,0 0,0 0,0 0,0 0,0 0; }
	100% { background-size: contain,0 0,0 0,0 0,0 0,0 0,0 0; }
}

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

					ここからdaytime (6-18)

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

.no-stars {
	position: relative;
	width: 100%;
	height: 500vh;
	background-image: linear-gradient(180deg, #3aa7c2 10%, #9ec9c0 50%); /* 星空の背景色 */
	overflow: hidden; /* 星が枠外にはみ出すのを防ぐ */
}

.day-img,
.daytime picture,
.daytime .stars-wrap02-img01-2,
.daytime .stars-wrap02-img01-3,
.daytime .stars-wrap02-img01-4,
.day-img01,
.day-img02,
.daytime .night,
.day{ display: none;}

.allday,
.daytime .allday, 
.daytime .day-img,
.daytime .day-img01,
.daytime .day-img02,
.daytime .day{ display: block;}

.daytime .sec01-wrap.day{
	display: flex;
}

.daytime .stars-wrap02{
	background: #9ec9c0;
}

.daytime .stars-wrap02-img01-1{
	background: url(../img/daytime/header-img01-1a.svg) no-repeat center / contain;
	animation: none;
	width: 13%;
	aspect-ratio: 2/3;
	left: 16.2%;
	bottom: 0.1vw;
}
.stars-wrap02-img01-1 img:nth-of-type(1){ top: 15%}
.stars-wrap02-img01-1 img:nth-of-type(2){ top: 5% }
.stars-wrap02-img01-1 img:nth-of-type(3){ top: 6% }
.stars-wrap02-img01-1 img:nth-of-type(4){ top: 0% }
.stars-wrap02-img01-1 img:nth-of-type(5){ top: 12%}

.daytime .stars-wrap02-img01-5{
	background: url(../img/daytime/header-img01-5a.svg) no-repeat center / contain;
	animation: none;
	width: 10%;
	aspect-ratio: 5/3;
	left: 76.2%;
	bottom: 10vw;
	animation: 2.5s anime5d linear infinite;
}
@keyframes anime5d {
	0%,12.5%,87.5%,100% {
		background: url(../img/daytime/header-img01-5a.svg)no-repeat center / contain;
	}
	13.5%,36.5%,63.5%,86.5% {
		background: url(../img/daytime/header-img01-5b.svg)no-repeat center / contain;
	}
	37.5%,62.5% {
		background: url(../img/daytime/header-img01-5c.svg)no-repeat center / contain;
	}
}

.day-img01{
	position: absolute;
	left: 86vw;
	bottom: 4.3vw;
	width: 5%;
	aspect-ratio: 1/1;
	background: url(../img/daytime/header-img01-6a.svg)no-repeat center / contain;
	transform: translateX(25vw);
	/* transition: ease-in-out 1.5s; */
	/* animation: 2s spin linear 2s forwards; */
}
.day-img01::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../img/daytime/header-img01-6b.svg)no-repeat center / contain;
}
@keyframes spin {
	0% { transform : translateX(25vw) rotate(0deg);}
	50% { transform : translateX(12.5vw) rotate(-540deg);}
	100% { transform: translateX(0) rotate(-1080deg);}
}
@keyframes re-spin {
	0% { transform : rotate(0deg);}
	50% { transform : rotate(540deg);}
	100% { transform: rotate(1080deg);}
}

@keyframes spin2 {
	0% { transform : translateX(60vw) rotate(0deg);}
	50% { transform : translateX(30vw) rotate(-540deg);}
	100% { transform: translateX(0) rotate(-1080deg);}
}
@keyframes re-spin2 {
	0% { transform : rotate(0deg);}
	50% { transform : rotate(540deg);}
	100% { transform: rotate(1080deg);}
}

.day-img01.active{ animation: 2s spin linear forwards;}
.day-img01.active::after{ animation: 2s re-spin linear forwards;}

.daytime .dammy-space{ background: #277249;}

.daytime .stars-wrap02-img01-2{
	width: 44.4%;
	left: 29%;
	bottom: 3vw;
}

.day-img02{
	position: absolute;
	left: 5vw;
	top: 105vh;
	width: 10%;
	height: auto;
	transform:rotate(30deg) translate(-10vw,10vw)  scale(1.5);
	transition: ease-in .5s;
}
.day-img02.active{
	transform: rotate(0deg) translate(0,0) scale(1);
}

.maku .success{
	width: 100%;
	height: auto;
}

.flash{
	position: relative;
	overflow: hidden;
	width: 50%;
	margin-top: 5%;
	margin: 5% 0 0 25%;
}

.flash::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/daytime/success-cover.webp)no-repeat center / cover;
	z-index: 2;
}

.flash span{
	position: absolute;
	top: 0;
	left: -75%;
	height: 100%;
	width: 50%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
	transform: skewX(-25deg);
	animation: shine 3.5s infinite;
}

@keyframes shine {
	20% { left: 125%;opacity: 1;}
	21% { left: 125%;opacity: 0;}
	21% { left: -75%;opacity: 0;}
	100% { left: -75%;opacity: 1;}
}

.day .sec01-wrap-box01 img:nth-of-type(2){
	left: 29%;
	top: auto;
    bottom: 0;
    width: 50%;
    height: auto;
	z-index: 2;
}
.day .sec01-wrap-box01 img:nth-of-type(3){
	left: 33%;
	top: auto;
    bottom: 27%;
    width: 24%;
    height: auto;
	transform-origin: bottom left;
	animation: 1.5s left1d linear infinite;
}
.day .sec01-wrap-box01 img:nth-of-type(4){
	left: 43%;
	top: 29%;
    width: 15%;
    height: auto;
	z-index: 2;
}

.day .sec01-wrap-box02 img:nth-of-type(2){
	left: 15%;
	top: auto;
    bottom: 23%;
    width: 82%;
	animation: none;
	z-index: 2;
}

.day .sec01-wrap-box02 img:nth-of-type(3){
	left: 32%;
	top: auto;
    bottom: 29%;
    width: 13%;
	transform-origin: bottom right;
	animation: 1.5s right1d linear infinite;
}

.day .sec01-wrap-box02 img:nth-of-type(4){
	left: 2%;
	top: 20%;
    width: 10%;
	transform-origin: center;
	animation: 4s sns linear infinite;
}

.day .sec01-wrap-box02 img:nth-of-type(5){
	left: 45%;
	top: 6%;
    width: 19%;
	transform-origin: center;
	animation: 3s sns linear infinite;
}

.day .sec01-wrap-box02 img:nth-of-type(6){
	left: 74%;
	top: 21%;
    width: 15%;
	transform-origin: center;
	animation: 3.5s sns linear infinite;
}

@keyframes left1d {
	0%, 100% { transform: rotate(5deg) translate(0);}
	50% { transform: rotate(-15deg) translate(0,10%);}
}
@keyframes right1d {
	0%, 100% { transform: rotate(5deg);}
	50% { transform: rotate(-20deg);}
}
@keyframes sns {
	0%, 25%, 100% {opacity: 1; transform: scale(0);}
	30% { transform: scale(1.3);}
	35% { transform: scale(0.9);}
	40%, 70% {opacity: 1;  transform: scale(1);}
	80% { opacity: 0; transform: scale(1);}
	81% { opacity: 0; transform: scale(0);}
}

#test-btn{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	z-index: 100;
	border: solid 1px #fff;
	padding: 0.5em;
	cursor: pointer;
}

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

			   ここからメディアクエリ(SP）

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

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

	.regular, .regular2, .regular3,.sec03-wrap02-box .regular,
	.sec04-rightbox .regular,.sec06 .regular, .sec05 .regular{
		font-size: min(4vw,20px);
	}

	.stars{
		height: calc(160vw + 400vh);
	}

	.stars-wrap01{font-size: 9vw;}

	.stars-scroll-wrap02{
		height: calc(160vw + 100vh);
	}

	.stars-wrap02{
		min-height: auto;
		height: 160vw;
		min-height: 100vh;
	}

	.stars-wrap02 .z-index2{
		min-height: auto;
		height: 100%;
		overflow: hidden;
	}

	.stars-wrap02-img02{
		width: 100%;
		left: 50%;
		bottom: 120vw;
		transform: translate(-50%,150%);
	}
	.stars-wrap02-img02.active{transform: translate(-50%,0);}

	.scrolldown-wrap{top: calc(100vh - 220px);}

	.dammy-space{
		position: relative;
		width: 100%;
		aspect-ratio: 4/1;
		background: #004643;
		z-index: 3;
		margin-top: -1vw;
	}


	.global-menu-sp{
		display: flex;
		justify-content: center;
		padding: 2vw 0 4vw;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: fit-content;
		opacity: 1;
	}
	#fixed2.global-menu-sp{
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 15;
		background: rgba(0,0,0,0.4);
		backdrop-filter:blur(8px);
		padding: 2vw 0;
	}

	.global-menu-sp.off-fix{
		opacity: 0;
	}

	#fixed2.global-menu-sp.on-fix{
		opacity: 1;
	}


	.global-menu-sp li{
		width: 16%;
		text-align: center;
		border-left: 1px solid #fff;
		height: fit-content;
	}
	.global-menu-sp li:first-of-type{ border: 0;}
	.global-menu-sp li:last-of-type{width: 20%;}

	.global-menu-sp a{
		font-family: "Oswald", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-size: 4vw;
		color: #fff;
		text-decoration: none;
	}

	.stars-wrap02-img01-1{
		width: 15.2%;
		left: 6.8%;
		bottom: 17.2vw;
	}

	.stars-wrap02-img01-2{
		width: 57.4%;
		left: 39%;
		bottom: 17.95vw;
	}

	.stars-wrap02-img01-3{
		width: 12%;
		left: 49.5%;
		bottom: 17.8vw;
	}

	.stars-wrap02-img01-4{
		width: 7%;
		left: 68%;
		bottom: 35vw;
	}

	.stars-wrap02-img01-5{
		width: 6.3%;
		left: 30.4%;
		bottom: 32.2vw;
	}

	.sec01,.sec04{ padding: 10vw 0 20vw;}

	.sec01-wrap{
		width: 100%;
		margin-left: 0;
		margin-top: 20vw;
	}

	.sec01 h2{ font-size: min(5.9vw,36px);}

	.sec01 h3{ font-size: min(5.4vw,36px); width: 80vw; margin-left: 5vw;}

	.sec01 .regular{ width: 80vw; margin-left: 5vw;}

	.maku h3{font-size: min(5.9vw,36px);}

	.maku img{min-width: 150px;}

	.makuake01{padding: 8vw 0;}

	.sec02,.sec03{padding: 20vw 0 40vw;}

	.sec02 .inner{width: 80%;}

	.sec02 h2,.sec03 h2{font-size: min(7.5vw,40px);}

	.sec03 h2.t2{font-size: min(18.75vw,100px);}

	.sec02-flex{
		margin-bottom: 15vw;
		display: block;
	}

	.sec03-ch{
		aspect-ratio: 5/2;
		transform: translateY(-90%);
	}

	.sec03-ch-img01, .sec03-ch-img02{bottom: 6%; top: auto;}

	.sec03-ch-img03d{
		width: 50%;
		bottom: 0;
		top: auto;
	}

	.sec03-ch-img03b{ width: 15%;}
	.sec03-ch-img03c{ width: 13%;}

	.active .sec03-ch-img03d{ top: auto;}
	.active .sec03-ch-img03b{ top: 13.36%;}
	.active .sec03-ch-img03c{ top: 34.6%;}
	

	.sec02-imgbox01{
		width: 70%;
		margin: 0 auto;
	}

	.sec02-flex .regular{ width: 100%; margin-top: 1em;}

	.sec02 .regular3{line-height: 1.5;}

	.sec02-movie-wrap,.sec02 ol{margin-bottom: 6.5vw;}

	.sec02-boxtext{
		font-size: min(3.7vw,18px);
		line-height: 1.5;
	}

	.sec03 .regular2{
		text-align: justify;
		width: 80vw;
		margin-left: 5vw;
	}

	.sec03-wrap,.sec03-wrap03{
		margin-top: 5.2vw;
		margin-bottom: 20vw;
	}

	.sec03-flex04{
		flex-wrap: wrap;
		justify-content: center;
		gap: 0 2.66%;
	}

	.sec03-flex04 li{
		width: 23%;
		margin-bottom: 2.66vw;
	}

	.sec03-flex04 li:nth-of-type(n+4){
		margin-bottom: 0;
	}

	.sec03 .subtitle{
		height: 15.6vw;
		margin-bottom: 4.68vw;
	}

	.sec03 .regular2.red,.sec03 .regular2.blue,.sec03 .regular2.green{
		width: 80%;
		margin-left: 10%;
	}

	.sec03-wrap02-inner{
		width: 80%;
		margin: 10vw auto 0;
		flex-wrap: wrap;
		justify-content: center;
	}

	.sec03-wrap02-inner .sec03-wrap02-box:last-of-type{
		margin-bottom: 0;
	}

	.sec03-wrap02-box,.sec03-wrap02-box.b7{
		width: 100%;
		/* max-width: 400px; */
		margin: 0 auto 15vw;
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
		align-items: center;
		/* margin-bottom: 15vw; */
	}

	.sec03-wrap02-box .regular{
		font-size: min(3.7vw,18px);
		margin-bottom: 0;
	}

	.flex-sp{
		width: 55%;
	}

	.card,.b7 .card{
		width: 40%;
		display: block;
		margin: 0 5% 0 0;
		filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2));
	}

	.sec03-movie-wrap{position: relative; margin-top: 5vw;}

	

	.card-name,.b7 .card-name{
		font-size: 9.5vw;
		margin: 0.5em auto 0.4em;
	}

	.sec03-wrap02{
		margin-bottom: 20vw;
	}

	.b7 .sec03-wrap02-textbox{
		width: 55%;
	}

	.sec04-ch{
		top: -25vw;
	}

	.sec04-flex{
		display: block;
		margin-bottom: 20vw;
	}

	.sec04-leftbox,.sec04-rightbox{
		width: 100%;
		aspect-ratio: unset;
		margin-bottom: 5vw;
	}

	.sec04-rightbox{
		width: 80vw;
		margin-left: 5vw;
	}

	.sec04-rightbox h2{ font-size: min(5.9vw,36px);}

	.sec04-leftbox img{
		width: 100%;
		margin: 0 auto;
	}

	#spec .sec04-leftbox{
		aspect-ratio: 5/3;
	}

	#spec .sec04-leftbox .card{
		width: 25%;
	}

	.sec04-rightbox img{
		margin-bottom: 3vw;
	}

	#spec .sec04-rightbox .regular{
		font-size: min(4vw,20px);
		line-height: 1;
		margin: 0.7em 0 0.7em;
		padding-left: 0;
	}

	.tabel01{
		font-size: min(3.7vw,18px);
	}

	.tabel01 th, .tabel01 td{
		line-height: 1.3;
		padding: 0.5em 0.5em 0.35em;
	}

	.scroll-area{
		top: 47vw;
		width: 100%;
		height: 70%;
	}

	.sec04-img01{
		width: 60%;
		margin-left: 25%;
		transform: rotate(-10deg) rotateY(0) translate(0,-22vw);
		transition: ease-in-out 0.3s;
	}
	.sec04-img01.spin{
		transform: rotate(-10deg) rotateY(360deg) translate(-20vw,0);
		transition: ease-in-out 0.3s;
	}

	.sec04-rightbox .regular{
		margin-top: 0.2em;
	}

	.sec04-leftbox-wrap{
		top: 5%;
		left: 38.5%;
		width: 40%;
	}

	.sec05{
		background: #CF000E url(../img/sec05-back02-sp.webp)repeat center;
	}

	.sec05 .inner,.sec06 .inner{
		padding: 15vw 0;
		width: 80%;
	}

	.sec06-wrap, .sec05-wrap{
		width: 85%;
	}

	.sec05 .logo,.sec06 .logo{
		width: 50%;
	}

	.sec05 h2,.sec06 h2{
		font-size: min(4.5vw,32px);
		white-space: nowrap;
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}

	.sec05-imgbox03,.sec05-imgbox04{
		margin-top: 3vw;
	}

	/* .sec05-img01{
		width: 90vw;
		margin-left: -5vw;
	} */

	/* .sec05-img02{
		left: -7%;
		top: 2%;
		width: 63%;
	} */

	.sec06{
		background: url(../img/sec06-back01-sp.webp)no-repeat center / cover;
	}

	.sec06-flex{
		margin-top: 10vw;
	}

	.sec06-img01{
		width: 120%;
		margin-left: -20%;
	}
	

	.footer .regular{
		font-size: min(6.25vw,28px);
		padding: 15vw 0 1em;
		line-height: 1.5;
	}

	.footer::before{
		aspect-ratio: 5/2;
		background: url(../img/footer-cover-sp.svg)no-repeat center / cover;
	}

	.footer-wrap{
		display: block;
		font-size: min(3.5vw,14px);
	}

	.footer-wrap img{
		height: 6.5vw;
		margin-bottom: 2vw;
	}

	.footer-wrap p{
		font-size: min(3.5vw,14px);
		line-height: 1.5;
		margin-left: 0;
	}

	.footer h4{
		height: auto;
		width: 100%;
		margin: 0;
	}

	.footer h4 img{
		height: auto;
		width: 100%;
	}

	.footer{
		padding: 20vw 0 40vw;
	}

	.top-btn,
	.fix-btn{
		display: none;
		right: 10px;
		bottom: 25px;
		width: 45px;
	}

	.change-img-wrap{
		padding: 50vh 0 0;
		margin-top: -45vh;
	}

	.nav-text{
		font-size: 16px;
		font-size: min(4.6vw,24px);
	}

	.makuake01-boxtext{
		font-size: min(5.2vw,28px);
		padding: 0.7em 3em 0.5em 2em;
	}


	/* 以下daytime */

	.daytime .header{ 
		position: relative;
	}

	.daytime .stars-wrap02 .z-index2{
		overflow: unset;
	}

	.day-img02{width: 20%;}

	.daytime .stars-wrap02{
		height: 153.125vw;
		/* top: -16%; */
		max-height: auto;
	}

	.daytime .stars-scroll-wrap02{
		height: calc(153.125vw + 100vh);
		/* top: 308vh; */
		top: calc(400vh - 153.125vw);
		/* top: auto; */
		/* bottom: 0; */
	}

	.daytime .stars-wrap02-img01-5{
		width: 16%;
		left: 25.2%;
		bottom: 32vw;
	}

	.daytime .stars-wrap02-img01-1{
		width: 18%;
		left: 5.2%;
		bottom: 13.5vw;
	}

	.daytime .stars-wrap02-img01-2{
		width: 65.4%;
		left: 34%;
		bottom: 14vw;
	}

	.day-img01{
		left: 43vw;
		bottom: 13.5vw;
		width: 7%;
		transform: translateX(50vw);
	}

	.day-img01.active{
		animation: 2s spin2 linear forwards;
	}

	.postage{
		font-size: 16px;
		padding-top: 60px;
	}

	.postage img{
		max-height: 48px;
		height: 9.14vw;
	}

	.postage table{
		width: 90%;
		font-size: min(3.7vw,18px);
	}

	.postage p:last-of-type{
		margin-left: 5%;
		width: 90%;
	}

	.linkbtn-wrap{
		width: 100%;
		text-align: center;
	}

	.makuake01-boxtext.sp2{
		display: inline-block;
		/* margin-left: 50%;
        transform: translateX(-50%); */
        text-wrap: nowrap;
	}
	.makuake01-boxtext.sp2.mt0{
		margin-top: 0;
		/* color: #fff;
		background: #000; */
	}
	/* .makuake01-boxtext.sp2.mt0 .span2::before{
		background: url(../img/link-arrow-b.svg)no-repeat center / contain;
	} */
	.makuake01-boxtext .span2::before{
		right: 1.5em;
	}

}