* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

a,
a:hover {
  text-decoration: none;
}

img {
  width: 100%;
}

.mb-4 {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 0px;
}

.mt-4 {
  margin-top: 40px;
}

.mb-5 {
  margin-bottom: 40px;
}

/* banner */
#banner {
  min-height: 55vh;
  background: url(/d/file/en/esg/banner.jpg) top center no-repeat;
  background-size: cover;
  padding-top: 170px;
}

#banner h1 {
  color: white;
  font-size: 32px;
  line-height: 50px;
  letter-spacing: 2px;
}

#banner h1 span {
  font-size: 24px;
  letter-spacing: 0px;
}

/* desc */
#desc {
  padding: 20px 0;
}

#desc h2 {
  font-size: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* lg */
.img-none {
  display: none;
}

.img-block {
  display: block;
}

/* room */
.room-1 {
  position: relative;
}

ul.room-1-desc {
  position: absolute;
  width: 80%;
  top: 15px;
  left: 30px;
}

ul.room-1-desc li {
  list-style-type: disc;
  margin-left: 2em;
  font-size: 15px;
  margin-bottom: 10px;
  color: white;
}

/* social */
#social {
  background-color: #eaeff1;
  margin-top: 30px;
  padding: 30px 0;
}

.soical-green {
  background-color: #409b10;
  padding: 30px 0px 20px;
  color: white;
}

#social ul li {
  list-style-type: disc;
  margin-left: 2em;
  margin-bottom: 10px;
  margin-left: 20px;
}

#social h2 {
  font-size: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#social p {
  padding-bottom: 20px;
}

.group-img {
    margin-bottom: 10px;
}

.project-wrapper {
  height: 100%;
}

.project-wrapper img {
  height: 100%;
  object-fit: cover;
}

/* gover */
#gover {
  padding-top: 20px;
}

#gover h2 {
  font-size: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.border-green {
  border-color: #409b10 !important;
  border: 1px solid #409b10 !important;
}

.gover {
  padding-top: 30px;
}

.gov-i {
  position: relative;
}

.gov-i img {
  width: 40px;
}

.gov-i img {
  position: absolute;
  left: 45%;
  top: -50px;
}

.gov-desc {
  height: 80px;
}

.gov-desc p {
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
}

.gov-pic {
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
}

.gov-pic img {
  width: 150px;
}

/* future-pic */
#future {
  background-color: #eaeff1;
  padding-top: 20px;
  padding-bottom: 50px;
  margin-top: 20px;
}

#future h2 {
  font-size: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.future-pic img {
  width: 300px;
}


@media screen and (max-width:600px){
    
    .room-img-wap{
        display: block;
    }
    .room-img-pc{
        display: none;
    }
    ul.room-1-desc li {
      font-size: 16px;
    }

}

@media screen and (min-width:960px){
    
    #future h2 {
      padding-top: 80px;

    }
    
    .room-img-wap{
        display: none;
    }
    .room-img-pc{
        display: block;
    }


}