#main .main_content::before {
  background-image: url(../images/main_brand.png);
}
@media screen and (max-width: 767px) {
  #main .main_content::before {
    width: 21rem;
    transform: translateX(0%) translateY(60%);
  }
}
#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;
  }
}
#main .lpa3-note {
  position: absolute;
  text-align: center;
  font-weight: bold;
  color: #f00;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  #main .lpa3-note {
    width: 24rem;
    right: 0;
    top: 30rem;
  }
}
@media screen and (min-width: 768px) {
  #main .lpa3-note {
    right: -9dvw;
    width: 20dvw;
    top: 18dvw;
    font-size: 1.1dvw;
  }
}
@media screen and (min-width: 768px) {
  #main .first-time {
    top: 6vw;
  }
}
#main .first-time .ttl {
  text-align: center;
  font-size: 1.4rem;
  padding: 0.5rem 1rem 1rem;
}
@media screen and (min-width: 768px) {
  #main .first-time .ttl {
    transform: translateY(20%);
    text-shadow: -2px -1px 0 #fff, -2px 0px 0 #fff, -2px 1px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, 0px -2px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 0px 2px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 2px -1px 0 #fff, 2px 0px 0 #fff, 2px 1px 0 #fff;
  }
}
@media screen and (min-width: 1367px) {
  #main .first-time .ttl {
    font-size: 1.25vw;
    text-shadow: -2px -1px 0 #fff, -2px 0px 0 #fff, -2px 1px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, 0px -2px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 0px 2px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 2px -1px 0 #fff, 2px 0px 0 #fff, 2px 1px 0 #fff;
    filter: drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.4));
  }
}
@media screen and (max-width: 767px) {
  #main .first-time .ttl {
    font-size: 1.6rem;
    text-shadow: -1px 0px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 1px 0px 0 #fff;
  }
}
#main .first-time .ttl span {
  display: inline-flex;
  letter-spacing: 0.08em;
}
#main .first-time .ttl::before {
  content: none;
}

.signal {
  padding: 0 2rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .signal {
    margin-bottom: 10rem;
  }
}
.signal img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100rem;
}
.signal .section_title {
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .signal .section_title {
    margin-bottom: 8rem;
  }
}
.signal .section_title .black {
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  display: block;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .signal .section_title .black {
    font-size: 4rem;
  }
}
.signal .section_title .color {
  display: flex;
  justify-content: center;
  font-size: 4rem;
  letter-spacing: 0.1em;
  line-height: 1.2;
  filter: drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.4));
  text-shadow: -3px -1px 0 #fff, -3px 0px 0 #fff, -3px 1px 0 #fff, -2px -2px 0 #fff, -2px -1px 0 #fff, -2px 0px 0 #fff, -2px 1px 0 #fff, -2px 2px 0 #fff, -1px -3px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, -1px 3px 0 #fff, 0px -3px 0 #fff, 0px -2px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 0px 2px 0 #fff, 0px 3px 0 #fff, 1px -3px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 1px 3px 0 #fff, 2px -2px 0 #fff, 2px -1px 0 #fff, 2px 0px 0 #fff, 2px 1px 0 #fff, 2px 2px 0 #fff, 3px -1px 0 #fff, 3px 0px 0 #fff, 3px 1px 0 #fff;
}
@media screen and (min-width: 768px) {
  .signal .section_title .color {
    font-size: 6rem;
    text-shadow: -5px -1px 0 #fff, -5px 0px 0 #fff, -5px 1px 0 #fff, -4px -3px 0 #fff, -4px -2px 0 #fff, -4px -1px 0 #fff, -4px 0px 0 #fff, -4px 1px 0 #fff, -4px 2px 0 #fff, -4px 3px 0 #fff, -3px -4px 0 #fff, -3px -3px 0 #fff, -3px -2px 0 #fff, -3px -1px 0 #fff, -3px 0px 0 #fff, -3px 1px 0 #fff, -3px 2px 0 #fff, -3px 3px 0 #fff, -3px 4px 0 #fff, -2px -4px 0 #fff, -2px -3px 0 #fff, -2px -2px 0 #fff, -2px -1px 0 #fff, -2px 0px 0 #fff, -2px 1px 0 #fff, -2px 2px 0 #fff, -2px 3px 0 #fff, -2px 4px 0 #fff, -1px -5px 0 #fff, -1px -4px 0 #fff, -1px -3px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, -1px 3px 0 #fff, -1px 4px 0 #fff, -1px 5px 0 #fff, 0px -5px 0 #fff, 0px -4px 0 #fff, 0px -3px 0 #fff, 0px -2px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 0px 2px 0 #fff, 0px 3px 0 #fff, 0px 4px 0 #fff, 0px 5px 0 #fff, 1px -5px 0 #fff, 1px -4px 0 #fff, 1px -3px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 1px 3px 0 #fff, 1px 4px 0 #fff, 1px 5px 0 #fff, 2px -4px 0 #fff, 2px -3px 0 #fff, 2px -2px 0 #fff, 2px -1px 0 #fff, 2px 0px 0 #fff, 2px 1px 0 #fff, 2px 2px 0 #fff, 2px 3px 0 #fff, 2px 4px 0 #fff, 3px -4px 0 #fff, 3px -3px 0 #fff, 3px -2px 0 #fff, 3px -1px 0 #fff, 3px 0px 0 #fff, 3px 1px 0 #fff, 3px 2px 0 #fff, 3px 3px 0 #fff, 3px 4px 0 #fff, 4px -3px 0 #fff, 4px -2px 0 #fff, 4px -1px 0 #fff, 4px 0px 0 #fff, 4px 1px 0 #fff, 4px 2px 0 #fff, 4px 3px 0 #fff, 5px -1px 0 #fff, 5px 0px 0 #fff, 5px 1px 0 #fff;
  }
}

#point .point_wrap .point_content .points .point {
  will-change: transform;
}

#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;
  }
}

#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%);
  }
}

#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;
}