#main .main_content::before {
  background-image: url(../images/main_brand.png);
}
#main .main_content .txt_lg {
  background-image: url(../images/txt_lg.png);
}
@media screen and (min-width: 768px) {
  #main .main_content .txt_lg {
    width: 54vw;
  }
}
@media screen and (max-width: 767px) {
  #main .main_content .txt_lg h1 {
    font-size: 3.8rem;
  }
}
@media screen and (min-width: 768px) {
  #main .main_content .txt_lg h1 {
    font-size: 4.8vw;
  }
}

#point {
  background: #b7c1c2;
  margin-top: -15rem;
  padding-top: 18rem;
}
@media screen and (min-width: 768px) {
  #point {
    margin-top: -23rem;
    padding-top: 30rem;
  }
}
#point .signal {
  padding: 0 2rem;
  margin-top: 5rem;
}
#point .signal img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 75rem;
  border-radius: 1.5rem;
}
@media screen and (min-width: 768px) {
  #point .signal img {
    border-radius: 3rem;
  }
}

#service {
  background: linear-gradient(to bottom, #ffeb64 95%, transparent 95%);
}
@media screen and (min-width: 768px) {
  #service {
    background: linear-gradient(to bottom, #ffeb64 80%, transparent 80%);
  }
}

#compatible {
  margin-top: 0;
  padding-top: 0;
}
#compatible::before {
  background: transparent;
}
@media screen and (max-width: 767px) {
  #compatible .section_title_app_title .apple_ttl {
    font-size: 3.2rem;
  }
}

#trouble {
  padding-bottom: 20rem;
}

#app .app_wrap {
  align-items: center;
}
#app .app_wrap .app_content {
  text-align: center;
}
#app .app_wrap .app_content .list {
  justify-content: center;
}

@media screen and (min-width: 768px) {
  #app .app_wrap .app_content .list {
    margin-right: -5rem;
    margin-left: -5rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
#app .app_wrap .app_content .list .item {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border-radius: 1rem;
  filter: drop-shadow(0 0.6rem 0.4rem rgba(0, 0, 0, 0.2509803922));
}
@media screen and (min-width: 768px) {
  #app .app_wrap .app_content .list .item {
    aspect-ratio: 20/16;
    width: 19rem;
  }
}
#app .app_wrap .app_content .list .item-1 {
  background-image: url(../images/app-1.png);
}
#app .app_wrap .app_content .list .item-2 {
  background-image: url(../images/app-2.png);
}
#app .app_wrap .app_content .list .item-3 {
  background-image: url(../images/app-3.png);
}
#app .app_wrap .app_content .list .item-4 {
  background-image: url(../images/app-4.png);
}
#app .app_wrap .app_content .list .item-5 {
  background-image: url(../images/app-5.png);
}