@charset "UTF-8";
/* CSS Document */
/* Service共通 */
.service h2,
.service h3 {
  font-weight: 500;
}

.service h2 {
  font-size: 20px;
}

.service p {
  font-size: 14px;
}

.service figure {
  margin: 1em;
}

.service .bg_line {
  width: 100%;
  height: 6px;
  background: url("/service/img/line-gradient.png") no-repeat;
  background-size: 100%;
}

.service .title {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  font-weight: 500;
  text-shadow: 2px 3px 3px #444444;
}

.service .title h1 {
  font-size: 2.3em;
}

.service .title p {
  font-size: 1.5em;
  line-height: 1.5;
  padding-bottom: 1em;
}

.service .section1 {
  background: #eeeeee;
  padding: 3em 1em 2.5em;
}

.service .section1 h2 {
  font-size: 1.4em;
  margin-top: 1em;
}

.service .section1 ul {
  margin-top: 52px;
  justify-content: space-between;
  gap: 40px;
}

.service .section1 ul li h3 {
  font-size: 17px;
}

.service .section1 ul li p {
  font-size: 0.9em;
  letter-spacing: 0.1em;
  margin-top: 1em;
}

.service .section2 .content1,
.service .section2 .content2,
.service .section2 .content3 {
  padding: 3.5em 0;
}

.service .section2 h2 {
  font-size: 1.3em;
}

.service .section2 .content1 .row {
  margin-top: 3em;
  gap: 30px;
  justify-content: space-between;
  align-items: center;
}

.service .section2 .content1 ul li:nth-of-type(n + 2),
.service .section2 .content1 ol li:nth-of-type(n + 2) {
  margin-top: 2em;
}

.service .section2 .content1 h3 {
  font-size: 1.1em;
  text-indent: -1em;
  padding-left: 1em;
}

.service .section2 .content1 p {
  padding: 1em 0 1em 1em;
}

.service .section2 .content2 ul {
  align-items: baseline;
  justify-content: space-around;
  margin-top: 3em;
}

.service .section3 {
  background: #eeeeee;
  padding: 5em 0;
}

.service .section3 ol li {
  margin-top: 3em;
}

.service .section3 ol li:first-of-type {
  margin-top: 1em;
}

.service .section3 p {
  margin-top: 1em;
}

/* WEBサイト制作 */
.web-production .mainvisual {
  width: 100%;
  height: 302px;
  background: url("/service/img/fv_web-production.jpg") no-repeat;
  background-size: cover;
}

.web-production .section2 .content2 ul {
  padding: 0 15px;
}

.web-production .section2 .content2 img {
  max-width: 100%;
}

.web-production .section2 .content3 {
  justify-content: space-between;
  align-items: center;
}

.web-production .section2 .content3 {
  gap: 1em;
}

.web-production .section2 .content3 p {
  width: 55%;
}

.web-production .section3 h2 {
  color: #fff;
  padding: 1em 0;
}

.web-production .section3 h3 {
  color: #006837;
}

.web-production .section3 .flow_row {
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  gap: 42px;
  padding: 0 1em;
}

.web-production .section3 .flow_row figure {
  margin: 0;
}

.web-production .section3 .bg_sec-production {
  max-width: 1060px;
  width: 100%;
  height: 195px;
  background: url("/service/img/bg_sec-production.jpg") no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: auto;
}

/* WEBサイト運営 */
.web-management .mainvisual {
  width: 100%;
  height: 302px;
  background: url("/service/img/fv_web-management.jpg") no-repeat;
  background-size: cover;
}

.web-management .section3 .bg_sec-management {
  max-width: 1060px;
  width: 100%;
  height: 195px;
  background: url("/service/img/bg_sec-management.jpg") no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 2em auto;
}

.web-management .section3 .lead h3 {
  margin-top: 3em;
}

.web-management .section3 .lead p:first-of-type {
  font-size: 18px;
  font-weight: 500;
  margin-top: 2.5em;
}

.web-management .section3 .lead p:nth-of-type(2) {
  padding: 0 1.5em;
}

.web-management .section3 .row {
  gap: 3em;
  align-items: center;
  margin-top: 3em;
}

/* title 系 */
.mainclm h2 {
  font-size: 1.92em;
  margin-bottom: 22px;
  line-height: 1.5;
  text-align: center;
}

.mainclm h3 {
  color: #2070a3;
  font-size: 1.385em;
  margin-bottom: 8px;
}

.mainclm ul,
.mainclm ol {
  list-style: none;
}

@media screen and (max-width: 959px) {
  /* 959px以下に適用されるCSS（タブレット用） */
  .tab-w100 {
    width: 100% !important;
  }
  .tab-none {
    display: none;
  }
}

@media (max-width: 768px) {
  /*　サービス共通　*/
  .service .mainvisual {
    height: 330px;
  }
  .service .title p {
    font-size: 1.3em;
  }
  .service figure {
    width: 100%;
    text-align: center;
  }
  .service .section1 {
    padding: 3em 0;
  }
  .service .section1 .lead {
    font-size: 16px;
  }
  .service .section1 ul {
    padding: 0 15px;
    gap: 60px;
  }
  .service .section1 ul p {
    margin-top: 1em;
  }
  .service .section2 {
    padding-bottom: 40px;
  }
  .service .section2 .content1 p {
    padding: 0;
  }
  .service .section2 .content1 figure {
    margin: 1em 0;
  }
  .service .section2 p {
    margin-top: 1em;
  }
  .service .bg_line_sp {
    background: url("/service/img/line-gradient_sp.png") no-repeat;
    background-size: 100%;
    width: 100%;
    height: 2px;
    margin-top: 2em;
  }
  /* Web制作 */
  .web-production .mainvisual {
    background: url("/service/img/fv_web-production_sp.jpg") no-repeat;
    background-size: cover;
  }
  .web-production .section2 .content2 ul {
    gap: 1em;
  }
  .web-production .section3 .container {
    padding: 0;
  }
  .web-production .section3 h2 {
    text-align: center;
    padding: 1em;
    line-height: 1.5;
    font-size: 18px;
  }
  .web-production .section3 .bg_sec-production {
    background: url("/service/img/bg_sec-production_sp.jpg") no-repeat;
    height: 140px;
  }
  .web-production .section3 .flow_row {
    margin-top: 4em;
  }
  /* Web運営 */
  .web-management .mainvisual {
    background: url("/service/img/fv_web-management_sp.jpg") no-repeat;
    background-size: cover;
  }
  .web-management .section3 .bg_sec-production {
    background: url("/service/img/bg_sec-management_sp.jpg") no-repeat;
    height: 140px;
  }
  .web-management .section3 .row {
    margin-top: 1em;
  }
}
/*# sourceMappingURL=index.css.map */