@charset "UTF-8";

.sec{
  margin:auto;
  text-align:center;
}
.sec img{
  margin:auto;
}

.sec0 img{
  width:100%;
}
.sec1{
  background: url(http://www.aqua-world.jp/tabekko/images/line_yellow_up.png) bottom repeat-x;
    background-color:#01afec;
}
.sec2{
    background-color:#fff363;
}
.sec3{
  background-image: url(http://www.aqua-world.jp/tabekko/images/line_green.png),url(http://www.aqua-world.jp/tabekko/images/line_yellow_down.png), url(http://www.aqua-world.jp/tabekko/images/main_04bg.png);
  background-repeat: repeat-x, repeat-x, no-repeat;
  background-position:bottom, top, bottom;
  background-color:#01afec;
  background-size: auto , auto, auto;
}
.sec4{
  background-image: url(http://www.aqua-world.jp/tabekko/images/line_green.png);
  background-position:top, bottom;
  background-repeat:repeat-x, no-repeat;
  background-color:#1b9fa4;
}
.imgs{
  width;1000px;
  margin:auto;
}
.topbtn{
  width: 1000px;
  margin:auto;
  text-align: right;
  padding:60px;
}
.btns{
  width: 1000px;
  margin:auto;
  display: flex;
  justify-content:space-around;
  padding-bottom:100px;
}

  .pconly{
    display: block;
  }

  .sponly{
    display: none;
  }

@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
  .pconly{
    display: none;
  }
  .sponly{
    display: block;
  }
  .sec1, .sec2, .sec3, .sec4{
    background: none;
  }
  .sec img{
    width: 100%;
  }
  .sec4{
    background-color:#1b9fa4;
  }
  .topbtn{
    width: 100%;
    padding:20px;
  }
  .topbtn img{
    width:90px;
  }

  .btns{
    width:100%;
    padding-bottom:30px;
    display: flex;
    justify-content:space-around;
  }
  .btns .btn{
    width:45%;
  }


}