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

body{
	font-family: 'Noto Sans JP', sans-serif;
}


.basebg
{
	position: absolute;
	top: 0px;
	left: 0px;	
}

.basebgimg1
{		
	background-image: url("../images/basebg1.jpg");
	background-size:auto;	
    background-position: top;          /* 背景の位置指定 */		
}

.basebg1blackbgAnidiv
{	  	
	position: absolute;
	top: 0px;
	left: 0px;
  	width: 100%;
  	height: 100%;
  	background-color: black;  	
	opacity: 0;
  	animation: basebg1blackbgAnidivAnimation 0.5s 1;	
	animation-fill-mode: forwards;	
}

@keyframes basebg1blackbgAnidivAnimation 
{
  100% {opacity: 0.5;}
}


#firstPage1_1
{
	opacity: 0;
	animation: firstPage1_1ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.3s;
}
#firstPage1_2
{
	opacity: 0;
	animation: firstPage1_2ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.5s;	
	transform: translateY(40px);
}

@keyframes firstPage1_1ani 
{
  100% {opacity: 1;}
}

@keyframes firstPage1_2ani 
{
  100% {opacity: 1;transform: translateY(0px);}
}


#snapdiv
{
  	overflow-y: auto;
  	scroll-snap-type: y mandatory;
	height: 100vh;
}
.snapStart{
	scroll-snap-align: start;
	height: 100vh;
}



.basebgimg2
{		
	position: absolute;
	top: 0px;
	left: 0px;	
	background-image: url("../images/basebg2.jpg");
	background-size:auto;	
    background-position: top;          /* 背景の位置指定 */	
}
.basebg2blackbgAnidiv
{	  	
	position: absolute;
	top: 0px;
	left: 0px;
  	width: 100%;
  	height: 100%;
  	background-color: black;  	
	opacity: 0;
  	animation: basebg2blackbgAnidivAnimation 0.5s 1;	
	animation-fill-mode: forwards;	
}

@keyframes basebg2blackbgAnidivAnimation 
{
  100% {opacity: 0.5;}
}

#firstPage2_0
{	
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	animation: firstPage2_0ani 0.3s 1;	
	animation-fill-mode: forwards;		
	transform: translateY(-30px);
}


#firstPage2_1
{	
	opacity: 0;
	animation: firstPage2_1ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.3s;	 		
	transform: translateY(40px);
}
#firstPage2_2
{	
	opacity: 0;
	animation: firstPage2_2ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.5s;	 	
	transform: translateY(60px);
}

#firstPage2_3
{
	opacity: 0;
	animation: firstPage2_3ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.7s;		
	transform: translateY(30px);
}

@keyframes firstPage2_0ani 
{
  100% {opacity: 1;transform: translateY(0px);}
}


@keyframes firstPage2_1ani 
{
  100% {opacity: 1;transform: translateY(80px);}
}

@keyframes firstPage2_2ani 
{
  100% {opacity: 1;transform: translateY(40px);}
}


@keyframes firstPage2_3ani 
{
  100% {opacity: 1;transform: translateY(0px);}
}


.basebgimg3
{		
	position: absolute;
	top: 0px;
	left: 0px;	
	background-image: url("../images/baseBG.jpg");
	background-size:auto;	
    background-position: top;          /* 背景の位置指定 */	
}
.basebg3blackbgAnidiv
{	  	
	position: absolute;
	top: 0px;
	left: 0px;
  	width: 100%;
  	height: 100%;
  	background-color: black;  	
	opacity: 0;
  	animation: basebg3blackbgAnidivAnimation 0.5s 1;	
	animation-fill-mode: forwards;	
}

@keyframes basebg3blackbgAnidivAnimation 
{
  100% {opacity: 0.5;}
}

#firstPage3_0
{	
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	animation: firstPage3_0ani 0.3s 1;	
	animation-fill-mode: forwards;		
	transform: translateY(-30px);
}


#firstPage3_1
{			
	opacity: 0;
	animation: firstPage3_1ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.3s;	 			
	
}

@keyframes firstPage3_0ani 
{
  100% {opacity: 1;transform: translateY(0px);}
}


@keyframes firstPage3_1ani 
{
  100% {opacity: 1;}
}


.basebgimg4
{		
	position: absolute;
	top: 0px;
	left: 0px;	
	background-image: url("../images/basebg1.jpg");
	background-size:auto;	
    background-position: top;          /* 背景の位置指定 */	
}
.basebg4blackbgAnidiv
{	  	
	position: absolute;
	top: 0px;
	left: 0px;
  	width: 100%;
  	height: 100%;
  	background-color: black;  	
	opacity: 0;
  	animation: basebg4blackbgAnidivAnimation 0.5s 1;	
	animation-fill-mode: forwards;	
}

@keyframes basebg4blackbgAnidivAnimation 
{
  100% {opacity: 0.5;}
}

#firstPage4_0
{	
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	animation: firstPage4_0ani 0.3s 1;	
	animation-fill-mode: forwards;		
	transform: translateY(-30px);
}


#firstPage4_1
{			
	opacity: 0;
	animation: firstPage4_1ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.3s;	 		
	transform: translateY(30px);
}

#firstPage4_2
{			
	opacity: 0;
	animation: firstPage4_2ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.5s;	 			
}

#firstPage4_3
{			
	opacity: 0;
	animation: firstPage4_3ani 0.5s 1;	
	animation-fill-mode: forwards;	
	animation-delay: 0.7s;	 			
}

@keyframes firstPage4_0ani 
{
  100% {opacity: 1;transform: translateY(0px);}
}


@keyframes firstPage4_1ani 
{
  100% {opacity: 1;}
}
@keyframes firstPage4_2ani 
{
  100% {opacity: 1;}
}

@keyframes firstPage4_3ani 
{
  100% {opacity: 1;}
}

.LogoMaxsize{
	max-width: 100%;
	max-height: 95px;
}
.shouhyouText
{
	font-size: 10px;	
}

.weight100	 {
	font-weight:100
	}
 
.weight300	 {
	font-weight:300
	}
 
.weight400	 {
	font-weight:400
	}
 
.weight500	 {
	font-weight:500
	}
 
.weight600	 {
	font-weight:600
	}
 
.weight700	 {
	font-weight:700
	}
 
.weight900	 {
	font-weight:900
	}