@charset "utf8";


* {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  ._pc{ display: none; }
}

@media screen and (min-width: 768px) {
  ._sp{ display: none; }
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: rgb(255, 255, 255);
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center;
}


main {
  overflow-x: hidden;
  overflow-y: hidden;
}


img {
  width: 100%;
  height: auto;
  vertical-align: top;
}


section {
  width: 100%;
}


picture {
  display: block;
  height: 100%;
}

/*---------------------------
article
---------------------------*/
.article {
  width: 80%;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .article {
    width: 100%;
  }
}


/* fv */
.article-fv {
  width: 100%;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .article-fv {
    width: 100%;
  }
}


/* contact-btn-01 */
.article-contact-btn-01 {
  width: 36%;
  margin: 4% auto ;
}
@media screen and (max-width: 767px) {
.article-contact-btn-01 {
    width: 80%;
  }
}


/* price-list */
.article-price-list {
  width: 80%;
  margin: 0 auto 6%;
}


/* introduction */
.introduction {
  background-color: #FFECEC;
  padding-top: 6%;
  padding-bottom: 6%;
}

.article-introduction {
  width: 80%;
  margin: 0 auto;
}


/* catch */
.catch {
  background-image: url(../img/pc/catch_bg.jpg);
  background-size: 100%;
  padding: 0.2%;
}

.article-catch {
  width: 80%;
  margin: 5.8% auto;
}


/* plan-change */
.plan-change {
  position: relative;
}

.article-change {
  position: absolute;
  width: 12%;
  left: 45%;
  top: 90%;
}
@media screen and (max-width: 767px) {
  .article-change {
    width: 26%;
    left: 36%;
    top: 94%;
 }
}


/* emphasis */
.emphasis {
  background-color: #FFECEC;
  padding: 0.2%;
}

.article-emphasis {
  width: 72%;
  margin: 5.8% auto;
}
@media screen and (max-width: 767px) {
  .article-emphasis {
    width: 80%;
  }
}


/* group_btn */
.group_btn {
  background-image: url(../img/pc/contact_bg.jpg);
  background-size: 100%;
  padding: 0.2%;
}

.counseling-contact {
  width: 38%;
  margin: 3.8% auto;
}
@media screen and (max-width: 767px) {
  .counseling-contact {
    width: 70%;
  }
}

.announce-monitor {
  position: relative;
}

.article-announce {
  width: 80%;
  margin: 0 auto 6%;
}

.article-monitor-btn {
  position: absolute;
  width: 38%;
  left: 46%;
  top: 28%;
}
@media screen and (max-width: 767px) {
  .article-monitor-btn {
    width: 70%;
    left: 15.2%;
    top: 42%;
  }
}


/* contact-tel-btn */
.article-tel-btn {
  width: 36%;
  margin: 0 auto 4%;
}
@media screen and (max-width: 767px) {
  .article-tel-btn {
    width: 70%;
  }
}


/* access */
.access {
  background-image: url(../img/pc/access_bg.jpg);
  background-size: 100%;
  position: relative;
  padding: 0.2%;
}

.article-access {
  width: 80%;
  margin: 4% auto;
}

.access-map {
  position: absolute;
  width: 70%;
  left: 14%;
  top: 4.8%;
}
@media screen and (max-width: 767px) {
  .access-map {
    top:3%;
  }
}

.article-access-shinjuku {
  margin-bottom: 4%;
}

.map {
  height: auto;
  margin: auto;
  aspect-ratio: 6/2;
  margin-bottom: 6%;
}
@media screen and (max-width: 767px) {
  .map {
    aspect-ratio: 5/3;
    margin-bottom: 9.4%;
  }
}

.article-access-ginza {
  margin-bottom: 4%;
}

.article-access-oosaka {
  margin-bottom: 4%;
}

.article-access-nagoya {
  margin-bottom: 4%;
}


/* contact-btn-03 */
.article-contact-btn-03 {
  width: 36%;
  margin: 4% auto 2%;
}
@media screen and (max-width: 767px) {
  .article-contact-btn-03 {
    width: 70%;
  }
}


/* footer */
.article-footer {
  margin-top: 8%;
  background-color: #ff8492;
  text-align: center;
  padding: 2%;
}


.footer-link {
  text-decoration: none;
  color:#ffff;
  font-size: 16px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .footer-link {
    font-size: 8px; 
  }
}