/*------------------------
  Page Title
------------------------*/
.page-title-sect {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 220px;
  height: 18.333vw;
  background: url(../images/common/bg_pagetitile.jpg) no-repeat center/cover;
}
.page-title-sect .page-title {
  text-align: center;
  color: #155C17;
  font-size: 38px;
  font-size: 3.167vw;
  font-weight: 700;
}

@media screen and (min-width: 1200px) {
  .page-title-sect {
    height: 220px;
  }
  .page-title-sect .page-title {
    font-size: 38px;
  }
}
@media screen and (max-width: 768px) {
  .page-title-sect {
    height: 120px;
  }
  .page-title-sect .page-title {
    font-size: 30px;
  }
}
/*------------------------
  Column
------------------------*/
main .row-default {
  margin: -1.25vw;
}
main .row-default .col2, main .row-default .col3, main .row-default .col4 {
  padding: 1.25vw;
}

@media screen and (min-width: 1200px) {
  main .row-default {
    margin: -15px;
  }
  main .row-default .col2, main .row-default .col3, main .row-default .col4 {
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  main .row-default {
    margin: -5px;
  }
  main .row-default .col2, main .row-default .col3, main .row-default .col4 {
    padding: 5px;
  }
}