@charset "utf-8";


section .inner{
  max-width: 1000px;
  width: 90%;
}

/*[ ファーストビュー ]-------------*/

#FV-Image {
  text-align: center;
  position:relative;
}
#FV-Image img {
  width: 100%;
  height: auto;
}

@media screen and ( min-width:981px) {
  #FV-Image {
    margin-top: 115px;
  }
}

@media screen and ( max-width:980px) {
  #FV-Image {
    margin-top: 90px;
  }
}

/*[ 挨拶 ]-------------*/
#greeting {
  font-size: 30px;
  text-align: center;
  margin: 40px auto 80px;
}
#greeting .flex-box {
  margin: 80px 0 60px;
}
#greeting .img {
  width: 350px;
  margin-right: 30px;
}

#greeting .txt {
  width:100%;
  text-align: left;
  margin: 100px auto 0;
}

#greeting h3{
  border-bottom: 1px solid #10998b;
  font-size: 22px;
  padding: 0 0 10px;
  margin-bottom: 10px;
}

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

  #greeting .txt {
    width: 100%;
    text-align: left;
    margin: 80px auto 0;
  }

}


/*[ サービス ]-------------*/
#about {
  font-size: 30px;
  text-align: center;
  margin: 40px auto ;
  padding: 50px 0 80px;
  background: #10998b;
  color: #fff;
}
#about h2 ,#about h2  span{
  text-align: center;
  color: #fff;
}
#about table {
  text-align: left;
  max-width: 800px;
  margin: 100px auto 0;
}
#about table th{
  width: 24%;
  padding: 10px 3% 10px 0;
}
#about table td{
  width: 73%;
  padding: 10px 0;
  line-height: 160%;
}
@media screen and ( min-width:981px) {
  #about table {
    font-size: 18px;
  }
}
@media screen and ( max-width:980px) {
  #about table {
    font-size: 14px;
  }
}


/*[ クライアント ]-------------*/
#philosophy {
  font-size: 30px;
  text-align: center;
  margin: 40px auto 80px;
}

#philosophy .txt {
  max-width: 890px;
  width: 90%;
  margin: 90px auto 50px;
  text-align: left;
}

#philosophy .txt li{
  margin-top: 20px;
}

@media screen and ( min-width:981px) {
  #philosophy .txt li {
    font-size: 18px;
  }
}
@media screen and ( max-width:980px) {
  #philosophy .txt li{
    font-size: 14px;
  }
}

/*[ インフォメーション ]-------------*/
#group {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 100px;
  padding: 40px 0 200px;
  background: #10998b;
  color: #fff;
}

#group h2,#group h2 span {
  text-align: center;
  color: #fff;
}
#group ul {
  margin: 80px auto 0;
}
#group li {
  font-weight: normal;
  width: 30%;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: flex-start;
}
#group li h3 {
  order: 2;
  font-size: 18px;
  padding: 10px 0 20px;
  text-align: center;
  width: 100%;
}
#group a {
  color: #fff;
  display: block;
  margin: 0 auto;
}
#group li .info {
  order: 3;
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}
#group li img {
  order: 1;
  max-width: 320px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}


@media screen and ( max-width:768px) {
  #group li {
    margin-bottom: 40px;
  }
}