@charset "UTF-8";

/*----------------
  カウンセリングLP 2604
----------------*/
@media screen and (min-width: 769px) {
  .counselinglp-2604 {
    overflow-x: auto;
  }
}

.container {
  max-width: 960px;
  margin-inline: auto;
  width: 100%;
}

.button {
  display: block;
  margin-inline: auto;
  transition: opacity 0.2s ease;

  max-width: 580px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .button {
    max-width: 300px;
  }
}


.button:hover {
  opacity: 0.88;
}

/* hero */
.hero {
  background-color: #ffffff;
}

.hero__inner {
  position: relative;
}

.hero__inner>img,
.lp-campaign__inner>img,
.lp-contact__inner>img,
.lp-footer__inner>img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-cta {
  padding: 40px 20px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .hero-cta {
    padding: 20px 16px 0;
  }
}

/* キャンペーンについて */
.lp-campaign {
  background-color: #fff;
}

.lp-campaign__inner {
  padding-block: 80px;
}

@media screen and (max-width: 768px) {
  .lp-campaign__inner {
    padding-block: 40px;
  }
}

.lp-campaign__visual {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

@media screen and (max-width: 768px) {
  .lp-campaign__visual {
    gap: 40px;
  }
}

.lp-campaign__cta {
  padding: 40px 20px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .lp-campaign__cta {
    padding: 20px 16px 0;
  }
}

.cta-button img {
  display: block;
  width: 100%;
  height: auto;
}

/*----------------
  フッター
----------------*/
.footer {
  background-color: #00ada0;
}

.footer__wrap {
  padding: 20px 15px;
  display: flex;
  justify-content: center;
  gap: 30px;
}

@media all and (min-width: 768px) {
  .footer__wrap {
    padding: 20px 20px 40px;
  }
}

.footer__main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  gap: 20px;
}

.footer__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}

.footer__title img {
  max-width: 644px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .footer__title img {
    max-width: 100%;
  }
}

.footer__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}

.footer__info img {
  max-width: 570px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .footer__info img {
    max-width: 100%;
  }
}

/*----------------
  注釈
----------------*/
.notes {
  padding: 0 15px 40px;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
}

@media all and (max-width: 767px) {
  .notes {
    font-size: 11px;
    text-align: left;
    padding: 20px 15px 40px;
  }
}

.notes__links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #4a4a4a;
}

@media all and (max-width: 767px) {
  .notes__links {
    gap: 5px;
  }
}

.notes__link {
  color: #1a56a8;
  text-decoration: underline;
  text-underline-offset: 2px;
}