section{max-width: 160rem;margin:0 auto;}
.sec-0{margin: 9.8rem auto 0 auto;
background-color:#00B8EA ;
}
.sec-2{margin: 0rem auto 0 auto;
clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.f1{font-size: 1.6rem;}
.f2{font-size: 2rem;}
.f3{font-size: 2.4rem;}
.f4{font-size: 2.8rem;}
.f5{font-size: 3rem;}
.col-w{color: #FFF;}

.border-l-white{border-left: 1rem solid #FFF;
color: #FFF;
    font-size: 2.8rem;
font-weight: bold;
padding:0.4rem 1rem 0 1rem;
margin:10rem auto;
}

.border-l-blue{border-left: 1rem solid #00B8EA;
color: #00B8EA;
    font-size: 2.8rem;
font-weight: bold;
padding:0.4rem 1rem 0 1rem;
margin:0rem auto;
}

.maru{
    font-size: 2.4rem;
    color: #FFF;
    padding:2rem 0;
}
.maru::before {
  content: '\25CF';
  font-size: 1.8rem;
  margin-right: 5px;
  color: #fff;
}


.flex{display: flex;
    justify-content:space-around;
    flex-wrap: wrap;

}
.flex-m{display: flex;
    justify-content:space-evenly;
    flex-wrap: wrap;

}




.top-bg{

  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(img/greenfins/greenfins-top-bg.png) center center no-repeat;
  background-size: cover;
  width: 100%;
  height:42rem;
  padding-top: 52.5%;
  position: relative;

}
.top-bg-moji-sita{
    position: absolute;
  
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0rem;

}
.h1{
      color: white;
    font-size:4.8rem ;
    font-family: serif;
    font-weight: bold;
    border-bottom: #FFF 1px solid;
    margin:-1rem 0 0 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64);
}
.top-bg-p-1{   
     margin:0rem;
    color: white;
    font-size: 1.8rem;

    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64);
}
.top-bg-p-2{
    text-align: left;
      color: white;
    font-size: 1.2rem;

    font-weight: bold   ;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64);
}

.top-logo{
    position: relative;
    margin: -9rem auto 0;
    text-align: center;

}

.top-green-setumei-1{
    text-align: center;
    margin:2rem 0rem 1rem;
    color: white;
    font-size: 1.4rem;

    /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64); */
}

.top-green-setumei-2{
    text-align: center;
    margin:1rem 0 0 0;
    padding:1rem 0 0 0;
    color: white;
    font-size: 1.8rem;

    /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64); */
}
.tr-1{
padding:10rem 0 ;
background-color: #FFF;
clip-path: polygon(50% 9%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
  position: relative;
  margin:10rem 0 0;

}
.bababa{
    margin:4rem 0 0 0 ;
}

.gakushuu-img{
    margin:3rem 0 1rem;
    padding:0;
}
.gakushuu-img img{
    box-shadow: 0px 0px 1px 5px #00B8EA;
border-radius: 0.8rem;
    }
.gakushuu-flex-box{
    max-width:54rem ;
    padding:0 2rem;
}

.gaku-p{
    font-size: 1.8rem;
    margin:2rem 0 0;
    color: #777777;
}

.bg-2{

  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(img/greenfins/local-tourism-forum.png) center center no-repeat;
  background-size: cover;
  width: 100%;
  height:42rem;
  padding-top: 52.5%;
  position: relative;

}

.bg-2-moji-sita{
    position: absolute;
    left:0%;
    top:30%;
    width:24rem ;
    padding:1rem 2rem 1rem 1rem;
    font-size: 2rem;
    font-weight: bold;
    background-color: #00b7ea7e;
    color: #FFF;
}
.bg-2-h2-sita{
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    background-color: #00B8EA;
    position: absolute;
    left:0%;
    bottom:3% ;
    color: #FFF;
    padding:0 10rem 0 0;
}

.bg-2-h2-sita h2{
    border-left: 1rem solid #FFF;
color: #FFF;
    font-size: 2.8rem;
font-weight: bold;
padding:0.4rem 1rem 0 1rem;
margin:1rem auto;
}


.m0{margin: 0; }
.tr-2{
    /* padding:10rem 0 ; */
background-color: #00B8EA;
clip-path: polygon(0 0, 100% 0%, 100% 77%, 0% 100%);
  position: relative;
  margin:0rem 0 0;
  padding:3rem 2rem 20rem;

}
.tr-2 p{
font-size: 2rem;
color: #FFF;
}
.assessor-flex{
    display: flex; 
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.assessor-bg{
    position: relative;
    margin:-15rem 0 0 0;
}
.assessor-bg img{
    margin:0 5rem 2rem 5rem;
}


.assessor-moji-1{
    text-align: center;
    font-size: 2rem;
    font-family: serif;
    color: #464646;
    font-weight: bold;
    margin:8rem 0 12rem;
}

.no-deco{text-decoration: none;
    color: #FFF;
    background-color:#0091D1 ;
    padding:1rem;
    border-radius: 1rem;
    width:32rem;
    box-shadow: 0px 0px 10px -5px #324664;
border-radius: 10px;
margin:1rem;
}
.no-deco:visited{color:#FFF}
.inc-flex{display: flex; flex-wrap: nowrap;align-items: center;}
.inc-flex p{
    font-size: 1.8rem;
    font-weight: bold;
    margin:0 auto;
    text-align: center;
    width: 24rem;
}



.sec-3{margin: 10rem auto 0rem auto;
    padding:15rem 0rem 0;
background-color: #77CBEF;
clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
}
.sec-3-h2-bg{position: relative;
   margin: 0 auto;
    text-align: left;
    max-width: 56rem;
}
.exp-box{
    max-width: 55rem;
    margin:0 1rem;
}
.exp-box img{
    box-shadow: 0px 0px 3px 5px #ffffff;

}
.exp-box p{
color: #FFF;
font-size: 1.8rem;
}


.sec-4{
    background-color:#77CBEF ;
    margin:-1rem auto 0;
    padding:10rem 0 0 0;
}

.sec-4-img{
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.sec-4-img img{
    position: relative;
}

.sec-4-title-bg{
    /* margin:0 0 0 2rem; */
}

.babababa{
   margin: 0 0 0 3rem;
    text-align: left;
    max-width: 56rem;
}
.sec-4-title-1{     
    margin:2rem 0rem 0;
    color: white;
    font-size: 2rem;

}
.sec-4-title-2{
    margin:-1.4rem 0 0 ;
    color: white;
    font-size: 5rem;
    font-family:serif ;
    font-weight: bold;
}

.bibibi{color: #FFF;
padding:0 2rem ;
font-size: 2rem;
}

.flex-saigo{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;

}
.saigo-l{width:26rem;}
.saigo-r{max-width:50rem;}