.banner{
  background-image: url(../../image/banner/02.jpg);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.section1{
  padding: min(20vw,120px) 20px min(30vw,250px);
}

.section2,
.section3,
.section4{
  padding: 0 50px;
}

.section2,
.section4{
  background-color: #efefef;
}

.section1-wrap,
.section2-wrap,
.section3-wrap,
.section4-wrap{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.top-img{
  width: 100%;
  height: auto;
}

.blue-banner,
.org-banner,   
.green-banner{
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: auto;
}

.blue-img{
  padding-top: min(10vw,250px);
  padding-bottom: min(10vw,148px);
  width: 100%;
  height: auto;
}

.org-img{
  padding-top: min(10vw,148px);
  padding-bottom: min(10vw,148px);
  width: 100%;
  height: auto;

}

.green-img{
  margin-top: min(10vw,148px);
  padding-bottom: min(10vw,148px);
  width: 100%;
  height: auto;
}


.blue-banner_mobile,
.org-banner_mobile,
.green-banner_mobile{
  display: none;
}

.blue-img_mobile,
.org-img_mobile,
.green-img_mobile{
  display: none;
}


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

  .section1 {
    padding: 8% 8% 8%;
  }

  .blue-banner,
  .org-banner,
  .green-banner{
    display: none;
  }

  .blue-img,
  .org-img,
  .green-img{
    display: none;
  }

  .blue-banner_mobile,
  .org-banner_mobile,
  .green-banner_mobile{
    display: block;
    width: 100%;
  }

  .blue-img_mobile,
  .org-img_mobile,
  .green-img_mobile{
    display: block;
    width: 100%;
    padding: 0 10% 0;
  }

  .blue-img_mobile{
    margin-top: 45px;
  }

  .green-img_mobile{
    padding-bottom: 80px;
  }


  .section2, .section3, .section4 {
    padding: 0;
  }
  

}