@charset "utf-8";
 
* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}


@media (min-width: 576px){

/*========= レイアウトのためのCSS ===============*/	

#wave_wrap{
    margin: 0 calc(50% - 50vw);
	width: 100vw;
	
	
}

#wave_wrap .itsuki_logo{
  padding:300px 0;
  text-align:center;
}

.webtex{
  font-size:24px;
  
}

/*========= waveを描画するエリア設定 ===============*/


.wave{
  position: relative;
}

.wave canvas{
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
}
}

@media (max-width: 575.98px) { 

/* モバイル */ 


/*========= レイアウトのためのCSS ===============*/	
#wave_wrap{
    margin: 0 calc(50% - 50vw);
	width: 100vw;
	
}

#wave_wrap p{
  /*padding:150px 0 200px;*/
  padding:50% 0 50%;
  text-align:center;
}

.webtex{
  font-size:14px;
  
}

/*========= waveを描画するエリア設定 ===============*/


.wave{
  position: relative;
}

.wave canvas{
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
}


}