@charset "UTF-8";
.sec_inner2 {
  width: 1140px;
  margin: 0 auto;
}
.about_firstarea {
  text-align: center;
}
.about_firstarea_price {
  margin-bottom:90px;
}
.about_map {
  /* max-width: 1080px; */
  max-width: 950px;
}
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px 30px 20px;
}

@media screen and (max-width: 1079px) {
  .container {
    justify-content: space-around;
    margin: 0px auto 20px;
  }
}

.container:after {
    content: "";
  width: 300px;
}

.item {
  width: 300px;
  margin: 0px 0px 60px;
}
/* .item:nth-child(3n) {
  margin-right: 0px;
} */
.item6 {
  margin-top: 40px;
}
.item img {
  width: 300px;
  margin: 0 0 10px;
}
.item p {
  font-size: 0.875rem;
  line-height: 1.7;
}
.price {
  height: 30px;
  padding: 8px 0 0 10px;
  font-weight: bold;
  color: #103222;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 10px;
}
.price span {
  font-size:14px;
}
.price span:nth-child(2) {
  padding-left: 0.2em;
}
.lines2 {
  margin: 0 0 10px;
  padding: 0 0 0 10px;
}
.lines2 span {
  display: block;
  width: 300px;
}
.lines2 span:nth-child(2) {
  text-align: right;
}
.color01 {
  padding-left:35px;
  background: url("../img/room_img01.png") no-repeat 0 0;
}
.color02 {
  padding-left:35px;
  background: url("../img/room_img02.png") no-repeat 0 0;
}
.color03 {
  padding-left:35px;
  background: url("../img/room_img03.png") no-repeat 0 0;
}
.color04 {
  padding-left:35px;
  background: url("../img/room_img04.png") no-repeat 0 0;
}
.color05 {
  padding-left:35px;
  background: url("../img/room_img05.png") no-repeat 0 0;
}
.color06 {
  padding-left:35px;
  background: url("../img/room_img06.png") no-repeat 0 0;
}
.color07 {
  padding-left:35px;
  background: url("../img/room_img07.png") no-repeat 0 0;
}
.color08 {
  padding-left:35px;
  background: url("../img/room_img08.png") no-repeat 0 0;
}


@media screen and (max-width: 1079px) {
.sec_inner2 {
  width: 100%;
}
.item {
  margin-right: 20px;
}

.container:after {
  margin-right: 20px;
}

}


@media screen and (max-width: 767px) {
/* .container {
  display: block;
  } */
.item {
  max-width: 400px;
  width: 90%;
  margin: 0px auto 60px;
}
.item6 {
  margin-top: 0px;
}
.item img {
  max-width: 600px;
  width: 100%;
  margin: 0 0 10px;
}
.lines2 span {
  width: 100%;
}

.container:after {
    content: none;
    width: 0;
}

}


@media screen and (max-width: 450px) {

}

@media screen and (max-width: 390px) {

}