@charset "Shift_JIS";

#roomcoAR {
  margin: 70px 0 50px;
  width: 100%;
}
#roomcoAR * {
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #roomcoAR {
    margin: 40px auto 30px;
  }
}
#roomcoAR .bdBox {
  border: #dddddd 4px solid;
  border-radius: 20px;
  padding: 10px 40px 20px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #roomcoAR .bdBox {
    padding: 10px 20px;
    width: 100%;
  }
}
#roomcoAR .inner {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #roomcoAR .inner {
    display: block;
  }
}
#roomcoAR .inner .txt {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #roomcoAR .inner .txt {
    width: 100%;
    margin-bottom: 20px;
  }
}
#roomcoAR .inner .txt .s5-featureC__link {
  margin-top: 20px !important;
}
@media screen and (max-width: 768px) {
  #roomcoAR .inner .txt .s5-featureC__link {
    margin-top: 10px !important;
  }
}
#roomcoAR .inner .img {
  width: 52%;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #roomcoAR .inner .img {
    width: 100%;
    text-align: center;
  }
}
#roomcoAR .inner .img img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  #roomcoAR .sp {
    display: none;
  }
  #roomcoAR .pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #roomcoAR .sp {
    display: block;
  }
  #roomcoAR .pc {
    display: none;
  }
}