@charset "UTF-8";

/* reset & hide from original style */
@media all {
	h2 {margin: 0;display: block;}
	h2::before {content:none}
	a img {display: inline-block;}
}

/* base settings */
@media all {
	:root {
		--txt: #323339;
		--txt-gray: #a7b2c0;
		--txt-gray-bg-black: #eef6ff;
	}
	.monst {
		font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
	}
	.site-main {
		transition: .5s .1s;
		overflow: clip;
		padding-bottom: calc(var(--vw1px) * 120);
		background: left top repeat-y url(img/bg.webp);
		font-family: "BIZ UDGothic", sans-serif;
		color: var(--txt);
		line-height: 1;
		opacity: 0;
	}
	.site-main :where(p,ul,ol,li) {margin: 0;padding: 0;}
	.it {font-style: italic;}
	.site-main, h1, h2, h3, h4, h5 {
		letter-spacing: initial;
	}
	.site-main sub {font-size: 120%;}
	.ilb {display: inline-block;}
	.loaded .site-main {opacity: 1;}
	section {position: relative;}

	/* sp */
	@media only screen and (max-width: 786px) {
		:root {
			--vw1px: .25vw;
			--sp1px: max(1px, .25vw);
		}
		.spNone, .tabOnly, .pcOnly {display: none!important;}
		.site-main :where(a, p) {font-size: calc(var(--vw1px) * 14);}
	}
	
	/* pc & tab */
	@media print,
	(min-width: 787px) {
		:root {
			--vw1px: 1px;
			--sp1px: 1px;
		}
		.spOnly {display: none!important;}
		.site-main :where(a, p) {font-size: calc(var(--vw1px) * 15);}
		
		/* pc */
		@media (min-width: 1111px) {
			.pcNone, .tabOnly {display: none!important;}
			/* .site-main, .l-footer {min-width: 1280px;} */
		}

		/* tab */
		@media (max-width: 960px) {
			.pcOnly, .spOnly, .tabNone {display: none!important;}
		}
	}
	/* wide */
	@media (min-width: 1600px) {
		:root {
			--vw1px: .0625vw;
			--sp1px: .0625vw;
		}
		.site-main {
			background-size: contain;
		}
	}
}


/* .site-main-header */
@media all {
	.site-main-header {
		position: relative;
		overflow: hidden;
		background-color: #000;
	}
	.fv {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	.fv::before,
	.fv::after {
		content: '';
		position: absolute;
		left: 0;
		display: block;
		width: 100%;
	}
	.fv::before {
		top: 0;
		height: 100%;
		background: center / 6px 6px repeat url(img/ami.png);
	}
	.fv::after {
		bottom: 0;
		background: linear-gradient(to top, rgba(0,64,122,.5) 50%, rgba(0,64,122,0) 100%);
		mix-blend-mode: multiply;
	}
	.fv :is(img, video) {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.fv-txt {
		position: absolute;
		left: 0;
		color: #fff;
		width: 100%;
	}
	.fv-h1, .fv-lead {
		opacity: 0;
		transform: translateY(50%);
		transition: opacity .5s linear, transform .5s ease-out;
	}
	.fv-h1 {transition-delay: 1s;}
	.fv-lead {transition-delay: 1.5s;}
	.start :where(.fv-h1, .fv-lead) {
		opacity: 1;
		transform: translateY(0);
	}
	.fv-9229, .fv-9229-ja {
		display: inline-block;
		font-weight: 500;
	}
	.fv-9229 {margin-left: .25em;}
	.fv-ttl, .fv-lead {display: block;}
	.fv-ttl {font-weight: 600;}
	.fv-line {
		content: '';
		position: absolute;
		left: 0;
		display: block;
		width: 100%;
		height: calc(var(--vw1px) * 2);
		background-color: #fff;
		transform-origin: left center;
		transform: scaleX(0);
		transition: transform .75s cubic-bezier(0.1, 0.6, 0.6, 1) .25s;
	}
	.start .fv-line {transform: scaleX(1);}
	.scroll {opacity: 0;transition: 1s linear 2s;}
	.start .scroll {opacity: 1;}

	/* sp */
	@media only screen and (max-width: 786px) {
		.site-main-header {
			height: calc(var(--vw1px) * 617);
			/* max-height: calc(100vh - 120px); */
		}
		.fv::after {height: calc(var(--vw1px) * 390);}
		.fv-txt {bottom: calc(var(--vw1px) * 90);}
		.fv-9229, .fv-ttl, .fv-lead {
			padding-left: calc(var(--vw1px) *  20);
		}
		.fv-9229 {font-size: calc(var(--vw1px) * 20);}
		.fv-9229-ja img {
			margin-left: calc(var(--vw1px) * 40);
			width: calc(var(--vw1px) * 128);
		}
		.fv-ttl {font-size: calc(var(--vw1px) * 46);}
		.fv-line {bottom: calc(var(--vw1px) * 47);}
		.fv-lead {
			box-sizing: content-box;
			margin-top: calc(var(--vw1px) * 16);
			width: calc(var(--vw1px) * 210);
		}

		@media (min-aspect-ratio: 40 / 72) and (orientation: portrait) {
			.site-main-header {
				max-height: calc(100vh - 50px);
			}
		}
	}

	/* pc & tab */
	@media (min-width: 787px) {
		.site-main-header {
			margin-top: calc(var(--vw1px) * -5);
			height: calc(var(--vw1px) * 720);
			height: calc(var(--vw1px) * 900);
		}
		.fv::after {height: calc(var(--vw1px) * 390);}
		.fv-txt {bottom: calc(var(--vw1px) * 100);}
		.fv-9229, .fv-ttl, .fv-lead {
			padding-left: max(calc(50vw - var(--vw1px) * 580), calc(var(--vw1px) *  60));
		}
		.fv-9229 {font-size: calc(var(--vw1px) * 40);}
		.fv-9229-ja img {
			margin-left: calc(var(--vw1px) * 180);
			width: calc(var(--vw1px) * 213);
		}
		.fv-ttl {font-size: calc(var(--vw1px) * 100);}
		.fv-line {bottom: calc(var(--vw1px) * 90);}
		.fv-lead {
			box-sizing: content-box;
			margin-top: calc(var(--vw1px) * 20);
			width: calc(var(--vw1px) * 440);
		}
		
		/* tab */
		@media (max-width: 1110px) {
			.site-main-header {
				min-height: 500px;
				max-height: calc(100vh - 55px);
			}
		}
		/* pc */
		@media (min-width: 1111px) {
			.site-main-header {
				min-height: calc(var(--vw1px) * 600);
				max-height: min(calc(100vh - 85px - var(--vw1px) * 5), calc(var(--vw1px) * 1080));
			}
			/* wide */
			@media (min-width: 1600px) {}
		}
	}
}

/* scroll */
@media all {
	.scroll {position: absolute;}
	.scroll::before,
	.scroll::after {
		content: '';
		position: absolute;
		bottom: 0%;
		left: 0;
		display: block;
		width: 100%;
		background: center center / contain no-repeat url(img/scroll.svg);
		animation: scroll 2s ease-in-out infinite;
	}
	.scroll::after {animation-delay: -1s;}

	@keyframes scroll {
		0% { opacity: 0; bottom: 100%;}
		70% { opacity: 1;}
		100% { opacity: 0;}
	}

	/* sp */
	@media only screen and (max-width: 786px) {
		.scroll {
			left: calc(50% - calc(var(--vw1px) * 20));
			bottom: calc(var(--vw1px) * 10);
			width: calc(var(--vw1px) * 40);
			height: calc(var(--vw1px) * 22);
		}
		.scroll::before,
		.scroll::after {
			height: calc(var(--vw1px) * 16);
		}
	}

	/* pc & tab */
	@media (min-width: 787px) {
		.scroll {
			left: calc(50% - calc(var(--vw1px) * 24));
			bottom: calc(var(--vw1px) * 10);
			width: calc(var(--vw1px) * 48);
			height: calc(var(--vw1px) * 30);
		}
		.scroll::before,
		.scroll::after {
			height: calc(var(--vw1px) * 18);
		}
	}
}

/* .report-nav */
@media all {
	.report-nav {position: relative;}
	.report-nav-lead {
		font-weight: bold;
		border-bottom: var(--txt) solid 4px;
	}
	.report-nav-since {
		font-size: calc(var(--vw1px) * 14);
		font-weight: 500;
	}

	.report-nav-ttl {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: calc(var(--vw1px) * 2);
		border-top: var(--txt) solid 1px;
		border-bottom: var(--txt) solid 1px;
		font-weight: 600;
	}
	.report-nav-ttl-small {
		margin-top: .25em;
		margin-right: 1em;
		font-weight: 500;
	}

	/* fadeIn */
	.report-nav-list {transition-delay: .3s!important;}

	/* sp */
	@media only screen and (max-width: 786px) {
		.report-nav {
			margin-top: calc(var(--vw1px) * 80);
			padding: 0 calc(var(--vw1px) * 20);
		}
		.report-nav-since {text-align: right;}
		.report-nav-lead {
			margin-top: calc(var(--vw1px) * 6);
			padding-bottom: 1em;
			font-size: calc(var(--vw1px) * 14);
			line-height: 1.5714;
		}
		.report-nav-lead span {display: block;}

		.report-nav-ttl {
			flex-direction: column;
			height: calc(var(--vw1px) * 115);
			font-size: calc(var(--vw1px) * 44);
		}
		.report-nav-ttl-small {
			margin-bottom: .25em;
			font-size: calc(var(--vw1px) * 20);
		}
	}

	/* pc & tab */
	@media (min-width: 787px) {
		.report-nav {
			margin: calc(var(--vw1px) * 100) auto 0;
			width: calc(100% - 3em);
			max-width: calc(var(--vw1px) * 1000);
		}
		.report-nav-since {
			position: absolute;
			top: calc(var(--vw1px) * 4);
			right: 0;
		}
		.report-nav-lead {
			padding-bottom: calc(var(--vw1px) * 8);
			font-size: calc(var(--vw1px) * 18);
			text-align: center;
			border-bottom-width: calc(var(--vw1px) * 4);
		}
		
		.report-nav-ttl {
			margin-top: calc(var(--vw1px) * 2);
			height: calc(var(--vw1px) * 100);
			border-top-width: var(--vw1px);
			border-bottom-width: var(--vw1px);
			font-size: calc(var(--vw1px) * 60);
		}
		.report-nav-ttl-small {font-size: calc(var(--vw1px) * 28);}
	}
}

/* .report-nav-list */
@media all {
	.report-nav-list {
		display: flex;
		border-top: var(--txt) solid 1px;
		border-bottom: var(--txt) solid 1px;
	}

	.report-nav-item-dt {
		padding-top: calc(var(--vw1px) * 2);
		width: calc(var(--vw1px) * 72);
		height: calc(var(--vw1px) * 18);
		font-size: calc(var(--vw1px) * 14);
		font-weight: 500;
		color: var(--txt-gray-bg-black);
		text-align: center;
	}
	.report-nav-item-dt {background-color: var(--txt);}
	:is(.comming, .andmore) .report-nav-item-dt {background-color: var(--txt-gray);}

	.report-nav-item-dd {
		position: relative;
		font-size: calc(var(--vw1px) * 15);
		font-weight: bold;
	}
	.comming .report-nav-item-dd {color: var(--txt-gray);}
	.active .report-nav-item-dd::after {
		content: '';
		position: absolute;
		bottom: -.2em;
		left: 0;
		display: block;
		width: 100%;
		height: .4em;
		opacity: .25;
		background-color: #29abe2;
	}

	/* sp */
	@media only screen and (max-width: 786px) {
		.report-nav-list {
			flex-direction: column;
			margin-top: 1px;
		}
		
		.report-nav-item + .report-nav-item {
			border-top: var(--txt-gray) solid 1px;
		}
		.report-nav-item-dl {
			display: flex;
			align-items: center;
			padding: 1em;
		}
		.report-nav-item-dt {margin-right: .5em;}
		.report-nav-item-dd {padding: 0 .3em;}
		.report-nav-item.andmore {
			display: flex;
			align-items: center;
			padding-left: calc(var(--vw1px) * 50);
			height: calc(var(--vw1px) * 50);
		}
		.report-nav-item.andmore img {
			display: block;
			height: calc(var(--vw1px) * 3);
			width: calc(var(--vw1px) * 18);
			transform: rotate(90deg);
		}
	}

	/* pc & tab */
	@media (min-width: 787px) {
		.report-nav-list {
			align-items: center;
			margin-top: var(--vw1px);
			padding: 1em;
			height: calc(var(--vw1px) * 80);
		}
		.report-nav-item {height: calc(var(--vw1px) * 50);}
		.report-nav-item + .report-nav-item {
			border-left: var(--txt-gray) solid var(--vw1px);
		}
		.report-nav-item-dl {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			padding: 0 1em;
			height: 100%;
		}
		.report-nav-item-dd {padding: 0 .5em;}
		.report-nav-item.andmore span {
			display: flex;
			align-items: center;
			margin-left: 1.5em;
			width: calc(var(--vw1px) * 24);
			height: 100%;
		}
	}
}

/* .vol-section */
@media all {
	.vol-youtube {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	.vol-youtube-player,
	.vol-youtube-player iframe{
		width: 100%;
		height: 100%;
	}
	.vol-youtube-player {opacity: 0;}
	.vol-youtube-player,
	.vol-youtube-poster {transition: .5s .25s;}
	.play .vol-youtube-player {opacity: 1;}
	.play .vol-youtube-poster {
		opacity: 0;
		visibility: hidden;
	}
	.vol-youtube-poster img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.vol-youtube-poster::after {
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		aspect-ratio: 1;
		background: center / contain no-repeat url(img/play.png);
	}
	.vol-youtube-poster img,
	.vol-youtube-poster::after {transition: .3s;}
	.vol-youtube-poster:hover img,
	.vol-youtube-poster:hover::after {
		opacity: .8;
		cursor: pointer;
	}
	
	.vol-header-ttl > small {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: var(--txt);
		font-weight: 600;
		color: #fff;
	}
	.vol-header-ttl > span {display: block;}
	.vol-header-ttl .sama {margin-left: .4em;}

	.vol-company-link {
		display: block;
		font-size: 10px;
	}

	.vol-content-txt {font-weight: bold;}
	.vol-content-txt p {text-align: justify;}

	.carousel {background: top left / cover repeat-x;}
	.vol1-section .carousel {
		background-image: url(img/vol1/carousel.webp?v0710);
		animation: carousel1 65s linear infinite;
	}
	
	/* sp */
	@media only screen and (max-width: 786px) {
		.report-list {margin-top: calc(var(--vw1px) * 40)}
		.vol-youtube-poster::after {
			top: calc(50% - calc(var(--vw1px) * 60));
			left: calc(50% - calc(var(--vw1px) * 60));
			width: calc(var(--vw1px) * 120);
		}
		.vol-header {
			margin: calc(var(--vw1px) * 40) auto 0;
			width: 90%;
		}
		.vol-header-ttl > small {
			width: calc(var(--vw1px) * 90);
			height: calc(var(--vw1px) * 24);
			font-size: calc(var(--vw1px) * 18);
		}
		.vol1-section .vol-header-ttl > span {
			margin-top: calc(var(--vw1px) * 20);
		}
		.vol-header-ttl .sama {font-size: calc(var(--vw1px) * 18);}
		.vol1-section .vol-header-ttl > span img {
			width: calc(var(--vw1px) * 310);
		}
		.vol-company-link {
			margin-top: calc(var(--vw1px) * 15);
			margin-left: auto;
		}
		.vol1-section .vol-company-link {
			margin-right: calc(var(--vw1px) * 24);
		}

		.vol-company-link,
		.vol-company-link img {
			width: calc(var(--vw1px) * 18);
			height: calc(var(--vw1px) * 18);
		}

		.vol-content {
			margin: calc(var(--vw1px) * 20) auto 0;
			padding-top: calc(var(--vw1px) * 20);
			width: 90%;
			font-size: calc(var(--vw1px) * 14);
			line-height: 2.43;
		}

		.carousel {
			margin-top: calc((var(--vw1px) * 80));
			height: calc((var(--vw1px) * 250));
		}
		@keyframes carousel1 {
			0% {background-position-x: calc((var(--vw1px) * 2415.68627451));}
			100% {background-position-x: 0;}
		}
	}

	/* pc & tab */
	@media (min-width: 787px) {
		.report-list {margin-top: calc(var(--vw1px) * 40)}
		
		.vol-main-content {
			margin: 0 auto;
			width: calc(100% - 3em);
			max-width: calc(var(--vw1px) * 1000);
		}
		.vol-youtube-poster::after {
			top: calc(50% - calc(var(--vw1px) * 75));
			left: calc(50% - calc(var(--vw1px) * 75));
			width: calc(var(--vw1px) * 150);
		}

		.vol-header-ttl > small {
			width: calc(var(--vw1px) * 100);
			height: calc(var(--vw1px) * 26);
			font-size: calc(var(--vw1px) * 20);
		}
		.vol-header-ttl > span {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
		}
		.vol1-section .vol-header-ttl > span img {
			display: inline-block;
			width: calc(var(--vw1px) * 400);
		}
		.vol-header-ttl .sama {font-size: calc(var(--vw1px) * 24);}
		.vol-company-link {margin-top: calc(var(--vw1px) * 20);}
		.vol-company-link,
		.vol-company-link img {
			width: calc(var(--vw1px) * 20);
			height: calc(var(--vw1px) * 20);
		}
		.vol-content {line-height: 2.4;}

		.carousel {
			margin-top: calc((var(--vw1px) * 80));
			height: calc((var(--vw1px) * 340));
		}
		@keyframes carousel1 {
			0% {background-position-x: calc((var(--vw1px) * 3285.33333333));}
			100% {background-position-x: 0;}
		}

		/* tab */
		@media (max-width: 1110px) {
			.vol-header {margin-top: calc((var(--vw1px) * 60));}
			.vol-header-ttl {
				display: flex;
				align-items: flex-start;
				justify-content: center;
			}
			.vol-header-ttl > small {margin-right: 1em;}
			.vol-company-link {margin-left: calc(var(--vw1px) * 20);}
			.vol-content {
				margin: calc(var(--vw1px) * 30) auto 0;
				padding-top: calc(var(--vw1px) * 30);
				width: calc(var(--vw1px) * 700);
			}
		}

		/* pc */
		@media (min-width: 1111px) {
			.vol-main-content {
				display: flex;
				flex-wrap: wrap;
				align-items: stretch;
				justify-content: space-between;
			}
			.vol-header {
				display: flex;
				align-items: center;
				padding-right: calc(var(--vw1px) * 35);
				width: calc(50% - (var(--vw1px) * 30));
			}
			.vol-header,
			.vol-content {margin-top: calc(var(--vw1px) * 50);}

			.vol-header-ttl > span {margin-top: calc(var(--vw1px) * 35);}
			.vol-company-link {margin-left: auto;}
			
			.vol-content {
				position: relative;
				padding-left: calc(var(--vw1px) * 35);
				padding-left: calc(var(--vw1px) * 32);
				width: calc(50% + (var(--vw1px) * 30));
				transition-delay: .25s!important;
			}
			.vol-content::before {
				content: '';
				position: absolute;
				top: .5em;
				left: 0;
				width: var(--vw1px);
				height: calc(100% - 1em);
				background-color: var(--txt);
			}
			/* wide */
			@media (min-width: 1600px) {}
		}
		
	}
	/* sp & tab */
	@media (max-width: 1110px) {
			.vol-content {border-top: var(--vw1px) solid var(--txt);}
	}
}

/* .about-section */
@media all {
	.about-section {border-top: var(--sp1px) solid var(--txt);}

	.about-header-ttl span {font-weight: 600;}
	.about-header-ttl small {
		display: inline-block;
		padding: .367em 1em;
		background-color: var(--txt);
		color: var(--txt-gray-bg-black);
		font-weight: bold;
		transform: translateY(-.5em);
	}
	.about-content {font-weight: bold;}
	.about-content p {text-align: justify;}
	.about-content p + p {margin-top: 1.4em;}

	.about-img {position: relative;}
	.about-anim {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		mix-blend-mode: screen;
	}
	.l-animated .about-anim {animation: 2.5s linear 1s infinite;}
	.l-animated .anim-1 {animation-name: anim1;}
	.l-animated .anim-2 {animation-name: anim2;}
	.l-animated .anim-3 {animation-name: anim3;}
	.l-animated .anim-4 {animation-name: anim4;}

	@keyframes anim1 {
		0% {opacity: 0;}
		26% {opacity: 1;}
		65% {opacity: 1;}
		78% {opacity: 0;}
		100% {opacity: 0;}
	}
	@keyframes anim2 {
		0% {opacity: 0;}
		13% {opacity: 0;}
		39% {opacity: 1;}
		65% {opacity: 1;}
		78% {opacity: 0;}
		100% {opacity: 0;}
	}
	@keyframes anim3 {
		0% {opacity: 0;}
		26% {opacity: 0;}
		52% {opacity: 1;}
		65% {opacity: 1;}
		78% {opacity: 0;}
		100% {opacity: 0;}
	}
	@keyframes anim4 {
		0% {opacity: 0;}
		5% {opacity: 0;}
		52% {opacity: 1;}
		65% {opacity: 1;}
		78% {opacity: 0;}
		100% {opacity: 0;}
	}
	
	/* sp */
	@media only screen and (max-width: 786px) {
		.about-section {
			margin: calc(var(--vw1px) * 100) auto 0;
			padding-top: calc(var(--vw1px) * 55);
			width: 90%;
		}
		.about-section-pcBox {padding: 0 calc(var(--vw1px) * 10);}

		.about-header-ttl span {font-size: calc(var(--vw1px) * 44);}
		.about-header-ttl small {
			margin-top: calc(var(--vw1px) * 20);
			font-size: calc(var(--vw1px) * 14);
		}
		.about-content {
			margin-top: calc(var(--vw1px) * 25);
			line-height: 2.43;
		}
		.about-img {margin-top: calc(var(--vw1px) * 25);}

	}

	/* pc & tab */
	@media (min-width: 787px) {
		.about-section {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: calc(var(--vw1px) * 120) auto 0;
			padding-top: calc(var(--vw1px) * 80);
			width: calc(100% - calc(var(--vw1px) * 40));
			max-width: calc(var(--vw1px) * 1000);
		}
		.about-section-pcBox {width: 50%;}

		.about-header-ttl {white-space: nowrap;}
		.about-header-ttl span {font-size: calc(var(--vw1px) * 48);}
		.about-header-ttl small {font-size: calc(var(--vw1px) * 15);}
		
		.about-content {
			margin-top: calc(var(--vw1px) * 30);
			line-height: 2.4;
		}
		.about-img {width: 45%;}
		/*
		calc(var(--vw1px) * 40)
		*/

		/* tab */
		@media (max-width: 1110px) {
			.about-header-ttl small {font-size: calc(var(--vw1px) * 14);}
		}
		/* pc */
		@media (min-width: 1111px) {

			/* wide */
			@media (min-width: 1600px) {}
		}
	}
}

/* commin soon */
@media all {
	.commingsoon-p {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: calc(var(--vw1px) * 40);
		border-top: var(--vw1px) solid var(--txt);
		border-bottom: var(--vw1px) solid var(--txt);
		font-size: calc(var(--vw1px) * 14);
		font-weight: 500;
	}
	.commingsoon-p::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: calc(0px - var(--vw1px) * 7);
		width: 100%;
		height: calc(var(--vw1px) * 4);
		background-color: var(--txt);
	}
	.commingsoon-p > span {display: inline-block;}
	/* calc(var(--vw1px) * 40) */

	/* sp */
	@media only screen and (max-width: 786px) {
		.commingsoon {
			margin: calc(var(--vw1px) * 80) auto 0;
			width: 90%;
		}
		.l-footer {margin-top: 0!important;}
	}

	/* pc & tab */
	@media (min-width: 787px) {
		.commingsoon {
			margin: calc(var(--vw1px) * 80) auto 0;
			width: calc(100% - calc(var(--vw1px) * 40));
			max-width: calc(var(--vw1px) * 1000);
		}
		.commingsoon-p {
			height: calc(var(--vw1px) * 40);
			font-size: calc(var(--vw1px) * 14);
		}
		
		/* tab */
		@media (max-width: 1110px) {}
		/* pc */
		@media (min-width: 1111px) {

			/* wide */
			@media (min-width: 1600px) {}
		}
	}
}








/* inview */
@media not print {
	.fadeIn {
		opacity: 0;
		filter: blur(2rem);
		transform: translateY(10rem);
		transition: .5s opacity, .5s filter, .5s transform;
	}
	.fadeIn.l-animated,
	.l-animated .fadeIn:not(.inview) {
		opacity: 1!important;
		filter: blur(0)!important;
		transform: translateY(0rem)!important;
	}
	
	.clipIn {
		clip-path: polygon(0 100%, 0 100%, 0 100%);
		transition: clip-path .75s;
	}
	.l-animated.clipIn {
		clip-path: polygon(0 -100%,0 100%,200% 100%);
	}
	.commingsoon-p > span {
		opacity: 0;
		transform: translateX(-125%);
		transition: transform .75s cubic-bezier(0.8, 0.8, 0.265, 1.55), opacity .3s;
		transition: transform .75s cubic-bezier(0, 0, 0.5, 1.5), opacity .2s;
	}
	.commingsoon-p > span.l-animated {
		opacity: 1;
		transform: translateX(0);
	}

	/* sp */
	@media only screen and (max-width: 786px) {
		.vol-youtube {
			opacity: 0;
			filter: blur(2rem);
			transition: .5s opacity, .5s filter;
		}
		.vol-youtube.l-animated {
			opacity: 1!important;
			filter: blur(0)!important;
		}
	}

	/* pc & tab */
	@media (min-width: 787px) {
		.vol-youtube {
			opacity: 0;
			filter: blur(2rem);
			transform: translateY(10rem);
			transition: .5s opacity, .5s filter, .5s transform;
		}
		.vol-youtube.l-animated {
			opacity: 1!important;
			filter: blur(0)!important;
			transform: translateY(0rem)!important;
		}

	}
}



/* template */
@media all {
	/* calc(var(--vw1px) * 40) */

	/* sp & tab */
	@media (max-width: 960px) {}
	/* sp */
	@media only screen and (max-width: 786px) {}

	/* pc & tab */
	@media (min-width: 787px) {
		/* tab */
		@media (max-width: 1110px) {}
		/* pc */
		@media (min-width: 1111px) {}
		/* wide */
		@media (min-width: 1600px) {}
	}
}