body{
  background: #00aeeb;
}

img{
  width: 100%;
  height: auto;
}
/* ===========================================================================
// LP
=========================================================================== */
.p-lp{
  max-width: 1125px;
  margin-inline: auto;
}

.p-lp__img{
}

.p-lp__contact{
  padding-block: 14.6666%;
  background: #ffef00;
}

.p-lp__contact-txt-01{
  margin: 0 auto 5%;
  display: block;
  width: 89.3333%;
}
.p-lp__contact-txt-02{
  display: block;
  width: 55.2%;
  margin: 0 auto 8%;
}

.p-lp__contact-btn{
  margin-inline: auto;
  display: block;
  width: 92%;
  transition: opacity .2s;
}

@media (any-hover: hover) {
  .p-lp__contact-btn:hover{
    opacity: 0.6;
  }
}

.p-lp__accsess{
  display: flex;
  flex-direction: column;
  padding: 10.6666% 0 10%;
  background: #fff;
}

.p-lp__accsess-item{
  padding: 0 0 0 3.7735849057%;
  width: 70.6666%;
  margin-inline: auto ;
}

.p-lp__accsess-item + .p-lp__accsess-item{
  margin-top: 18.8679245283%;
}

.p-lp__accsess-name{
  margin: 0 0 2%;
  width: 93.5849056604%;
  height: auto;
}

.p-lp__accsess-txt{
  margin: 0 0 2%;
  font-size: 48px;
  line-height: 1.5;
}

@media screen and (width < 1125px){
  .p-lp__accsess-txt{
    font-size: 4vw;
  }
}

.p-lp__accsess-txt a{
  color: #00aeeb;
  text-decoration: underline;
  text-underline-offset: 10px;
  transition: opacity .2s;
}

@media (any-hover: hover) {
  .p-lp__accsess-txt a:hover{
    opacity: 0.6;
  }
}

.p-lp__accsess-image{
  width: 93.5849056604%;
  height: auto;
  display: block;
}

.p-lp__link{
  background: #fff;
}

.p-lp__link-btn{
  margin-inline: auto;
  display: block;
  width: 92%;
  transition: opacity .2s;
}

@media (any-hover: hover) {
  .p-lp__link-btn:hover{
    opacity: 0.6;
  }
}

.p-lp__copyright{
  text-align: center;
  padding: 13.3333% 20px;
  background: #fff;
}

.p-lp__copyright p{
  font-size: 40px;
}

@media screen and (width < 1125px){
  .p-lp__copyright p{
    font-size: 3.46vw;
  }
}