@charset "utf-8";


#top{
    height: 20%;
    /*background-color: rgb(72, 202, 72);*/
}

body{
    margin: 0px;
    padding: 0px;
}
.round1 {
    width: 50%;
    height: 185px;
    line-height: 100px;
    background-color: #FFA385;
    border-radius: 50%;
    text-align: center;
    position:relative;
    left: 25%;
    top:75px;
  }
  .round2 {
    width: 30%;
    height: 110px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    position:relative;
    left: 2%;
    top:-20px;
  }
  .round3 {
    width: 30%;
    height: 110px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    position:relative;
    left: 3%;
    top:25px;
  }
  .round4 {
    width: 30%;
    height: 110px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    position:relative;
    left: 0%;
    top:75px;
  }
  /*
  .round5 {
    width: 50%;
    height: 185px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    position:absolute;
    left: 28%;
    top:100px;
    outline: 2.5px solid rgb(0, 0, 0);
  }
  */
  .text1{
    position:relative;
    top:  -40px;
    left: 37%;
    font-size: 200%;
    margin-right: 190px;
    font-family: 'Kiwi Maru', serif;
    color:#000000;
  }
  .text2{
    position:relative;
    top:  -78px;
    left: 30%;
    font-size: 120%;
    margin-right: 190px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
  }
  .text3{
    position:relative;
    top:  -80px;
    left: 7%;
    font-size: 95%;
    margin-right: 30px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
  }
  .text4{
    position:relative;
    top:  -355px;
    left: 40%;
    font-size: 90%;
    margin-right: 180px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
  }
  .text5{
    position:relative;
    top:  -315px;
    left: 40%;
    font-size: 90%;
    margin-right: 150px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
  }
  .text6{
    position:relative;
    top:  -255px;
    left: 40%;
    font-size: 90%;
    margin-right: 150px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
  }
  .text7{
    position:absolute;
    top:  1120px;
    left: 40%;
    font-size: 20px;
    margin-right: 150px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .text8{
    position:absolute;
    top:  1195px;
    left: 40%;
    font-size: 20px;
    margin-right: 150px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .text9{
    position:absolute;
    top:  1270px;
    left: 40%;
    font-size: 20px;
    margin-right: 150px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .mainPhoto1{
    position:relative;
    margin: 2%;
    top: 53px;
    border-radius: 20px;
    /*outline: 2px solid blue;*/
    margin-right: 260px;
}
  .mainPhoto2{
    position:relative;
    margin: 2%;
    top: -30px;
    border-radius: 20px;
    left:34%;
    margin-right: 250px;
  }
  .mainPhoto3{
    position:relative;
    margin: 2%;
    top: -110px;
    border-radius: 40%;
    left:67%;
    margin-right: 260px;
  }
  .square1{
    position:absolute;
    width:65%;
    height:30px;
    top:1115px;
    background:#FFA385;
    padding-bottom: 10px;
    right:20%;
  }
  .square2{
    position:absolute;
    width:65%;
    height:30px;
    top:1190px;
    background:#FFA385;
    padding-bottom: 10px;
    right:20%;
  }
  .square3{
    position:absolute;
    width:65%;
    height:30px;
    top:1265px;
    background:#FFA385;
    padding-bottom: 10px;
    right:20%;
  }
  .square4{
    position:absolute;
    width:60%;
    height:20px;
    top:1120px;
    left:17.5%;
    background:#FFA385;
    padding-bottom: 10px;
    right:10%;
    outline: 2px solid rgb(255, 255, 255);
  }
  .square5{
    position:absolute;
    width:60%;
    height:20px;
    top:1195px;
    left:17.5%;
    background:#FFA385;
    padding-bottom: 10px;
    right:10%;
    outline: 2px solid rgb(255, 255, 255);
  }
  .square6{
    position:absolute;
    width:60%;
    height:20px;
    top:1270px;
    left:17.5%;
    background:#FFA385;
    padding-bottom: 10px;
    right:10%;
    outline: 2px solid rgb(255, 255, 255);
  }
  .space1{
    position:absolute;
    width:65%;
    height:40px;
    top:1320px;
    background:#ffffff;
    padding-bottom: 10px;
    right:20%;
  }
  .border1{
    right:-73%;
    top:-106px;
    position:relative;
    margin-right: 300px;
  }
  .border2{
    right:-5%;
    top:-129.5px;
    position:relative;
    margin-right: 300px;
  }
  html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 4px #0F7986;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #0F7986;
    border-right: 3px solid #0F7986;
    transform: translateY(20%) rotate(-45deg);
}


  