@charset "UTF-8";

/* crepe_ animation*/
.planePath {
  stroke: #D9DADA;
  stroke-width: .1%;
  stroke-width: .50%;
  stroke-dasharray: 1% 2%;
  stroke-linecap: round;
  fill: none;
}

#plane{
  transform: translateY(-450px);
}

.fil1 {
  fill: #D9DADA;
}

.fil2 {
  fill: #C5C6C6;
}

.fil4 {
  fill: #9D9E9E;
}

.fil3 {
  fill: #AEAFB0;
}

.st0 {
  fill: #dcf0ff;
}

.st0, .st1, .st2, .st3 {
  stroke-width: 6px;
}

.st0, .st1, .st2, .st3, .st4, .st5 {
  stroke: #564c4c;
  stroke-miterlimit: 10;
}

.st1 {
  fill: #f4f4e1;
}

.st2 {
  fill: #f98f8f;
}

.st3 {
  fill: #f7e6bf;
}

.st4 {
  fill: #564c4c;
}

.st4, .st5 {
  stroke-width: 4px;
}

.st6 {
  fill: #fff;
}

.st7 {
  fill: #fcf506;
}

.st5 {
  fill: none;
}

.st8 {
  display: none;
}

.corster{
  max-width: 1700px;
  margin: 0 auto;
  width: 100%;
}

.corster svg{
  height: 700px;
  width: 100%;
}

@media screen and (max-width:1000px){
  .corster{
    max-width:900px;
  }
  .corster svg{
    height: 450px;
    width: 100%;
  }
}

@media screen and (max-width:500px){
  .corster{
    max-width:450px;
  }
  .corster svg{
    height: 300px;
    width: 100%;
  }
}

@media screen and (max-width:390px){
  .corster{
    max-width:450px;
  }
  .corster svg{
    height: 300px;
    width: 100%;
  }
}
/* ↑↑crepe_ animation ↑↑*/