@charset "UTF-8";
/*---------------------------
    一覧横並び
---------------------------*/
div#content > section.flex-item {
  display: flex;
  justify-content: left;
}
div#content > section.flex-item > section {
  width: 32%;
}

/*---------------------------
    サービス一覧
---------------------------*/
ul.serviceList {
  display: flex;
  justify-content: space-around;
  margin: 30px 0 10px;
  padding: 0;
}
ul.serviceList > li {
  width: 160px;
}
ul.serviceList > li > a > dl {
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.serviceList > li > a > dl > dt {
  margin: 15px 0px;
  padding: 0px;
  font-size: 16px;
}
ul.serviceList > li > a > dl > dd {
  margin: 0px;
  padding: 0px;
}
ul.serviceList > li > a > dl > dd > i.fa {
  font-size: 56px;
  color: #009A5A;
}
ul.serviceList > li > a:hover i.fa {
  opacity: 0.5;
}

/*---------------------------
    バナー
---------------------------*/
section.bannerArea > hr {
  margin: 0 10px;
  width: auto;
  border: solid 1px #009A5A;
}

ul.bannerList {
  margin: 20px 0 0;
  padding: 0;
}
ul.bannerList > li {
  float: left;
  margin: 0 20px 20px;
  width: 300px;
}
ul.bannerList > li > a > dl {
  margin: 0 auto;
}
ul.bannerList > li > a > dl > dt {
  padding: 0;
}
ul.bannerList > li > a > dl > dt > img {
  width: 280px;
}

span.mail-receive {
  letter-spacing: 0px;
}

section.list {
  margin-left: 2%;
}

p.main-banner {
  text-align:center;
}
p.main-banner > a > img {
  max-width: 1280px;
  width: 100%;
  text-align:center;
  margin: 0 auto;
}

ul.outer-banner {
  padding: 0;
  margin: 0 auto;
  max-width: 1280px;
}
ul.outer-banner > li {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
ul.outer-banner > li:nth-child(odd) {
  text-align: left;
}
ul.outer-banner > li:nth-child(even) {
  text-align: right;
}
ul.outer-banner > li > a > img {
  max-width: 630px;
  width: 100%;
}

/*---------------------------
    サービス紹介バナー
---------------------------*/
ul.serviceBannerList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 0;
}
ul.serviceBannerList > li {
  flex-basis: 32.5%;
  margin: 0 5px 10px;
}
ul.serviceBannerList > li > a > img {
  max-width: 444px;
}
@media (max-width:1366px) {
  ul.serviceBannerList {
    display: flex;
    flex-wrap: wrap;
    width: 1066px;
    margin: 20px auto 0;
    padding: 0;
  }
  ul.serviceBannerList > li {
    flex-basis: 32.3%;
    margin: 0 5px 10px;
  }
  ul.serviceBannerList > li > a > img {
    max-width: 344px;
  }
}
@media (max-width:1066px) {
  ul.serviceBannerList {
    display: flex;
    flex-wrap: wrap;
    width: 769px;
    margin: 20px auto 0;
    padding: 0;
  }
  ul.serviceBannerList > li {
    flex-basis: 32%;
    margin: 0 5px 10px;
  }
  ul.serviceBannerList > li > a > img {
    max-width: 246px;
  }
}