@media only screen and (min-width: 768px) {
  .con_lower_title {
    background-image: url(../../room/images/western/img_main-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .con_lower_title {
    background-image: url(../../room/images/western/img_main-sp.jpg);
  }
}

@media only screen and (max-width: 767px) {
  .wrp_intro_room .tmp_flex_img_text6 .img span {
    display: block;
    padding-top: calc(900 / 600 * 100%);
    position: relative;
    overflow: hidden;
  }
  .wrp_intro_room .tmp_flex_img_text6 .img span img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.box_benefits {
  padding: 10px 20px;
  border: solid 1px #000;
  outline: solid 3px #000;
  outline-offset: 1px;
}
@media only screen and (min-width: 1025px) {
  .box_benefits {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_benefits {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .box_benefits {
    margin-bottom: 1.5em;
  }
}
.box_benefits .txt span {
  color: #81722b;
}

.wrp_con_room {
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .wrp_con_room {
    margin-bottom: 125px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_con_room {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_room {
    margin-bottom: 4em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_con_room .tmp_flex_img_text2 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_con_room .tmp_flex_img_text2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_con_room .tmp_flex_img_text2 {
    margin-bottom: 2.5em;
  }
}

@media only screen and (min-width: 1025px) {
  .con_plan {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 768px) {
  .con_plan {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan {
    padding-bottom: 0;
  }
}
.con_plan .tmp_flex_img_text4 {
  position: relative;
  z-index: 1;
}

.wrp_roominfo .txt {
  margin-top: 1em;
}