header {
  height: 5rem;
  background: url(/img/service/back/service_bg.png) 3% 0;
  background-size: contain;
  background-attachment: local;
  background-repeat: no-repeat;
  padding-top: 1.3rem;
}

main {
  display: flex;
  justify-content: space-between;
}

/* コンテンツ */
.contents {
  width: 72%;
  margin-top: -12%;
}

section {
  width: 100%;
  padding-top: 3rem;
  margin-top: -3rem;
  margin-bottom: 5%;
}

section div {
  margin-left: 7%;
  width: 65.3%;
}

h2 {
  letter-spacing: 0.1rem;
  font-size: min(max(3vw), 1.5rem);
  margin: 2% 0;
}

h3 {
  font-size: min(max(2.4vw), 1.2rem);
  font-weight: normal;
  text-shadow: 0 0 1px #000;
}

.service_img {
  display: block;
  width: 100%;
}

.service_img img {
  width: 100%;
}

#drone img {
  margin: 10% 0;
}

.describe {
  font-size: min(max(2vw), 1rem);
  line-height: 2;
  margin: 4% 0 2% 0;
}

.contents {
  background: url(/img/service/back/image_ai_bg.png) 0 0;
  background-size: 95%;
  background-attachment: local;
  background-repeat: no-repeat;
  padding-top: 10%;
}

#mobile {
  background: url(/img/service/back/mobile_bg.png);
  background-size: 90%;
  background-attachment: local;
  background-repeat: no-repeat;
}

#application {
  background: url(/img/service/back/application_bg.png) 0 100%;
  background-size: 70%;
  background-attachment: local;
  background-repeat: no-repeat;
}

#control {
  margin-top: -3.5%;
  padding-bottom: 5%;
}

#drone {
  background: url(/img/service/back/drone_bg.png) 65% 0;
  background-size: 70%;
  background-attachment: local;
  background-repeat: no-repeat;
  padding-bottom: 5%;
}

#cloud {
  background: url(/img/service/back/cloud_bg.png);
  background-size: 100%;
  background-attachment: local;
  background-repeat: no-repeat;
}

/* safari */
_::-webkit-full-page-media,
_:future,
:root .main_title {
  height: 5vw;
}

_::-webkit-full-page-media,
_:future,
:root .main_title h1 {
  margin-top: -1vw;
}