@charset "UTF-8";
/* カラー設定
=========================================== */
* {
  color: #000000;
}

/* フォント設定
=========================================== */
.noto {
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 400;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.lato {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  letter-spacing: 0em;
}

/*service_nav
=========================================== */
.service_nav {
  margin-top: -7.3206442167vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .service_nav {
    margin-top: -21.3333333333vw;
  }
}
.service_nav .service_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.4641288433vw;
}
@media (max-width: 767px) {
  .service_nav .service_link {
    gap: 2.6666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    max-width: 380px;
  }
}
@media (max-width: 767px) {
  .service_nav .service_link li {
    width: 100%;
  }
}
.service_nav .service_link li a {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10.980966325vw;
  height: 10.980966325vw;
  text-align: center;
  margin: 0 auto;
  line-height: 1.6;
  position: relative;
}
@media (max-width: 767px) {
  .service_nav .service_link li a {
    width: 100%;
    height: 16vw;
    font-size: 1.2rem;
  }
}
.service_nav .service_link li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1.0980966325vw;
  right: 0;
  left: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .service_nav .service_link li a:after {
    bottom: 1.3333333333vw;
  }
}
@media (hover: hover) {
  .service_nav .service_link li a:hover:after {
    bottom: 0.3660322108vw;
  }
}
@media (hover: hover) and (max-width: 767px) {
  .service_nav .service_link li a:hover:after {
    bottom: 0vw;
  }
}
.service_nav .service_link li:nth-child(1) a {
  background: #fee898;
}
.service_nav .service_link li:nth-child(2) a {
  background: #f6c0d7;
}
.service_nav .service_link li:nth-child(3) a {
  background: #cae093;
}
.service_nav .service_link li:nth-child(4) a {
  background: #b9e3f9;
}

/*business
=========================================== */
#business {
  padding-bottom: 0;
}
#business .content_box {
  text-align: center;
  margin: 0 auto;
}
#business .content_box p {
  margin-bottom: 2.9282576867vw;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  #business .content_box p {
    margin-bottom: 10.6666666667vw;
    text-align: left;
  }
}
#business .content_box figure {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
#business .content_box figure img {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/*service
=========================================== */
.sec_service {
  padding-top: 6.588579795vw;
}
.sec_service .container {
  width: 73.2064421669vw;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .sec_service .container {
    width: 90%;
  }
}
.sec_service .ttl {
  padding: 0.7320644217vw 0;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2.9282576867vw;
}
@media (max-width: 767px) {
  .sec_service .ttl {
    padding: 2.6666666667vw 0;
    margin-bottom: 5.3333333333vw;
  }
}
.sec_service#service01, .sec_service#service03, .sec_service#service04 {
  padding-bottom: 0;
}
.sec_service#service01 .ttl {
  background: #fee898;
}
.sec_service#service02 .ttl {
  background: #f6c0d7;
}
.sec_service#service03 .ttl {
  background: #cae093;
}
.sec_service#service04 .ttl {
  background: #b9e3f9;
}
.sec_service .content_box ul.service_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.6603221083vw;
  margin: 3.6603221083vw auto 0;
  max-width: 36.6032210835vw;
  text-align: center;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box {
    gap: 10.6666666667vw;
    margin-top: 10.6666666667vw;
    max-width: 100%;
  }
}
.sec_service .content_box ul.service_box li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.7320644217vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li {
    gap: 2.6666666667vw;
  }
}
.sec_service .content_box ul.service_box li h3 {
  text-align: center;
  margin: 0 auto;
}
.sec_service .content_box ul.service_box li p {
  text-align: left;
}
.sec_service .content_box ul.service_box li img {
  text-align: center;
  margin: 0 auto;
}
.sec_service .content_box ul.service_box li img.logo_esia {
  width: 8.78477306vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_esia {
    width: 32vw;
  }
}
.sec_service .content_box ul.service_box li img.logo_anetrise {
  width: 11.1273792094vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_anetrise {
    width: 40.5333333333vw;
  }
}
.sec_service .content_box ul.service_box li img.logo_fuji {
  width: 10.980966325vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_fuji {
    width: 40vw;
  }
}
.sec_service .content_box ul.service_box li img.logo_sofia {
  width: 9.5168374817vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_sofia {
    width: 34.6666666667vw;
  }
}
.sec_service .content_box ul.service_box li img.logo_vnet {
  width: 6.2957540264vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_vnet {
    width: 22.9333333333vw;
  }
}
.sec_service .content_box ul.service_box li img.logo_vst {
  width: 9.1508052709vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_vst {
    width: 33.3333333333vw;
  }
}
.sec_service .content_box ul.service_box li img.logo_shane {
  width: 13.17715959vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_shane {
    width: 48vw;
  }
}
.sec_service .content_box ul.service_box li img.logo_eqwel {
  width: 12.5915080527vw;
}
@media (max-width: 767px) {
  .sec_service .content_box ul.service_box li img.logo_eqwel {
    width: 45.8666666667vw;
  }
}
@media (hover: hover) {
  .sec_service .content_box ul.service_box a:hover {
    opacity: 0.6;
  }
}/*# sourceMappingURL=service.css.map */