/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/*	cmn parts
------------------------------------ */
.md-inner {
  max-width: 1280px;
}

/* =========================================

  main layout  all

========================================= */
/* top-greeting  PC
------------------------------------ */
#top-greeting .greeting-inner {
  padding: 140px 0 200px;
  position: relative;
}
#top-greeting .greeting-img {
  position: absolute;
  top: 142px;
  right: -65px;
}

/* top-problems  PC
------------------------------------ */
#top-problems .problems-inner {
  padding-bottom: 105px;
}
#top-problems .problems-txt-box {
  text-align: center;
}

/* top-features  PC
------------------------------------ */
#top-features .features-inner {
  padding: 120px 0 140px;
}
#top-features .features-list-item:nth-of-type(2n) {
  margin-left: 70px;
}
#top-features .features-list-item:nth-of-type(n+3) {
  margin-top: 74px;
}

/* top-course  PC
------------------------------------ */
#top-course {
  margin-bottom: 105px;
}

.com-course .course-inner {
  padding: 110px 0 117px;
}
.com-course .course-list-con {
  width: 100%;
  max-width: 520px;
}
.com-course .course-list-txt {
  padding-right: 17px;
}

/* top-works  PC
------------------------------------ */
#top-works .works-inner {
  padding: 0 0 116px;
}
#top-works .works-list-item {
  width: 100%;
  max-width: 320px;
}
#top-works .works-list-item:not(:nth-of-type(3n-2)) {
  margin-left: 59px;
}
#top-works .works-list-item:nth-of-type(n+4) {
  margin-top: 59px;
}

/* top-grooming  PC
------------------------------------ */
#top-grooming .grooming-inner {
  padding: 90px 0 147px;
}
#top-grooming .grooming-txt {
  text-align: center;
}
#top-grooming .grooming-box-list li:nth-of-type(n+2) {
  margin: 0 0 0 56px;
}

/* top-salon  PC
------------------------------------ */
#top-salon .salon-inner {
  padding: 120px 0;
}

/* com-contact  PC
------------------------------------ */
.com-contact .contact-inner {
  padding: 120px 0;
}
.com-contact .contact-box-right {
  width: 100%;
  max-width: 380px;
}
.com-contact .contact-box-left {
  width: 100%;
  max-width: 470px;
}

/* top-blog  PC
------------------------------------ */
#top-blog .blog-inner {
  padding: 120px 0;
}
#top-blog .blog-left {
  width: 100%;
  max-width: 250px;
}
#top-blog .blog-btn {
  margin-top: 57px;
}

/* =========================================

  sub layout  all

========================================= */
/* com-about  PC
------------------------------------ */
.com-about .about-inner {
  padding: 175px 0 94px;
}

.com-problem {
  overflow: hidden;
}
.com-problem .problem-inner {
  padding-bottom: 120px;
}
.com-problem .problem-con {
  width: 100%;
  max-width: 525px;
}

.com-feature .feature-inner {
  padding-bottom: 110px;
}
.com-feature .feature-box-list {
  max-width: 550px;
}
.com-feature .feature-box-list-item:nth-of-type(n+2) {
  margin-top: 25px;
  padding-top: 25px;
}

.com-detail .detail-inner {
  padding: 0 0 107px;
}
.com-detail .detail-txt {
  text-align: center;
}

.com-price .price-inner {
  padding-bottom: 110px;
}
.com-price .price-txt {
  text-align: center;
}
.com-price .price-con {
  width: 100%;
  max-width: 600px;
}

.com-faq .faq-inner {
  padding-bottom: 120px;
}

.com-note .note-inner {
  padding: 120px 0 90px;
}

.com-bnr .bnr-inner {
  padding: 24px 0 114px;
}
.com-bnr .bnr-list-item {
  width: 100%;
  max-width: 520px;
}

/* shampoo_cut  PC
------------------------------------ */
#shampoo_cut .works-inner {
  padding-bottom: 120px;
}

/* grooming  PC
------------------------------------ */
#grooming .ok-txt {
  text-align: center;
}
#grooming .ok-course {
  padding: 75px 0 70px;
}
#grooming .course-list {
  max-width: 1080px;
  margin: auto;
}
#grooming .flow-inner {
  padding: 150px 0 120px;
}
#grooming .bring-inner {
  padding-bottom: 108px;
}

/* salon  PC
------------------------------------ */
#salon .greeting-inner {
  padding: 170px 0 165px;
}
#salon .greeting-img {
  position: absolute;
  top: 152px;
  right: -11px;
}
#salon .greeting-txt-box {
  max-width: 540px;
}
#salon .salon {
  margin-bottom: 40px;
}
#salon .salon-inner {
  padding-bottom: 120px;
}

/* contact  PC
------------------------------------ */
#contact .contact-inner {
  padding: 180px 0 180px;
}
#contact .contact-list-item:nth-of-type(n+2) {
  margin-left: 73px;
}
#contact .mail {
  margin-bottom: 40px;
}
#contact .mail-inner {
  padding: 16px 0 100px;
}/*# sourceMappingURL=style.css.map */