/* philosophy ///////////////////////////////////////////////////////////// */
#greeting {}
#greeting h1 span {
  font-size: 1.2rem;
  text-align: center;
  display: block;
  letter-spacing: .05em;
  line-height: 1em;
}
#greeting p {
  letter-spacing: .06em;
  line-height: 2em;
}
#greeting p span {
  font-size: 1.2rem;
  text-align: center;
}
#greeting .container-xxl h1 {
  color: #555;/*letter-spacing: .15em;*/
  line-height: 2em;
}
#greeting .BGtitle {
  color: #fff;
  width: 100%;
  height: 180px;
  background-image: url(../../images/common/top_page_BG/topGbImg.jpg);
  /*background-size: cover;*/
  background-attachment: fixed;
  background-position: 55% -30%;
  background-repeat: no-repeat;
}
/*lg*/
@media screen and (min-width: 992px) {
  #greeting .BGtitle {
    background-position: center top;
  }
}
#greeting .BGcol {
  width: 100%;
  height: 180px;
  background-color: rgba(0, 0, 0, .6);
}
/*sm*/
@media screen and (min-width: 576px) and (max-width : 767px) {
  #greeting .BGtitle,#greeting .BGcol {
    height: 200px;
  }
}
/*md*/
@media screen and (min-width: 768px) and (max-width : 991px) {
  #greeting .BGtitle,#greeting .BGcol {
    height: 250px;
  }
}
/*lg*/
@media screen and (min-width: 992px) and (max-width : 1199px) {
  #greeting .BGtitle,#greeting .BGcol {
    height: 300px;
    background-position: 55% -15%;
  }
}
/*xl*/
@media screen and (min-width: 1200px) {
  #greeting .BGtitle,#greeting .BGcol {
    height: 460px;
  }
}

#greeting .BGcol1 {
  /*width: 100%;*/
  height: 100%;
  background: linear-gradient(120deg, rgba(30, 105, 222,.8) 0%, rgba(30, 105, 222, 1) 100%);
  background: -moz-linear-gradient(120deg, rgba(30, 105, 222,.8) 0%, rgba(30, 105, 222, 1) 100%);
  background: -webkit-linear-gradient(120deg, rgba(30, 105, 222, .8) 0%, rgba(30, 105, 222, 1) 100%);
}
/*xxl*/
@media screen and (min-width : 1400px) {
  #greeting .BGcol1 {
    border-radius: 1rem;
  }
}
/* BGimg ------------------------------------------ */
#greeting .BGimg1 {
  width: 100%;
  height: 300px;
  background-image: url(../../images/greeting/greeting_bg1.jpg);
  background-size: cover;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
}
/*sm-xxl*/
@media screen and (min-width: 576px) {
  #greeting .BGimg1 {
    width: 100%;
    height: 400px;
    background-image: url(../../images/greeting/greeting_bg1.jpg);
    background-attachment: fixed;
  }
}
#greeting .BGimg2 {
  width: 100%;
  height: 300px;
  background-image: url(../../images/greeting/greeting_bg2.jpg);
  background-size: cover;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
}
/*sm-xxl*/
@media screen and (min-width: 576px) {
  #greeting .BGimg2 {
    width: 100%;
    height: 400px;
    background-image: url(../../images/greeting/greeting_bg2.jpg);
    background-attachment: fixed;
  }
}
#greeting .BGimg3 {
  width: 100%;
  height: 300px;
  background-image: url(../../images/greeting/greeting_bg3.jpg);
  background-size: cover;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
}
/*sm-xxl*/
@media screen and (min-width: 576px) {
  #greeting .BGimg3 {
    width: 100%;
    height: 400px;
    background-image: url(../../images/greeting/greeting_bg3.jpg);
    background-attachment: fixed;
  }
}