#style-page {
  background: #cfcbc6;
  position: relative;
  z-index: 2;
}
#style-page .bgImg {
  z-index: 1;
}
#style-page .main {
  width: 100%;
  position: relative;
  z-index: 3;
}
#style-page .main__inner {
  width: min(94%, 1200px);
  margin: 0 auto;
  padding: 105px 0 303px;
}
@media screen and (max-width: 600px) {
  #style-page .main__inner {
    padding: 86px 0 187px;
  }
}
#style-page .main__inner .mainBox img {
  position: absolute;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  top: 171px;
  left: 0;
  z-index: 2;
  height: calc(100% - 171px);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 600px) {
  #style-page .main__inner .mainBox img {
    top: 116px;
    height: calc(100% - 116px);
  }
}
#style-page .main__inner .mainBox h2 {
  font-size: 15px;
  line-height: 150%;
  color: #fff;
  position: relative;
  z-index: 3;
}
#style-page .main__inner .mainBox p span.en {
  font-size: 80px;
  line-height: 1.5em;
  color: #fff;
  font-weight: 200;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 600px) {
  #style-page .main__inner .mainBox p span.en {
    font-size: 40px;
  }
}
#style-page .menStyle {
  width: 100%;
  position: relative;
  z-index: 3;
}
#style-page .menStyle__inner {
  width: min(89%, 1100px);
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (max-width: 600px) {
  #style-page .menStyle__inner {
    padding: 56px 0 40px;
  }
}
#style-page .menStyle__inner .menStyleTtlBox {
  margin-bottom: 56px;
}
@media screen and (max-width: 600px) {
  #style-page .menStyle__inner .menStyleTtlBox {
    margin-bottom: 40px;
  }
}
#style-page .menStyle__inner .menStyleTtlBox h3 span.en {
  font-size: 48px;
  line-height: 100%;
  font-weight: 200;
  color: #301903;
}
@media screen and (max-width: 600px) {
  #style-page .menStyle__inner .menStyleTtlBox h3 span.en {
    font-size: 40px;
  }
}
#style-page .menStyle__inner .menStyleFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  row-gap: 40px;
  -moz-column-gap: 1.8%;
       column-gap: 1.8%;
}
@media screen and (max-width: 600px) {
  #style-page .menStyle__inner .menStyleFlex {
    row-gap: 40px;
    -moz-column-gap: 4.4%;
         column-gap: 4.4%;
  }
}
#style-page .menStyle__inner .menStyleFlex .menStyleSet {
  width: 23.6%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 600px) {
  #style-page .menStyle__inner .menStyleFlex .menStyleSet {
    width: 47.7%;
  }
}
#style-page .menStyle__inner .menStyleFlex .menStyleSet img {
  box-shadow: 10px 10px 30px rgba(40, 37, 35, 0.1);
  margin-bottom: 8px;
}
#style-page .menStyle__inner .menStyleFlex .menStyleSet .tagBox {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 4px;
  justify-content: flex-start;
}
#style-page .menStyle__inner .menStyleFlex .menStyleSet .tagBox p {
  font-size: 14px;
  line-height: 170%;
  color: var(--color-gry);
}
@media screen and (max-width: 600px) {
  #style-page .menStyle__inner .menStyleFlex .menStyleSet .tagBox p {
    font-size: 12px;
  }
}
#style-page .menStyle__inner .menStyleFlex .menStyleSet p {
  color: #301903;
}
#style-page .menStyle__inner .menStyleFlex .menStyleSet p span.en {
  font-size: 20px;
  line-height: 150%;
  color: #301903;
}
@media screen and (max-width: 600px) {
  #style-page .menStyle__inner .menStyleFlex .menStyleSet p span.en {
    font-size: 18px;
  }
}
#style-page .ladiesStyle {
  width: 100%;
  background: #e4dfd9;
  position: relative;
  z-index: 3;
}
#style-page .ladiesStyle__inner {
  width: min(89%, 1100px);
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (max-width: 600px) {
  #style-page .ladiesStyle__inner {
    padding: 56px 0;
  }
}
#style-page .ladiesStyle__inner .ladiesStyleTtlBox {
  margin-bottom: 56px;
}
@media screen and (max-width: 600px) {
  #style-page .ladiesStyle__inner .ladiesStyleTtlBox {
    margin-bottom: 40px;
  }
}
#style-page .ladiesStyle__inner .ladiesStyleTtlBox h3 span.en {
  font-size: 48px;
  line-height: 100%;
  font-weight: 200;
  color: #301903;
}
@media screen and (max-width: 600px) {
  #style-page .ladiesStyle__inner .ladiesStyleTtlBox h3 span.en {
    font-size: 40px;
  }
}
#style-page .ladiesStyle__inner .ladiesStyleFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  row-gap: 40px;
  -moz-column-gap: 1.8%;
       column-gap: 1.8%;
}
@media screen and (max-width: 600px) {
  #style-page .ladiesStyle__inner .ladiesStyleFlex {
    row-gap: 40px;
    -moz-column-gap: 4.4%;
         column-gap: 4.4%;
  }
}
#style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet {
  width: 23.6%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 600px) {
  #style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet {
    width: 47.7%;
  }
}
#style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet img {
  box-shadow: 10px 10px 30px rgba(40, 37, 35, 0.1);
  margin-bottom: 8px;
}
#style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet .tagBox {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 4px;
  justify-content: flex-start;
}
#style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet .tagBox p {
  font-size: 14px;
  line-height: 170%;
  color: var(--color-gry);
}
@media screen and (max-width: 600px) {
  #style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet .tagBox p {
    font-size: 12px;
  }
}
#style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet p {
  color: #301903;
}
#style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet p span.en {
  font-size: 20px;
  line-height: 150%;
  color: #301903;
}
@media screen and (max-width: 600px) {
  #style-page .ladiesStyle__inner .ladiesStyleFlex .ladiesStyleSet p span.en {
    font-size: 18px;
  }
}
#style-page .beforeAfter {
  width: 100%;
  position: relative;
  z-index: 2;
}
#style-page .beforeAfter__inner {
  width: min(89%, 1100px);
  margin: 0 auto;
  padding: 80px 0px 120px;
}
@media screen and (max-width: 600px) {
  #style-page .beforeAfter__inner {
    padding: 56px 0 180px;
  }
}
#style-page .beforeAfter__inner .beforeAfterTtlBox {
  margin-bottom: 56px;
}
@media screen and (max-width: 600px) {
  #style-page .beforeAfter__inner .beforeAfterTtlBox {
    margin-bottom: 40px;
  }
}
#style-page .beforeAfter__inner .beforeAfterTtlBox h3 span.en {
  font-size: 48px;
  line-height: 100%;
  font-weight: 200;
  color: #301903;
}
@media screen and (max-width: 600px) {
  #style-page .beforeAfter__inner .beforeAfterTtlBox h3 span.en {
    font-size: 40px;
  }
}
#style-page .beforeAfter__inner .beforeAfterBox .beforeAfterFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -moz-column-gap: 1.8%;
       column-gap: 1.8%;
  row-gap: 40px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #style-page .beforeAfter__inner .beforeAfterBox .beforeAfterFlex {
    -moz-column-gap: 4.4%;
         column-gap: 4.4%;
  }
}
#style-page .beforeAfter__inner .beforeAfterBox .beforeAfterFlex .beforeAfterSet {
  width: 23.6%;
}
@media screen and (max-width: 600px) {
  #style-page .beforeAfter__inner .beforeAfterBox .beforeAfterFlex .beforeAfterSet {
    width: 47.7%;
  }
}/*# sourceMappingURL=style-page.css.map */