@media (max-width: 1024px) {
  .spa-con {
    width: 87.17949%;
    max-width: 1200px;
    margin: 0 auto; } }
.spa-message {
  margin-bottom: 435px; }
  @media (max-width: 1024px) {
    .spa-message {
      margin-bottom: 150px; } }
  @media (max-width: 599px) {
    .spa-message {
      margin-bottom: 150px; } }
.spa-men {
  margin-bottom: 250px; }
  @media (max-width: 1024px) {
    .spa-men {
      margin-bottom: 30px; } }
@media (max-width: 1024px) {
  .spa-lady {
    margin-bottom: 30px; } }
.spa-rental {
  margin-bottom: 350px; }
  @media (max-width: 1024px) {
    .spa-rental {
      margin-bottom: 60px; } }
  @media (max-width: 599px) {
    .spa-rental {
      margin-bottom: 60px; } }
.spa-inner {
  position: relative;
  padding-right: 3.4%;
  padding-left: 5.8%; }
  @media (max-width: 1024px) {
    .spa-inner {
      padding-right: 0;
      padding-left: 0; } }
.spa-ttl {
  position: absolute;
  top: -310px;
  right: 18%;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 100;
  letter-spacing: 15px;
  padding: 60px 15px;
  background-color: #765B49; }
  @media (max-width: 1024px) {
    .spa-ttl {
      position: inherit;
      top: inherit;
      right: inherit;
      font-size: 2.0rem;
      width: 100%;
      padding: 11px 0;
      text-align: center;
      margin-bottom: 40px; } }
  @media (max-width: 599px) {
    .spa-ttl {
      margin-bottom: 20px; } }
  .spa-ttl__ja {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
    @media (max-width: 1024px) {
      .spa-ttl__ja {
        -ms-writing-mode: inherit;
        writing-mode: inherit; } }
  .spa-ttl__take {
    top: inherit;
    right: 0;
    bottom: -36px;
    z-index: 10;
    padding: 2%;
    width: calc(100% - 58px);
    max-width: 526px;
    text-align: center; }
    @media (max-width: 1024px) {
      .spa-ttl__take {
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        position: inherit;
        top: 0;
        padding: 11px 0;
        bottom: inherit;
        max-width: inherit;
        width: 100%;
        margin-left: auto;
        font-size: 1.8rem; } }
  .spa-ttl__matsu {
    top: -36px;
    left: 0;
    z-index: 10;
    padding: 2%;
    width: calc(100% - 58px);
    max-width: 526px;
    text-align: center; }
    @media (max-width: 1024px) {
      .spa-ttl__matsu {
        position: inherit;
        top: 0;
        padding: 11px 0;
        max-width: inherit;
        width: 100%;
        font-size: 1.8rem; } }
.spa-img-wrap {
  display: flex; }
  @media (max-width: 1024px) {
    .spa-img-wrap {
      flex-direction: column;
      width: 100%; } }
@media (max-width: 1024px) {
  .spa-img {
    width: 100%;
    height: 100%; } }
.spa-img:nth-of-type(1) {
  width: 60%;
  max-width: 897px;
  height: 598px;
  object-fit: cover;
  position: relative;
  top: -320px; }
  @media (max-width: 1024px) {
    .spa-img:nth-of-type(1) {
      top: inherit;
      width: 100%;
      height: 300px;
      max-width: inherit; } }
  @media (max-width: 599px) {
    .spa-img:nth-of-type(1) {
      height: 200px; } }
.spa-img:nth-of-type(2) {
  width: 40%;
  max-width: 660px;
  height: 440px;
  object-fit: cover; }
  @media (max-width: 1024px) {
    .spa-img:nth-of-type(2) {
      width: 60%;
      height: 250px;
      max-width: inherit;
      position: relative;
      bottom: 50px;
      margin-left: auto; } }
  @media (max-width: 599px) {
    .spa-img:nth-of-type(2) {
      height: 150px; } }
.spa-reverse .spa-img:nth-of-type(1) {
  order: 2; }
  @media (max-width: 1024px) {
    .spa-reverse .spa-img:nth-of-type(1) {
      order: 1;
      margin-left: auto; } }
@media (max-width: 1024px) {
  .spa-reverse .spa-img:nth-of-type(2) {
    order: 2;
    margin-right: auto;
    margin-left: inherit; } }
.spa-reverse .spa-ttl {
  right: inherit; }
.spa-left {
  position: relative;
  width: 50%;
  height: auto;
  bottom: -100px; }
  @media (max-width: 1024px) {
    .spa-left {
      width: 100%;
      bottom: inherit;
      order: 2; } }
.spa-right {
  position: relative;
  width: 50vw;
  height: auto;
  text-align: right; }
  @media (max-width: 1024px) {
    .spa-right {
      width: 100%;
      order: 1;
      margin-bottom: 60px; } }
  @media (max-width: 599px) {
    .spa-right {
      margin-bottom: 50px; } }
.spa-rank-img {
  width: 95%;
  height: 672px;
  object-fit: cover; }
  @media (max-width: 1024px) {
    .spa-rank-img {
      width: 100%;
      height: 300px; } }
  @media (max-width: 599px) {
    .spa-rank-img {
      height: 200px; } }
.spa-content {
  width: 100%;
  height: 381px;
  position: relative;
  margin-bottom: 190px; }
  @media (max-width: 1024px) {
    .spa-content {
      height: inherit;
      margin-bottom: 80px; } }
  @media (max-width: 599px) {
    .spa-content {
      margin-bottom: 60px; } }
  .spa-content::before {
    content: "";
    width: 74%;
    height: 100%;
    background-color: #F7F3E7;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1; }
  .spa-content .container-m {
    height: 100%; }
  .spa-content__inner {
    display: flex;
    height: 100%; }
    @media (max-width: 1024px) {
      .spa-content__inner {
        flex-direction: column; } }
  .spa-content__left {
    width: 50%;
    position: relative; }
    @media (max-width: 1024px) {
      .spa-content__left {
        width: 100%; } }
  .spa-content__right {
    width: 50%;
    margin-top: auto;
    margin-bottom: auto; }
    @media (max-width: 1024px) {
      .spa-content__right {
        width: 100%;
        margin-top: 50px; } }
  .spa-content__ttl {
    position: relative; }
    @media (max-width: 1024px) {
      .spa-content__ttl {
        background-color: #765B49;
        text-align: center;
        letter-spacing: -6px;
        padding: 11px;
        top: 30px; } }
  .spa-content__txt {
    width: 90%; }
    @media (max-width: 1024px) {
      .spa-content__txt {
        width: 100%; } }
  .spa-content__col {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    background-color: #765B49;
    padding: 30px 10px;
    font-size: 3.0rem;
    font-weight: 100;
    color: #fff;
    position: relative; }
    @media (max-width: 1024px) {
      .spa-content__col {
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        position: inherit;
        display: contents; } }
    .spa-content__col--l {
      top: -120px;
      left: 63px; }
      @media (max-width: 1024px) {
        .spa-content__col--l {
          top: inherit;
          left: inherit;
          font-size: 2.0rem;
          display: contents; } }
      @media (max-width: 599px) {
        .spa-content__col--l {
          font-size: 1.8rem; } }
    .spa-content__col--r {
      top: -40px;
      left: 49px; }
      @media (max-width: 1024px) {
        .spa-content__col--r {
          top: inherit;
          left: inherit;
          font-size: 2.0rem;
          display: contents; } }
      @media (max-width: 1024px) {
        .spa-content__col--r {
          font-size: 1.8rem; } }
    .spa-content__col--com {
      position: absolute;
      top: -83px;
      right: 16%;
      height: 160px; }
      @media (max-width: 1024px) {
        .spa-content__col--com {
          position: inherit;
          top: inherit;
          right: inherit;
          height: inherit;
          font-size: 2.0rem; } }
      @media (max-width: 599px) {
        .spa-content__col--com {
          font-size: 1.8rem; } }
  .spa-content__reverse {
    margin-bottom: 320px; }
    @media (max-width: 1024px) {
      .spa-content__reverse {
        margin-bottom: 120px; } }
    @media (max-width: 599px) {
      .spa-content__reverse {
        margin-bottom: 90px; } }
    .spa-content__reverse::before {
      right: inherit;
      left: 0; }
    .spa-content__reverse .spa-content__left {
      order: 2; }
    .spa-content__reverse .spa-content__right {
      order: 1; }
      @media (max-width: 1024px) {
        .spa-content__reverse .spa-content__right {
          order: 2; } }
  .spa-content__img {
    height: 400px;
    object-fit: cover; }
    .spa-content__img--wrap {
      position: absolute;
      bottom: -200px;
      overflow: hidden; }
      @media (max-width: 1024px) {
        .spa-content__img--wrap {
          position: inherit;
          bottom: inherit;
          overflow: inherit; } }
.spa-tr {
  margin-bottom: 10px;
  display: block; }
.spa-th {
  width: 100px;
  text-align: left;
  vertical-align: baseline; }

@media (max-width: 1024px) {
  .com {
    display: contents; } }
@media (max-width: 1024px) {
  .com .spa-content__ttl {
    order: 1; } }
@media (max-width: 1024px) {
  .com .spa-content__img--wrap {
    order: 3;
    width: 100%;
    height: 300px; } }
@media (max-width: 1024px) {
  .com .spa-content__img--wrap {
    height: 200px; } }
.com .spa-content__img--wrap .spa-content__img {
  width: 100%;
  height: 100%; }