@charset "utf-8";

#headerWrap{
	
	/*background-color:transparent;
	filter:none;*/
	
}

#catch {
  width: 50%;
  position: absolute;
  top: calc(56% - 100px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.c_category{
	/*display: none;*/
	
	height: 0px;
	overflow: hidden;
}

.c_category.act{
	height:auto;
}

.arrow{
	cursor: pointer;
}

.arrow::before{
	
transition: .2s;
	
}

.arrow.act::before{
	
-ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  top: 20px;
	
}

  h1 {
    
	  font-size: 16px; text-align: center; padding: 60px 20px 0px;
  }

@media screen and (max-width: 1080px){
#catch {
  width: 80%;
  position:absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, -50%);
}
}

/**/

.waves {
	display: none;
  position:fixed;
  width: 100vw;
  height:5vh;
  min-height:60px;
  max-height:150px;
	
	z-index: -10;	
	transform:rotate(0deg) scaleY(300%);
	bottom: 60px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/



@media (max-width: 768px) {

	
.waves {

	display: none;
  height:2vh;
  min-height:40px;
	bottom: 40px;
}
	
  .content {
    height:30vh;
  }
  h1 {
    font-size:12px;
	  padding-top: 0px;
  }
}

.pc_view{
	display: block;
}

.smp_view{
	display: none;
}

@media screen and (max-width: 1080px){

.pc_view{
	display: none;
}

.smp_view{
	display: block;
}
	
}