.contents.page.service-insurance .section-header {
  margin-bottom: 0
}

.contents.page.service-insurance .section-header .bar {
  margin-bottom: 0
}

.contents.page.service-insurance .row.col-4 {
  margin-bottom: 40px
}

.contents.page.service-insurance .row.col-4 .col {
  width: 245px;
  margin: 0 20px 0 0
}

.contents.page.service-insurance .row.col-4 .col .ttl {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  font-weight: normal;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 10px
}

.contents.page.service-insurance .row.col-4 .col .txt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #333
}

.contents.page.service-insurance .row.col-4 .col:last-child {
  margin-right: 0
}

.contents.page.textstyle .box {
  width: 900px;
  margin: 0 auto 20px
}

.contents.page.textstyle .box .inner {
  padding: 15px 0
}

.contents.page.textstyle .box .inner .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #000;
  font-weight: bold;
  background-image: url(/hebel-rooms/common_v2/img/common/bar-01.jpg);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-bottom: 15px
}

.contents.page.textstyle .box .inner p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 15px
}

.contents.page.textstyle .box .inner .note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #f4725e
}

.contents.page.textstyle .box .inner .note a {
  color: #f4725e;
  font-weight: bold;
  text-decoration: underline
}

.contents.page.textstyle .box .inner .note a:hover,.contents.page.textstyle .box .inner .note a:active,.contents.page.textstyle .box .inner .note a:focus {
  text-decoration: none
}

.contents.page.textstyle .box .inner .backtotop {
  display: block;
  text-align: right;
  margin-top: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000
}

.contents.page.textstyle .box .inner .backtotop:hover,.contents.page.textstyle .box .inner .backtotop:active,.contents.page.textstyle .box .inner .backtotop:focus {
  text-decoration: none
}

.contents.page.textstyle .box .inner a {
  color: #1E207F;
  text-decoration: underline
}

.contents.page.textstyle .box .inner a.btn {
  color: #fff;
  text-decoration: none
}

.contents.page.textstyle .box .row.ten-warranty {
  margin-bottom: 0px
}

.contents.page.textstyle .box .row.ten-warranty .col {
  width: 25%;
  padding: 10px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.contents.page.textstyle .box .row.ten-warranty .col .ttl {
  background-image: none;
  padding-left: 0
}

.contents.page.textstyle .box .box-note {
  width: 100%;
  border: 3px solid #CCCCCC;
  padding: 30px 30px 20px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.contents.page.textstyle .box .box-note .tttl {
  margin-bottom: 10px
}

.contents.page.textstyle .box .box-note .tttl p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.contents.page.textstyle .box .waranty-list {
  margin-left: 40px
}

.contents.page.textstyle .box .waranty-list li {
  list-style-type: disc;
  list-style-position: inside;
  float: none
}

.contents.page.textstyle .box p.bb {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold
}

.contents.page.textstyle .box .text-block {
  width: 460px
}

@media screen and (max-width: 739px) {
  .contents.page.textstyle .section.pt00_sp {
    padding-top:0
  }

  .contents.page.textstyle .section-header {
    margin-bottom: 20px;
    padding-top: 20px
  }

  .contents.page.textstyle .section-header .bar {
    margin-bottom: 0
  }

  .contents.page.textstyle .row.col-4 {
    margin-bottom: 40px
  }

  .contents.page.textstyle .row.col-4 .col {
    width: 100%;
    margin-right: 20px;
    margin-bottom: 30px;
    text-align: center;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.textstyle .row.col-4 .col img {
    width: 200px
  }

  .contents.page.textstyle .row.col-4 .col .ttl {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 10px
  }

  .contents.page.textstyle .row.col-4 .col .txt {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #333
  }

  .contents.page.textstyle .row.col-4 .col:last-child {
    margin-right: 0
  }

  .contents.page.textstyle .box {
    width: 100%;
    margin: 0 auto 20px
  }

  .contents.page.textstyle .box .inner {
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.textstyle .box .inner .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    color: #000;
    font-weight: bold;
    background-image: url(/hebel-rooms/common_v2/img/common/bar-01.jpg);
    background-size: 10px auto;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-bottom: 10px
  }

  .contents.page.textstyle .box .inner p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 10px
  }

  .contents.page.textstyle .box .inner .note {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #EA5F8C
  }

  .contents.page.textstyle .box .row.ten-warranty {
    margin-bottom: 0px;
    padding: 0
  }

  .contents.page.textstyle .box .row.ten-warranty .col {
    width: 46%;
    padding: 10px;
    margin: 7px 2%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd
  }

  .contents.page.textstyle .box .row.ten-warranty .col .wrap {
    height: 101px
  }

  .contents.page.textstyle .box .row.ten-warranty .col .ttl {
    background-image: none;
    padding-left: 0
  }

  .contents.page.textstyle .box .row.ten-warranty .col .txt {
    margin-bottom: 0
  }

  .contents.page.textstyle .box .box-note {
    margin: 20px auto 0;
    width: 96%;
    border: 3px solid #CCCCCC;
    padding: 20px 20px 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.textstyle .box .box-note .tttl {
    margin-bottom: 10px
  }

  .contents.page.textstyle .box .box-note p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
    padding: 0
  }

  .contents.page.textstyle .box .box-note .bb {
    font-weight: bold
  }

  .contents.page.textstyle .box .waranty-list {
    margin-left: 10px
  }

  .contents.page.textstyle .box .waranty-list li {
    list-style-type: disc;
    list-style-position: inside;
    float: none
  }

  .contents.page.textstyle .box p.bb {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold
  }

  .contents.page.textstyle .box .text-block {
    width: 100%
  }

  .contents.page.textstyle .baisho-sekinin .tbl-style04 {
    margin-bottom: 30px
  }

  .contents.page.textstyle .baisho-sekinin .tbl-style04 th,.contents.page.textstyle .baisho-sekinin .tbl-style04 td {
    display: table-cell
  }

  .contents.page.textstyle .baisho-sekinin .tbl-style04 th {
    width: 55%
  }
}

.cf:before,.contents.page.search-results .section.seach-resutls .section-contents .SS_item:before,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a:before,.hebelmaison-facility .hebelmaison-cont .box-equake:before,.cf:after,.contents.page.search-results .section.seach-resutls .section-contents .SS_item:after,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a:after,.hebelmaison-facility .hebelmaison-cont .box-equake:after {
  content: " ";
  display: table
}

.cf:after,.contents.page.search-results .section.seach-resutls .section-contents .SS_item:after,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a:after,.hebelmaison-facility .hebelmaison-cont .box-equake:after {
  clear: both
}

.cf,.contents.page.search-results .section.seach-resutls .section-contents .SS_item,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a,.hebelmaison-facility .hebelmaison-cont .box-equake {
  *zoom:1}

.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  height: 70px;
  background-image: url(/hebel-rooms/common_v2/img/common/bg-white-transparent.png);
  background-repeat: repeat
}

.page.page-search.contents {
  background-color: #F3F3F3;
  padding: 85px 0 60px;
  margin-top: 0
}

.page.page-search-index.contents {
  padding: 85px 0 60px
}

.page.page-search-index.contents .breadcrumb {
  width: 1040px
}

.page.contents {
  background-image: url(/hebel-rooms/common_v2/img/common/bg-body.jpg);
  background-position: 0% 0%;
  background-repeat: repeat-x;
  background-color: #F3F3F3;
  padding: 0 0 60px;
  margin-top: 0
}

.page.contents .section-kv {
  margin: 0 auto 0;
  background-color: #fff;
  position: relative
}

.page.contents .breadcrumb_wrap {
  width: 100%;
  background-color: #fff;
  padding: 15px 0
}

.page.contents .breadcrumb_wrap .breadcrumb {
  margin: 0 auto 0;
  width: 1040px
}

.page.contents .breadcrumb.foot {
  margin: 0 auto 60px
}

.page.contents .section .row {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto 20px
}

.page.contents .section .row.nomb {
  margin: 0 auto
}

.page.contents .section .row.wide-banner-area {
  margin-bottom: 40px
}

.page.contents .section .row.wide-banner-area .ttl {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  text-align: center;
  font-weight: normal;
  margin-bottom: 30px
}

.page.contents .section .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000;
  margin: 0 0 10px
}

.page.contents .section .desc {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 10px
}

.page.contents .section .section-header .section_title {
  margin-bottom: 20px
}

.page.contents .section .section-content {
  width: 1040px
}

.page.contents .section .row.col-2 .col {
  padding: 0 10px 0 0
}

.page.contents .section .row.col-2 .col:nth-child(even) {
  padding: 0 0 0 10px
}

.page.contents .section .row.linkbox .ttl {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #1E217F;
  font-weight: bold
}

.page.contents .section .row.linkbox .ttl a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #1E217F;
  font-weight: bold
}

.page.contents .section .row.linkbox p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000
}

.page.contents .section .row.linkbox .note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000
}

.page.contents .section .note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000
}

.page.contents .section .note2 {
  color: #000
}

.page.contents .row.col-3 .col {
  width: 333px;
  margin: 0 20px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.page.contents .row.col-3 .col .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
  font-weight: normal;
  text-align: center
}

.page.contents .row.col-3 .col p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000
}

.page.contents .row.col-3 .col:last-child {
  margin: 0
}

.section {
  width: 100%;
  background-color: #fff;
  padding: 50px 0
}

.section .section-header {
  text-align: center;
  margin-bottom: 40px
}

.section .section-header .section_title {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.4;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.05em
}

.section .section-header .section_title .cityname {
  color: #1E217F
}

.section .section-header .section_title .bar {
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/common/bar-02.jpg);
  background-position: 42% 100%;
  background-repeat: no-repeat;
  background-size: 120px 1px;
  width: 120px;
  height: 1px;
  margin: 10px auto 25px
}

.section .section-header .section_title .bt {
  font-weight: bold
}

.section .section-header .section_title .hcap {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000
}

.section .section-header .section_title.withsubtxt {
  margin-bottom: 20px
}

.section .section-header .subtext {
  font-weight: bold
}

.section .section-header .notice {
  color: #000;
  font-size: 11px;
  font-size: 1.1rem
}

.section .section-content {
  width: 1000px;
  margin: 0 auto 30px
}

.section .section-content p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 20px
}

.section .section-content .lhx2 {
  line-height: 3.2
}

.section .section-content .fig {
  margin-bottom: 20px
}

.section .section-content .gmap {
  margin-bottom: 20px
}

.section .section-content .txt-area .ttl {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #1E2380;
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal
}

.section .section-content .txt-area .desc {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}

.section .section-content .txt-area .addr dt {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}

.section .section-content .txt-area .addr dd {
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-left: 10px
}

.section .section-content .btn {
  font-size: 16px;
  font-size: 1.6rem
}

.section .wide-banner-area {
  margin-bottom: 30px
}

.section .wide-banner-area .col {
  float: none
}

.box {
  margin: 0 0 10px
}

.box .box-title {
  font-size: 1.4rem;
  line-height: 1.2
}

.box .inner {
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.box .inner p {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 10px
}

.tab-area {
  background-color: #fff
}

.tab-area>div {
  /* border-bottom: 5px solid #EA608E; */
  border-bottom: 5px solid #1E2380;
  width: 1040px;
  margin: 0 auto;
  padding: 20px 0 0
}

.tab-area ul li {
  width: 150px;
  text-align: center;
  margin: 0 5px
}

.tab-area ul li a {
  display: block;
  /* background-color: #1E2380; */
  background-color: #e9ebf8;
  height: 35px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 37px;
  /* color: #fff; */
  color: #1E2380;
  padding: 10px 0
}

.tab-area ul li a:hover,.tab-area ul li a:active,.tab-area ul li a:focus {
  /* background-color: #EA608E; */
  background-color: #1E2380;
  color: #ffffff;
  text-decoration: none
}

.tab-area ul li a.antena {
  line-height: 1.2
}

.tab-area ul li a.c {
  /* background-color: #EA608E */
  background-color: #1E2380;
  color: #ffffff;
}

.section-kv {
  width: 100%;
  height: 368px;
  background-image: url(/hebel-rooms/common_v2/img/feature/ekichikai/kv.jpg);
  background-size: auto 438px;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-color: #3B3939;
  padding-top: 70px
}

.section-kv .inner {
  position: relative;
  width: 100%;
  height: 100%
}

.section-kv .inner .ttl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.tile-layout-01 {
  width: 100%;
  padding: 40px 0;
  background-image: url(/hebel-rooms/common_v2/img/index/bg-recommend.jpg);
  background-position: 0% 0%;
  background-repeat: repeat;
  box-sizing: border-box
}

.tile-layout-01 .section-header,.tile-layout-01 .section-content {
  max-width: 1040px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tile-layout-01 .section-header {
  margin-bottom: 40px
}

.tile-layout-01 .section_title {
  margin-bottom: 20px;
  padding: 0 5px;
  text-align: center
}

.tile-layout-01 .subtext {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.tile-layout-01 .row {
  margin: 0 0 10px
}

.tile-layout-01 .row .col {
  padding: 0 5px
}

.tile-layout-01 .row .col .inner {
  position: relative;
  background-color: #fff;
  height: 310px
}

.tile-layout-01 .row .col .inner>a {
  display: block
}

.tile-layout-01 .row .col .inner>a:hover,.tile-layout-01 .row .col .inner>a:active,.tile-layout-01 .row .col .inner>a:focus {
  text-decoration: none;
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.tile-layout-01 .row .col .inner:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 61.349693%
}

.tile-layout-01 .row .col .cont {
  background-color: #fff;
  padding: 20px 0;
  position: relative;
  z-index: 1000
}

.tile-layout-01 .row .col .cont .dogfoot {
  position: absolute;
  bottom: 28px;
  right: 10px
}

.tile-layout-01 .row .col .cont .hang {
  position: absolute;
  top: 10px;
  right: 10px
}

.tile-layout-01 .row .col .cont h3 {
  margin-bottom: 20px;
  padding: 0 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
  font-weight: normal
}

.tile-layout-01 .row .col .cont h3 a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000
}

.tile-layout-01 .row .col .cont h3 a span {
  display: block
}

.tile-layout-01 .row .col .cont p {
  padding: 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #333333
}

.tile-layout-01 .row .col .cont p span {
  display: block
}

.tile-layout-01 .row .col .cont p a {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #333333
}

.tile-layout-01 .row .col .cont p a span {
  display: block
}

.tile-layout-01 .row .col .thumb-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: visible;
  z-index: 1001
}

.tile-layout-01 .row .col .thumb-wrap .thumb {
  width: 100%;
  max-width: none
}

.tile-layout-01 .row .col .thumb-wrap a:hover,.tile-layout-01 .row .col .thumb-wrap a:active,.tile-layout-01 .row .col .thumb-wrap a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.tile-layout-01 .row .col .thumb-wrap .ic {
  position: absolute;
  top: -13px;
  right: 10px
}

.tile-layout-01 .row .col.w50 {
  position: relative
}

.tile-layout-01 .row .col.w50 .bg {
  width: 100%
}

.tile-layout-01 .row .col.w50 .bg a:hover,.tile-layout-01 .row .col.w50 .bg a:active,.tile-layout-01 .row .col.w50 .bg a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.tile-layout-01 .row .col.w50 .bg img {
  width: 100%;
  max-width: none
}

.tile-layout-01 .row .col.w50 .cont {
  position: absolute;
  left: 25px;
  bottom: 25px;
  width: 100%;
  background-color: transparent;
  padding: 0
}

.tile-layout-01 .row .col.w50 .cont h3 {
  margin-bottom: 5px;
  padding: 0;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.2;
  color: #fff;
  font-weight: normal
}

.tile-layout-01 .row .col.w50 .cont h3 span.large {
  font-size: 26px;
  font-size: 2.6rem
}

.tile-layout-01 .row .col.w50 .cont h3 a {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.2;
  color: #fff;
  font-weight: normal
}

.tile-layout-01 .row .col.w50 .cont h3 a span.large {
  font-size: 26px;
  font-size: 2.6rem
}

.tile-layout-01 .row .col.w50 .cont h3 a:hover,.tile-layout-01 .row .col.w50 .cont h3 a:active,.tile-layout-01 .row .col.w50 .cont h3 a:focus {
  text-decoration: none
}

.tile-layout-01 .row .col.w50 .cont p {
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #fff;
  font-weight: normal
}

.tile-layout-01 .row .col.w50 .cont p a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #fff;
  font-weight: normal
}

.tile-layout-01 .row .col.w50 .cont p a:hover,.tile-layout-01 .row .col.w50 .cont p a:active,.tile-layout-01 .row .col.w50 .cont p a:focus {
  text-decoration: none
}

.service_section {
  width: 100%;
  padding: 40px 0 60px 0;
  background-color: #EEE
}

.service_section .section-header {
  max-width: 1300px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.service_section .section-content {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%;
  padding: 0 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.service_section .section-content .row .thumb {
  width: 100%;
  max-width: none
}

.service_section .section-content .row .col {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 12px solid transparent
}

.service_section .section-content .row .col a {
  display: block;

  /* 2020.12.21 add */
  height: 100%;
  background: #fff;
}

.service_section .section-content .row .col a:hover,.service_section .section-content .row .col a:active,.service_section .section-content .row .col a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8;
  text-decoration: none;
}

.service_section .section-content .row .cont {
  padding: 25px;
  background-color: #fff
}

.service_section .section-content .row .cont h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000;
  margin-bottom: 10px;
  font-weight: normal
}

.service_section .section-content .row .cont p {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #333
}

.section.search-prop-foot {
  background-image: url(/hebel-rooms/common_v2/img/common/bg-search-room-fig.jpg);
  background-size: auto 437px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 380px;
  width: 100%;
  background-color: #999;
  padding: 40px 0 0 0
}

.section.search-prop-foot .section-header {
  margin: 0 0 40px
}

.section.search-prop-foot .section-content .row.col-2 .col.col-right {
  padding: 0 0 0 15px
}

.section.search-prop-foot .area-tbl02 {
  margin-top: 25px
}

.section.search-prop-foot .area-table {
  width: 505px;
  background: rgba(255,255,255,0.4);
  background-repeat: repeat;
  table-layout: fixed
}

.section.search-prop-foot .area-table td a {
  display: flex;
  display: -ms-flexbox;
  height: 40px;
  width: 160px;
  padding-left: 45px;
  font-size: 14px;
  font-size: 1.4rem
}

.section.search-prop-foot .area-table td a:before {
  width: 45px;
  height: 40px;
  background-size: 24px auto
}

.section.search-prop-foot .area-table td .style-line:before {
  background-size: 24px auto
}

.section.search-prop-foot .area-table .firstrow td {
  padding-top: 40px
}

.section.search-prop-foot .area-table .lasttrow td {
  padding-bottom: 40px
}

.section.search-prop-foot .area-table .hlf td,.section.search-prop-foot .area-table .hlf th {
  border-top: 1px solid #ddd
}

.section.search-prop-foot .area-table th {
  background-color: #fff;
  width: 114px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold
}

.section.search-prop-foot .area-table td {
  padding: 40px 0 40px 10px;
  text-align: center;
  width: auto
}

.section.search-prop-foot .area-table .td02 {
  padding: 40px 0 40px 22px
}

.section.search-prop-foot .area-table .area {
  padding: 5px 0 5px 20px;
  text-align: left;
  width: 60px
}

.section.search-prop-foot .area-table .area a {
  font-weight: bold;
  background-image: none
}

.section.service_section {
  background-color: #F3F3F3
}

.section.service_section .section_title {
  width: 1000px;
  padding: 0;
  margin: 0 auto
}

.section.service_section .section-content {
  width: 1002px;
  padding: 0
}

/* 2020.12.21 add */
.section.service_section .section-content .row {
  display: flex;
  flex-wrap: wrap;
}

.section.service_section .section-content .row .col {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: none;

  /* 2020.12.21 add */
  float: none;
}

.section.service_section .section-content .row .cont {
  padding: 20px 15px
}

.section.service_section .section-content .row .cont h3 {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #333;
  font-weight: bold
}

.section.service_section .section-content .row .cont .content-desc {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #333;
  margin: 0 0 5px
}

.search-by-area {
  width: 100%;
  padding: 40px 0 60px 0;
  background-color: #EEE
}

.search-by-area .inner {
  width: 1040px;
  margin: 0 auto
}

.search-by-area .inner .tbl .cell {
  width: 520px;
  text-align: center;
  background-color: #fff
}

.search-by-area .inner .tbl .cell .section-title {
  margin-bottom: 30px
}

.search-by-area .inner .tbl .cell .desc {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.2;
  color: #000
}

.search-by-area .area-map {
  float: none
}

.search-by-area .area-map .map-bg {
  background-image: url(/hebel-rooms/common_v2/img/common/bg-areamap.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 520px;
  height: 320px;
  margin: 0 auto
}

.search-by-area .area-map .map-bg .area {
  position: absolute
}

.search-by-area .area-map .map-bg .area a:hover,.search-by-area .area-map .map-bg .area a:active,.search-by-area .area-map .map-bg .area a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.search-by-area .area-map .map-bg .area-01 {
  top: 34px;
  right: 15px
}

.search-by-area .area-map .map-bg .area-02 {
  top: 198px;
  right: 30px
}

.search-by-area .area-map .map-bg .area-03 {
  top: 38px;
  left: 83px
}

.search-by-area .area-map .map-bg .area-04 {
  top: 212px;
  left: 52px
}

.agency_list .tabcontents {
  display: none
}

.agency_list .tabcontents.on {
  display: block
}

.agency_list .tab-area>div {
  border-bottom: 30px;
  padding-bottom: 30px
}

.agency_list .tab-area ul li {
  margin: 0 2px
}

.agency_list .tab-area ul li a {
  /* background-color: #9DBE76 */
  border: 1px solid #1E2380;
  background: #ffffff;
  color: #1e2380;
}

.agency_list .tab-area ul li a:hover,.agency_list .tab-area ul li a:active,.agency_list .tab-area ul li a:focus {
  /* background-color: #5E912B */
  background-color: #1E2380;
  color: #ffffff;
}

.agency_list .tab-area ul li a.c {
  /* background-color: #5E912B; */
  background-color: #1E2380;
  color: #ffffff;
  position: relative
}

.agency_list .tab-area ul li a.c:after {
  border-top-width: 32px;
  border-right-width: 32px;
  border-bottom-width: 0;
  border-left-width: 32px;
  /* border-color: #5E912B transparent; */
  border-color: #1E2380 transparent;
  border-style: solid;
  display: block;
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -32px;
  content: ""
}

.agency_list .tabcontents .tabtitle .ttl {
  background-color: #1E2380;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #fff;
  padding: 15px 12px 15px;
  margin: 0;
  font-weight: normal
}

.agency_list table.tbl-style03 tr td:first-child {
  width: 320px
}

.agency_list table.tbl-style03 tr td:nth-child(2) {
  width: 340px
}

.section.search-link-by-area {
  padding: 50px 0
}

.section.search-link-by-area .btn.btn-toggle {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  color: #fff;
  width: 440px;
  padding: 22px 0 20px;
  border: 2px solid #1E2380
}

.section.search-link-by-area .btn.btn-toggle.close {
  color: #000;
  border: 2px solid #CECECE;
  background-color: #fff
}

.section.search-link-by-area .toggle-area.enagle {
  display: block
}

.section.search-link-by-area .toggle-area {
  margin: 40px 0 0;
  position: relative;
  padding: 40px 0 30px;
  background-color: #EEEEEE;
  display: none
}

.section.search-link-by-area .search-area-shutoken {
  width: 940px;
  margin: 40px auto;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  height: 400px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-image: url(/hebel-rooms/common_v2/img/feature/bg-search-shutoken.png);
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.section.search-link-by-area .search-area-shutoken .box-title {
  width: 426px;
  height: 400px;
  display: -webkit-flex;
  display: flex;
  display: -ms-flexbox;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center
}

.section.search-link-by-area .search-area-shutoken .box-title .section-header .section_title {
  font-weight: normal
}

.section.search-link-by-area .search-area-shutoken .box-title .section-header .section_title .bar {
  margin-top: 20px
}

.section.search-link-by-area .search-area-shutoken .box-search {
  background-image: url(/hebel-rooms/common_v2/img/feature/bg-mapimg.png);
  background-size: auto 395px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  height: 400px;
  width: 514px;
  position: relative
}

.section.search-link-by-area .search-area-shutoken .box-search .links {
  position: relative
}

.section.search-link-by-area .search-area-shutoken .box-search .links>div {
  position: absolute;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px
}

.section.search-link-by-area .search-area-shutoken .box-search .links>div a {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #fff;
  background-color: #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: #999 1px 1px 1px;
  -webkit-box-shadow: #999 1px 1px 1px;
  box-shadow: #999 1px 1px 1px;
  text-align: center;
  padding: 8px 0;
  width: 160px;
  border: 3px solid #fff;
  -webkit-transition: opacity .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: opacity .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity .7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.section.search-link-by-area .search-area-shutoken .box-search .links>div a:hover,.section.search-link-by-area .search-area-shutoken .box-search .links>div a:active,.section.search-link-by-area .search-area-shutoken .box-search .links>div a:focus {
  filter: alpha(opactiy=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7;
  text-decoration: none
}

.section.search-link-by-area .search-area-shutoken .box-search .links>div a:after {
  display: block;
  content: "";
  background-image: url(/hebel-rooms/common_v2/img/common/icon-arrow-w.png);
  background-size: 10px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px
}

.section.search-link-by-area .search-area-shutoken .box-search .links .tokyo {
  left: 30px;
  top: 150px
}

.section.search-link-by-area .search-area-shutoken .box-search .links .tokyo a {
  background-color: #8ab365
}

.section.search-link-by-area .search-area-shutoken .box-search .links .chiba {
  right: 32px;
  top: 228px
}

.section.search-link-by-area .search-area-shutoken .box-search .links .chiba a {
  background-color: #ee975d
}

.section.search-link-by-area .search-area-shutoken .box-search .links .saitama {
  right: 108px;
  top: 67px
}

.section.search-link-by-area .search-area-shutoken .box-search .links .saitama a {
  background-color: #f98f91
}

.section.search-link-by-area .search-area-shutoken .box-search .links .kanagawa {
  left: 50px;
  top: 260px
}

.section.search-link-by-area .search-area-shutoken .box-search .links .kanagawa a {
  background-color: #e0b639
}

.section.search-link-by-area .toggle-area:before {
  border-top-width: 0;
  border-right-width: 30px;
  border-bottom-width: 30px;
  border-left-width: 30px;
  border-color: #EEEEEE transparent;
  border-style: solid;
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -30px;
  content: ""
}

.section.search-link-by-area .area-bloc {
  width: 510px;
  float: left;
  margin: 0 20px 20px 0;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: #C4C4C4 1px 1px 3px;
  -webkit-box-shadow: #C4C4C4 1px 1px 3px;
  box-shadow: #C4C4C4 1px 1px 3px
}

.section.search-link-by-area .area-bloc .area-title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 40px;
  padding-top: 4px;
  color: #000;
  border-bottom: 3px solid #5E912B;
  text-align: center;
  font-weight: normal
}

.section.search-link-by-area .area-bloc .links {
  float: left;
  width: 250px
}

.section.search-link-by-area .area-bloc .links ul li:last-child {
  border-bottom: none
}

.section.search-link-by-area .area-bloc .links ul li {
  float: none;
  height: 35px;
  border-bottom: 1px solid #EEEEEE;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.section.search-link-by-area .area-bloc .links ul li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 35px;
  color: #3F3F3F;
  display: block;
  padding: 0 20px;
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-black-01.jpg);
  background-size: 4px auto;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear
}

.section.search-link-by-area .area-bloc .links ul li a:hover,.section.search-link-by-area .area-bloc .links ul li a:active,.section.search-link-by-area .area-bloc .links ul li a:focus {
  text-decoration: none;
  background-color: #5E912B;
  color: #fff
}

.section.search-link-by-area .area-bloc .areamap {
  float: left
}

.section.search-link-by-area .area-bloc .areamap .areaimg {
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-01-2.jpg);
  background-size: 260px auto;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 260px;
  height: 179px
}

/*****
.section.search-link-by-area .area-bloc.area-01 .areamap .areaimg {
  height: 179px
}

.section.search-link-by-area .area-bloc.area-01 .links ul li {
  height: 45px
}

.section.search-link-by-area .area-bloc.area-01 .links ul li a {
  line-height: 45px
}

.section.search-link-by-area .area-bloc.area-03 {
  margin: 0 0 20px 0
}
*****/


.section.search-link-by-area .area-bloc.area-02 .areamap .areaimg {
  background-image: url(/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-02.jpg)
}

.section.search-link-by-area .area-bloc.area-02 .area-title {
  border-bottom: 3px solid #C99B10
}

.section.search-link-by-area .area-bloc.area-02 .links ul li a:hover,.section.search-link-by-area .area-bloc.area-02 .links ul li a:active,.section.search-link-by-area .area-bloc.area-02 .links ul li a:focus {
  background-color: #C99B10
}

.section.search-link-by-area .area-bloc.area-03 .areamap .areaimg {
  background-image: url(/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-03.jpg);
  height: 179px
}

.section.search-link-by-area .area-bloc.area-03 .area-title {
  border-bottom: 3px solid #E87122
}

.section.search-link-by-area .area-bloc.area-03 .links ul li:last-child {
  height: 35px
}

.section.search-link-by-area .area-bloc.area-03 .links ul li {
  height: 36px
}

.section.search-link-by-area .area-bloc.area-03 .links ul li a {
  line-height: 36px
}

.section.search-link-by-area .area-bloc.area-03 .links ul li a:hover,.section.search-link-by-area .area-bloc.area-03 .links ul li a:active,.section.search-link-by-area .area-bloc.area-03 .links ul li a:focus {
  background-color: #E87122;
  color: #fff
}

.section.search-link-by-area .area-bloc.area-04 .areamap .areaimg {
  background-image: url(/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-04.jpg);
  height: 179px
}

.section.search-link-by-area .area-bloc.area-04 .area-title {
  border-bottom: 3px solid #EF5458
}

.section.search-link-by-area .area-bloc.area-04 .links ul li:last-child {
  height: 89px
}

.section.search-link-by-area .area-bloc.area-04 .links ul li {
  height: 90px
}

.section.search-link-by-area .area-bloc.area-04 .links ul li a {
  line-height: 90px
}

.section.search-link-by-area .area-bloc.area-04 .links ul li a:hover,.section.search-link-by-area .area-bloc.area-04 .links ul li a:active,.section.search-link-by-area .area-bloc.area-04 .links ul li a:focus {
  background-color: #EF5458;
  color: #fff
}

.contents.page.search-results {
  padding: 85px 0
}

.contents.page.search-results .page-title>.cf,.contents.page.search-results .section.seach-resutls .section-contents .page-title>.SS_item,.contents.page.search-results .contents.page.hebelmaison .hebelmaison-cont .nav-area ul li .page-title>a,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li .contents.page.search-results .page-title>a,.contents.page.search-results .hebelmaison-facility .hebelmaison-cont .page-title>.box-equake,.hebelmaison-facility .hebelmaison-cont .contents.page.search-results .page-title>.box-equake {
  position: relative;
  z-index: 1
}

.contents.page.search-results .page-title .title {
  border-bottom: 1px solid #1E2380;
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  color: #1F1F1F;
  font-weight: normal
}

.contents.page.search-results .page-title #SS_totalHits {
  font-weight: normal
}

.contents.page.search-results .page-title #SS_showCounts {
  font-weight: normal
}

.contents.page.search-results .page-title .search-area {
  float: left
}

.contents.page.search-results .page-title .search-area input[type=text] {
  padding: 2px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ddd;
  width: 350px
}

.contents.page.search-results .page-title .search-area input[type=submit] {
  padding: 2px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ddd;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000;
  line-height: 22px;
  color: #000;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZjhmOGY4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9),color-stop(22%, #f8f8f8),color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(#f9f9f9,#f8f8f8 22%,#ffffff);
  background-image: -webkit-linear-gradient(#f9f9f9,#f8f8f8 22%,#ffffff);
  background-image: linear-gradient(#f9f9f9,#f8f8f8 22%,#ffffff)
}

.contents.page.search-results .page-title .SS_search {
  float: left
}

.contents.page.search-results .page-title #SS_naviSort {
  float: right
}

.contents.page.search-results .page-title #SS_naviSort span,.contents.page.search-results .page-title #SS_naviSort a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.contents.page.search-results .page-title #SS_naviSort a {
  color: #1E2380;
  text-decoration: underline
}

.contents.page.search-results .section.seach-resutls {
  width: 940px;
  padding: 30px;
  background-image: url(/hebel-rooms/common_v2/img/common/bg-bar.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin: 0 auto 50px
}

.contents.page.search-results .section.seach-resutls .section-contents .notfound {
  padding: 40px 0 20px
}

.contents.page.search-results .section.seach-resutls .section-contents .notfound p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 20px;
  text-align: center
}

.contents.page.search-results .section.seach-resutls .section-contents .notfound p .bb {
  font-weight: bold
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_image {
  float: left;
  width: 238px;
  margin-bottom: 30px;
  border: 1px solid #ccc
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page {
  float: left;
  width: 680px;
  margin: 0 0 0 20px
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page .SS_title {
  margin-bottom: 10px
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page .SS_title a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #1E2380;
  text-decoration: underline
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page .SS_summary {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_paging {
  margin: 40px 0 20px 0
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_selectPage {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #000;
  padding: 15px 0;
  text-align: center;
  padding: 15px 20px;
  text-align: center;
  border: 1px solid #ddd;
  background-color: #F2F2F2
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_numberPage a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #000;
  padding: 15px 0;
  text-align: center;
  padding: 15px 20px;
  text-align: center;
  border: 1px solid #ddd
}

.contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_nextPage a,.contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_prevPage a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #1E2380;
  padding: 10px 0;
  text-align: center;
  padding: 15px 20px;
  text-decoration: underline
}

.section.search-room-top {
  width: 100%;
  background-image: url(/hebel-rooms/common_v2/img/search-top/bg-map-jp4.png);
  background-size: auto 480px;
  background-position: 50% 80px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0;
  height: 430px;
  margin-top: -130px;
  padding: 130px 0 0
}

.section.search-room-top .section-header {
  margin-bottom: 20px
}

.section.search-room-top .section-header .section_title.withsubtxt {
  margin-bottom: 40px
}

.section.search-room-top .search-room-link-area {
  position: relative;
  width: 860px;
  margin: 0 auto;
  background: rgba(255,255,255,0.3);
  -moz-box-shadow: #ddd 1px 1px 2px;
  -webkit-box-shadow: #ddd 1px 1px 2px;
  box-shadow: #ddd 1px 1px 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px
}

.section.search-room-top .search-room-link-area .row.col-2 .col {
  padding: 20px 10px 20px 30px
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table {
  width: 100%;
  table-layout: fixed
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table th {
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  width: 90px;
  text-align: center
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table th a {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: normal;
  color: #fff;
  padding: 22px 0;
  width: 90px;
  height: 100%;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table th a:hover,.section.search-room-top .search-room-link-area .row.col-2 .col .area-table th a:active,.section.search-room-top .search-room-link-area .row.col-2 .col .area-table th a:focus {
  text-decoration: none;
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table td {
  background-color: #fff;
  padding: 0 5px 0 12px
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table td.td03 {
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  padding: 0 20px 0 5px
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area01 th a {
  background-color: #8ab365
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area01 td {
  background-color: #e8f1df
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area02 th a {
  background-color: #e0b639
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area02 td {
  background-color: #f2ecda
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area03 th a {
  background-color: #ee975d
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area03 td {
  background-color: #f6e9e0
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area04 th a {
  background-color: #f98f91
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area04 td {
  background-color: #f9e9ea
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area05 th a {
  background-color: #8e7834
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table .area05 td {
  background-color: #fdebd7
}

.section.search-room-top .search-room-link-area .row.col-2 .col .area-table.area-tbl02 {
  margin-top: 15px
}

.section.search-room-top .search-room-link-area .row.col-2 .col.col-right {
  padding: 20px 30px 20px 10px
}

.section.search-room-top .area-box {
  position: absolute;
  background-position: 0% 0%;
  background-repeat: no-repeat
}

.section.search-room-top .area-box .area-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 42px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  margin-bottom: 5px
}

.section.search-room-top .area-box.area-01 {
  top: 0px;
  right: 50px;
  background-image: url(/hebel-rooms/common_v2/img/search-top/prefs/bg-area-01.png);
  width: 303px;
  height: 253px;
  padding: 0 0 0 39px
}

.section.search-room-top .area-box.area-02 {
  top: 200px;
  right: 50px;
  background-image: url(/hebel-rooms/common_v2/img/search-top/prefs/bg-area-02.png);
  width: 305px;
  height: 197px;
  padding: 0 0 0 113px
}

.section.search-room-top .area-box.area-03 {
  top: 0;
  left: 332px;
  background-image: url(/hebel-rooms/common_v2/img/search-top/prefs/bg-area-03.png);
  width: 308px;
  height: 288px
}

.section.search-room-top .area-box.area-04 {
  top: 120px;
  left: 0px;
  background-image: url(/hebel-rooms/common_v2/img/search-top/prefs/bg-area-04.png);
  width: 308px;
  height: 267px
}

.contents.main.page-search .page-title {
  margin: 0 auto 30px
}

.contents.main.page-search .page-title:after {
  display: none
}

.contents.main.page-search .area-info {
  text-align: center;
  position: relative;
  padding: 50px 30px 55px;
  width: 940px
}

.contents.main.page-search .area-info .section-header {
  margin: 0 0 60px
}

.contents.main.page-search .area-info .section_title {
  margin: 0 0 30px
}

.contents.main.page-search .area-info .section_title .bar {
  display: block;
  height: 1px;
  border-top: 1px solid #000
}

.contents.main.page-search .area-info .search-type {
  position: relative;
  z-index: 10;
  width: 520px;
  margin: 0 auto
}

.contents.main.page-search .area-info .search-type ul li {
  margin: 0 5px
}

.contents.main.page-search .area-info .search-type ul li a:hover,.contents.main.page-search .area-info .search-type ul li a:active,.contents.main.page-search .area-info .search-type ul li a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.main.page-search .area-info .subtext {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #000
}

.contents.main.page-search .area-info .subtext .cityname {
  color: #1E217F
}

.contents.main.page-search .area-info:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -37px;
  left: 0;
  width: 100%;
  height: 215px;
  z-index: 1;
  background-image: url(/hebel-rooms/common_v2/img/search-top/kv-bg.png);
  background-position: 42% 100%;
  background-repeat: no-repeat
}

.contents.main.page-search .area-reccomend .row .col .inner {
  height: auto
}

.contents.main.page-search .area-reccomend .row .col .inner h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 15px
}

.contents.main.page-search .area-reccomend .row .col .inner p {
  margin-bottom: 5px
}

.contents.main.page-search .area-reccomend .row .col .thumb-wrap .ic {
  width: 45%
}

.contents.main.page-search .about-the-area {
  background-color: #fff;
  width: 100%
}

.contents.main.page-search .about-the-area .section-header {
  width: 940px;
  margin: 0 auto
}

.contents.main.page-search .about-the-area .section-content {
  width: 940px;
  margin: 0 auto
}

.flow-how-to-search .flow li {
  float: none;
  padding: 0;
  margin: 0
}

.page.contents.feature-security .section-content .row .col span.note {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000
}

.page.contents.feature-index {
  padding: 85px 0 60px;
  position: relative
}

.page.contents.feature-index .tile-layout-01 {
  padding-bottom: 0
}

.page.contents.feature-index .breadcrumb_wrap {
  background-color: transparent;
  position: absolute;
  top: 70px;
  left: 0
}

.page.contents.feature-index .section-navigation {
  width: 100%;
  background-color: #dddddd
}

.page.contents.feature-index .section-navigation .inner {
  width: 1040px;
  margin: 0 auto
}

.page.contents.feature-index .section-navigation .inner ul li {
  width: 33.33333%
}

.page.contents.feature-index .section-navigation .inner ul li a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #000;
  padding: 18px 0 26px;
  text-align: center;
  position: relative;
  background-color: #dddddd;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.page.contents.feature-index .section-navigation .inner ul li a:hover {
  background-color: #1e2380;
  color: #fff;
  text-decoration: underline
}

.page.contents.feature-index .section-navigation .inner ul li a:hover:after {
  background-color: #fff
}

.page.contents.feature-index .section-navigation .inner ul li a:hover:before {
  background-color: #1e2380
}

.page.contents.feature-index .section-navigation .inner ul li a:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #a5a5a5;
  position: absolute;
  left: 50%;
  bottom: 11px;
  margin: 5px 0px 0 -5px;
  transform: rotate(45deg);
  z-index: 9;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.page.contents.feature-index .section-navigation .inner ul li a:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #dddddd;
  position: absolute;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  left: 50%;
  bottom: 13px;
  margin: 5px 0px 0 -5px;
  transform: rotate(45deg);
  z-index: 10
}

.page.contents.feature-index [class*=section] .item-list {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify
}

.page.contents.feature-index [class*=section] .item-list .item {
  width: 334px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  background-color: #fafafa;
  -moz-box-shadow: #c5c5c5 0px 0px 1px;
  -webkit-box-shadow: #c5c5c5 0px 0px 1px;
  box-shadow: #c5c5c5 0px 0px 1px;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.page.contents.feature-index [class*=section] .item-list .item:hover {
  background-color: #fff;
  text-decoration: none;
  border-color: #ddd;
  -moz-box-shadow: #f1f1f1 0px 0px 5px;
  -webkit-box-shadow: #f1f1f1 0px 0px 5px;
  box-shadow: #f1f1f1 0px 0px 5px;
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.page.contents.feature-index [class*=section] .item-list .item a {
  display: block
}

.page.contents.feature-index [class*=section] .item-list .item a:hover {
  text-decoration: none
}

.page.contents.feature-index [class*=section] .item-list .item .item-inner {
  padding: 20px 15px 20px 15px
}

.page.contents.feature-index [class*=section] .item-list .item .item-inner .item-ttl {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
  margin-bottom: 2px
}

.page.contents.feature-index [class*=section] .item-list .item .item-inner p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 0
}

.page.contents.feature-index .section-search .item-list .item a .item-inner .item-tag {
  font-size: 10px;
  color: #fff;
  background-color: #1e2380;
  font-weight: bold;
  line-height: 20px;
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 8px;
}

.page.contents.feature-index .section-pickup {
  padding-top: 75px;
  padding-bottom: 80px;
  background-color: #fff
}

.page.contents.feature-index .section-pickup .section_title img {
  height: 60px
}

.page.contents.feature-index .section-pickup .section-content {
  padding: 0
}

.page.contents.feature-index .section-pickup .section-content .swiper-pagination,.page.contents.feature-index .section-pickup .section-content .swiper-button-next,.page.contents.feature-index .section-pickup .section-content .swiper-button-prev {
  display: none
}

.page.contents.feature-index .section-search {
  padding-top: 75px;
  padding-bottom: 80px
}

.page.contents.feature-index .section-search .section_title img {
  height: 60px
}

.page.contents.feature-index .section-search .section-content {
  padding: 0
}

.page.contents.feature-index .section-search .tabs li {
  width: 50%
}

.page.contents.feature-index .section-search .tabs li a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 60px;
  color: #fff;
  text-align: center;
  background-color: #c8dbff;
  position: relative;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.page.contents.feature-index .section-search .tabs li a:hover {
  text-decoration: none;
  background-color: #1e2380
}

.page.contents.feature-index .section-search .tabs li a:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-color: transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

/* .page.contents.feature-index .section-search .tabs li a.c {
  background-color: #1e2380
}

.page.contents.feature-index .section-search .tabs li a.c:hover {
  background-color: #1e2380
}

.page.contents.feature-index .section-search .tabs li a.c:after {
  background-color: #1e2380
}

.page.contents.feature-index .section-search .tabs li:last-child a {
  background-color: #eac9d1
}

.page.contents.feature-index .section-search .tabs li:last-child a:hover {
  background-color: #ea608e
}

.page.contents.feature-index .section-search .tabs li:last-child .c {
  background-color: #ea608e
}

.page.contents.feature-index .section-search .tabs li:last-child a.c:after {
  background-color: #ea608e
} */

.page.contents.feature-index .section-search .tab-content-wrap {
  background-color: #fff;
  padding: 0 50px 20px;
  margin-bottom: 50px
}

.page.contents.feature-index .section-search .tab-content-wrap:not(:first-child){
  margin-top: 30px;
}

.page.contents.feature-index .section-search .tab-content-wrap .lead {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 25px
}

.page.contents.feature-index .section-search .tab-content-wrap .tab-content-heading{
  font-size: 18px;
  font-size: 1.8rem;
  width: 100%;
  background-color: #1e2380;
  color: #fff;
  padding: 15px 50px 15px 50px;
  margin: 0 -50px 35px;
  font-weight: normal;
}

.page.contents.feature-index .section-search .tab-content-wrap .tab-content {
  display: block;
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 1;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

/* .page.contents.feature-index .section-search .tab-content-wrap .tab-content.on {
  display: block
}

.page.contents.feature-index .section-search .tab-content-wrap .tab-content.fadein {
  display: block;
  filter: alpha(opactiy=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
} */

.page.contents.feature-index .section-search .item-list {
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.page.contents.feature-index .section-search .item-list .item {
  width: 300px;
  margin-bottom: 20px
}

.page.contents.feature-index .section-search .banner-area a {
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-box-shadow: #969696 1px 1px 3px;
  -webkit-box-shadow: #969696 1px 1px 3px;
  box-shadow: #969696 1px 1px 3px;
  display: block
}

.page.contents.feature-index .section-search .banner-area a .for_pc {
  display: block
}

.page.contents.feature-index .section-search .banner-area a:hover {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.page.contents.feature-index .section-kodawari {
  padding-top: 75px;
  padding-bottom: 60px;
  background-color: #fff
}

.page.contents.feature-index .section-kodawari .section_title img {
  height: 36px
}

.page.contents.feature-index .section-kodawari .section-content {
  padding: 0;
  margin-bottom: 0
}

.page.contents.feature-index .section-kodawari .item-list {
  display: flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.page.contents.feature-index .section-kodawari .item-list .item {
  width: 246px;
  margin-bottom: 20px
}

.features-contents {
  padding: 0 0 10px
}

.features-contents .section-content {
  margin: 0 auto 0
}

.features-contents .section-content .row.col-1 .desc {
  padding: 0 60px
}

.page.contents.feature-tomin .section-header {
  padding: 40px 0 0
}

.page.contents.feature-tomin .search-prop-foot .section-header {
  padding-top: 0
}

.page.contents.feature-tomin .section-content {
  width: 100%
}

.page.contents.feature-tomin .infolist li {
  float: none;
  height: 320px
}

.page.contents.feature-tomin .infolist li .section-header {
  width: 700px;
  margin: 0 auto
}

.page.contents.feature-tomin .infolist li .section-header .bar {
  margin-bottom: 20px;
  margin-top: 15px
}

.page.contents.feature-tomin .infolist li .section-header p {
  color: #000
}

.page.contents.feature-tomin .infolist .li01 {
  background-image: url(/hebel-rooms/common_v2/img/feature/tomin/bg-01.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #ddd
}

.page.contents.feature-tomin .infolist .li01 .section-header .inner {
  width: 280px;
  margin-top: 60px
}

.page.contents.feature-tomin .infolist .li02 {
  background-image: url(/hebel-rooms/common_v2/img/feature/tomin/bg-02.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #fff
}

.page.contents.feature-tomin .infolist .li02 .section-header .inner {
  width: 360px;
  float: right;
  margin-top: 20px
}

.page.contents.feature-tomin .infolist .li03 {
  background-image: url(/hebel-rooms/common_v2/img/feature/tomin/bg-03.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #fff
}

.page.contents.feature-tomin .infolist .li03 .section-header .inner {
  width: 280px;
  margin-top: 40px
}

.page.contents.feature-tomin .sec-02 {
  background-color: #EDEDEF
}

.page.contents.feature-tomin .sec-02 .section-content .row.col-2 {
  width: 1040px;
  background-color: #fff;
  -moz-box-shadow: #ccc 1px 1px 2px;
  -webkit-box-shadow: #ccc 1px 1px 2px;
  box-shadow: #ccc 1px 1px 2px;
  margin-bottom: 30px
}

.page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col {
  text-align: center;
  padding: 0;
  width: 532px
}

.page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col .txtinfo {
  border-bottom: 1px solid #EDEDEF;
  height: 20px;
  padding: 20px 0
}

.page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col .txtinfo .info {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 0;
  margin-top: 0
}

.page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col:last-child {
  border-left: 1px solid #EDEDEF;
  width: 508px
}

.btn_search_withic {
  text-align: center;
  background-image: url(/hebel-rooms/common_v2/img/index/btn-search.png);
  background-size: 672px auto;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 672px;
  height: 146px;
  margin: 40px auto 5px;
  display: block
}

.btn_search_withic a {
  display: block;
  height: 38px;
  padding: 54px 0 54px 160px
}

.btn_search_withic:hover,.btn_search_withic:active,.btn_search_withic:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.feature-shinchiku .section-kv .inner {
  width: 1040px;
  margin: 0 auto;
  position: relative
}

.feature-shinchiku .section-kv .inner .fufu-banner {
  position: absolute;
  left: 800px;
  bottom: 40px;
  width: 240px;
  height: 140px
}

.feature-shinchiku .section-kv .inner .fufu-banner a {
  display: block;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.feature-shinchiku .section-kv .inner .fufu-banner a:hover,.feature-shinchiku .section-kv .inner .fufu-banner a:active,.feature-shinchiku .section-kv .inner .fufu-banner a:focus {
  filter: alpha(opactiy=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9
}

.feature-shinchiku .fufu-banner-btm {
  background-color: #fff;
  text-align: center;
  padding: 40px 0 100px
}

.feature-shinchiku .fufu-banner-btm a {
  display: block;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.feature-shinchiku .fufu-banner-btm a:hover,.feature-shinchiku .fufu-banner-btm a:active,.feature-shinchiku .fufu-banner-btm a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.wide-banner-area .col a {
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.wide-banner-area .col a:hover,.wide-banner-area .col a:active,.wide-banner-area .col a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.service-f-index .col-2 .col p {
  margin-bottom: 0
}

.service-f-index .col-2 a {
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.service-f-index .col-2 a:hover,.service-f-index .col-2 a:active,.service-f-index .col-2 a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.service-f-index .boxw800 {
  width: 860px;
  margin: 0 auto
}

.service-management .section.features {
  margin-bottom: 20px
}

.service-management .section-content .par {
  padding: 0 70px
}

.service-management .section-content .note {
  padding: 0 70px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #999
}

.service-management .section-content .check {
  text-align: center;
  padding: 30px 0 0
}

.service-management .section-content .check .ttl-check {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
  font-weight: normal
}

.service-management .section-content .check .note {
  padding: 0;
  text-align: left;
  margin-top: 5px
}

.section.service-system-cont {
  padding: 50px 0 20px
}

.section.service-system-cont .section-header {
  margin-bottom: 20px
}

.section.service-system-cont .section-header .section_title .bar {
  margin-bottom: 30px
}

.section.service-system-cont .section-content .tbl-style04 th {
  width: 298px
}

.section.service-system-cont.sec-04 .tc {
  text-align: center
}

.section.service-insurance-cont {
  padding: 0 0 10px;
  margin-bottom: 20px
}

.section.service-insurance-cont .h-level .ttl {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 5px
}

.section.service-insurance-cont .h-level .addr {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 0
}

.section.service-insurance-cont .h-level .disc {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 10px
}

.section.service-insurance-cont .h-level .time {
  font-size: 12px;
  font-size: 1.2rem
}

.section.service-insurance-cont .ten-warranty {
  margin-bottom: 10px
}

.section.service-insurance-cont .ten-warranty .wrap {
  text-align: center
}

.section.service-insurance-cont .ten-warranty .wrap img {
  width: 120px;
  margin-bottom: 10px
}

.contents.page.service-member .my-concier-page-banner{
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 60px;
}

.contents.page.service-member .my-concier-page-banner a {
  display: block;
  transition: opacity .7s cubic-bezier(0.19, 1, 0.22, 1);
}

.contents.page.service-member .my-concier-page-banner a:hover{
  opacity: 0.7;
}

.contents.page.service-member .my-concier-page-banner-note{
  font-size: 12px;
  margin-top: 12px;
  line-height: 1.8;
}

.contents.page.service-member .section-nav {
  width: 1020px;
  margin: 0 auto 60px
}

.contents.page.service-member .section-nav .row.col-3 .col {
  width: 300px;
  margin: 0 20px
}

.contents.page.service-member .section-nav .nav-panel {
  display: block;
  background-color: #e4e5f0;
  padding: 20px 20px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.contents.page.service-member .section-nav .nav-panel .ttl {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  color: #1e2380;
  font-weight: bold;
  margin-bottom: 5px
}

.contents.page.service-member .section-nav .nav-panel p {
  text-align: center;
  background-color: #fff;
  padding: 3px 0
}

.contents.page.service-member .section-nav .nav-panel:hover,.contents.page.service-member .section-nav .nav-panel:active,.contents.page.service-member .section-nav .nav-panel:focus {
  text-decoration: none;
  filter: alpha(opactiy=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7
}

.contents.page.service-member .section-nav .nav-panel:after {
  display: block;
  content: "";
  width: 100%;
  height: 20px;
  margin-top: 5px;
  background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/arrow-b.png);
  background-size: 20px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.contents.page.service-member .sec-01 {
  margin-top: 50px;
  margin-bottom: 80px
}

.contents.page.service-member .sec-01 .row {
  margin-bottom: 30px
}

.contents.page.service-member .sec-01 .col-member-service .col-ttl {
  text-align: center;
  margin-bottom: 7px
}

.contents.page.service-member .sec-01 .col-member-service .col-ttl img {
  height: 25px;
  width: auto
}

.contents.page.service-member .sec-01 .col-member-service p {
  margin-bottom: 3px;
  text-align: center
}

.contents.page.service-member .sec-01 .col-member-service p .txtsz-l {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.6;
  color: #ea7d37;
  font-weight: bold
}

.contents.page.service-member .sec-01 .col-member-service p .txtsz-xl {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.6;
  color: #ea7d37;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin: 0 3px
}

.contents.page.service-member .notice-box {
  margin-bottom: 35px
}

.contents.page.service-member .notice-box p {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000
}

.contents.page.service-member .support-box {
  width: 940px;
  margin: 0 auto 80px;
  background-color: #f3f3f3;
  padding: 35px 35px 20px;
  background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/bg-contact-area-01.png);
  background-size: 66px auto;
  background-position: 0px 8px;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.contents.page.service-member .support-box .ttl {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.6;
  color: #000;
  text-align: center;
  font-weight: normal;
  margin-bottom: 25px
}

.contents.page.service-member .support-box .step {
  margin-bottom: 14px
}

.contents.page.service-member .support-box .step p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 5px
}

.contents.page.service-member .support-box .step p:before {
  display: block;
  content: "";
  width: 14px;
  height: 4px;
  background-color: #ea6097;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px
}

.contents.page.service-member .support-box .tc {
  margin-bottom: 40px
}

.contents.page.service-member .support-box .button-area li img {
  vertical-align: top
}

.contents.page.service-member .support-box .button-area li a {
  display: block;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.contents.page.service-member .support-box .button-area li a:hover,.contents.page.service-member .support-box .button-area li a:active,.contents.page.service-member .support-box .button-area li a:focus {
  text-decoration: none;
  filter: alpha(opactiy=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7
}

.contents.page.service-member .support-box .button-area li:nth-child(2) {
  padding-left: 20px
}

.contents.page.service-member .support-box:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 10;
  width: 80px;
  height: 121px;
  background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/bg-contact-area-02.png);
  background-size: 100% auto;
  background-position: 0px 0;
  background-repeat: no-repeat
}

.contents.page.service-member .sec-02 {
  padding: 0 0 10px
}

.contents.page.service-member .sec-02 .box-title {
  margin-bottom: 30px
}

.contents.page.service-member .sec-02 .box-title .note {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 1em
}

.contents.page.service-member .sec-02 .box {
  width: 100%;
  margin-bottom: 45px
}

.contents.page.service-member .sec-02 .box-2 {
  margin-bottom: 20px
}

.contents.page.service-member .sec-02 .row.col-2 {
  margin-bottom: 30px
}

.contents.page.service-member .sec-02 .row.col-2 .col {
  padding-right: 20px
}

.contents.page.service-member .sec-02 .row.col-2 .col .ttl {
  margin-bottom: 10px
}

.contents.page.service-member .sec-02 .row.col-2 .col .ttl img {
  height: 26px;
  width: auto
}

.contents.page.service-member .sec-02 .row.col-2 .col .mt40 {
  margin-top: 40px
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area.tbl {
  display: table
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area.tbl span {
  display: table-cell
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area.tbl .biz-hour {
  border-left: 10px solid #fff
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area {
  width: 100%;
  margin-bottom: 10px
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 1px 0 0px
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area .left {
  background-color: #e4e5f0;
  color: #1e2380
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area .biz-hour {
  background-color: #e4e5f0;
  color: #1e2380
}

.contents.page.service-member .sec-02 .row.col-2 .col .tag-area .w-mid {
  width: 300px
}

.contents.page.service-member .sec-02 .row.col-2 .col .desc {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.contents.page.service-member .sec-02 .row.col-2 .col .notice {
  font-size: 12px;
  font-size: 1.2rem
}

.contents.page.service-member .sec-02 .row.col-2 .col .notice .pink {
  font-weight: bold
}

.contents.page.service-member .sec-02 .row.col-2 .col .support-info {
  border: 1px solid #dddddd;
  padding: 5px 10px 0;
  margin-bottom: 10px
}

.contents.page.service-member .sec-02 .row.col-2 .col .support-info h5 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.contents.page.service-member .sec-02 .row.col-2 .col .support-info p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 5px
}

.contents.page.service-member .sec-02 .row.col-2 .col:last-child {
  padding-right: 0;
  padding-left: 20px
}

.contents.page.service-member .sec-02 .waranty-list {
  margin-left: 0;
  margin-bottom: 30px
}

.contents.page.service-member .sec-03 {
  margin-bottom: 70px
}

.contents.page.service-member .sec-03 .campaigns {
  margin-top: 40px
}

.contents.page.service-member .sec-03 .campaigns ul .col {
  /* width: 320px; */
  width: 33.33%;
  /* margin-right: 75px */
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}

.contents.page.service-member .sec-03 .campaigns ul .col .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
  background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/ic-01.png);
  background-size: 30px auto;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  padding-left: 2em;
  text-align: left
}

.contents.page.service-member .sec-03 .campaigns ul .col:nth-child(2) {
  margin-right: 0
}

.contents.page.service-member .sec-03 .campaigns ul .col:nth-child(2) .ttl {
  background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/ic-02.png)
}

.contents.page.service-member .sec-03 .campaigns ul .col:last-child {
  margin-right: 0
}

.contents.page.service-member .sec-03 .campaigns ul .col:last-child .ttl {
  background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/ic-03.png)
}

.contents.page.service-member .sec-03 .campaigns .btn {
  width: 380px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #acb4e3;
  background-color: #1a1c43;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #fff;
  padding: 18px 0;
  text-align: center
}

.contents.page.service-member .section.features {
  padding: 50px 0 80px;
  margin-bottom: 20px
}

.contents.page.service-member .hebel-center-service-box {
  margin: 0 auto 0;
  width: 940px;
  padding: 35px;
  background-color: #1e2380;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.contents.page.service-member .hebel-center-service-box .section_title {
  color: #fff
}

.contents.page.service-member .hebel-center-service-box h4 {
  color: #fff
}

.contents.page.service-member .hebel-center-service-box .note {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #fff
}

.contents.page.service-member .hebel-center-service-box p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 15px
}

.contents.page.service-member .hebel-center-service-box .lead {
  margin-bottom: 0
}

.contents.page.service-member .hebel-center-service-box .tel-box {
  width: 700px;
  margin: 30px auto 20px
}

.contents.page.service-member .hebel-center-service-box .tel-box .ttl {
  background-color: #f3f3f3;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #1e2380;
  margin-bottom: 0;
  padding: 3px 0 1px
}

.contents.page.service-member .hebel-center-service-box .tel-box .tbl {
  display: table;
  width: 100%
}

.contents.page.service-member .hebel-center-service-box .tel-box .tbl .cell {
  display: table-cell;
  width: 50%;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  text-align: center;
  padding: 3px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #000
}

.contents.page.service-member .hebel-center-service-box .tel-box .tbl .cell .number {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  color: #ea6097;
  margin-left: 4px
}

.contents.page.service-member .hebel-center-service-box .button-area li img {
  vertical-align: top
}

.contents.page.service-member .hebel-center-service-box .button-area li a {
  display: block;
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.contents.page.service-member .hebel-center-service-box .button-area li a:hover,.contents.page.service-member .hebel-center-service-box .button-area li a:active,.contents.page.service-member .hebel-center-service-box .button-area li a:focus {
  text-decoration: none;
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.service-member .hebel-center-service-box .button-area li:nth-child(2) {
  padding-left: 20px
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li.c:after {
  display: none
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li:after {
  content: "";
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/ic.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 5px;
  right: 5px
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li {
  width: 333px;
  position: relative;
  padding: 0 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #333
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a {
  background-color: #EEE;
  display: block;
  width: 100%;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a .thumb {
  float: left;
  width: 150px
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a .txts {
  float: left;
  text-align: center;
  width: 183px;
  padding: 38px 0 0
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a:hover,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a:active,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li .eng {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #ccc;
  text-align: center;
  margin-bottom: 3px;
  font-weight: bold
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .c {
  position: relative
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .c a {
  background-color: #E7D1E1
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .c a:hover,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .c a:active,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .c a:focus {
  border-bottom: none;
  filter: alpha(opactiy=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .c .eng {
  color: #9F929B
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .p {
  position: relative
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .p a {
  background-color: #E7D1E1
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area ul .p .eng {
  color: #9F929B
}

.contents.page.hebelmaison .hebelmaison-cont .nav-area.foot ul li a:hover,.contents.page.hebelmaison .hebelmaison-cont .nav-area.foot ul li a:active,.contents.page.hebelmaison .hebelmaison-cont .nav-area.foot ul li a:focus {
  border-bottom: none
}

.contents.page.hebelmaison .hebelmaison-cont .section-name {
  width: 640px;
  border: 1px solid #E7D1E1;
  padding: 0;
  margin: 0 auto 30px;
  display: table
}

.contents.page.hebelmaison .hebelmaison-cont .section-name .eng {
  display: table-cell;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #B5A6B0;
  background-color: #E7D1E1;
  padding: 15px 0;
  text-align: center;
  vertical-align: middle
}

.contents.page.hebelmaison .hebelmaison-cont .section-name .txt {
  display: table-cell;
  width: 400px;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #000;
  padding: 15px 0;
  font-weight: normal;
  font-weight: bold
}

.contents.page.hebelmaison-index .sec-02 .row.col-3 .col .fig {
  margin-bottom: 0
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-01 {
  padding-top: 0;
  padding-bottom: 10px
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-01 .row {
  margin-bottom: 10px
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 {
  background-color: #eee
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .section-name .txt {
  background-color: #fff
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col:nth-child(3n) {
  margin-right: 0
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col {
  background-color: #fff;
  margin: 0 20px 20px 0
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .inner {
  -moz-box-shadow: #CFD5E8 1px 2px 1px;
  -webkit-box-shadow: #CFD5E8 1px 2px 1px;
  box-shadow: #CFD5E8 1px 2px 1px
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .hdng {
  border-bottom: 1px solid #ddd;
  padding: 12px 0 10px
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 34px;
  color: #333;
  margin-bottom: 0
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .ttl.withsub {
  line-height: 1.2
}

.contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .subtxt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 0;
  display: block
}

.hebelmaison-facility .hebelmaison-cont.sec-01 {
  padding: 30px 0 20px
}

.hebelmaison-facility .hebelmaison-cont.sec-04 .section-content .fig {
  margin-bottom: 10px
}

.hebelmaison-facility .hebelmaison-cont.sec-04 .section-content .textbox {
  padding: 85px 0 0
}

.hebelmaison-facility .hebelmaison-cont.sec-04 .section-content .textbox .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  color: #000
}

.hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col {
  width: 520px;
  padding-right: 20px
}

.hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold
}

.hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col p {
  width: 100%
}

.hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col.pt80 {
  padding-top: 80px
}

.hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col:nth-child(even) {
  padding-right: 00;
  padding-left: 20px
}

.hebelmaison-facility .hebelmaison-cont.sec-09 .ttl {
  text-align: center
}

.hebelmaison-facility .hebelmaison-cont.sec-09 .fig {
  margin-bottom: 0
}

.hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex {
  background-color: #EEEEEE;
  margin-top: 30px
}

.hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex .thumb {
  float: left;
  width: 218px
}

.hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex .cont {
  text-align: left;
  width: 782px;
  float: left;
  padding: 35px 20px 0 20px
}

.hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex .cont .ttl {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #000;
  border-bottom: 1px solid #9B9B9B;
  padding-bottom: 10px;
  margin-bottom: 10px
}

.hebelmaison-facility .hebelmaison-cont {
  padding: 50px 0 20px
}

.hebelmaison-facility .hebelmaison-cont .box-equake {
  width: 900px;
  border: 1px solid #9B9B9B;
  padding: 20px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.hebelmaison-facility .hebelmaison-cont .box-equake .fig {
  float: left;
  width: 285px;
  margin-bottom: 0
}

.hebelmaison-facility .hebelmaison-cont .box-equake .txtbox {
  float: left;
  width: 530px;
  margin-left: 40px;
  padding: 10px 0 0
}

.hebelmaison-facility .hebelmaison-cont .box-equake .txtbox .section_title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  color: #000;
  margin-bottom: 12px
}

.hebelmaison-facility .hebelmaison-cont .box-equake .txtbox .txx {
  width: 100%;
  margin-bottom: 0
}

.hebelmaison-facility .hebelmaison-cont .txx {
  width: 900px;
  margin: 0 auto 20px
}

.hebelmaison-facility .hebelmaison-cont .note {
  width: 900px;
  margin: 0 auto 20px
}

.hebelmaison-facility .hebelmaison-cont .seinou {
  margin-bottom: 20px
}

.hebelmaison-facility .hebelmaison-cont .seinou dl dt {
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #333;
  padding: 15px 0;
  text-align: center;
  width: 160px;
  background-color: #E7D1E1
}

.hebelmaison-facility .hebelmaison-cont .seinou dl dd {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000;
  width: 330px;
  padding: 8px 0 8px 10px
}

.hebelmaison-facility .hebelmaison-cont.sec-02,.hebelmaison-facility .hebelmaison-cont.sec-04,.hebelmaison-facility .hebelmaison-cont.sec-06,.hebelmaison-facility .hebelmaison-cont.sec-08,.hebelmaison-facility .hebelmaison-cont.sec-10 {
  background-color: #eee
}

.hebelmaison-facility .hebelmaison-cont.sec-02 .section-name .txt,.hebelmaison-facility .hebelmaison-cont.sec-04 .section-name .txt,.hebelmaison-facility .hebelmaison-cont.sec-06 .section-name .txt,.hebelmaison-facility .hebelmaison-cont.sec-08 .section-name .txt,.hebelmaison-facility .hebelmaison-cont.sec-10 .section-name .txt {
  background-color: #fff
}

.hebelmaison-room .section-content {
  margin-bottom: 20px
}

.hebelmaison-room .hebelmaison-cont .row.col-3 {
  margin-bottom: 5px
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .col .cap {
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .col .fig {
  margin-bottom: 14px
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .cont {
  margin-left: 65px;
  padding-top: 120px
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .cont .galnum {
  margin-bottom: 10px
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .cont .galnum img {
  height: 14px
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .cont .ttl {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.2;
  color: #333;
  margin-bottom: 50px;
  text-align: left
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .cont p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #333
}

.hebelmaison-room .hebelmaison-cont .row.col-3 .col.w2 {
  width: 681px
}

.hebelmaison-room .hebelmaison-cont.sec-00 {
  padding: 0 0 10px
}

.hebelmaison-room .hebelmaison-cont.bg-blue {
  background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/room/bg-01.jpg);
  background-position: 50% 0;
  background-repeat: repeat;
  padding: 50px 0 16px
}

.hebelmaison-room .hebelmaison-cont.bg-blue .fig {
  -moz-box-shadow: #CFD5E8 5px 5px 0px;
  -webkit-box-shadow: #CFD5E8 5px 5px 0px;
  box-shadow: #CFD5E8 5px 5px 0px
}

.hebelmaison-room .hebelmaison-cont.bg-pink {
  background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/room/bg-02.jpg);
  background-position: 50% 0;
  background-repeat: repeat;
  padding: 50px 0 16px
}

.hebelmaison-room .hebelmaison-cont.bg-pink .fig {
  -moz-box-shadow: #EBD7E6 5px 5px 0px;
  -webkit-box-shadow: #EBD7E6 5px 5px 0px;
  box-shadow: #EBD7E6 5px 5px 0px
}

.hebelmaison-room .hebelmaison-cont.sec-01 {
  padding-bottom: 40px
}

.hebelmaison-room .hebelmaison-cont.sec-01 .section-header {
  margin-bottom: 30px
}

.hebelmaison-room .hebelmaison-cont.sec-01 .galnum {
  margin-bottom: 10px
}

.hebelmaison-room .hebelmaison-cont.sec-01 .galnum img {
  height: 14px
}

.hebelmaison-room .hebelmaison-cont.sec-01 .ttl {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.2;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal
}

.hebelmaison-room .hebelmaison-cont.sec-01 p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #333
}

.hebelmaison-room .hebelmaison-cont.sec-02 .row.col-3 .col.w2 {
  width: 681px;
  margin-right: 0
}

.hebelmaison-room .hebelmaison-cont.sec-02 .row.col-3 .col .cont {
  margin-left: 0px;
  padding-top: 140px
}

.hebelmaison-room .hebelmaison-cont.sec-03 .row.col-3 .cont,.hebelmaison-room .hebelmaison-cont.sec-04 .row.col-3 .cont {
  margin-left: 5px;
  padding-top: 120px
}

.hebelmaison-room .slider {
  position: relative
}

.hebelmaison-room .slider .swiper-button-prev,.hebelmaison-room .slider .swiper-button-next {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 60px 120px;
  width: 60px;
  height: 120px;
  margin-top: -60px;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.hebelmaison-room .slider .swiper-button-prev:hover,.hebelmaison-room .slider .swiper-button-prev:active,.hebelmaison-room .slider .swiper-button-prev:focus,.hebelmaison-room .slider .swiper-button-next:hover,.hebelmaison-room .slider .swiper-button-next:active,.hebelmaison-room .slider .swiper-button-next:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.hebelmaison-room .slider .swiper-button-prev {
  background-image: url(/hebel-rooms/common_v2/img/features/atlas/index/arr-l.png);
  left: 0
}

.hebelmaison-room .slider .swiper-button-next {
  background-image: url(/hebel-rooms/common_v2/img/features/atlas/index/arr-r.png);
  right: 0
}

.atlas .section-header .subtxt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.atlas .atlas-cont.sec-01 {
  padding-top: 50px
}

.atlas .atlas-cont.sec-03 {
  padding-bottom: 40px
}

.atlas .atlas-cont.sec-04 {
  padding-bottom: 40px
}

.atlas .atlas-cont {
  padding: 30px 0 10px
}

.atlas .atlas-cont .section-content {
  margin-bottom: 0
}

.atlas .atlas-cont .section-content .fig {
  margin-bottom: 0px
}

.atlas .atlas-cont a {
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.atlas .atlas-cont a:hover,.atlas .atlas-cont a:active,.atlas .atlas-cont a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.atlas .sec-slider {
  background-image: url(/hebel-rooms/common_v2/img/features/atlas/index/bg-2.png);
  background-position: 50% 0%;
  background-repeat: repeat;
  background-color: #F2F2F2;
  padding-bottom: 40px
}

.atlas .sec-slider .slider {
  position: relative
}

.atlas .sec-slider .slider .swiper-button-prev,.atlas .sec-slider .slider .swiper-button-next {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 60px 120px;
  width: 60px;
  height: 120px;
  margin-top: -60px;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.atlas .sec-slider .slider .swiper-button-prev:hover,.atlas .sec-slider .slider .swiper-button-prev:active,.atlas .sec-slider .slider .swiper-button-prev:focus,.atlas .sec-slider .slider .swiper-button-next:hover,.atlas .sec-slider .slider .swiper-button-next:active,.atlas .sec-slider .slider .swiper-button-next:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.atlas .sec-slider .slider .swiper-button-prev {
  background-image: url(/hebel-rooms/common_v2/img/features/atlas/index/arr-l.png);
  left: 0
}

.atlas .sec-slider .slider .swiper-button-next {
  background-image: url(/hebel-rooms/common_v2/img/features/atlas/index/arr-r.png);
  right: 0
}

.contents.page.magazine-style.tvcm .breadcrumb_wrap {
  background-color: transparent
}

.contents.page.magazine-style.tvcm .tvcm-cont {
  background-color: transparent;
  position: relative
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-head {
  text-align: center;
  margin-bottom: 70px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-head .ttl {
  margin-bottom: 25px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-head .ttl img {
  width: 281px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-head .desc {
  text-align: center
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content {
  z-index: 11;
  position: relative
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont {
  position: relative
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .thumbwrap {
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .thumbwrap:hover,.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .thumbwrap:active,.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .thumbwrap:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box {
  position: absolute;
  width: 530px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 25px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .inner {
  width: fit-content !important;
  margin: 0 auto;
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/bg-w-transparent.png);
  background-repeat: repeat;
  text-align: center;
  padding: 10px 10px !important;
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .ttl {
  margin-bottom: 15px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .ttl img {
  height: 20px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .desc {
  margin-bottom: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #000
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box ul.col-2 li {
  margin-right: 20px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box ul.col-2 li:last-child {
  margin-right: 0
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .btn {
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/bg-b-transparent.png);
  background-repeat: repeat;
  background-color: transparent;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #fff;
  padding: 10px 15px 10px 15px
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .btn span {
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-white-2.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  display: block
}

.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .tvcmlink {
  text-align: center
}

.contents.page.magazine-style.tvcm .tvcm-cont .cont {
  margin-bottom: 80px;
  position: relative
}

.contents.page.magazine-style.tvcm .tvcm-cont .cont:after {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 8px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/ic-tvcm.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 124px 124px;
  width: 124px;
  height: 124px
}

.contents.page.magazine-style.tvcm .tvcm-cont .num-area {
  display: block;
  height: 20px;
  width: 1040px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/cont-01.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin-bottom: 8px
}

.contents.page.magazine-style.tvcm .tvcm-cont .cont-02 .num-area {
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/cont-02.png)
}

.contents.page.magazine-style.tvcm .tvcm-cont .cont.icon-movie:after {
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/ic-movie.png)
} 

.contents.page.magazine-style.tvcm .tvcm-cont .cont-03 .num-area {
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/cont-03.png)
}

.contents.page.magazine-style.tvcm .tvcm-cont .rooms-img img {
  width: 200px
}

.contents.page.magazine-style.tvcm .tvcm-cont:before,.contents.page.magazine-style.tvcm .tvcm-cont:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 0
}

.contents.page.magazine-style.tvcm .tvcm-cont:before {
  width: 290px;
  height: 688px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/index/bg2.png);
  background-position: 100% -70px;
  right: 0;
  top: 0px
}

.contents.page.magazine-style.tvcm .tvcm-cont:after {
  width: 230px;
  height: 1400px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/bg4.png);
  background-position: 100% 0;
  left: 0;
  bottom: -140px;
  z-index: 10
}

.contents.page.magazine-style {
  margin-top: 70px;
  border-top: 6px solid #000;
  background-image: none;
  padding-bottom: 150px
}

.contents.page.magazine-style .breadcrumb_wrap {
  background-color: transparent
}

.contents.page.magazine-style .rs-inner {
  margin-top: 2px;
  border-top: 1px solid #000;
  position: relative;
  background-image: url(/hebel-rooms/common_v2/img/magazine/index/bg1.png);
  background-position: 50% -70px;
  background-repeat: no-repeat;
  background-color: #fff
}

.contents.page.magazine-style .rs-inner .ms-cont {
  position: relative;
  z-index: 1
}

.contents.page.magazine-style .rs-inner .ms-cont .section-content {
  z-index: 100;
  position: relative
}

.contents.page.magazine-style .rs-inner .ms-cont:before,.contents.page.magazine-style .rs-inner .ms-cont:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 0
}

.contents.page.magazine-style .rs-inner .ms-cont:before {
  width: 290px;
  height: 688px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/index/bg2.png);
  background-position: 100% -70px;
  right: 0;
  top: 0px
}

.contents.page.magazine-style .rs-inner .ms-cont:after {
  width: 229px;
  height: 546px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/index/bg3.png);
  background-position: 100% 0;
  left: 0;
  bottom: 0
}

.contents.page.magazine-style .rs-inner.withbtm:after {
  content: "";
  width: 100%;
  height: 13px;
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-foot.jpg);
  background-position: 0% 0%;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  left: 0
}

.contents.page.magazine-style .ms-cont {
  background-color: transparent
}

.contents.page.magazine-style .ms-cont .section-head {
  text-align: center;
  margin-bottom: 70px
}

.contents.page.magazine-style .ms-cont .section-head .ttl {
  margin-bottom: 25px
}

.contents.page.magazine-style .ms-cont .section-head .ttl img {
  width: 281px
}

.contents.page.magazine-style .ms-cont .section-head .desc {
  text-align: center
}

.contents.page.magazine-style .ms-cont .row.col-2 .col {
  width: 490px;
  margin-right: 60px;
  padding: 0;
  min-height: 600px
}

.contents.page.magazine-style .ms-cont .row.col-2 .col .cont {
  padding: 20px 0
}

.contents.page.magazine-style .ms-cont .row.col-2 .col .cont .ttl {
  text-align: center;
  margin-bottom: 15px
}

.contents.page.magazine-style .ms-cont .row.col-2 .col .cont .ttl img {
  height: 20px
}

.contents.page.magazine-style .ms-cont .row.col-2 .col .cont .desc {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #000
}

.contents.page.magazine-style .ms-cont .row.col-2 .col a {
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.contents.page.magazine-style .ms-cont .row.col-2 .col a:hover,.contents.page.magazine-style .ms-cont .row.col-2 .col a:active,.contents.page.magazine-style .ms-cont .row.col-2 .col a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.magazine-style .ms-cont .row.col-2 .col:last-child {
  margin-right: 0
}

.contents.page.magazine-style .ms-cont .num-area {
  display: block;
  height: 20px;
  width: 489px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/index/cont-01.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin-bottom: 8px
}

.contents.page.magazine-style .ms-cont .n02 .num-area {
  background-image: url(/hebel-rooms/common_v2/img/magazine/index/cont-02.png);
  /* background-image: url(/hebel-rooms/common_v2/img/magazine/index/cont-01-maison.png); */
}

.contents.page.magazine-style .ms-cont .rooms-img img {
  width: 200px
}

.contents.page.rooms-style {
  padding-top: 70px
}

.contents.page.rooms-style .rs-inner {
  background-image: url(/hebel-rooms/common_v2/img/magazine/style/index/bg.png);
  background-position: 50% -120px;
  background-repeat: no-repeat;
  background-color: #fff;
  position: relative
}

.contents.page.rooms-style .rs-inner.withbtm:after {
  content: "";
  width: 100%;
  height: 13px;
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-foot.jpg);
  background-position: 0% 0%;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  left: 0
}

.contents.page.rooms-style .breadcrumb_wrap {
  background: none
}

.contents.page.rooms-style .breadcrumb.foot {
  margin-top: 15px
}

.contents.page.rooms-style .section-kv-rs {
  text-align: center;
  height: 430px
}

.contents.page.rooms-style .rs-index-cont {
  position: relative;
  background: none;
  padding-top: 60px;
  padding-bottom: 90px
}

.contents.page.rooms-style .rs-index-cont .is-ready {
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0
}

.contents.page.rooms-style .rs-index-cont .loaded {
  filter: alpha(opactiy=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
}

.contents.page.rooms-style .rs-index-cont a {
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.contents.page.rooms-style .rs-index-cont a:hover,.contents.page.rooms-style .rs-index-cont a:active,.contents.page.rooms-style .rs-index-cont a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.rooms-style .rs-index-cont .row {
  height: 390px
}

.contents.page.rooms-style .rs-index-cont .row.col-2 .col {
  width: 500px;
  margin-right: 40px
}

.contents.page.rooms-style .rs-index-cont .row.col-2 .col:nth-child(even) {
  margin-right: 0
}

.contents.page.rooms-style .rs-index-cont .row.col-3 .col {
  width: 310px;
  margin-right: 50px
}

.contents.page.rooms-style .rs-index-cont .row.col-3 .col:last-child {
  margin-right: 0
}

.contents.page.rooms-style .section-kv-rs-mag .inner {
  width: 1040px;
  margin: 10px auto 40px
}

.contents.page.rooms-style .section-kv-rs-mag .fig {
  width: 670px;
  margin-right: 50px;
  float: left
}

.contents.page.rooms-style .section-kv-rs-mag .ttl {
  width: 320px;
  float: left
}

.contents.page.rooms-style .rs-cont-lead {
  padding: 20px 0 20px;
  background: none
}

.contents.page.rooms-style .rs-cont-lead .row.col-2 .col {
  width: 620px;
  margin-right: 50px;
  padding: 0
}

.contents.page.rooms-style .rs-cont-lead .row.col-2 .col .pnt {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #AAAAAA
}

.contents.page.rooms-style .rs-cont-lead .row.col-2 .col .pnt .ttl {
  margin-bottom: 20px
}

.contents.page.rooms-style .rs-cont-lead .row.col-2 .col .pnt .par {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2;
  color: #000;
  margin-bottom: 0
}

.contents.page.rooms-style .rs-cont-lead .row.col-2 .col.fig {
  width: 370px;
  margin-right: 0;
  float: right
}

.contents.page.rooms-style .rs-cont {
  background: none
}

.contents.page.rooms-style .rs-cont .section-header {
  position: relative;
  width: 1040px;
  margin-right: auto;
  margin-left: auto
}

.contents.page.rooms-style .rs-cont .section-header .h2ic {
  position: absolute;
  left: -100px;
  top: -50px
}

.contents.page.rooms-style .rs-cont .section-content .desc {
  width: 900px;
  margin: 20px auto 20px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2;
  color: #000
}

.contents.page.rooms-style .rs-cont .moreinfo {
  width: 940px
}

.contents.page.rooms-style .rs-cont .moreinfo .col {
  width: 450px;
  height: auto;
  margin-right: 40px;
  padding: 0
}

.contents.page.rooms-style .rs-cont .moreinfo .col:last-child {
  margin-right: 0;
  padding: 0
}

.contents.page.rooms-style .rs-cont .three-other-point {
  width: 960px
}

.contents.page.rooms-style .rs-cont .three-other-point .col {
  width: 295px;
  margin-right: 35px;
  padding: 0
}

.contents.page.rooms-style .rs-cont .three-other-point .col .fig {
  margin-bottom: 15px
}

.contents.page.rooms-style .rs-cont .three-other-point .col .capt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
  text-align: center
}

.contents.page.rooms-style .rs-cont .three-other-point .col:last-child {
  margin-right: 0;
  padding: 0
}

.contents.page.rooms-style .rs-cont .bnr-area-common {
  width: 800px;
  margin: 40px auto 0
}

.contents.page.rooms-style .rs-cont .bnr-area-common ul li {
  float: none
}

.contents.page.rooms-style .rs-cont .bnr-area-common ul li a {
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.contents.page.rooms-style .rs-cont .bnr-area-common ul li a:hover,.contents.page.rooms-style .rs-cont .bnr-area-common ul li a:active,.contents.page.rooms-style .rs-cont .bnr-area-common ul li a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.rooms-style .rs-cont .bnr-area {
  width: 800px;
  margin: 40px auto 0;
  padding-bottom: 60px
}

.contents.page.rooms-style .rs-cont .bnr-area ul li {
  float: none;
  margin-bottom: 40px
}

.contents.page.rooms-style .rs-cont .bnr-area ul li a {
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.contents.page.rooms-style .rs-cont .bnr-area ul li a:hover,.contents.page.rooms-style .rs-cont .bnr-area ul li a:active,.contents.page.rooms-style .rs-cont .bnr-area ul li a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.rooms-style .rs-cont .desc-area {
  position: relative
}

.contents.page.rooms-style .rs-cont .desc-area .tbl {
  position: absolute;
  left: -20px;
  top: -45px;
  background-image: url(/hebel-rooms/common_v2/img/magazine/style/001_security/bg-w-op.png);
  background-repeat: repeat;
  display: table;
  height: 110px;
  width: 110px
}

.contents.page.rooms-style .rs-cont .desc-area .tbl .ttl {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #000
}

.contents.page.rooms-style .rs-cont .desc-area .par {
  float: right;
  width: 330px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #000
}

.contents.page.rooms-style .withbg-2 {
  background-image: url(/hebel-rooms/common_v2/img/magazine/style/index/bg-2.png);
  background-position: 50% -10px;
  background-repeat: no-repeat;
  background-color: #fff
}

.contents.page.rooms-style .withbg-3 {
  background-image: url(/hebel-rooms/common_v2/img/magazine/style/index/bg-3.png);
  background-position: 50% 90px;
  background-repeat: no-repeat;
  background-color: #fff
}

.contents.page.flow .flow-contents .section-nav {
  width: 1040px;
  margin: 0 auto 60px
}

.contents.page.flow .flow-contents .section-nav ul.flows li:last-child {
  width: 150px
}

.contents.page.flow .flow-contents .section-nav ul.flows li:last-child a:after {
  display: none
}

.contents.page.flow .flow-contents .section-nav ul.flows li {
  width: 178px;
  padding: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.contents.page.flow .flow-contents .section-nav ul.flows li a {
  background-color: #011B5C;
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
  text-align: center;
  height: 140px;
  width: 150px;
  padding: 10px 0 0 0;
  position: relative;
  background-image: url(/hebel-rooms/common_v2/img/flow/ic-01.png);
  background-size: 90px auto;
  background-position: 50% 68px;
  background-repeat: no-repeat;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear
}

.contents.page.flow .flow-contents .section-nav ul.flows li a .num {
  display: block;
  margin-bottom: 3px;
  line-height: 1.6
}

.contents.page.flow .flow-contents .section-nav ul.flows li a:hover,.contents.page.flow .flow-contents .section-nav ul.flows li a:active,.contents.page.flow .flow-contents .section-nav ul.flows li a:focus {
  text-decoration: none;
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.flow .flow-contents .section-nav ul.flows li .stp02 {
  background-image: url(/hebel-rooms/common_v2/img/flow/ic-02.png)
}

.contents.page.flow .flow-contents .section-nav ul.flows li .stp03 {
  background-image: url(/hebel-rooms/common_v2/img/flow/ic-03.png)
}

.contents.page.flow .flow-contents .section-nav ul.flows li .stp04 {
  background-image: url(/hebel-rooms/common_v2/img/flow/ic-04.png)
}

.contents.page.flow .flow-contents .section-nav ul.flows li .stp05 {
  background-image: url(/hebel-rooms/common_v2/img/flow/ic-05.png)
}

.contents.page.flow .flow-contents .section-nav ul.flows li .stp06 {
  background-image: url(/hebel-rooms/common_v2/img/flow/ic-06.png)
}

.contents.page.flow .flow-contents .section-nav ul.flows a:after {
  border-top-width: 20px;
  border-right-width: 20px;
  border-bottom-width: 0;
  border-left-width: 20px;
  border-color: #011B5C transparent;
  border-style: solid;
  display: block;
  position: absolute;
  bottom: 65px;
  left: 140px;
  width: 0;
  height: 0;
  margin: 0 0;
  content: "";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.contents.page.flow .flow-contents .section_title .num {
  margin-right: 10px
}

.contents.page.flow .flow-contents .section-content .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
  font-weight: normal;
  text-align: center
}

.contents.page.flow .flow-contents .section-content .desc {
  text-align: left
}

.contents.page.flow .flow-contents .section-content .boxcnt {
  border: 4px solid #CCCCCC;
  padding: 30px 30px 10px;
  margin: 30px 0 20px
}

.contents.page.flow .flow-contents .section-content .boxcnt .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
  font-weight: bold;
  text-align: left
}

.contents.page.flow .flow-contents .section-content .boxcnt .bb {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 5px;
  font-weight: bold
}

.contents.page.flow .flow-contents .section-content .boxcnt ul {
  margin-bottom: 20px
}

.contents.page.flow .flow-contents .section-content .boxcnt ul li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  float: none
}

.contents.page.flow .flow-contents .section-content:last-child:after {
  display: none
}

.contents.page.flow .flow-contents .section-content:after {
  content: "";
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/flow/arr-b.jpg);
  background-size: 100px auto;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 100px;
  height: 40px;
  margin: 40px auto 40px
}

.contents.page.tenant .section.pb00 {
  padding-bottom: 0
}

.contents.page.tenant .section .padr00 {
  padding-right: 0px
}

.contents.page.tenant .section .padr10 {
  padding-right: 10px
}

.contents.page.tenant .section .padr20 {
  padding-right: 20px
}

.contents.page.tenant .section .padr30 {
  padding-right: 30px
}

.contents.page.tenant .section .padr40 {
  padding-right: 40px
}

.contents.page.tenant .section .padr50 {
  padding-right: 50px
}

.contents.page.tenant .section .padr60 {
  padding-right: 60px
}

.contents.page.tenant .section .padr70 {
  padding-right: 70px
}

.contents.page.tenant .section .padr80 {
  padding-right: 80px
}

.contents.page.tenant .section .padr90 {
  padding-right: 90px
}

.contents.page.tenant .section .padr100 {
  padding-right: 100px
}

.contents.page.tenant .section .marl00 {
  margin-left: 0px
}

.contents.page.tenant .section .marl10 {
  margin-left: 10px
}

.contents.page.tenant .section .marl20 {
  margin-left: 20px
}

.contents.page.tenant .section .marl30 {
  margin-left: 30px
}

.contents.page.tenant .section .marl40 {
  margin-left: 40px
}

.contents.page.tenant .section .marl50 {
  margin-left: 50px
}

.contents.page.tenant .section .marl60 {
  margin-left: 60px
}

.contents.page.tenant .section .marl70 {
  margin-left: 70px
}

.contents.page.tenant .section .marl80 {
  margin-left: 80px
}

.contents.page.tenant .section .marl90 {
  margin-left: 90px
}

.contents.page.tenant .section .marl100 {
  margin-left: 100px
}

.contents.page.tenant .tenant-sumikae-cont {
  padding: 50px 0 10px
}

.contents.page.tenant .tenant-sumikae-cont .section-header {
  margin-bottom: 0
}

.contents.page.tenant .tenant-sumikae-cont .minus-fig {
  margin-top: -70px
}

.contents.page.tenant .tenant-sumikae-cont.cont-02 .txt {
  margin-top: 30px;
  margin-bottom: 20px
}

.contents.page.tenant .area-info {
  background-color: #fff;
  padding: 0 0 50px
}

.contents.page.tenant .area-info .area-inner {
  text-align: center;
  position: relative;
  padding: 50px 30px 55px;
  width: 940px;
  background-color: #EEEEEE;
  margin: 0 auto 50px
}

.contents.page.tenant .area-info .section-header {
  margin: 0 0 60px
}

.contents.page.tenant .area-info .section_title {
  margin: 0 0 30px
}

.contents.page.tenant .area-info .section_title .bar {
  display: block;
  height: 1px;
  border-top: 1px solid #000
}

.contents.page.tenant .area-info .search-type {
  position: relative;
  z-index: 10;
  width: 520px;
  margin: 0 auto
}

.contents.page.tenant .area-info .search-type ul li {
  margin: 0 5px
}

.contents.page.tenant .area-info .search-type ul li a:hover,.contents.page.tenant .area-info .search-type ul li a:active,.contents.page.tenant .area-info .search-type ul li a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.tenant .area-inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -37px;
  left: 0;
  width: 100%;
  height: 215px;
  z-index: 1;
  background-image: url(/hebel-rooms/common_v2/img/search-top/kv-bg.png);
  background-position: 42% 100%;
  background-repeat: no-repeat
}

.contents.page.tenant .tgl {
  margin-bottom: 30px
}

.contents.page.tenant .tgl dt a.trg-toggle {
  background-color: #1E2380;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  color: #fff;
  padding: 12px 15px 12px 53px;
  display: block;
  text-decoration: none;
  background-image: url(/hebel-rooms/common_v2/img/tenant/faq/ic-q.jpg);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.contents.page.tenant .tgl dt a.trg-toggle .ar-b {
  background-image: url(/hebel-rooms/common_v2/img/tenant/faq/ic-arrow-wt.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  display: block;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out
}

.contents.page.tenant .tgl dt a.trg-toggle:hover {
  filter: alpha(opactiy=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  -moz-opacity: .9;
  -khtml-opacity: .9;
  opacity: .9
}

.contents.page.tenant .tgl dt a.trg-toggle:hover .ar-b {
  background-image: url(/hebel-rooms/common_v2/img/tenant/faq/ic-arrow-wb.png)
}

.contents.page.tenant .tgl dt a.c .ar-b {
  background-image: url(/hebel-rooms/common_v2/img/tenant/faq/ic-arrow-wb.png)
}

.contents.page.tenant .tgl dd {
  background-image: url(/hebel-rooms/common_v2/img/tenant/faq/ic-a.jpg);
  background-position: 5px 20px;
  background-repeat: no-repeat;
  padding: 20px 10px 10px 53px;
  display: none
}

.contents.page.tenant .tgl dd.on {
  display: block
}

.contents.page.tenant-index .section.tenant-index-cont.sec-01 .section-content {
  width: 1050px;
  margin-bottom: 60px
}

.contents.page.tenant-index .section.tenant-index-cont.sec-01 .section-content .row {
  max-width: 1050px
}

.contents.page.tenant-index .section.tenant-index-cont.sec-01 .col .ttl {
  margin-bottom: 0
}

.contents.page.tenant-index .sec-03 a {
  -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.contents.page.tenant-index .sec-03 a:hover,.contents.page.tenant-index .sec-03 a:active,.contents.page.tenant-index .sec-03 a:focus {
  text-decoration: none;
  filter: alpha(opactiy=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7
}

.contents.page.tenant-index .section.tenant-index-cont {
  padding: 50px 0 10px;
  margin-bottom: 20px
}

.contents.page.tenant-index .section.tenant-index-cont .row.col-4 .col {
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.contents.page.tenant-index .section.tenant-index-cont .row.col-4 .col a {
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.contents.page.tenant-index .section.tenant-index-cont .row.col-4 .col a:hover,.contents.page.tenant-index .section.tenant-index-cont .row.col-4 .col a:active,.contents.page.tenant-index .section.tenant-index-cont .row.col-4 .col a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.tenant-index .ttl {
  font-weight: bold;
  padding: 20px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.contents.page.tenant-index .col-2 .col {
  margin-bottom: 20px
}

.contents.page.tenant-index .col-2 .col a {
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.contents.page.tenant-index .col-2 .col a:hover,.contents.page.tenant-index .col-2 .col a:active,.contents.page.tenant-index .col-2 .col a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.contents.page.tenant-index .sec-02 p {
  width: 900px;
  margin: 0 auto 20px
}

.contents.page.tenant-index .sec-02 .btn {
  width: 360px;
  margin-bottom: 30px
}

.contents.page.tenant-index .sec-02 .btn {
  margin-bottom: 30px
}

.contents.page.tenant-index .sec-02 .form-entry {
  width: 520px
}

.contents.page.tenant-gonyukyo .cont-washingmachine .inner .col-2 p,.contents.page.tenant-oteire .cont-washingmachine .inner .col-2 p {
  text-align: center;
  margin-top: 15px
}

.contents.page.tenant-gonyukyo .cont-washingmachine .inner .col-2 .thumbwrap,.contents.page.tenant-oteire .cont-washingmachine .inner .col-2 .thumbwrap {
  border: 1px solid #ddd;
  display: block;
  padding: 10px 20px
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap {
  border: 1px solid #ddd;
  padding: 30px 50px 10px;
  position: relative
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide {
  text-align: center;
  margin-bottom: 20px
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide img,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide img {
  margin-bottom: 15px
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide .capt,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide .capt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: left
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide .point,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide .point {
  margin-top: 10px;
  display: block;
  color: #EA5F8C
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-button-prev,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231C0E0D'%2F%3E%3C%2Fsvg%3E")
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-button-next,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231C0E0D'%2F%3E%3C%2Fsvg%3E")
}

.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-pagination-bullet-active,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-pagination-bullet-active {
  background: #1C0E0D
}

.contents.page.tenant-gonyukyo .cont-washingmachine .step-other p,.contents.page.tenant-oteire .cont-washingmachine .step-other p {
  margin-bottom: 10px
}

.page.contents .section.shutoken {
  padding: 50px 0 0
}

.page.contents .section.shutoken .section-content {
  margin-bottom: 0
}

.page.contents .section.shutoken .row {
  margin-bottom: 0
}

.section.agency_list.nopad {
  padding-top: 0
}

/***** 2020.12.21 out *****
.agency_other .agency_list .tab-area ul li a {
  background-color: #E77E80
}

.agency_other .agency_list .tab-area ul li a.c {
  background-color: #EF5458
}

.agency_other .agency_list .tab-area ul li a.c:after {
  border-color: #EF5458 transparent
}

.agency_kansai .agency_list .tab-area ul li a {
  background-color: #E59967
}

.agency_kansai .agency_list .tab-area ul li a.c {
  background-color: #E87122
}

.agency_kansai .agency_list .tab-area ul li a.c:after {
  border-color: #E87122 transparent
}

.agency_toukai .agency_list .tab-area ul li a {
  background-color: #D5B453
}

.agency_toukai .agency_list .tab-area ul li a.c {
  background-color: #C99B10
}

.agency_toukai .agency_list .tab-area ul li a.c:after {
  border-color: #C99B10 transparent
}
******************************/

.page.contents.feature-petkyousei {
  position: relative;
  padding: 0 0 120px
}

.page.contents.feature-petkyousei .breadcrumb_wrap {
  position: absolute;
  top: 438px;
  left: 0;
  background-color: transparent;
  z-index: 1000
}

.page.contents.feature-petkyousei .petkyousei-contents a {
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  -ms-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  transition: opacity .1s linear
}

.page.contents.feature-petkyousei .petkyousei-contents a:hover,.page.contents.feature-petkyousei .petkyousei-contents a:active,.page.contents.feature-petkyousei .petkyousei-contents a:focus {
  filter: alpha(opactiy=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .nav-area {
  float: left;
  width: 274px;
  margin-left: 25px
}

.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .nav-area a.c {
  filter: alpha(opactiy=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: .6;
  -khtml-opacity: .6;
  opacity: .6
}

.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-areasearch.jpg);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 578px;
  height: 378px;
  float: left;
  margin-left: 25px
}

.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont.on {
  display: block
}

.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont {
  position: relative;
  display: none
}

.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .links {
  position: relative;
  width: 578px;
  height: 378px
}

.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .links li {
  float: none;
  position: absolute
}

.page.contents.feature-petkyousei .sec-01 {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec01.jpg);
  background-repeat: repeat-x;
  padding: 80px 0 50px;
  position: relative
}

.page.contents.feature-petkyousei .sec-01 .section-header {
  margin-bottom: 0
}

.page.contents.feature-petkyousei .sec-01 .section-content {
  margin-bottom: 0
}

.page.contents.feature-petkyousei .sec-01 .section-content .col {
  float: none;
  text-align: center
}

.page.contents.feature-petkyousei .sec-01 .search-link-by-area {
  padding: 0 0 10px;
  position: relative;
  z-index: 1;
  background-color: transparent
}

.page.contents.feature-petkyousei .sec-01 .search-link-by-area .btn-toggle {
  display: block;
  margin: 0 auto;
  width: 518px
}

.page.contents.feature-petkyousei .sec-01:after {
  content: "";
  display: block;
  width: 100%;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec01-2.jpg);
  background-repeat: repeat-x;
  bottom: 0px;
  left: 0;
  height: 114px;
  position: absolute;
  z-index: 0
}

.page.contents.feature-petkyousei .sec-02 {
  background-color: #fff
}

.page.contents.feature-petkyousei .sec-02 .section-header {
  margin-bottom: 0
}

.page.contents.feature-petkyousei .sec-02 .section-content {
  width: 100%
}

.page.contents.feature-petkyousei .sec-03 {
  background-color: #F3F3F3;
  padding: 40px 0 0
}

.page.contents.feature-petkyousei .sec-04 .section-content {
  width: 100%;
  margin-bottom: 0
}

.page.contents.feature-petkyousei .sec-05 {
  width: 100%;
  padding: 40px 0;
  background-image: url(/hebel-rooms/common_v2/img/index/bg-recommend.jpg);
  background-position: 0% 0%;
  background-repeat: repeat
}

.page.contents.feature-petkyousei .sec-06 {
  position: relative
}

.page.contents.feature-petkyousei .sec-06 .section-content {
  width: 940px;
  margin: 0 auto 40px;
  background-color: #EEEEEE;
  padding: 20px 0 40px
}

.page.contents.feature-petkyousei .sec-06:after {
  content: "";
  width: 100%;
  height: 13px;
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-foot.jpg);
  background-position: 0% 0%;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  left: 0
}

.page.contents.feature-petkyousei .three-reasons ul li {
  float: none;
  background-size: auto 500px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.page.contents.feature-petkyousei .three-reasons ul li .fig {
  margin: 0;
  padding: 0
}

.page.contents.feature-petkyousei .three-reasons ul .li-01 {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/fig-02-w1400.jpg);
  background-color: #fff
}

.page.contents.feature-petkyousei .three-reasons ul .li-02 {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/fig-03-w1400.jpg);
  background-color: #F3F3F3
}

.page.contents.feature-petkyousei .three-reasons ul .li-03 {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/fig-04-w1400.jpg);
  background-color: #fff
}

.page.contents.feature-petkyousei .special-utilities {
  width: 1000px;
  margin: 0 auto
}

.page.contents.feature-petkyousei .special-utilities li {
  width: 320px;
  margin-right: 20px;
  margin-bottom: 30px;
  padding-top: 30px;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-h-special-utilities.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-color: #fff;
  position: relative
}

.page.contents.feature-petkyousei .special-utilities li .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  color: #000;
  padding: 0 20px
}

.page.contents.feature-petkyousei .special-utilities li p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #000;
  padding: 0 20px
}

.page.contents.feature-petkyousei .special-utilities li .fig {
  margin: 0 auto
}

.page.contents.feature-petkyousei .special-utilities li.last-child {
  width: 320px;
  margin-right: 0
}

.page.contents.feature-petkyousei .special-utilities li.li-03:after {
  content: "";
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/util-03-after.png);
  background-size: 103px 198px;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 103px;
  height: 198px;
  bottom: -15px;
  left: 30px;
  position: absolute
}

.page.contents.feature-petkyousei .special-utilities li.li-06:before {
  content: "";
  display: block;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/util-06-before.jpg);
  background-size: 320px 34px;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 320px;
  height: 34px;
  bottom: 258px;
  left: 0;
  position: absolute
}

.page.contents.feature-petkyousei .special-utilities li.li-08 {
  width: 660px;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-h-special-utilities-2.png)
}

.page.contents.feature-petkyousei .four-support {
  width: 100%
}

.page.contents.feature-petkyousei .four-support ul li {
  float: none;
  display: block
}

.page.contents.feature-petkyousei .four-support ul li .inner {
  width: 900px;
  margin: 0 auto;
  display: table
}

.page.contents.feature-petkyousei .four-support ul li .inner .for_sp {
  display: none
}

.page.contents.feature-petkyousei .four-support ul li .hdng {
  width: 285px;
  text-align: center;
  padding: 0 45px;
  display: table-cell;
  vertical-align: middle
}

.page.contents.feature-petkyousei .four-support ul li .figarea {
  width: 525px;
  display: table-cell;
  vertical-align: middle;
  padding: 30px 30px 10px 30px
}

.page.contents.feature-petkyousei .four-support ul li.li-01 {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec-04-02.jpg);
  background-repeat: no-repeat;
  background-color: #f1f1f1
}

.page.contents.feature-petkyousei .four-support ul li.li-02 .figarea {
  padding: 30px 30px 0 30px
}

.page.contents.feature-petkyousei .four-support ul li.li-02 .figarea .fig {
  margin-bottom: 0
}

.page.contents.feature-petkyousei .four-support ul li.li-02 .hdng p {
  margin-bottom: 8px
}

.page.contents.feature-petkyousei .four-support ul li.li-03 {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec-04-02.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #f1f1f1
}

.page.contents.feature-petkyousei .voices ul li {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec05.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  float: none;
  background-color: #fff;
  padding: 20px;
  width: 960px;
  margin-bottom: 30px
}

.page.contents.feature-petkyousei .voices ul li .hdng {
  position: relative;
  padding: 10px 0 10px;
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bar-voice.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  height: 80px
}

.page.contents.feature-petkyousei .voices ul li .hdng .ic {
  position: absolute;
  left: 0;
  top: 0
}

.page.contents.feature-petkyousei .voices ul li .hdng .living {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #889AD8;
  font-weight: bold;
  margin: 0 0 0 115px
}

.page.contents.feature-petkyousei .voices ul li .hdng .ttl {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.6;
  color: #17173E;
  margin: 0 0 10px 115px
}

.page.contents.feature-petkyousei .voices ul li .contarea {
  padding: 30px 10px 0
}

.page.contents.feature-petkyousei .voices ul li .contarea .texts {
  float: left;
  width: 570px;
  margin-left: 10px
}

.page.contents.feature-petkyousei .voices ul li .contarea .texts dl {
  margin-bottom: 10px
}

.page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd {
  margin-left: 110px
}

.page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000
}

.page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd .pink {
  color: #D01951
}

.page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd .blue {
  color: #194BBF
}

.page.contents.feature-petkyousei .voices ul li .contarea .fig {
  float: left;
  width: 310px;
  margin-bottom: 0;
  margin-left: 40px
}

.page.contents.feature-petkyousei .voices ul li.li-02 .contarea .texts {
  width: 450px;
  margin-left: 10px
}

.page.contents.feature-petkyousei .voices ul li.li-02 .contarea .fig {
  width: 420px;
  margin-left: 40px
}

.page.contents.feature-petkyousei .area-bloc.area-01 .areamap .areaimg {
  background-image: url(/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-05.jpg)
}

.page.contents.feature-petkyousei .area-bloc.area-01 .areamap .areaimg {
  height: 179px
}

.page.contents.feature-petkyousei .area-bloc.area-01 .links ul li {
  height: 45px
}

.page.contents.feature-petkyousei .area-bloc.area-01 .links ul li a {
  line-height: 45px
}

.page.contents.feature-petkyousei .area-bloc.area-03 {
  margin: 0 0 20px 0
}

.page.contents.feature-petkyousei .petkyousei-contents.search-link-by-area .section-content {
  width: 1040px;
  background-color: #fff;
  padding-bottom: 0
}

.page.contents.feature-petkyousei .sec-01 .section-header {
  margin-bottom: 30px
}

.page.contents.feature-petkyousei .section.search-link-by-area .toggle-area {
  margin-top: 0
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news {
  width: 100%;
  padding: 40px 0;
  background-image: url(/hebel-rooms/common_v2/img/index/bg-recommend.jpg);
  background-position: 0% 0%;
  background-repeat: repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .section-header .subtext {
  margin-bottom: 30px
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec05.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  width: 1000px;
  padding: 55px 50px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl {
  display: table;
  width: 100%
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .fig-area {
  display: table-cell;
  width: 50%
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area {
  display: table-cell;
  vertical-align: bottom;
  width: 50%;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area .linktxt {
  text-align: right;
  margin-bottom: 40px
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area .linktxt a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}

.page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area .ttl {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.6;
  color: #4454a7;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 40px
}

@media screen and (min-width: 740px) {
  .page.contents.feature-petkyousei .section.search-link-by-area {
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZjRmNGY0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlMGRmZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGRmZGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -moz-linear-gradient(0deg, #f4f4f4 0%,#f4f4f4 49%,#e0dfdd 50%,#e0dfdd 100%);
    background-image: -webkit-linear-gradient(0deg, #f4f4f4 0%,#f4f4f4 49%,#e0dfdd 50%,#e0dfdd 100%);
    background-image: linear-gradient(90deg, #f4f4f4 0%,#f4f4f4 49%,#e0dfdd 50%,#e0dfdd 100%);
    padding: 0
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .toggle-area {
    padding: 0 0 10px;
    position: relative;
    z-index: 1;
    background-color: transparent;
    background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-map_02.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 380px;
    padding: 0
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map-block {
    position: relative
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map-block .section_title {
    position: absolute;
    top: 54px;
    left: 0
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links {
    position: relative
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 380px
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto li {
    float: none
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto .li_tokyo {
    position: absolute;
    top: 157px;
    left: 495px;
    display: block;
    width: 155px;
    height: 58px
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto .li_kanagawa {
    position: absolute;
    top: 263px;
    left: 531px;
    display: block;
    width: 155px;
    height: 58px
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto .li_chiba {
    position: absolute;
    top: 186px;
    right: 55px;
    display: block;
    width: 155px;
    height: 58px
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto .li_saitama {
    position: absolute;
    top: 64px;
    left: 547px;
    display: block;
    width: 155px;
    height: 58px
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kansai {
    position: absolute;
    top: 238px;
    left: 110px
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .toggle-area:before {
    display: none
  }

  .page.contents.feature-petkyousei .section.sec-06.search-link-by-area .toggle-area {
    margin-top: 0
  }

  .page.contents.feature-petkyousei .section.sec-06.search-link-by-area .toggle-area .section-content {
    padding: 0
  }

  .page.contents.feature-petkyousei .section.sec-06.search-link-by-area:after {
    display: none
  }
}

@media screen and (min-width: 740px) {
  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .ttl {
    position:absolute;
    top: 10px;
    left: 10px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li01 {
    left: 112px;
    top: 109px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li02 {
    left: 250px;
    top: 97px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li03 {
    left: 364px;
    top: 97px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li04 {
    left: 203px;
    top: 201px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li05 {
    left: 317px;
    top: 201px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li06 {
    left: 14px;
    top: 72px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li07 {
    left: 300px;
    top: 13px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li08 {
    left: 480px;
    top: 60px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li09 {
    left: 14px;
    top: 277px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-area .li10 {
    left: 107px;
    top: 277px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-size .li01 {
    left: 47px;
    top: 108px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-size .li02 {
    left: 306px;
    top: 108px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-size .li03 {
    left: 47px;
    top: 205px
  }

  .page.contents.feature-petkyousei .searchmap-wannyan .map-area .search-wannyan-by-size .li04 {
    left: 306px;
    top: 205px
  }
}

@media screen and (max-width: 739px) {
  .scrolled .header {
    filter:alpha(opactiy=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  .header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: transparent;
    height: 31px;
    background-image: url(/hebel-rooms/common_v2/img/sp/index/bg-head.png);
    background-repeat: repeat
  }

  .page.page-search.contents {
    background-color: #F3F3F3;
    padding: 45px 0 60px;
    margin-top: 0
  }

  .page.page-search-index.contents {
    padding: 45px 0 60px
  }

  .page.page-search-index.contents .breadcrumb {
    width: 100%
  }

  .page.contents.sp_useimgh1 {
    padding: 0 0 50px
  }

  .page.contents.sp_useimgh1 .section-kv {
    padding-top: 45px
  }

  .page.contents.sp_useimgh1 .section-kv .inner {
    display: table
  }

  .page.contents.sp_useimgh1 .section-kv .inner .ttl {
    display: table-cell;
    vertical-align: middle;
    position: relative
  }

  .page.contents.sp_useimgh1 .section-kv .inner .ttl .for_sp {
    height: 102px;
    width: auto;
    display: block;
    margin: 0 auto
  }

  .page.contents {
    background-image: url(/hebel-rooms/common_v2/img/common/bg-body.jpg);
    background-position: 0% 0%;
    background-repeat: repeat-x;
    background-color: #F3F3F3;
    padding: 45px 0 50px;
    margin-top: 0
  }

  .page.contents .section-kv {
    margin: 0 auto 0;
    background-color: #fff;
    position: relative
  }

  .page.contents .breadcrumb_wrap {
    width: 100%;
    background-color: #fff;
    padding: 0 0
  }

  .page.contents .section .row {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 0
  }

  .page.contents .section .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #000;
    margin: 0 0 10px
  }

  .page.contents .section .desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 10px
  }

  .page.contents .section .section-header .section_title {
    margin-bottom: 0;
    font-weight: bold
  }

  .page.contents .section .section-content {
    width: 100%;
    margin-bottom: 10px
  }

  .page.contents .section .section-content p {
    padding-left: 0;
    padding-right: 0
  }

  .page.contents .section .row.col-2 .col {
    padding: 0
  }

  .page.contents .section .row.col-2 .col:nth-child(even) {
    padding: 0
  }

  .page.contents .section .row.wide-banner-area p {
    padding-left: 10px;
    padding-right: 10px
  }

  .page.contents .section .row.col-2.linkbox .col {
    padding: 0 35px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents .section .row.col-2.linkbox .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #1E217F;
    font-weight: normal
  }

  .page.contents .section .row.col-2.linkbox .ttl a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #1E217F
  }

  .page.contents .section .row.col-2.linkbox p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .page.contents .section .row.col-2.linkbox .note {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    color: #999999
  }

  .page.contents .row.col-1 .col {
    padding: 0 10px;
    margin: 0 0 20px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents .row.col-1 .col .ttl {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
    text-align: center
  }

  .page.contents .row.col-1 .col p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #000
  }

  .page.contents .row.col-3 .col {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 35px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents .row.col-3 .col .ttl {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
    text-align: center
  }

  .page.contents .row.col-3 .col p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #000
  }

  .page.contents .row.col-3 .col:last-child {
    margin: 0
  }

  .page.contents .section.service_section {
    width: 100%;
    margin: 0 auto;
    padding: 18px 0 7px;
    background-color: #EEE
  }

  .page.contents .section.service_section .section_title {
    margin-bottom: 18px;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box
  }

  .page.contents .section.service_section .section_title img {
    height: 20px
  }

  .page.contents .section.service_section .section-header {
    max-width: 100%;
    width: 100%;
    padding: 0 0;
    margin: 0 auto 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents .section.service_section .section-content {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    padding: 0 0
  }

  .page.contents .section.service_section .section-content .row .thumb {
    width: 100%;
    max-width: none
  }

  .page.contents .section.service_section .section-content .row .col {
    width: 50%;
    /* 2020.12.21 out */
    /* float: left; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 8px solid transparent;
    margin: 0;
    padding: 0
  }

  .page.contents .section.service_section .section-content .row .cont {
    padding: 15px 10px;
    background-color: #fff
  }

  .page.contents .section.service_section .section-content .row .cont h3 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #000;
    margin-bottom: 7px;
    font-weight: normal
  }

  .page.contents .section.service_section .section-content .row .cont p {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.5;
    color: #333
  }

  .tile-layout-01 {
    width: 100%;
    padding: 30px 0 10px
  }

  .tile-layout-01 .section-header,.tile-layout-01 .section-content {
    max-width: 100%;
    width: 100%;
    padding: 0 5px;
    margin: 0 auto 0px
  }

  .tile-layout-01 .section-header {
    margin-bottom: 30px
  }

  .tile-layout-01 .section_title {
    margin-bottom: 20px;
    padding: 0 5px
  }

  .tile-layout-01 .subtext {
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .tile-layout-01 .subtext span {
    display: block
  }

  .tile-layout-01 .row.col-4 .col {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0 0 10px
  }

  .tile-layout-01 .row {
    margin: 0 0 10px
  }

  .tile-layout-01 .row .col {
    padding: 0 5px
  }

  .tile-layout-01 .row .col .inner {
    position: relative;
    background-color: #fff;
    height: auto
  }

  .tile-layout-01 .row .col .inner>a {
    display: block
  }

  .tile-layout-01 .row .col .inner>a:hover,.tile-layout-01 .row .col .inner>a:active,.tile-layout-01 .row .col .inner>a:focus {
    text-decoration: none;
    filter: alpha(opactiy=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
  }

  .tile-layout-01 .row .col .inner:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 61.349693%
  }

  .tile-layout-01 .row .col .cont {
    background-color: #fff;
    padding: 20px 0 10px;
    position: relative;
    z-index: 1000
  }

  .tile-layout-01 .row .col .cont .dogfoot {
    position: absolute;
    bottom: 28px;
    right: 10px
  }

  .tile-layout-01 .row .col .cont .hang {
    position: absolute;
    top: 10px;
    right: 10px
  }

  .tile-layout-01 .row .col .cont h3 {
    margin-bottom: 7px;
    padding: 0 10px;
    font-size: 1.3rem;
    line-height: 1.4;
    color: #000;
    font-weight: normal
  }

  .tile-layout-01 .row .col .cont h3 span {
    display: block
  }

  .tile-layout-01 .row .col .cont h3 a {
    font-size: 1.0rem;
    line-height: 1.4;
    color: #000
  }

  .tile-layout-01 .row .col .cont h3 a span {
    display: block
  }

  .tile-layout-01 .row .col .cont p {
    padding: 0 10px 0;
    font-size: 1.1rem;
    line-height: 1.4;
    color: #333333;
    margin-bottom: 15px
  }

  .tile-layout-01 .row .col .cont p span {
    display: block
  }

  .tile-layout-01 .row .col .cont p a {
    font-size: 1.1rem;
    line-height: 1.5;
    color: #333333
  }

  .tile-layout-01 .row .col .cont p a span {
    display: block
  }

  .tile-layout-01 .row .col .thumb-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: visible;
    z-index: 1001
  }

  .tile-layout-01 .row .col .thumb-wrap .thumb {
    width: 100%;
    max-width: none
  }

  .tile-layout-01 .row .col .thumb-wrap a:hover,.tile-layout-01 .row .col .thumb-wrap a:active,.tile-layout-01 .row .col .thumb-wrap a:focus {
    filter: alpha(opactiy=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
  }

  .tile-layout-01 .row .col .thumb-wrap .ic {
    position: absolute;
    top: -13px;
    right: 10px
  }

  .tile-layout-01 .row .col .thumb-wrap .ic img {
    height: auto;
    width: 44%;
    float: right
  }

  .tile-layout-01 .row .col.w50 {
    position: relative
  }

  .tile-layout-01 .row .col.w50 .bg {
    width: 100%
  }

  .tile-layout-01 .row .col.w50 .bg a:hover,.tile-layout-01 .row .col.w50 .bg a:active,.tile-layout-01 .row .col.w50 .bg a:focus {
    filter: alpha(opactiy=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
  }

  .tile-layout-01 .row .col.w50 .bg img {
    width: 100%;
    max-width: none
  }

  .tile-layout-01 .row .col.w50 .cont {
    position: absolute;
    left: 25px;
    bottom: 25px;
    width: 100%;
    background-color: transparent;
    padding: 0
  }

  .tile-layout-01 .row .col.w50 .cont h3 {
    margin-bottom: 5px;
    padding: 0;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
    color: #fff;
    font-weight: normal
  }

  .tile-layout-01 .row .col.w50 .cont h3 span.large {
    font-size: 26px;
    font-size: 2.6rem
  }

  .tile-layout-01 .row .col.w50 .cont h3 a {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
    color: #fff;
    font-weight: normal
  }

  .tile-layout-01 .row .col.w50 .cont h3 a span.large {
    font-size: 26px;
    font-size: 2.6rem
  }

  .tile-layout-01 .row .col.w50 .cont h3 a:hover,.tile-layout-01 .row .col.w50 .cont h3 a:active,.tile-layout-01 .row .col.w50 .cont h3 a:focus {
    text-decoration: none
  }

  .tile-layout-01 .row .col.w50 .cont p {
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff;
    font-weight: normal
  }

  .tile-layout-01 .row .col.w50 .cont p a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff;
    font-weight: normal
  }

  .tile-layout-01 .row .col.w50 .cont p a:hover,.tile-layout-01 .row .col.w50 .cont p a:active,.tile-layout-01 .row .col.w50 .cont p a:focus {
    text-decoration: none
  }

  .section.search-prop-foot {
    background-image: url(/hebel-rooms/common_v2/img/sp/common/bg-search-room-fig.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    background-color: #999;
    padding: 25px 0 0 0
  }

  .section.search-prop-foot .section-header {
    margin-bottom: 25px;
    padding-bottom: 0
  }

  .section.search-prop-foot .section_title img {
    height: 15px
  }

  .section.search-prop-foot .section-content {
    width: 100%;
    padding: 0 20px 20px;
    margin: 0 auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .section.search-prop-foot .area-tbl02 {
    margin-top: 0
  }

  .section.search-prop-foot .area-table {
    width: 100%;
    background-repeat: repeat;
    table-layout: fixed;
    margin-bottom: 10px
  }

  .section.search-prop-foot .area-table .for_sp {
    display: table-row
  }

  .section.search-prop-foot .area-table .hlf td,.section.search-prop-foot .area-table .hlf th {
    border-top: 1px solid #f5f5f5
  }

  .section.search-prop-foot .area-table .hlf td {
    padding-top: 15px
  }

  .section.search-prop-foot .area-table th {
    width: 70px;
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: bold
  }

  .section.search-prop-foot .area-table td {
    padding: 17px 12px 17px 6px;
    text-align: center;
    height: auto
  }

  .section.search-prop-foot .area-table td .btn-style-prop_search {
    font-size: 1.1rem;
    line-height: 1.4;
    width: auto;
    height: 36px;
    padding-left: 33px
  }

  .section.search-prop-foot .area-table td .btn-style-prop_search:before {
    width: 33px;
    height: 36px;
    background-size: 20px auto
  }

  .section.search-prop-foot .area-table td .style-line:before {
    background-size: 20px auto
  }

  .section.search-prop-foot .area-table .td02 {
    padding: 17px 6px 17px 12px
  }

  .section.search-prop-foot .area-table .area {
    padding: 5px 0 5px 20px;
    text-align: left;
    width: 22%
  }

  .section.search-prop-foot .area-table .area a {
    font-weight: bold;
    background-image: none
  }

  .sp_main_img {
    width: 100%
  }

  .section {
    width: 100%;
    background-color: #fff;
    padding: 30px 0
  }

  .section .section-header {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 10px
  }

  .section .section-header .section_title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #000;
    font-weight: normal;
    letter-spacing: 0.05em
  }

  .section .section-header .section_title .cityname {
    color: #1E217F
  }

  .section .section-header .section_title .bar {
    display: block;
    background-image: url(/hebel-rooms/common_v2/img/common/bar-02.jpg);
    background-position: 42% 100%;
    background-repeat: no-repeat;
    background-size: 100px 1px;
    width: 100px;
    height: 1px;
    margin: 10px auto 15px
  }

  .section .section-header .section_title .hcap {
    display: block;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.4;
    color: #000;
    margin-bottom: 5px
  }

  .section .section-header .subtext {
    margin-bottom: 20px
  }

  .section .section-header .section_title.withsubtxt {
    margin-bottom: 20px
  }

  .section .section-header.bg-grey {
    background-image: url(/hebel-rooms/common_v2/img/sp/common/bg-grey-shadow.jpg);
    background-repeat: repeat-x;
    background-size: 74px auto;
    background-color: #F9F9F9;
    background-position: 0 0;
    margin-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 30px
  }

  .section .section-header.bg-grey .section_title {
    margin-bottom: 0
  }

  .section .section-content {
    width: 100%;
    margin: 0 auto 30px
  }

  .section .section-content p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 10px;
    text-align: left;
    padding: 0 10px
  }

  .section .section-content .lhx2 {
    line-height: 1.4
  }

  .section .section-content .fig {
    margin-bottom: 10px
  }

  .section .section-content .gmap {
    margin-bottom: 10px;
    width: 100%
  }

  .section .section-content .gmap iframe {
    width: 100%;
    max-width: 100%
  }

  .section .section-content .txt-area .ttl {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #1E2380;
    margin-bottom: 20px;
    text-align: center;
    font-weight: normal
  }

  .section .section-content .txt-area .desc {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: center
  }

  .section .section-content .txt-area .addr dt {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6
  }

  .section .section-content .txt-area .addr dd {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-left: 10px
  }

  .section .wide-banner-area {
    margin-bottom: 30px
  }

  .section .wide-banner-area .col {
    float: none
  }

  .box {
    margin: 0 0 10px
  }

  .box .box-title {
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: left
  }

  .box .row {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .box .inner {
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .box .inner p {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 10px
  }

  .tab-area {
    background-color: #fff
  }

  .tab-area>div {
    border-bottom: 5px solid #1E2380;
    /* border-bottom: 5px solid #EA608E; */
    width: 100%;
    margin: 0 auto;
    padding: 20px 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .tab-area ul {
    width: 100%
  }

  .tab-area ul li {
    width: 20%;
    text-align: center;
    margin: 0;
    padding: 0 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .tab-area ul li a {
    display: block;
    background-color: #e9ebf8;
    height: 32px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 32px;
    color: #1E2380;
    padding: 10px 0
  }

  .tab-area ul li a:hover,.tab-area ul li a:active,.tab-area ul li a:focus {
    /* background-color: #EA608E; */
    text-decoration: none
  }

  .tab-area ul li a.antena {
    line-height: 1
  }

  .tab-area ul li a.other {
    line-height: 1.2;
    padding: 12px 0;
    height: 28px
  }

  .tab-area ul li a.c {
    /* background-color: #EA608E */
    background-color: #1E2380;
  }

  .search-by-area {
    width: 100%;
    padding: 0;
    background-color: #F6F6F6
  }

  .search-by-area .inner {
    width: 100%;
    margin: 0 auto
  }

  .search-by-area .inner .tbl {
    display: block
  }

  .search-by-area .inner .tbl .cell {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #fff
  }

  .search-by-area .inner .tbl .cell .section-title {
    margin-bottom: 30px
  }

  .search-by-area .inner .tbl .cell .desc {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    text-align: left;
    padding: 0 10px;
    margin-bottom: 10px
  }

  .search-by-area .inner .tbl .cell .desc.mt30 {
    margin-top: 0px
  }

  .search-by-area .inner .tbl .description {
    padding: 10px 0
  }

  .search-by-area .area-map {
    float: none;
    background-color: #F6F6F6
  }

  .search-by-area .area-map .map-bg {
    background-image: url(/hebel-rooms/common_v2/img/sp/common/bg-areamap.jpg);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto 180px;
    position: relative;
    height: 160px;
    width: 320px;
    margin: 0 auto
  }

  .search-by-area .area-map .map-bg .area {
    position: absolute
  }

  .search-by-area .area-map .map-bg .area-01 {
    top: 8px;
    right: 20px
  }

  .search-by-area .area-map .map-bg .area-01 img {
    width: 95px
  }

  .search-by-area .area-map .map-bg .area-02 {
    top: 90px;
    right: 45px
  }

  .search-by-area .area-map .map-bg .area-02 img {
    width: 95px
  }

  .search-by-area .area-map .map-bg .area-03 {
    top: 10px;
    left: 58px
  }

  .search-by-area .area-map .map-bg .area-03 img {
    width: 95px
  }

  .search-by-area .area-map .map-bg .area-04 {
    top: 102px;
    left: 40px
  }

  .search-by-area .area-map .map-bg .area-04 img {
    width: 113px
  }

  .agency_list .tab-area>div {
    border-bottom: none;
    padding-bottom: 30px
  }

  .agency_list .tab-area ul.li4 li {
    width: 25%
  }

  .agency_list .tab-area ul li {
    margin: 0
  }

  .agency_list .tab-area ul li a.c:after {
    border-top-width: 16px;
    border-right-width: 16px;
    border-bottom-width: 0;
    border-left-width: 16px;
    /* border-color: #5E912B transparent; */
    border-style: solid;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -16px;
    content: ""
  }

  .agency_list .tabcontents .tabtitle .ttl {
    background-color: #1E2380;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #fff;
    padding: 15px 12px 15px;
    margin: 0;
    font-weight: normal
  }

  .agency_list .tbl-style03 tbody th,.agency_list .tbl-style03 tbody td {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.2;
    color: #000
  }

  .agency_list .tbl-style03 tbody tr {
    width: 100%;
    display: block;
    float: left;
    border-bottom: 1px solid #fff
  }

  .agency_list .tbl-style03 tbody tr td {
    display: table;
    background-color: #f7f7f7;
    width: 100%
  }

  .agency_list .tbl-style03 tbody tr td .t-ttl {
    display: table-cell;
    width: 20%;
    padding: 10px;
    width: 120px;
    background-color: #DBDBDB;
    vertical-align: middle
  }

  .agency_list .tbl-style03 tbody tr td .txt {
    display: table-cell;
    width: 80%;
    padding: 10px;
    text-align: left;
    vertical-align: middle
  }

  .agency_list .tbl-style03 tbody tr td:nth-child(even) {
    background-color: #fff
  }

  .agency_list .tbl-style03 tbody tr.hdng {
    display: none
  }

  .agency_list .tbl-style03 tbody tr td:first-child {
    width: 100%
  }

  .agency_list .tbl-style03 tbody tr td:nth-child(2) {
    width: 100%
  }

  .section.search-link-by-area {
    padding: 0 0 30px
  }

  .section.search-link-by-area .btn.btn-toggle {
    font-size: 1.6rem;
    line-height: 1;
    color: #fff;
    width: 75%;
    padding: 16px 0 15px;
    border: 2px solid #1E2380
  }

  .section.search-link-by-area .toggle-area {
    margin: 40px 0 0;
    position: relative;
    padding: 20px 0 0;
    background-color: #EEEEEE;
    display: none
  }

  .section.search-link-by-area .toggle-area:before {
    border-top-width: 0;
    border-right-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 20px;
    border-color: #EEEEEE transparent;
    border-style: solid;
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -20px;
    content: ""
  }

  .section.search-link-by-area .search-area-shutoken {
    background-color: #eeeeee;
    width: 100%;
    margin: 0 auto 20px;
    display: block;
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-image: none;
    padding: 20px 10px;
    box-sizing: border-box
  }

  .section.search-link-by-area .search-area-shutoken .box-title {
    width: 100%;
    height: auto;
    display: block;
    padding: 10px 0
  }

  .section.search-link-by-area .search-area-shutoken .box-title .section-header .section_title {
    font-weight: normal
  }

  .section.search-link-by-area .search-area-shutoken .box-title .section-header .section_title .bar {
    margin-top: 20px
  }

  .section.search-link-by-area .search-area-shutoken .box-search {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/bg-maps-shutoken.png);
    background-size: 100% auto;
    background-position: 0px 2px;
    background-repeat: no-repeat;
    height: 190px;
    width: 343px;
    max-width: 100%;
    margin: 0 auto;
    position: relative
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links {
    position: relative
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links>div {
    position: absolute;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links>div a {
    font-size: 1.1rem;
    line-height: 1.6;
    background-color: #ddd;
    padding: 7px 0;
    width: 100px;
    border: 2px solid #fff
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links>div a:after {
    display: block;
    content: "";
    background-image: url(/hebel-rooms/common_v2/img/common/icon-arrow-w.png);
    background-size: 6px auto;
    right: 3px;
    top: 50%
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .tokyo {
    left: 25px;
    top: 61px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .chiba {
    right: 32px;
    top: 118px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .saitama {
    right: 78px;
    top: 17px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .kanagawa {
    left: 40px;
    top: 133px
  }

  .section.search-link-by-area .section-content {
    padding: 10px 10px 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .section.search-link-by-area .area-bloc {
    width: 100%;
    float: none;
    margin: 0 0 10px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: #C4C4C4 1px 1px 3px;
    -webkit-box-shadow: #C4C4C4 1px 1px 3px;
    box-shadow: #C4C4C4 1px 1px 3px
  }

  .section.search-link-by-area .area-bloc .area-title {
    font-size: 1.4rem;
    line-height: 32px;
    color: #000;
    border-bottom: 1px solid #5E912B;
    text-align: center;
    font-weight: normal
  }

  .section.search-link-by-area .area-bloc .links {
    float: none;
    width: 100%
  }

  .section.search-link-by-area .area-bloc .links ul li:last-child {
    border-bottom: none
  }

  .section.search-link-by-area .area-bloc .links ul li {
    float: none;
    height: 31px;
    border-bottom: 1px solid #EEEEEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .section.search-link-by-area .area-bloc .links ul li a {
    font-size: 1.1rem;
    line-height: 31px;
    color: #3F3F3F;
    display: block;
    padding: 0 20px 0 145px;
    background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-black-01.jpg);
    background-size: 4px auto;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
  }

  .section.search-link-by-area .area-bloc .links ul li a:hover,.section.search-link-by-area .area-bloc .links ul li a:active,.section.search-link-by-area .area-bloc .links ul li a:focus {
    text-decoration: none;
    background-color: #5E912B;
    color: #fff
  }

  .section.search-link-by-area .area-bloc .areamap {
    float: left
  }

  .section.search-link-by-area .area-bloc .areamap .areaimg {
    display: block;
    background-image: url(/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-05.jpg);
    background-size: 130px auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 130px;
    height: 125px
  }

  /*****
  .section.search-link-by-area .area-bloc.area-02,.section.search-link-by-area .area-bloc.area-04 {
    margin: 0 0 20px 0
  }
  *****/

  .section.search-link-by-area .area-bloc.area-02 .areamap .areaimg {
    background-image: url(/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-02.jpg)
  }

  .section.search-link-by-area .area-bloc.area-02 .area-title {
    border-bottom: 1px solid #C99B10
  }

  .section.search-link-by-area .area-bloc.area-03 .areamap .areaimg {
    background-image: url(/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-03.jpg);
    height: 125px
  }

  .section.search-link-by-area .area-bloc.area-03 .area-title {
    border-bottom: 1px solid #E87122
  }

  .section.search-link-by-area .area-bloc.area-03 .links ul li:last-child {
    height: 25px
  }

  .section.search-link-by-area .area-bloc.area-03 .links ul li {
    height: 25px
  }

  .section.search-link-by-area .area-bloc.area-03 .links ul li a {
    line-height: 25px
  }

  .section.search-link-by-area .area-bloc.area-01 .areamap .areaimg {
    height: 125px
  }

  .section.search-link-by-area .area-bloc.area-01 .links ul li {
    height: 31px
  }

  .section.search-link-by-area .area-bloc.area-01 .links ul li a {
    line-height: 31px
  }

  .section.search-link-by-area .area-bloc.area-03 {
    margin: 0 0 10px 0
  }

  .section.search-link-by-area .area-bloc.area-04 .areamap .areaimg {
    background-image: url(/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-04.jpg);
    height: 125px
  }

  .section.search-link-by-area .area-bloc.area-04 .area-title {
    border-bottom: 1px solid #EF5458
  }

  .section.search-link-by-area .area-bloc.area-04 .links ul li:last-child {
    height: 60px
  }

  .section.search-link-by-area .area-bloc.area-04 .links ul li {
    height: 60px
  }

  .section.search-link-by-area .area-bloc.area-04 .links ul li a {
    line-height: 60px
  }

  .section.search-link-by-area .area-bloc.area-04 .links ul li a:hover,.section.search-link-by-area .area-bloc.area-04 .links ul li a:active,.section.search-link-by-area .area-bloc.area-04 .links ul li a:focus {
    background-color: #EF5458;
    color: #fff
  }

  .contents.page.search-results {
    padding: 45px 0
  }

  .contents.page.search-results .page-title:after {
    display: none
  }

  .contents.page.search-results .page-title {
    display: block;
    width: 100%;
    padding: 15px 0;
    background-image: none;
    margin-bottom: 0
  }

  .contents.page.search-results .page-title .title {
    border-bottom: none;
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #1F1F1F;
    font-weight: normal;
    padding: 0 10px
  }

  .contents.page.search-results .page-title .title .cityname {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2
  }

  .contents.page.search-results .page-title #SS_queryString {
    display: block
  }

  .contents.page.search-results .page-title #SS_totalHits {
    font-weight: normal
  }

  .contents.page.search-results .page-title #SS_showCounts {
    font-weight: normal
  }

  .contents.page.search-results .page-title>.cf,.contents.page.search-results .section.seach-resutls .section-contents .page-title>.SS_item,.contents.page.search-results .contents.page.hebelmaison .hebelmaison-cont .nav-area ul li .page-title>a,.contents.page.hebelmaison .hebelmaison-cont .nav-area ul li .contents.page.search-results .page-title>a,.contents.page.search-results .hebelmaison-facility .hebelmaison-cont .page-title>.box-equake,.hebelmaison-facility .hebelmaison-cont .contents.page.search-results .page-title>.box-equake {
    padding: 0 10px
  }

  .contents.page.search-results .page-title .search-area:after {
    clear: both;
    content: " ";
    display: table
  }

  .contents.page.search-results .page-title .search-area:before {
    display: table;
    content: "";
    clear: both
  }

  .contents.page.search-results .page-title .search-area {
    float: none;
    margin-bottom: 5px
  }

  .contents.page.search-results .page-title .search-area input[type=text] {
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.search-results .page-title .search-area input[type=submit] {
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    line-height: 22px;
    color: #000;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZjhmOGY4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9),color-stop(22%, #f8f8f8),color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(#f9f9f9,#f8f8f8 22%,#ffffff);
    background-image: -webkit-linear-gradient(#f9f9f9,#f8f8f8 22%,#ffffff);
    background-image: linear-gradient(#f9f9f9,#f8f8f8 22%,#ffffff);
    width: 23%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.search-results .page-title .SS_search {
    float: left
  }

  .contents.page.search-results .page-title #SS_naviSort {
    float: none
  }

  .contents.page.search-results .page-title #SS_naviSort span,.contents.page.search-results .page-title #SS_naviSort a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000
  }

  .contents.page.search-results .page-title #SS_naviSort a {
    color: #1E2380;
    text-decoration: underline
  }

  .contents.page.search-results .section.seach-resutls {
    width: 100%;
    padding: 10px;
    background-image: none;
    border-top: 4px solid #1E2380;
    margin: 0 auto 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.search-results .section.seach-resutls .section-contents .notfound {
    padding: 20px 0 10px
  }

  .contents.page.search-results .section.seach-resutls .section-contents .notfound p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 15px;
    text-align: center
  }

  .contents.page.search-results .section.seach-resutls .section-contents .notfound p .bb {
    font-weight: bold
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item {
    border-bottom: 1px solid #ddd;
    padding: 10px 0
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_image {
    float: left;
    width: 98px;
    margin-bottom: 30px;
    border: 1px solid #ccc
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page {
    float: none;
    width: 100%;
    margin: 0 0
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page .SS_title {
    margin-bottom: 10px
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page .SS_title a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #1E2380;
    text-decoration: underline
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page .SS_summary {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.4;
    color: #000
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page .SS_summary .for_sp {
    margin: 0 10px 0 0;
    border: 1px solid #ccc
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page a,.contents.page.search-results .section.seach-resutls .section-contents .SS_item .SS_page span {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.4
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_paging {
    margin: 40px 0 20px 0
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_selectPage {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #000;
    text-align: center;
    padding: 8px 12px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #F2F2F2
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_numberPage a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #000;
    text-align: center;
    padding: 8px 12px;
    text-align: center;
    border: 1px solid #ddd
  }

  .contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_nextPage a,.contents.page.search-results .section.seach-resutls .section-contents .SS_paging .SS_prevPage a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #1E2380;
    text-align: center;
    padding: 8px 12px;
    text-decoration: underline
  }

  .page.shop-index .tab-area ul li,.page.shop-shutoken .tab-area ul li {
    width: 20%
  }

  .page.shop-index .section,.page.shop-shutoken .section {
    padding-bottom: 10px
  }

  .page.shop-index .section-content .row.col-1 .col,.page.shop-shutoken .section-content .row.col-1 .col {
    margin-bottom: 0;
    padding-bottom: 0
  }

  .page.shop-index .section-content .row.r1 .col,.page.shop-shutoken .section-content .row.r1 .col {
    margin-bottom: 30px
  }

  .page.shop-index .section-content .box .txt-area .pink,.page.shop-shutoken .section-content .box .txt-area .pink {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: bold;
    text-align: left
  }

  .page.shop-index .section-content .txt-area .addr dd,.page.shop-shutoken .section-content .txt-area .addr dd {
    text-align: left
  }

  .section.service-system-cont .section-content .subtext,.section.service-system-cont.sec-04 .section-content .subtext {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px
  }

  .section.service-system-cont .section-content .subtest-sp,.section.service-system-cont.sec-04 .section-content .subtest-sp {
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px
  }
}

@media screen and (max-width: 320px) {
  .section.search-link-by-area .search-area-shutoken .box-search .links {
    position:relative
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links>div {
    position: absolute;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links>div a {
    font-size: 1.1rem;
    line-height: 1.6;
    background-color: #ddd;
    padding: 5px 0;
    width: 90px;
    border: 2px solid #fff
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links>div a:after {
    display: block;
    content: "";
    background-image: url(/hebel-rooms/common_v2/img/common/icon-arrow-w.png);
    background-size: 6px auto;
    right: 3px;
    top: 50%
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .tokyo {
    left: 50px;
    top: 50px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .chiba {
    right: 32px;
    top: 85px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .saitama {
    right: 55px;
    top: 20px
  }

  .section.search-link-by-area .search-area-shutoken .box-search .links .kanagawa {
    left: 20px;
    top: 95px
  }

  .section.search-prop-foot .section-content {
    padding: 0 10px 10px
  }

  .section.search-prop-foot .area-table th {
    width: 70px;
    font-size: 1.1rem;
    line-height: 1.6;
    font-weight: bold
  }

  .section.search-prop-foot .area-table td {
    padding: 12px 12px 12px 6px
  }

  .section.search-prop-foot .area-table td .btn-style-prop_search {
    font-size: 1.0rem;
    height: 30px
  }

  .section.search-prop-foot .area-table td .btn-style-prop_search:before {
    height: 30px
  }

  .section.search-prop-foot .area-table .td02 {
    padding: 12px 6px 12px 12px
  }
}

@media screen and (max-width: 739px) {
  .section.search-room-top {
    width:100%;
    background-image: url(/hebel-rooms/common_v2/img/search-top/bg-map-jp4.png);
    background-size: auto 400px;
    background-position: 50% -155px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0;
    height: auto;
    margin-top: 0;
    padding: 0 0 20px
  }

  .section.search-room-top .section-header {
    margin-bottom: 30px
  }

  .section.search-room-top .section-header .section_title {
    padding-top: 30px
  }

  .section.search-room-top .section-header .section_title .for_sp {
    width: 230px;
    display: block;
    margin: 0 auto
  }

  .section.search-room-top .search-room-link-area {
    position: relative;
    width: auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 17px;
    background: rgba(255,255,255,0.3);
    -moz-box-shadow: #ddd 1px 1px 2px;
    -webkit-box-shadow: #ddd 1px 1px 2px;
    box-shadow: #ddd 1px 1px 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
  }

  .section.search-room-top .search-room-link-area .row.col-2 {
    padding: 15px 0 10px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col {
    padding: 0 0
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 8px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table th {
    background-color: #fff;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 64px;
    text-align: center
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table th a {
    padding: 22px 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #fff;
    width: 64px;
    height: 100%;
    font-weight: normal;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table td {
    background-color: #fff;
    padding: 0 5px 0 14px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table td.td03 {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding: 0 14px 0 5px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table .btn-style-prop_search {
    height: 38px;
    padding-left: 36px;
    font-size: 1.2rem
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table .btn-style-prop_search:before {
    height: 38px;
    width: 36px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table.area-tbl02 {
    margin-top: 0
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col.col-right {
    padding: 0 0
  }

  .section.search-room-top .area-box {
    position: relative;
    background-repeat: no-repeat;
    display: table;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
    -moz-box-shadow: #999 1px 1px 2px;
    -webkit-box-shadow: #999 1px 1px 2px;
    box-shadow: #999 1px 1px 2px;
    background-color: #F4FAEF
  }

  .section.search-room-top .area-box .area-title {
    display: table-cell;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    vertical-align: top;
    font-size: 1.4rem;
    line-height: 2;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin-bottom: 5px;
    background-color: #5E912B;
    width: 16.66666%;
    padding-top: 10px
  }

  .section.search-room-top .area-box .areas {
    display: table-cell;
    padding: 10px 0
  }

  .section.search-room-top .area-box .areas dl:last-child {
    margin-bottom: 0
  }

  .section.search-room-top .area-box dl {
    margin-bottom: 5px;
    height: 30px
  }

  .section.search-room-top .area-box dl dt {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #3A3939;
    float: left;
    text-align: left;
    font-weight: bold;
    width: 30%;
    padding: 8px 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .section.search-room-top .area-box dl dd {
    float: left;
    width: 70%
  }

  .section.search-room-top .area-box dl dd ul li {
    margin: 0;
    width: 50%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .section.search-room-top .area-box dl dd ul li a {
    display: block
  }

  .section.search-room-top .area-box dl dd ul li a img {
    width: 100%;
    height: auto
  }

  .section.search-room-top .area-box.area-01,.section.search-room-top .area-box.area-02,.section.search-room-top .area-box.area-03,.section.search-room-top .area-box.area-04 {
    top: 0px;
    right: 0;
    background-image: none;
    width: 100%;
    height: auto;
    padding: 0
  }

  .section.search-room-top .area-box.area-02 {
    background-color: #FEFAEB
  }

  .section.search-room-top .area-box.area-02 .area-title {
    background-color: #C99B10
  }

  .section.search-room-top .area-box.area-03 {
    background-color: #FDF2EC;
    left: 0
  }

  .section.search-room-top .area-box.area-03 .area-title {
    background-color: #E87122
  }

  .section.search-room-top .area-box.area-04 {
    background-color: #FDECEC
  }

  .section.search-room-top .area-box.area-04 .area-title {
    background-color: #EF5458
  }

  .flow-how-to-search .flow {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .flow-how-to-search .flow li {
    float: none
  }

  .flow-how-to-search .flow li img {
    margin: 0 auto
  }

  .contents.main.page-search .page-title {
    margin: 0 auto 30px
  }

  .contents.main.page-search .page-title:after {
    display: none
  }

  .contents.main.page-search .area-info {
    text-align: center;
    position: relative;
    padding: 20px 0 25px;
    width: 100%
  }

  .contents.main.page-search .area-info .section-header {
    margin: 0 0 20px
  }

  .contents.main.page-search .area-info .section_title {
    margin: 0 0 30px
  }

  .contents.main.page-search .area-info .section_title img.for_sp {
    height: 19px;
    display: block;
    margin: 0 auto
  }

  .contents.main.page-search .area-info .section_title .bar {
    display: block;
    height: 1px;
    border-top: 1px solid #000
  }

  .contents.main.page-search .area-info .search-type {
    position: relative;
    z-index: 10;
    width: 100%;
    margin: 10px auto 0
  }

  .contents.main.page-search .area-info .search-type ul li {
    width: 50%;
    margin: 0;
    padding: 0 2px 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.main.page-search .area-info .search-type ul li:last-child {
    padding: 0 5px 0 2px
  }

  .contents.main.page-search .area-info .subtext {
    padding: 0 10px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #000
  }

  .contents.main.page-search .area-info .subtext .cityname {
    color: #1E217F;
    display: inline
  }

  .contents.main.page-search .area-info .subtext span {
    display: block
  }

  .contents.main.page-search .area-info:after {
    display: none
  }

  .contents.main.page-search .about-the-area {
    background-color: #fff;
    width: 100%;
    padding: 30px 0 10px
  }

  .contents.main.page-search .about-the-area .section-header {
    width: 100%;
    margin: 0 auto
  }

  .contents.main.page-search .about-the-area .section-content {
    width: 100%;
    margin: 0 auto
  }

  .contents.main.page-search .area-reccomend .row .col .inner {
    height: auto
  }

  .contents.main.page-search .area-reccomend .row .col .inner h3 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 15px
  }

  .contents.main.page-search .area-reccomend .row .col .inner p {
    margin-bottom: 5px
  }

  .contents.main.page-search .area-reccomend .row .col .thumb-wrap .ic {
    width: 100%
  }
}

@media screen and (max-width: 325px) {
  .section.search-room-top .search-room-link-area {
    padding:0 5px;
    margin: 0 8px
  }

  .section.search-room-top .search-room-link-area .row.col-2 {
    padding: 15px 0 10px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table {
    width: 100%;
    margin-bottom: 8px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table th {
    width: 64px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table th a {
    padding: 20px 0;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #fff;
    width: 64px;
    font-weight: normal
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table td {
    padding: 0 4px 0 8px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table td.td03 {
    padding: 0 8px 0 4px
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table .btn-style-prop_search {
    height: 38px;
    padding-left: 36px;
    font-size: 1.0rem;
    font-weight: normal
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col .area-table.area-tbl02 {
    margin-top: 0
  }

  .section.search-room-top .search-room-link-area .row.col-2 .col.col-right {
    padding: 0 0
  }
}

@media screen and (max-width: 739px) {
  .page.contents.feature-index {
    padding:85px 0 60px;
    position: relative
  }

  .page.contents.feature-index .breadcrumb_wrap {
    background-color: transparent;
    position: absolute;
    top: 70px;
    left: 0
  }

  .page.contents.feature-index .section-navigation {
    width: 100%;
    background-color: #dddddd
  }

  .page.contents.feature-index .section-navigation .inner {
    width: 100%
  }

  .page.contents.feature-index .section-navigation .inner ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 62px
  }

  .page.contents.feature-index .section-navigation .inner ul li {
    width: 33.33333%;
    float: none;
    display: table-cell;
    height: 100%;
    vertical-align: middle
  }

  .page.contents.feature-index .section-navigation .inner ul li a {
    display: block;
    height: 52px;
    margin: 5px 0;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #000;
    padding: 5px 0 15px;
    text-align: center;
    background-color: #dddddd;
    border-right: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-index .section-navigation .inner ul li a:hover {
    background-color: #dddddd;
    color: #000
  }

  .page.contents.feature-index .section-navigation .inner ul li a:hover:after {
    background-color: #dddddd
  }

  .page.contents.feature-index .section-navigation .inner ul li a:hover:before {
    background-color: #dddddd
  }

  .page.contents.feature-index .section-navigation .inner ul li a:after {
    width: 8px;
    height: 8px;
    background-color: #999999;
    left: 50%;
    bottom: 3px;
    margin: 4px 0px 0px -4px;
    transform: rotate(45deg)
  }

  .page.contents.feature-index .section-navigation .inner ul li a:before {
    width: 8px;
    height: 8px;
    background-color: #dddddd;
    left: 50%;
    bottom: 7px;
    margin: 4px 0px 0px -4px
  }

  .page.contents.feature-index .section-navigation .inner ul li:last-child a {
    border-right: none
  }

  .page.contents.feature-index .section-navigation .inner ul li:first-child a {
    padding-top: 15px
  }

  .page.contents.feature-index [class*=section] .item-list {
    display: flex;
    justify-content: space-between
  }

  .page.contents.feature-index [class*=section] .item-list .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    -moz-box-shadow: #c5c5c5 0px 0px 1px;
    -webkit-box-shadow: #c5c5c5 0px 0px 1px;
    box-shadow: #c5c5c5 0px 0px 1px
  }

  .page.contents.feature-index [class*=section] .item-list .item a {
    display: block
  }

  .page.contents.feature-index [class*=section] .item-list .item .item-inner {
    padding: 10px 10px 5px 10px
  }

  .page.contents.feature-index [class*=section] .item-list .item .item-inner .item-ttl {
    font-size: 3vw;
    line-height: 1.6;
    color: #000;
    font-weight: bold;
    margin-bottom: 2px
  }

  .page.contents.feature-index [class*=section] .item-list .item .item-inner p {
    font-size: 3vw;
    line-height: 1.6;
    color: #000;
    margin-bottom: 0
  }

  .page.contents.feature-index .section-pickup {
    padding-top: 30px;
    padding-bottom: 0;
    background-color: #fff
  }

  .page.contents.feature-index .section-pickup .section_title img {
    height: 40px
  }

  .page.contents.feature-index .section-pickup .section-header {
    padding-bottom: 20px
  }

  .page.contents.feature-index .section-pickup .section-content {
    padding: 0 0 50px;
    overflow: hidden
  }

  .page.contents.feature-index .section-pickup .section-content .swiper-pagination,.page.contents.feature-index .section-pickup .section-content .swiper-button-next,.page.contents.feature-index .section-pickup .section-content .swiper-button-prev {
    display: block
  }

  .page.contents.feature-index .section-pickup .section-content .swiper-container {
    padding: 0 30px;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-index .section-pickup .section-content .swiper-container .swiper-pagination {
    bottom: -20px
  }

  .page.contents.feature-index .section-pickup .section-content .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.page.contents.feature-index .section-pickup .section-content .swiper-container .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
    background-color: #1C0E0D
  }

  .page.contents.feature-index .section-pickup .section-content .swiper-container .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    right: 0px;
    left: auto;
    background-size: 10px auto
  }

  .page.contents.feature-index .section-pickup .section-content .swiper-container .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    left: 0px;
    right: auto;
    background-size: 10px auto
  }

  .page.contents.feature-index .section-pickup .section-content .item-list .item {
    display: block
  }

  .page.contents.feature-index .section-pickup .section-content .item-list .item a {
    display: block
  }

  .page.contents.feature-index .section-search {
    padding-top: 30px;
    padding-bottom: 40px
  }

  .page.contents.feature-index .section-search .section_title img {
    height: 40px
  }

  .page.contents.feature-index .section-search .section-content {
    padding: 0
  }

  .page.contents.feature-index .section-search .section-header {
    padding-bottom: 20px
  }

  /* .page.contents.feature-index .section-search .tabs li a {
    font-size: 1.4rem;
    line-height: 40px;
    color: #fff
  }

  .page.contents.feature-index .section-search .tabs li a:after {
    width: 10px;
    height: 10px;
    bottom: -5px;
    left: 50%;
    margin-left: -5px
  } */

  .page.contents.feature-index .section-search .tab-content-wrap {
    background-color: transparent;
    padding: 20px 20px 10px;
    margin-bottom: 0
  }
  .page.contents.feature-index .section-search .tab-content-wrap:not(:root){
    margin-top: 0;
  }

  .page.contents.feature-index .section-search .tab-content-wrap .tab-content-heading{
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 20px;
    margin:0 -20px 20px;
  }

  .page.contents.feature-index .section-search .tab-content-wrap .lead {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 15px;
    text-align: center
  }

  .page.contents.feature-index .section-search .item-list {
    display: block
  }

  .page.contents.feature-index .section-search .item-list .item {
    width: 100%;
    margin-bottom: 15px;
    display: block
  }

  .page.contents.feature-index .section-search .item-list .item a:before,.page.contents.feature-index .section-search .item-list .item a:after {
    content: " ";
    display: table
  }

  .page.contents.feature-index .section-search .item-list .item a:after {
    clear: both
  }

  .page.contents.feature-index .section-search .item-list .item a {
    *zoom:1}

  .page.contents.feature-index .section-search .item-list .item a {
    display: block;
    padding: 14px;
    background-color: #fafafa
  }

  .page.contents.feature-index .section-search .item-list .item a img {
    width: 50%;
    margin-right: 10px;
    float: left
  }

  .page.contents.feature-index .section-search .item-list .item a .item-inner {
    padding: 0;
    width: calc(50% - 10px);
    float: left
  }

  .page.contents.feature-index .section-search .item-list .item a .item-inner .item-ttl {
    font-size: 3vw;
    line-height: 1.4;
    margin-bottom: 5px
  }

  .page.contents.feature-index .section-search .item-list .item a .item-inner p {
    font-size: 3vw;
    line-height: 1.4
  }

  .page.contents.feature-index .section-search .item-list .item a .item-inner .item-tag {
    font-size: 8px;
    line-height: 16px;
    padding: 0 6px;
    margin-bottom: 5px;
}

  .page.contents.feature-index .section-search .banner-area {
    padding: 0 10px
  }

  .page.contents.feature-index .section-search .banner-area a .for_pc {
    display: none
  }

  .page.contents.feature-index .section-kodawari {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #fff
  }

  .page.contents.feature-index .section-kodawari .section_title img {
    height: 24px
  }

  .page.contents.feature-index .section-kodawari .section-header {
    padding-bottom: 20px
  }

  .page.contents.feature-index .section-kodawari .section-content {
    padding: 0 10px;
    margin-bottom: 0
  }

  .page.contents.feature-index .section-kodawari .item-list {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .page.contents.feature-index .section-kodawari .item-list .item {
    width: calc(50% - 5px);
    margin-bottom: 10px
  }

  .page.contents.feature-index .section-kodawari .item-list .item .item-inner .item-ttl {
    font-size: 3vw;
    line-height: 1.4;
    margin-bottom: 5px
  }

  .page.contents.feature-index .section-kodawari .item-list .item .item-inner p {
    font-size: 3vw;
    line-height: 1.4
  }

  .page.contents .section.features-contents {
    padding: 0 0 10px
  }

  .page.contents .section.features-contents .section-content {
    margin: 0 auto 0
  }

  .page.contents .section.features-contents .section-content .row.col-1 .desc {
    padding: 0 30px
  }

  .page.contents .section.features-contents .row.col-2 .col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
  }

  .page.contents .section.features-contents .row.col-2 .col .tc {
    text-align: center
  }

  .page.contents.feature-tomin .section-header {
    padding: 40px 0 0
  }

  .page.contents.feature-tomin .section-header .subtxt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 30px
  }

  .page.contents.feature-tomin .section-content {
    width: 100%
  }

  .page.contents.feature-tomin .infolist li {
    float: none;
    height: auto
  }

  .page.contents.feature-tomin .infolist li .section-header {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px
  }

  .page.contents.feature-tomin .infolist li .section-header .bar {
    margin-bottom: 20px;
    margin-top: 15px
  }

  .page.contents.feature-tomin .infolist li .section-header p {
    color: #000;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    text-align: center
  }

  .page.contents.feature-tomin .infolist li .section-header p.note {
    font-size: 1.0rem
  }

  .page.contents.feature-tomin .infolist li:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 68%
  }

  .page.contents.feature-tomin .infolist .li01 {
    background-image: none;
    background-color: #FAFBF5
  }

  .page.contents.feature-tomin .infolist .li01 .section-header .inner {
    width: 100%;
    margin-top: 0
  }

  .page.contents.feature-tomin .infolist .li01:after {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/tomin/bg-01.jpg);
    background-position: 50% 50%;
    background-size: 100% auto
  }

  .page.contents.feature-tomin .infolist .li02 {
    background-image: none
  }

  .page.contents.feature-tomin .infolist .li02 .section-header .inner {
    width: 100%;
    float: none;
    margin-top: 0
  }

  .page.contents.feature-tomin .infolist .li02:after {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/tomin/bg-02.jpg);
    background-position: 50% 50%;
    background-size: 100% auto
  }

  .page.contents.feature-tomin .infolist .li03 {
    background-image: none;
    background-color: #FAFBF5
  }

  .page.contents.feature-tomin .infolist .li03 .section-header .inner {
    width: 100%;
    margin-top: 0
  }

  .page.contents.feature-tomin .infolist .li03:after {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/tomin/bg-03.jpg);
    background-position: 50% 50%;
    background-size: 100% auto
  }

  .page.contents.feature-tomin .sec-02 {
    background-color: #EDEDEF
  }

  .page.contents.feature-tomin .sec-02 .section-content {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-tomin .sec-02 .section-content .row.col-2 {
    width: 100%;
    background-color: #fff;
    -moz-box-shadow: #ccc 1px 1px 2px;
    -webkit-box-shadow: #ccc 1px 1px 2px;
    box-shadow: #ccc 1px 1px 2px;
    margin-bottom: 30px
  }

  .page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col {
    text-align: center;
    padding: 0 0 20px;
    width: 100%;
    float: none
  }

  .page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col .txtinfo {
    border-bottom: 1px solid #EDEDEF;
    height: 20px;
    padding: 20px 0
  }

  .page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col .txtinfo .info {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center
  }

  .page.contents.feature-tomin .sec-02 .section-content .row.col-2 .col:last-child {
    border-left: none;
    width: 100%;
    padding: 0
  }

  .btn_search_withic {
    background-image: url(/hebel-rooms/common_v2/img/sp/index/btn-search.png);
    background-size: 298px auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 278px;
    height: 80px;
    margin: 10px auto 0;
    padding: 0
  }

  .btn_search_withic img {
    height: 13px;
    margin: 0 auto
  }

  .btn_search_withic a {
    display: block;
    height: 19px;
    padding: 34px 0 30px 78px
  }

  .page.contents.feature-security .col p {
    text-align: center
  }

  .feature-shinchiku .section-kv .inner {
    width: 100%
  }

  .feature-shinchiku .fufu-banner {
    background-color: #fff;
    padding: 10px 10px 0
  }

  .feature-shinchiku .fufu-banner-btm {
    background-color: #fff;
    text-align: center;
    padding: 20px 20px 40px
  }

  .feature-shinchiku .fufu-banner-btm a {
    display: block
  }
}

@media screen and (max-width: 739px) {
  .section.features.service .section-content p {
    padding:0 10px
  }

  .service-f-index .col-2 .col {
    margin-bottom: 30px
  }

  .service-f-index .col-2 .col p {
    margin-bottom: 0
  }

  .service-f-index .boxw800 {
    width: 100%;
    margin: 0 auto
  }

  .contents.page.service-management .section.features {
    margin-bottom: 20px
  }

  .contents.page.service-management .section-content .par {
    padding: 0 10px
  }

  .contents.page.service-management .section-content .note {
    padding: 0 10px;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    color: #999
  }

  .contents.page.service-management .section-content .check {
    text-align: center;
    padding: 30px 0 0
  }

  .contents.page.service-management .section-content .check .ttl-check {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
    font-weight: normal
  }

  .contents.page.service-management .section-content .check .note {
    padding: 0 10px;
    text-align: left;
    margin-top: 5px
  }

  .contents.page.service-management .section-content .check .note .ss {
    color: #000;
    float: right
  }

  .section.service-insurance-cont .section-desc.tc {
    text-align: center
  }

  .section.service-insurance-cont img.freecall {
    height: 18px;
    width: auto;
    vertical-align: top
  }

  .section.service-insurance-cont .h-level {
    padding: 0 10px
  }

  .section.service-insurance-cont .h-level .ttl {
    font-size: 1.5rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 5px;
    text-align: center
  }

  .section.service-insurance-cont .h-level .addr {
    font-size: 1.3rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 3px;
    text-align: center
  }

  .section.service-insurance-cont .h-level .disc {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 10px;
    text-align: center
  }

  .section.service-insurance-cont .h-level .time {
    font-size: 1.0rem;
    text-align: center
  }

  .section.service-insurance-cont .box .row.col-4.ten-warranty {
    margin-bottom: 0
  }

  .section.service-insurance-cont .box .row.col-4.ten-warranty .wrap {
    text-align: center;
    height: auto !important
  }

  .section.service-insurance-cont .box .row.col-4.ten-warranty .wrap img {
    height: 120px;
    width: auto;
    margin-bottom: 0
  }

  .section.service-system-cont {
    padding: 30px 0 15px
  }

  .section.service-system-cont .section-header {
    margin-bottom: 15px
  }

  .section.service-system-cont .section-header .section_title .bar {
    margin-bottom: 12px
  }

  .section.service-system-cont .section-content .note.tc {
    text-align: center;
    margin: 20px 0
  }

  .section.service-system-cont .section-content .tbl-style04 {
    margin-right: 15px;
    margin-left: 15px;
    width: auto
  }

  .section.service-system-cont .section-content .tbl-style04 th,.section.service-system-cont .section-content .tbl-style04 td {
    width: auto
  }

  .contents.page.service-member .section.features {
    padding: 50px 0 0;
    margin-bottom: 0
  }

  .contents.page.service-member .section-header .desc {
    margin-top: 10px;
    margin-bottom: 0
  }

  .contents.page.service-member .my-concier-page-banner {
    padding: 0 20px 50px;
  }

  .contents.page.service-member .section-nav {
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.service-member .section-nav .row.col-3 .col {
    width: 100%;
    margin: 0 0 10px;
    padding: 0
  }

  .contents.page.service-member .section-nav .nav-panel {
    padding: 10px 10px 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.service-member .section-nav .nav-panel .ttl {
    text-align: left;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    color: #1e2380;
    font-weight: bold;
    margin-bottom: 5px
  }

  .contents.page.service-member .section-nav .nav-panel p {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30%;
    text-align: center;
    background-color: #fff;
    padding: 2px 5px
  }

  .contents.page.service-member .section-nav .nav-panel:after {
    display: block;
    content: "";
    width: 100%;
    height: 15px;
    margin-top: 0;
    background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/arrow-b.png);
    background-size: 14px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat
  }

  .contents.page.service-member .section-nav li:nth-child(2) .nav-panel {
    background-color: #fbdfea
  }

  .contents.page.service-member .section-nav li:nth-child(2) .nav-panel .ttl {
    color: #ea6097
  }

  .contents.page.service-member .section-header .section_title {
    font-size: 2.4rem;
    line-height: 1.2;
    color: #000;
    margin: 8px 0 0
  }

  .contents.page.service-member .section-header .section_title .bar {
    margin-top: 5px;
    width: 150px;
    background-size: 150px 1px
  }

  .contents.page.service-member .section-header .desc {
    text-align: left;
    padding: 0 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .contents.page.service-member .sec-01 {
    margin-top: 20px;
    margin-bottom: 50px
  }

  .contents.page.service-member .sec-01 .row {
    margin-bottom: 0
  }

  .contents.page.service-member .sec-01 .col-member-service {
    padding: 0;
    margin-bottom: 30px
  }

  .contents.page.service-member .sec-01 .col-member-service .col-ttl {
    text-align: center;
    margin-bottom: 7px
  }

  .contents.page.service-member .sec-01 .col-member-service .col-ttl img {
    height: 25px;
    width: auto
  }

  .contents.page.service-member .sec-01 .col-member-service p {
    margin-bottom: 3px;
    text-align: center;
    font-size: 1.2rem
  }

  .contents.page.service-member .sec-01 .col-member-service p .txtsz-l {
    font-size: 2.4rem;
    line-height: 1.6;
    color: #ea7d37;
    font-weight: bold
  }

  .contents.page.service-member .sec-01 .col-member-service p .txtsz-xl {
    font-size: 3rem;
    line-height: 1.6;
    color: #ea7d37;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin: 0 3px
  }

  .contents.page.service-member .sec-01 .col-member-service:last-child {
    margin-bottom: 30px
  }

  .contents.page.service-member .notice-box {
    margin-bottom: 30px;
    padding: 0 20px
  }

  .contents.page.service-member .notice-box p {
    margin-bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .contents.page.service-member .support-box {
    width: 100%;
    margin: 0 auto 40px;
    background-color: #f3f3f3;
    padding: 35px 0 25px;
    background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/bg-contact-area-01.png);
    background-size: 45px auto;
    background-position: 0px 8px
  }

  .contents.page.service-member .support-box .ttl {
    font-size: 1.5rem;
    line-height: 1.6;
    color: #000;
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px
  }

  .contents.page.service-member .support-box .step {
    margin-bottom: 14px;
    padding-left: 20px
  }

  .contents.page.service-member .support-box .step p {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
    font-weight: bold;
    padding-left: 1.5em;
    position: relative;
    margin-bottom: 5px
  }

  .contents.page.service-member .support-box .step p:before {
    display: block;
    content: "";
    width: 14px;
    height: 4px;
    background-color: #ea6097;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px
  }

  .contents.page.service-member .support-box .tc {
    margin-bottom: 30px;
    padding: 0 20px
  }

  .contents.page.service-member .support-box .tc img {
    width: 170px;
    margin: 0 auto
  }

  .contents.page.service-member .support-box .button-area {
    padding: 0 20px
  }

  .contents.page.service-member .support-box .button-area li:nth-child(2) {
    display: none
  }

  .contents.page.service-member .support-box:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10;
    width: 50px;
    height: 74px;
    background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/bg-contact-area-02.png);
    background-size: 100% auto
  }

  .contents.page.service-member .sec-02 {
    padding: 0 0 10px
  }

  .contents.page.service-member .sec-02 .box-title {
    margin-bottom: 30px
  }

  .contents.page.service-member .sec-02 .box-title .note {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 0;
    display: block
  }

  .contents.page.service-member .sec-02 .box {
    width: 100%;
    margin-bottom: 45px
  }

  .contents.page.service-member .sec-02 .box-2 {
    margin-bottom: 20px
  }

  .contents.page.service-member .sec-02 .row.col-2 {
    margin-bottom: 0;
    padding: 0 20px
  }

  .contents.page.service-member .sec-02 .row.col-2 .col {
    margin-bottom: 30px;
    padding: 0
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .ttl {
    margin-bottom: 15px;
    text-align: center
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .ttl img {
    height: 26px;
    width: auto;
    margin: 0 auto
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .mt40 {
    margin-top: 40px
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .tag-area.tbl {
    display: block
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .tag-area.tbl span {
    display: block
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .tag-area.tbl .biz-hour {
    border-left: none
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .tag-area {
    width: 100%;
    margin-bottom: 10px
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .tag-area span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 1px 0 0px
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .tag-area .left {
    background-color: #e4e5f0;
    color: #1e2380;
    margin-bottom: 5px
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .tag-area .w-mid {
    width: 100%
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .desc {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .notice {
    font-size: 12px;
    font-size: 1.2rem
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .notice .pink {
    font-weight: bold
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .support-info {
    border: 1px solid #dddddd;
    padding: 5px 10px 0;
    margin-bottom: 10px
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .support-info h5 {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .contents.page.service-member .sec-02 .row.col-2 .col .support-info p {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    margin-bottom: 5px
  }

  .contents.page.service-member .sec-02 .row.col-2 .col:last-child {
    padding: 0
  }

  .contents.page.service-member .sec-02 .waranty-list {
    margin-left: 0;
    margin-bottom: 30px
  }

  .contents.page.service-member .sec-03 {
    margin-bottom: 35px
  }

  .contents.page.service-member .sec-03 .campaigns {
    margin-top: 20px;
    padding: 0 20px
  }

  .contents.page.service-member .sec-03 .campaigns ul {
    margin-bottom: 20px
  }

  .contents.page.service-member .sec-03 .campaigns ul .col {
    width: 100%;
    margin-right: 0;
    padding: 0 0;
  }

  .contents.page.service-member .sec-03 .campaigns ul .col .ttl {
    font-size: 1.7rem;
    padding: 3px 0 5px 2.3em
  }

  .contents.page.service-member .sec-03 .campaigns ul .col p {
    font-size: 1.2rem
  }

  .contents.page.service-member .sec-03 .campaigns .btn {
    width: 100%;
    /*font-size: 1.5rem;*/
    font-size: 5vw;
    line-height: 1.6;
    color: #fff;
    /*padding: 6px 0 4px;*/
    padding: 1.5625vw 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.service-member .hebel-center-service-box {
    margin: 0 auto 0;
    width: 100%;
    padding: 30px 0
  }

  .contents.page.service-member .hebel-center-service-box .section-header {
    margin-bottom: 10px
  }

  .contents.page.service-member .hebel-center-service-box .section-header .lead {
    text-align: center
  }

  .contents.page.service-member .hebel-center-service-box .section_title {
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.6
  }

  .contents.page.service-member .hebel-center-service-box h4 {
    color: #fff
  }

  .contents.page.service-member .hebel-center-service-box .note {
    font-size: 1.0rem;
    line-height: 1.6;
    color: #fff;
    text-align: left;
    padding: 0 20px;
    margin-bottom: 10px
  }

  .contents.page.service-member .hebel-center-service-box p {
    padding: 0 20px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 10px;
    text-align: left
  }

  .contents.page.service-member .hebel-center-service-box .lead {
    margin-bottom: 0
  }

  .contents.page.service-member .hebel-center-service-box .tel-box {
    width: auto;
    margin: 10px 20px 30px
  }

  .contents.page.service-member .hebel-center-service-box .tel-box .ttl {
    background-color: #f3f3f3;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 3px 0 1px
  }

  .contents.page.service-member .hebel-center-service-box .tel-box .tbl {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.service-member .hebel-center-service-box .tel-box .tbl .cell {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    text-align: left;
    padding: 0 5px 0 20px;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #000
  }

  .contents.page.service-member .hebel-center-service-box .tel-box .tbl .cell .number {
    font-size: 2.4rem;
    line-height: 1.6;
    color: #ea6097;
    margin-left: 12px
  }

  .contents.page.service-member .hebel-center-service-box .button-area {
    padding: 0 20px
  }

  .contents.page.service-member .hebel-center-service-box .button-area li:nth-child(2) {
    display: none
  }

  .contents.page.hebelmaison .hebelmaison-cont .section-name {
    width: 80%;
    border: 1px solid #E7D1E1;
    padding: 0;
    margin: 0 auto 20px;
    display: block
  }

  .contents.page.hebelmaison .hebelmaison-cont .section-name .eng {
    display: block;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.2;
    color: #9F929B;
    background-color: #E7D1E1;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle
  }

  .contents.page.hebelmaison .hebelmaison-cont .section-name .txt {
    display: block;
    width: 100%;
    vertical-align: middle;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #000;
    padding: 10px 0;
    font-weight: normal
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area {
    padding: 0
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 .col:last-child {
    margin-bottom: 0
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 li {
    width: 80%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding: 0 0 0 0;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.2;
    color: #333
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 li a {
    background-color: #fff;
    width: 100%;
    border: 1px solid #ADADAD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 12px 0;
    background-image: url(/hebel-rooms/common_v2/img/sp/features/hebelmaison/index/ic-arrow-r.png);
    background-size: 10px auto;
    background-position: 97% 50%;
    background-repeat: no-repeat
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 li a .thumb {
    display: none
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 li a .txts {
    float: none;
    text-align: center;
    width: auto;
    padding: 38px 0 0
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 li .eng {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
    color: #9F929B;
    text-align: center;
    margin-bottom: 3px
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 .c {
    border-bottom: none;
    position: relative
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 .c a {
    background-color: #E7D1E1
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 .c a .eng {
    color: #333333;
    filter: alpha(opactiy=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area ul.row.col-3 .c:after {
    display: none
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area.foot .row.col-3 .col {
    text-align: left
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area.foot .row.col-3 .col a {
    padding: 0;
    background-image: none;
    background-color: #E7D1E1
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area.foot .row.col-3 .col .thumb {
    height: 70px;
    display: block;
    width: auto
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area.foot .row.col-3 .col .txts {
    text-align: left;
    margin-top: 18px;
    margin-left: 102px;
    display: block;
    padding: 0;
    font-size: 1.7rem;
    line-height: 1.2;
    color: #333333
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area.foot .row.col-3 .col .eng {
    text-align: left
  }

  .contents.page.hebelmaison .hebelmaison-cont .nav-area.foot .row.col-3 li:after {
    content: "";
    display: block;
    background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/ic.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 3px;
    right: 3px
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.nav-01 {
    background-color: #eee;
    border-bottom: 20px solid #fff;
    padding: 30px 0
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-01 {
    padding-top: 0;
    width: 100%;
    padding-bottom: 20px
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-01 .section-content {
    width: 80%;
    padding: 0 10% 0
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-01 .row.col-2 {
    margin-bottom: 0px
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-01 .row.col-2 .col {
    margin-bottom: 15px
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-01 p {
    padding: 0
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 {
    background-color: #eee
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .section-content {
    padding: 0 7px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .section-content .row.col-3 .col {
    width: 50%;
    float: left;
    border-right: 3px solid #eee;
    border-left: 3px solid #eee;
    padding: 0;
    margin-bottom: 6px;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .section-content .row.col-3 .col .inner {
    -moz-box-shadow: #C8C8C8 1px 1px 1px;
    -webkit-box-shadow: #C8C8C8 1px 1px 1px;
    box-shadow: #C8C8C8 1px 1px 1px
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col {
    background-color: #fff
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .hdng {
    border-bottom: 1px solid #ddd;
    padding: 12px 0 10px
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .ttl {
    font-size: 1.2rem;
    line-height: 24px;
    color: #333;
    margin-bottom: 0
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .ttl.withsub {
    line-height: 1.2
  }

  .contents.page.hebelmaison-index .hebelmaison-cont.sec-02 .col .subtxt {
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0;
    display: block
  }

  .hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col {
    width: 80%;
    padding-right: 0;
    margin: 0 auto
  }

  .hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col .ttl {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
    text-align: center
  }

  .hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col p {
    width: 100%
  }

  .hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col.pt80 {
    padding-top: 10px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-10 .row.col-2 .col:nth-child(even) {
    padding-right: 0;
    padding-left: 0px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-09 .ttl {
    text-align: center
  }

  .hebelmaison-facility .hebelmaison-cont.sec-09 .fig {
    margin-bottom: 20px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex {
    background-color: #EEEEEE;
    margin-top: 30px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex .cont {
    text-align: left;
    width: 100%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex .cont .fig {
    width: 120px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex .cont .ttl {
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #000;
    border-bottom: 1px solid #9B9B9B;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 5px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-09 .box-ex .cont .txt {
    padding: 0
  }

  .hebelmaison-facility .hebelmaison-cont.sec-04 .section-content .fig {
    margin-bottom: 10px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-04 .section-content .row {
    margin-bottom: 20px
  }

  .hebelmaison-facility .hebelmaison-cont.sec-04 .section-content .textbox {
    padding: 0 0 0
  }

  .hebelmaison-facility .hebelmaison-cont.sec-04 .section-content .textbox .ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #000;
    text-align: center
  }

  .hebelmaison-facility .hebelmaison-cont {
    padding: 30px 0 20px
  }

  .hebelmaison-facility .hebelmaison-cont .section-content {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .hebelmaison-facility .hebelmaison-cont .box-equake {
    width: 100%;
    border: 1px solid #9B9B9B;
    padding: 20px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .hebelmaison-facility .hebelmaison-cont .box-equake .fig {
    float: none;
    width: 150px;
    display: block;
    margin: 0 auto 10px
  }

  .hebelmaison-facility .hebelmaison-cont .box-equake .section_title {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #000;
    margin-bottom: 15px;
    text-align: center
  }

  .hebelmaison-facility .hebelmaison-cont .box-equake .txtbox {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0 0 0
  }

  .hebelmaison-facility .hebelmaison-cont .box-equake .txtbox .txx {
    width: 100%;
    margin-bottom: 0
  }

  .hebelmaison-facility .hebelmaison-cont .txx {
    width: 100%;
    margin: 0 auto 20px;
    padding-left: 0;
    padding-right: 0
  }

  .hebelmaison-facility .hebelmaison-cont .note {
    width: 100%;
    margin: 0 auto 20px
  }

  .hebelmaison-facility .hebelmaison-cont .row.col-2.seinou {
    margin-bottom: 20px
  }

  .hebelmaison-facility .hebelmaison-cont .row.col-2.seinou .col {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3px 0 6px;
    margin-bottom: 0
  }

  .hebelmaison-facility .hebelmaison-cont .row.col-2.seinou .col:nth-child(even) {
    padding: 0 5px 0 3px
  }

  .hebelmaison-facility .hebelmaison-cont .row.col-2.seinou dl dt {
    float: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #333;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    background-color: #E7D1E1
  }

  .hebelmaison-facility .hebelmaison-cont .row.col-2.seinou dl dd {
    float: none;
    font-size: 1.0rem;
    line-height: 1.6;
    color: #000;
    width: 100%;
    padding: 8px 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .hebelmaison-room .hebelmaison-cont.nav-01 {
    padding: 30px 0 50px
  }

  .hebelmaison-room .section-content {
    margin-bottom: 20px
  }

  .hebelmaison-room .hebelmaison-cont .for_pc {
    display: none
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3.gallerys .col {
    width: 100%
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3.gallerys .col img {
    display: block;
    margin: 0 auto 10px
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 {
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .col {
    width: 50%;
    float: left;
    padding: 0 5px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .col .cap {
    color: #333333;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1.2;
    padding: 0
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .col .fig {
    margin-bottom: 8px;
    display: block
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .col .fig.for_pc {
    display: none
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .col.desc {
    width: 100%;
    float: none;
    padding: 0 20px 10px;
    margin-bottom: 0
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .cont {
    margin-left: 0;
    padding-top: 0
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .cont .galnum {
    margin-bottom: 10px
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .cont .galnum img {
    height: 12px
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .cont .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #333;
    margin-bottom: 20px;
    text-align: left
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .cont p {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
    color: #333;
    padding-right: 0;
    padding-left: 0
  }

  .hebelmaison-room .hebelmaison-cont .row.col-3 .col.w2 {
    width: 100%
  }

  .hebelmaison-room .hebelmaison-cont.sec-00 {
    padding: 0 0 10px
  }

  .hebelmaison-room .hebelmaison-cont.bg-blue {
    background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/room/bg-01.jpg);
    background-position: 50% 0;
    background-size: 700px auto;
    background-repeat: repeat;
    padding: 30px 0 5px
  }

  .hebelmaison-room .hebelmaison-cont.bg-blue .fig {
    -moz-box-shadow: #CFD5E8 3px 3px 0px;
    -webkit-box-shadow: #CFD5E8 3px 3px 0px;
    box-shadow: #CFD5E8 3px 3px 0px
  }

  .hebelmaison-room .hebelmaison-cont.bg-pink {
    background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/room/bg-02.jpg);
    background-size: 700px auto;
    background-position: 50% 0;
    background-repeat: repeat;
    padding: 30px 0 5px
  }

  .hebelmaison-room .hebelmaison-cont.bg-pink .fig {
    -moz-box-shadow: #EBD7E6 3px 3px 0px;
    -webkit-box-shadow: #EBD7E6 3px 3px 0px;
    box-shadow: #EBD7E6 3px 3px 0px
  }

  .hebelmaison-room .slider {
    position: relative
  }

  .hebelmaison-room .slider .swiper-button-prev,.hebelmaison-room .slider .swiper-button-next {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 30px 60px;
    width: 60px;
    height: 120px;
    margin-top: -60px
  }

  .hebelmaison-room .slider .swiper-button-next {
    background-position: 100% 50%
  }

  .hebelmaison-room .hebelmaison-cont.sec-01 {
    padding-bottom: 20px
  }

  .hebelmaison-room .hebelmaison-cont.sec-01 .section-header {
    margin-bottom: 10px
  }

  .hebelmaison-room .hebelmaison-cont.sec-01 .galnum {
    margin-bottom: 10px
  }

  .hebelmaison-room .hebelmaison-cont.sec-01 .galnum img {
    height: 12px
  }

  .hebelmaison-room .hebelmaison-cont.sec-01 .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #333;
    margin-bottom: 0px;
    text-align: center
  }

  .hebelmaison-room .hebelmaison-cont.sec-01 p {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2;
    color: #333;
    padding-right: 0;
    padding-left: 0
  }

  .hebelmaison-room .hebelmaison-cont.sec-02 .row.col-3 .col.w2 {
    width: 100%;
    margin-right: 0
  }

  .hebelmaison-room .hebelmaison-cont.sec-02 .row.col-3 .col.desc {
    padding: 0 10px
  }

  .hebelmaison-room .hebelmaison-cont.sec-02 .row.col-3 .col .cont {
    margin-left: 0px;
    padding-top: 10px
  }

  .hebelmaison-room .hebelmaison-cont.sec-03 .row.col-3 .col.desc,.hebelmaison-room .hebelmaison-cont.sec-04 .row.col-3 .col.desc {
    padding: 0 10px
  }

  .hebelmaison-room .hebelmaison-cont.sec-03 .row.col-3 .cont,.hebelmaison-room .hebelmaison-cont.sec-04 .row.col-3 .cont {
    margin-left: 0;
    padding-top: 10px
  }

  .atlas .atlas-cont.sec-01 {
    padding-top: 30px
  }

  .atlas .atlas-cont.sec-03 {
    padding-bottom: 20px
  }

  .atlas .atlas-cont.sec-04 {
    padding-bottom: 20px
  }

  .atlas .atlas-cont {
    min-height: auto;
    padding: 20px 0 10px
  }

  .atlas .atlas-cont .box {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .atlas .sec-slider {
    background-size: 700px auto;
    padding-top: 20px
  }

  .atlas .sec-slider .slider {
    position: relative
  }

  .atlas .sec-slider .slider .swiper-button-prev,.atlas .sec-slider .slider .swiper-button-next {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 30px 60px;
    width: 60px;
    height: 120px;
    margin-top: -60px
  }

  .atlas .sec-slider .slider .swiper-button-next {
    background-position: 100% 50%
  }
}

@media screen and (max-width: 739px) {
  .contents.page.tenant .section-kv.sp-withimg .inner .ttl .for_sp {
    margin-top:10px
  }

  .contents.page.tenant .section img.fr {
    margin-bottom: 20px;
    float: none;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block
  }

  .contents.page.tenant .section .padr00 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr10 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr20 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr30 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr40 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr50 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr60 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr70 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr80 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr90 {
    padding-right: 0
  }

  .contents.page.tenant .section .padr100 {
    padding-right: 0
  }

  .contents.page.tenant .section .marl00 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl10 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl20 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl30 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl40 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl50 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl60 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl70 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl80 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl90 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section .marl100 {
    margin-left: auto;
    margin-right: auto
  }

  .contents.page.tenant .section-kv.sp-withimg {
    height: auto
  }

  .contents.page.tenant .section-kv.sp-withimg .inner {
    display: block;
    height: auto;
    padding: 20px 0 10px
  }

  .contents.page.tenant .section-kv.sp-withimg .inner .ttl {
    display: block;
    height: auto !important;
    margin-bottom: 15px;
    width: 100% !important
  }

  .contents.page.tenant .section-kv.sp-withimg .inner .ttl img.for_sp {
    height: 36px;
    width: auto
  }

  .contents.page.tenant .section-kv.sp-withimg .inner .ttl span.for_sp {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
    text-align: center;
    display: block;
    height: auto
  }

  .contents.page.tenant .tenant-sumikae-cont {
    padding: 20px 0 10px
  }

  .contents.page.tenant .tenant-sumikae-cont .section-header .section_title .bar {
    display: none
  }

  .contents.page.tenant .tenant-sumikae-cont .section-header .subtxt {
    margin-top: 20px;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #000;
    padding: 0 10px
  }

  .contents.page.tenant .tenant-sumikae-cont .section-content {
    padding-top: 0
  }

  .contents.page.tenant .tenant-sumikae-cont .section-content p.bb {
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    padding: 0 10px
  }

  .contents.page.tenant .tenant-sumikae-cont .section-content p.note {
    font-weight: normal;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    padding: 0 10px
  }

  .contents.page.tenant .tenant-sumikae-cont .minus-fig {
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center
  }

  .contents.page.tenant .tenant-sumikae-cont .minus-fig img {
    width: 320px;
    margin: 15px auto
  }

  .contents.page.tenant .tenant-sumikae-cont.cont-02 .txt {
    margin-top: 10px;
    margin-bottom: 10px
  }

  .contents.page.tenant .tenant-sumikae-cont.cont-02 img.for_sp {
    width: 320px;
    margin: 0 auto
  }

  .contents.page.tenant .tenant-sumikae-cont.cont-02 .note {
    font-size: 1.1rem;
    line-height: 1.6;
    padding: 0 20px
  }

  .contents.page.tenant .area-info {
    padding-bottom: 10px
  }

  .contents.page.tenant .area-info .area-inner {
    text-align: center;
    position: relative;
    padding: 20px 0 25px;
    margin-bottom: 0;
    width: 100%;
    background-color: #fff
  }

  .contents.page.tenant .area-info .area-inner .section-header {
    margin: 0;
    padding: 20px 0 10px;
    background-color: #eee
  }

  .contents.page.tenant .area-info .area-inner .section-header .section_title {
    margin-bottom: 0
  }

  .contents.page.tenant .area-info .area-inner .section-header .section_title img.for_sp {
    height: 30px;
    width: auto
  }

  .contents.page.tenant .area-info .area-inner .section_title {
    margin: 0 0 30px
  }

  .contents.page.tenant .area-info .area-inner .section_title img.for_sp {
    height: 19px;
    display: block;
    margin: 0 auto
  }

  .contents.page.tenant .area-info .area-inner .section_title .bar {
    display: block;
    height: 1px;
    border-top: 1px solid #000
  }

  .contents.page.tenant .area-info .area-inner .search-type {
    position: relative;
    z-index: 10;
    width: 100%;
    margin: 10px auto 0
  }

  .contents.page.tenant .area-info .area-inner .search-type ul li {
    width: 50%;
    margin: 0;
    padding: 0 2px 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.tenant .area-info .area-inner .search-type ul li:last-child {
    padding: 0 5px 0 2px
  }

  .contents.page.tenant .area-info .area-inner .subtext {
    padding: 0 10px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #000
  }

  .contents.page.tenant .area-info .area-inner .subtext .cityname {
    color: #1E217F;
    display: inline
  }

  .contents.page.tenant .area-info .area-inner .subtext span {
    display: block
  }

  .contents.page.tenant .area-info .area-inner:after {
    display: none
  }

  .contents.page.tenant .tenant-faq-cont .section-content .box .inner {
    padding-left: 0;
    padding-right: 0
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl {
    margin-bottom: 20px
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl dt a.trg-toggle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 15px 15px 15px 45px;
    display: block;
    text-decoration: none;
    background-image: url(/hebel-rooms/common_v2/img/sp/tenant/faq/ic-q.jpg);
    background-size: 25px 25px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl dt a.trg-toggle .ar-b {
    background-image: url(/hebel-rooms/common_v2/img/sp/tenant/faq/ic-arrow-wt.png);
    background-position: 100% 50%;
    background-size: 15px auto;
    background-repeat: no-repeat;
    display: block;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    padding: 0 23px 0 0
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl dt a.trg-toggle:hover {
    filter: alpha(opactiy=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl dt a.c .ar-b {
    background-image: url(/hebel-rooms/common_v2/img/sp/tenant/faq/ic-arrow-wb.png)
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl dd {
    background-image: url(/hebel-rooms/common_v2/img/sp/tenant/faq/ic-a.jpg);
    background-size: 25px 25px;
    background-position: 10px 15px;
    background-repeat: no-repeat;
    padding: 16px 10px 10px 45px;
    display: none
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl dd p,.contents.page.tenant .tenant-faq-cont .section-content .tgl dd a {
    font-size: 12px;
    font-size: 1.2rem
  }

  .contents.page.tenant .tenant-faq-cont .section-content .tgl dd.on {
    display: block
  }

  .contents.page.tenant-index .section.tenant-index-cont.sec-01 .section-content {
    width: 100%;
    margin-bottom: 30px
  }

  .contents.page.tenant-index .section.tenant-index-cont.sec-01 .section-content .row {
    max-width: 100%
  }

  .contents.page.tenant-index .section.tenant-index-cont.sec-01 .section-content .row .col {
    margin-bottom: 20px
  }

  .contents.page.tenant-index .section.tenant-index-cont.sec-01 .section-content .row .col .ttl {
    font-weight: bold
  }

  .contents.page.tenant-index .sec-03 p img {
    margin: 0 auto 40px
  }

  .contents.page.tenant-index .section.tenant-index-cont {
    padding: 30px 0 10px;
    margin-bottom: 20px
  }

  .contents.page.tenant-index .section.tenant-index-cont .row.col-4 .col {
    padding: 0 5px
  }

  .contents.page.tenant-index .ttl {
    font-weight: normal
  }

  .contents.page.tenant-index .col-2 .col {
    margin-bottom: 20px
  }

  .contents.page.tenant-index .col-2 .col a {
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
  }

  .contents.page.tenant-index .col-2 .col a:hover,.contents.page.tenant-index .col-2 .col a:active,.contents.page.tenant-index .col-2 .col a:focus {
    filter: alpha(opactiy=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
  }

  .contents.page.tenant-index .sec-02 .fig {
    margin-bottom: 20px
  }

  .contents.page.tenant-index .sec-02 p {
    width: auto;
    padding: 0 20px
  }

  .contents.page.tenant-index .sec-02 .btn {
    width: auto;
    margin-bottom: 30px;
    margin: 0 20px 20px
  }

  .contents.page.tenant-koushin p.pt20 {
    padding-top: 20px
  }

  .contents.page.tenant-koushin .btn-koushin {
    margin-top: 20px;
    margin-bottom: 40px
  }

  .contents.page.tenant.tenant-oteire .section img.for_pc {
    display: none
  }

  .contents.page.tenant.tenant-oteire .section img.for_sp {
    max-width: 100%
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .inner .col-2,.contents.page.tenant-oteire .cont-washingmachine .inner .col-2 {
    padding: 0 0px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .inner .col-2 p,.contents.page.tenant-oteire .cont-washingmachine .inner .col-2 p {
    text-align: center;
    margin-top: 20px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .inner .col-2 .thumbwrap,.contents.page.tenant-oteire .cont-washingmachine .inner .col-2 .thumbwrap {
    border: 1px solid #ddd;
    display: block;
    padding: 10px 20px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap {
    border: 1px solid #ddd;
    padding: 30px 30px 10px;
    position: relative
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide {
    text-align: center;
    margin-bottom: 20px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide img,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide img {
    margin-bottom: 15px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide .capt,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide .capt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: left
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-slide .point,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-slide .point {
    margin-top: 10px;
    display: block;
    color: #EA5F8C
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-button-prev,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-button-prev {
    left: 3px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-button-next,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-button-next {
    right: 3px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-button-prev,.contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-button-next,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-button-prev,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-button-next {
    background-size: auto 22px
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .slider-wrap .swiper-pagination-bullet-active,.contents.page.tenant-oteire .cont-washingmachine .slider-wrap .swiper-pagination-bullet-active {
    background: #1C0E0D
  }

  .contents.page.tenant-gonyukyo .cont-washingmachine .step-other p,.contents.page.tenant-oteire .cont-washingmachine .step-other p {
    margin-bottom: 10px
  }
}

@media screen and (max-width: 739px) {
  .contents.page.magazine-style.tvcm .tvcm-cont {
    background-color:transparent;
    position: relative
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-head {
    text-align: center;
    margin-bottom: 40px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-head .ttl {
    margin-bottom: 25px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-head .ttl img {
    width: 213px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-head .desc {
    text-align: center
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont-ttl {
    text-align: center
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont-ttl .ttl {
    margin-bottom: 15px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont-ttl .ttl img {
    height: 20px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont-ttl .desc {
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #000;
    text-align: center
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont-ttl:before {
    content: "";
    display: block;
    height: 2px;
    width: 80%;
    background-color: #000;
    margin: 10px auto 35px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont {
    position: relative;
    margin-bottom: 25px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .inner {
    width: 100%;
    margin: 0 auto;
    background-image: none;
    text-align: center;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .ttl {
    margin-bottom: 15px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .ttl img {
    height: 20px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .desc {
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #000
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .centering-list ul,.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .centering-list ul.col-2 {
    padding: 0 5px;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .centering-list ul li,.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .centering-list ul.col-2 li {
    margin-right: 0;
    padding: 0 5px;
    left: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .centering-list ul li:last-child,.contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .centering-list ul.col-2 li:last-child {
    margin-right: 0
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .centering-list ul.col-1 li {
    width: 100%
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .btn {
    background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/bg-b-transparent.png);
    background-repeat: repeat;
    background-color: transparent;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #fff;
    padding: 10px 15px 10px 15px;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .info-box .btn span {
    background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-white-2.png);
    background-size: 6px auto !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: block;
    padding-right: 15px;
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .section-content .cont .tvcmlink {
    text-align: center
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .cont {
    margin-bottom: 80px;
    position: relative
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .cont:after {
    content: "";
    display: block;
    position: absolute;
    top: -16px;
    left: 8px;
    background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/ic-tvcm.png);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
    height: 70px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .cont-02:after {
    background-image: url(/hebel-rooms/common_v2/img/magazine/tvcm/ic-movie.png)
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .num-area {
    display: none
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .rooms-img {
    margin: 10px auto 60px;
    text-align: center
  }

  .contents.page.magazine-style.tvcm .tvcm-cont .rooms-img img {
    width: 140px
  }

  .contents.page.magazine-style.tvcm .tvcm-cont:before,.contents.page.magazine-style.tvcm .tvcm-cont:after {
    display: none
  }

  .contents.page.magazine-style {
    margin-top: 45px;
    padding-top: 0;
    border-top: 6px solid #000;
    background-image: none;
    padding-bottom: 0
  }

  .contents.page.magazine-style .rs-inner {
    margin-top: 2px;
    border-top: 1px solid #000;
    position: relative;
    background-image: url(/hebel-rooms/common_v2/img/magazine/index/bg1.png);
    background-position: 50% -70px;
    background-repeat: no-repeat;
    background-color: #fff
  }

  .contents.page.magazine-style .rs-inner .ms-cont {
    position: relative;
    z-index: 1
  }

  .contents.page.magazine-style .rs-inner .ms-cont .section-content {
    z-index: 100;
    position: relative
  }

  .contents.page.magazine-style .rs-inner .ms-cont:before,.contents.page.magazine-style .rs-inner .ms-cont:after {
    display: none
  }

  .contents.page.magazine-style .rs-inner.withbtm:after {
    display: none
  }

  .contents.page.magazine-style .ms-cont {
    background-color: transparent
  }

  .contents.page.magazine-style .ms-cont .section-head {
    text-align: center;
    margin-bottom: 40px
  }

  .contents.page.magazine-style .ms-cont .section-head .ttl {
    margin-bottom: 25px
  }

  .contents.page.magazine-style .ms-cont .section-head .ttl img {
    width: 184px
  }

  .contents.page.magazine-style .ms-cont .section-head .desc {
    text-align: center
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col {
    float: none;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
    min-height: 0
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col .cont {
    padding: 25px 0
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col .cont .ttl {
    text-align: center;
    margin-bottom: 15px
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col .cont .ttl img {
    height: 20px
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col .cont .desc {
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #000
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col a {
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    transition: opacity .1s linear
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col a:hover,.contents.page.magazine-style .ms-cont .row.col-2 .col a:active,.contents.page.magazine-style .ms-cont .row.col-2 .col a:focus {
    filter: alpha(opactiy=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .col:last-child {
    margin-right: 0
  }

  .contents.page.magazine-style .ms-cont .row.col-2 .n01:after {
    content: "";
    display: block;
    height: 2px;
    width: 80%;
    background-color: #000;
    margin: 10px auto 40px
  }

  .contents.page.magazine-style .ms-cont .num-area {
    display: block;
    height: 20px;
    width: 100%;
    background-image: url(/hebel-rooms/common_v2/img/sp/magazine/index/cont-01.png);
    background-size: auto 20px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    margin-bottom: 8px
  }

  .contents.page.magazine-style .ms-cont .n02 .num-area {
    /* background-image: url(/hebel-rooms/common_v2/img/sp/magazine/index/cont-02.png) */
    background-image: url(/hebel-rooms/common_v2/img/sp/magazine/index/cont-01-maison.png)
  }

  .contents.page.magazine-style .ms-cont .rooms-img {
    margin: 10px auto 60px;
    text-align: center
  }

  .contents.page.magazine-style .ms-cont .rooms-img img {
    width: 120px
  }

  .contents.page.rooms-style.rooms-post {
    padding-top: 35px
  }

  .contents.page.rooms-style {
    padding-top: 0
  }

  .contents.page.rooms-style .rs-inner {
    background-image: none;
    background-color: #fff;
    position: relative
  }

  .contents.page.rooms-style .rs-inner.withbtm:after {
    display: none
  }

  .contents.page.rooms-style .rs-inner:after {
    display: none
  }

  .contents.page.rooms-style .breadcrumb_wrap {
    background: none
  }

  .contents.page.rooms-style .breadcrumb.foot {
    margin-top: 15px
  }

  .contents.page.rooms-style .section-kv-rs {
    text-align: center;
    height: auto;
    margin-bottom: 30px
  }

  .contents.page.rooms-style .rs-index-cont {
    position: relative;
    background: none;
    padding-top: 0
  }

  .contents.page.rooms-style .rs-index-cont .row {
    height: auto;
    padding-top: 0
  }

  .contents.page.rooms-style .rs-index-cont .row .col {
    padding: 0 10px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.rooms-style .rs-index-cont .row.col-2 .col {
    width: 100%;
    margin-right: 0;
    float: none;
    padding: 0 10px
  }

  .contents.page.rooms-style .rs-index-cont .row.col-3 .col {
    width: 100%;
    margin-right: 0;
    float: none;
    padding: 0 10px
  }

  .contents.page.rooms-style .section-kv-rs-mag .inner {
    width: 100%;
    margin: 10px auto 40px
  }

  .contents.page.rooms-style .section-kv-rs-mag .fig {
    width: 100%;
    margin-right: 50px;
    float: none
  }

  .contents.page.rooms-style .section-kv-rs-mag .ttl {
    width: 100%;
    float: none;
    text-align: center;
    padding-top: 30px
  }

  .contents.page.rooms-style .section-kv-rs-mag .ttl img {
    height: 275px;
    width: auto
  }

  .contents.page.rooms-style .rs-cont-lead {
    padding: 20px 0 20px;
    background: none
  }

  .contents.page.rooms-style .rs-cont-lead .row.col-2 .col {
    width: 100%;
    margin-right: 0;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none
  }

  .contents.page.rooms-style .rs-cont-lead .row.col-2 .col .pnt {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #AAAAAA
  }

  .contents.page.rooms-style .rs-cont-lead .row.col-2 .col .pnt .ttl {
    margin-bottom: 15px;
    padding: 0
  }

  .contents.page.rooms-style .rs-cont-lead .row.col-2 .col .pnt .par {
    font-size: 1.2rem;
    line-height: 2;
    color: #000;
    margin-bottom: 0;
    padding: 0
  }

  .contents.page.rooms-style .rs-cont-lead .row.col-2 .col.fig {
    width: 100%;
    padding: 0 35px;
    margin-bottom: 35px;
    margin-right: 0;
    float: none
  }

  .contents.page.rooms-style .rs-cont {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none
  }

  .contents.page.rooms-style .rs-cont .section-header {
    width: 100%
  }

  .contents.page.rooms-style .rs-cont .section-header .h2ic {
    display: none
  }

  .contents.page.rooms-style .rs-cont .section-content .desc {
    width: 100%;
    margin: 15px auto 15px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.rooms-style .rs-cont .moreinfo {
    width: 100%
  }

  .contents.page.rooms-style .rs-cont .moreinfo .col {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0 10px;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.rooms-style .rs-cont .moreinfo .col .fig {
    margin-bottom: 0
  }

  .contents.page.rooms-style .rs-cont .moreinfo .col:last-child {
    margin-right: 0;
    padding: 0 10px
  }

  .contents.page.rooms-style .rs-cont .three-other-point {
    width: 100%;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.rooms-style .rs-cont .three-other-point .col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0
  }

  .contents.page.rooms-style .rs-cont .three-other-point .col .fig {
    margin-bottom: 15px
  }

  .contents.page.rooms-style .rs-cont .three-other-point .col .capt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    font-weight: bold;
    text-align: center
  }

  .contents.page.rooms-style .rs-cont .three-other-point .col:last-child {
    margin-right: 0;
    padding: 0
  }

  .contents.page.rooms-style .rs-cont .bnr-area-common {
    width: 100%;
    margin: 20px auto 0
  }

  .contents.page.rooms-style .rs-cont .bnr-area-common ul li {
    float: none
  }

  .contents.page.rooms-style .rs-cont .bnr-area {
    width: 100%;
    margin: 20px auto 0;
    padding-bottom: 40px
  }

  .contents.page.rooms-style .rs-cont .bnr-area ul li {
    margin-bottom: 20px
  }

  .contents.page.rooms-style .rs-cont .desc-area {
    position: relative
  }

  .contents.page.rooms-style .rs-cont .desc-area .tbl {
    position: absolute;
    left: -10px;
    top: -60px;
    background-image: url(/hebel-rooms/common_v2/img/magazine/style/001_security/bg-w-op.png);
    background-repeat: repeat;
    display: table;
    height: 70px;
    width: 70px
  }

  .contents.page.rooms-style .rs-cont .desc-area .tbl .ttl {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1.0rem;
    line-height: 1.2;
    color: #000
  }

  .contents.page.rooms-style .rs-cont .desc-area .par {
    margin-top: 20px;
    float: none;
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    padding: 0
  }

  .contents.page.rooms-style .withbg-2 {
    background-image: url(/hebel-rooms/common_v2/img/sp/magazine/style/bg-2.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 800px auto
  }

  .contents.page.rooms-style .withbg-3 {
    background-image: url(/hebel-rooms/common_v2/img/sp/magazine/style/bg-3.png);
    background-position: 50% 40px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100% auto
  }

  .contents.page.rooms-post .rs-inner {
    background-image: url(/hebel-rooms/common_v2/img/sp/magazine/style/bg.png);
    background-position: 50% 360px;
    background-size: 100% auto;
    background-repeat: no-repeat
  }
}

@media screen and (max-width: 739px) {
  .contents.page.flow .flow-contents .section-nav {
    width:100%;
    margin: 0 auto 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li:last-child {
    width: 100%
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li:last-child a:after {
    display: none
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li a {
    background-color: #011B5C;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff;
    text-align: left;
    height: auto;
    width: 100%;
    padding: 22px 0;
    position: relative;
    background-image: url(/hebel-rooms/common_v2/img/flow/ic-01.png);
    background-size: 52px auto;
    background-position: 98% 50%;
    background-repeat: no-repeat
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li a .num {
    display: inline;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 10px
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li .stp02 {
    background-image: url(/hebel-rooms/common_v2/img/flow/ic-02.png)
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li .stp03 {
    background-image: url(/hebel-rooms/common_v2/img/flow/ic-03.png)
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li .stp04 {
    background-image: url(/hebel-rooms/common_v2/img/flow/ic-04.png)
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li .stp05 {
    background-image: url(/hebel-rooms/common_v2/img/flow/ic-05.png)
  }

  .contents.page.flow .flow-contents .section-nav ul.flows li .stp06 {
    background-image: url(/hebel-rooms/common_v2/img/flow/ic-06.png)
  }

  .contents.page.flow .flow-contents .section-nav ul.flows a:after {
    border-top-width: 20px;
    border-right-width: 20px;
    border-bottom-width: 0;
    border-left-width: 20px;
    border-color: #011B5C transparent;
    border-style: solid;
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -10px;
    content: "";
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  .contents.page.flow .flow-contents .section_title .num {
    margin-right: 10px
  }

  .contents.page.flow .flow-contents .section-content p {
    padding: 0
  }

  .contents.page.flow .flow-contents .section-content .note {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.4
  }

  .contents.page.flow .flow-contents .section-content .ttl {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
    text-align: center
  }

  .contents.page.flow .flow-contents .section-content .desc {
    text-align: left;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4
  }

  .contents.page.flow .flow-contents .section-content .boxcnt {
    border: 2px solid #CCCCCC;
    padding: 20px 20px 10px;
    margin: 30px 0 20px
  }

  .contents.page.flow .flow-contents .section-content .boxcnt p {
    padding: 0
  }

  .contents.page.flow .flow-contents .section-content .boxcnt .ttl {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    font-weight: bold;
    text-align: left
  }

  .contents.page.flow .flow-contents .section-content .boxcnt .bb {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4;
    color: #000;
    margin-bottom: 5px;
    font-weight: bold
  }

  .contents.page.flow .flow-contents .section-content .boxcnt ul {
    margin-bottom: 20px
  }

  .contents.page.flow .flow-contents .section-content .boxcnt ul li {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    color: #000;
    float: none;
    text-align: left
  }

  .contents.page.flow .flow-contents .section-content:after {
    content: "";
    display: block;
    background-image: url(/hebel-rooms/common_v2/img/flow/arr-b.jpg);
    background-size: 50px auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 50px;
    height: 20px;
    margin: 20px auto 20px
  }

  .contents.page.flow .flow-contents .section-content:last-child:after {
    display: none
  }
}

@media screen and (max-width: 739px) {
  .page.contents.feature-petkyousei {
    position:relative;
    padding: 0 0 20px
  }

  .page.contents.feature-petkyousei .breadcrumb_wrap {
    position: absolute;
    top: 0;
    left: 0
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .nav-area {
    display: none
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area {
    background-image: none;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont.on {
    display: block
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont {
    position: relative;
    display: block
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .ttl {
    display: none
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #fff;
    display: block;
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/ic-search.jpg);
    background-size: 26px auto;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    padding: 15px 0 15px 46px;
    background-color: #392727;
    position: relative;
    border-bottom: 1px solid #fff
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl a .ic-cross {
    position: absolute;
    content: "";
    top: 50%;
    right: 10px
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl a .ic-cross:after,.page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl a .ic-cross:before {
    cursor: pointer;
    height: 1px;
    width: 16px;
    background-color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    content: '';
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl a .ic-cross:before {
    -webkit-transform: rotate(90deg);
    top: 0px
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl a.active .ic-cross:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl a.active .ic-cross:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl .all-rooms {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    color: #8EC344;
    padding: 8px 0 8px 46px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl .all-rooms img {
    display: block;
    height: 16px
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .sp_ttl .all-rooms .ic {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/ic-link.jpg);
    background-size: 20px auto;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    width: 100%;
    display: block
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .links {
    position: relative;
    width: 100%;
    height: auto;
    display: none
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .links li {
    float: none;
    position: relative
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .links li a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #392727;
    display: block;
    border-bottom: 1px solid #fff;
    background-color: #F2ECEC;
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .links li a span {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/ic-arrow-foot.png);
    background-size: 8px auto;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: block
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .cont .links li a span .sub {
    background: none;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    color: #000;
    display: block
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .new-area .ic {
    position: relative
  }

  .page.contents.feature-petkyousei .petkyousei-contents .searchmap-wannyan .map-area .new-area .ic-new {
    background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/ic-new.png);
    background-size: 26px auto;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: block;
    width: 26px;
    height: 30px;
    margin-left: 10px;
    float: left
  }

  .page.contents.feature-petkyousei .section-header {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section-header .subtext {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .page.contents.feature-petkyousei .sec-01 {
    background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec01.jpg);
    background-repeat: repeat-x;
    background-size: 28px auto;
    padding: 50px 0 15px;
    position: relative
  }

  .page.contents.feature-petkyousei .sec-01 .section-header {
    margin-bottom: 0
  }

  .page.contents.feature-petkyousei .sec-01 .section-content .col {
    float: none;
    text-align: center
  }

  .page.contents.feature-petkyousei .sec-01 .search-link-by-area {
    padding: 0 0 0;
    position: relative;
    z-index: 1;
    background-color: transparent
  }

  .page.contents.feature-petkyousei .sec-01 .search-link-by-area .btn-toggle {
    display: block;
    margin: 0 auto;
    width: 100%
  }

  .page.contents.feature-petkyousei .sec-01:after {
    content: "";
    display: block;
    width: 100%;
    background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/bg-sec01-2.jpg);
    background-size: 28px auto;
    background-repeat: repeat-x;
    bottom: 0;
    left: 0;
    height: 40px;
    position: absolute
  }

  .page.contents.feature-petkyousei .sec-02 {
    background-color: #F3F3F3;
    padding: 50px 0 0
  }

  .page.contents.feature-petkyousei .sec-02 .section-content {
    width: 100%;
    margin-bottom: 0
  }

  .page.contents.feature-petkyousei .sec-03 {
    background-color: #F3F3F3;
    padding: 50px 0 0
  }

  .page.contents.feature-petkyousei .sec-04 .section-content {
    width: 100%;
    margin-bottom: 0
  }

  .page.contents.feature-petkyousei .sec-05 {
    width: 100%;
    padding: 40px 0;
    background-image: url(/hebel-rooms/common_v2/img/index/bg-recommend.jpg);
    background-position: 0% 0%;
    background-repeat: repeat
  }

  .page.contents.feature-petkyousei .sec-06 {
    position: relative;
    padding: 0
  }

  .page.contents.feature-petkyousei .sec-06 .section-header {
    display: none
  }

  .page.contents.feature-petkyousei .sec-06 .section-content {
    width: 100%;
    margin: 0 auto 20px;
    background-color: #EEEEEE;
    padding: 0 0 40px
  }

  .page.contents.feature-petkyousei .sec-06:after {
    display: none
  }

  .page.contents.feature-petkyousei .three-reasons ul .li-01 {
    background-image: none
  }

  .page.contents.feature-petkyousei .three-reasons ul .li-02 {
    background-image: none
  }

  .page.contents.feature-petkyousei .three-reasons ul .li-03 {
    background-image: none
  }

  .page.contents.feature-petkyousei .special-utilities {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .special-utilities li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
    padding-top: 15px;
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/bg-h-special-utilities.png);
    background-size: 100% auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .special-utilities li .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #17173E;
    padding: 0 10px
  }

  .page.contents.feature-petkyousei .special-utilities li p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    color: #000;
    padding: 0 10px
  }

  .page.contents.feature-petkyousei .special-utilities li .fig {
    width: 100%;
    margin: 0 auto
  }

  .page.contents.feature-petkyousei .special-utilities li.last-child {
    width: 100%;
    margin-right: 0
  }

  .page.contents.feature-petkyousei .special-utilities li.li-03:after {
    content: "";
    display: block;
    background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/util-03-after.png);
    background-size: auto 124px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 103px;
    height: 124px;
    bottom: -15px;
    left: 26%;
    position: absolute
  }

  .page.contents.feature-petkyousei .special-utilities li.li-06:before {
    display: none
  }

  .page.contents.feature-petkyousei .special-utilities li.li-08 {
    width: 100%;
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/bg-h-special-utilities.png)
  }

  .page.contents.feature-petkyousei .four-support {
    width: 100%;
    background-color: #F3F3F3
  }

  .page.contents.feature-petkyousei .four-support ul li {
    float: none;
    display: block;
    padding: 15px 0 0
  }

  .page.contents.feature-petkyousei .four-support ul li .inner {
    width: 100%;
    margin: 0 auto;
    display: block
  }

  .page.contents.feature-petkyousei .four-support ul li .inner .for_sp {
    display: block
  }

  .page.contents.feature-petkyousei .four-support ul li .inner .for_pc {
    display: none
  }

  .page.contents.feature-petkyousei .four-support ul li .hdng {
    width: 100%;
    text-align: center;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle
  }

  .page.contents.feature-petkyousei .four-support ul li .hdng .for_sp {
    height: 120px;
    width: auto;
    display: block;
    margin: 0 auto 5px
  }

  .page.contents.feature-petkyousei .four-support ul li .figarea {
    width: 100%;
    display: block;
    padding: 0
  }

  .page.contents.feature-petkyousei .four-support ul li.li-01 {
    background-image: none;
    background-color: #F3F3F3
  }

  .page.contents.feature-petkyousei .four-support ul li.li-02 .figarea {
    padding: 0
  }

  .page.contents.feature-petkyousei .four-support ul li.li-02 .figarea .fig {
    margin-bottom: 0
  }

  .page.contents.feature-petkyousei .four-support ul li.li-02 .hdng .tc {
    margin-bottom: 10px
  }

  .page.contents.feature-petkyousei .four-support ul li.li-02 .hdng .tc img {
    width: 180px;
    display: block;
    margin: 0 auto
  }

  .page.contents.feature-petkyousei .four-support ul li.li-03 {
    background-image: none;
    background-color: #F3F3F3
  }

  .page.contents.feature-petkyousei .voices ul li {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/bg-h-special-utilities.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    float: none;
    background-color: #fff;
    padding: 0 10px 20px;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .voices ul li .hdng {
    position: relative;
    padding: 10px 0 10px;
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/bar-voice.jpg);
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    height: auto
  }

  .page.contents.feature-petkyousei .voices ul li .hdng .ic {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    height: 70px;
    width: auto
  }

  .page.contents.feature-petkyousei .voices ul li .hdng .ic.for_pc {
    display: none
  }

  .page.contents.feature-petkyousei .voices ul li .hdng .living {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #889AD8;
    font-weight: normal;
    margin: 0 0 0 0;
    text-align: center
  }

  .page.contents.feature-petkyousei .voices ul li .hdng .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #17173E;
    margin: 0 0 10px 0;
    font-weight: normal;
    text-align: center
  }

  .page.contents.feature-petkyousei .voices ul li .contarea {
    padding: 30px 10px 0
  }

  .page.contents.feature-petkyousei .voices ul li .contarea .texts {
    float: none;
    width: 100%;
    margin-left: 0
  }

  .page.contents.feature-petkyousei .voices ul li .contarea .texts dl {
    margin-bottom: 10px
  }

  .page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd {
    margin-left: 0
  }

  .page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000
  }

  .page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd .pink {
    color: #D01951
  }

  .page.contents.feature-petkyousei .voices ul li .contarea .texts dl dd .blue {
    color: #194BBF
  }

  .page.contents.feature-petkyousei .voices ul li .contarea .fig {
    float: none;
    width: 100%;
    margin-bottom: 0;
    margin-left: 0
  }

  .page.contents.feature-petkyousei .voices ul li.li-02 .contarea .texts {
    width: 100%;
    margin-left: 0
  }

  .page.contents.feature-petkyousei .voices ul li.li-02 .contarea .fig {
    width: 100%;
    margin-left: 0
  }

  .page.contents.feature-petkyousei .section.search-link-by-area {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZGZkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(0deg, #f4f4f4,#e0dfdd);
    background-image: -webkit-linear-gradient(0deg, #f4f4f4,#e0dfdd);
    background-image: linear-gradient(90deg, #f4f4f4,#e0dfdd);
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .toggle-area {
    padding: 10px 8px;
    margin: 20px 0 0;
    position: relative;
    z-index: 1;
    background: none;
    height: auto;
    background-color: #fff;
    border-top: 1px solid #4b56a3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .toggle-area .section-content {
    padding: 0
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map-block {
    position: relative
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map-block .section_title {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links {
    position: relative
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto li {
    float: left;
    width: 50%;
    display: block;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kanto li a {
    display: block;
    background-color: #5e912b;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    padding: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .map_links .link_kansai {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #fff;
    background-color: #e87122;
    padding: 15px;
    display: block;
    margin: 8px 2px 0;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .toggle-area:before {
    display: none
  }

  .page.contents.feature-petkyousei .section.sec-06.search-link-by-area .toggle-area {
    padding-bottom: 10px;
    margin-bottom: 40px
  }

  .page.contents.feature-petkyousei .section.sec-06.search-link-by-area .toggle-area .section-content {
    padding: 0;
    margin: 0;
    width: 100%
  }

  .page.contents.feature-petkyousei .section.sec-06.search-link-by-area:after {
    display: none
  }

  .page.contents.feature-petkyousei .section.search-link-by-area .toggle-area {
    margin-top: 0
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news {
    width: 100%;
    padding: 50px 0;
    background-image: url(/hebel-rooms/common_v2/img/index/bg-recommend.jpg)
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .section-header .subtext {
    margin-bottom: 20px
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .section-header .linktxt a {
    font-size: 1.2rem
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .section-content {
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/bg-h-special-utilities.png);
    background-size: 100% auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 100%;
    padding: 20px 15px;
    background-color: #fff
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl {
    display: block;
    width: 100%
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .fig-area {
    display: block;
    width: 100%
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area {
    display: block;
    vertical-align: bottom;
    width: 100%;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area .linktxt {
    text-align: center;
    margin-bottom: 0
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area .linktxt a {
    font-size: 1.2rem;
    line-height: 1.6
  }

  .page.contents.feature-petkyousei .section.petkyousei-contents.section-news .box-news-info .tbl .text-area .ttl {
    font-size: 1.4rem;
    margin-bottom: 8px;
    margin-top: 10px
  }
}

.shop-index .section-kv,.shop-shutoken .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/shop/index/kv.jpg)
}

.atlas .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/atlas/index/kv.jpg)
}

.feature-security .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/feature/security/kv.jpg)
}

.feature-shinchiku .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/feature/shinchiku/kv.jpg)
}

.feature-ekichikai .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/feature/ekichikai/kv.jpg)
}

.feature-syunou .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/feature/syunou/kv.jpg)
}

.feature-petkyousei .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/feature/petkyousei/kv.jpg)
}

.feature-tomin .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/feature/tomin/kv.jpg)
}

.features.f-index .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/kv.jpg)
}

.features.service .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/service/kv.jpg)
}

.features.service-management .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/service/management/kv.jpg)
}

.features.service-system .section-kv {
  background-color: #fff;
  background-image: none;
  text-align: center;
  height: 320px
}

.features.service-insurance .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/service/insurance/kv.jpg)
}

.features.service-member .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/kv2.jpg)
}

.hebelmaison.hebelmaison-index .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/index/kv.jpg)
}

.hebelmaison.hebelmaison-facility .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/index/kv.jpg)
}

.hebelmaison.hebelmaison-room .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/features/hebelmaison/index/kv.jpg)
}

.tenant.tenant-index .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/index/kv.jpg)
}

.tenant.tenant-bousai .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/bousai/kv.jpg)
}

.tenant.tenant-gonyukyo .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/gonyukyo/kv.jpg)
}

.tenant.tenant-faq .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/faq/kv.jpg)
}

.tenant.tenant-kaiteki .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/kaiteki/kv.jpg)
}

.tenant.tenant-koushin .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/koushin/kv.jpg)
}

.tenant.tenant-manners .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/manners/kv.jpg)
}

.tenant.tenant-oteire .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/oteire/kv.jpg)
}

.tenant.tenant-sumikae .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/tenant/sumikae/kv.jpg)
}

.flow .section-kv {
  background-image: url(/hebel-rooms/common_v2/img/flow/kv-202.jpg)
}

.flow .section-kv .inner {
  width: 1040px;
  margin: 0 auto
}

.flow .section-kv .inner .ttl {
  left: 50px;
  right: inherit
}

.fig.h320 {
  height: 320px
}

@media screen and (max-width: 739px) {
  .fig.h320 {
    height:auto
  }

  .section-kv {
    background-size: 100% auto;
    background-position: 50% 50%
  }

  .feature-security .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/security/kv.jpg)
  }

  .feature-security .section-kv .inner .ttl {
    max-width: 100%;
    text-align: center
  }

  .feature-security .section-kv .inner .ttl img {
    width: 200px
  }

  .page.contents.feature-syunou .section-kv {
    background-size: auto 100%
  }

  .page.contents.feature-ekichikai .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/ekichikai/kv.jpg);
    background-size: 100% auto;
    background-position: 50% 100%
  }

  .page.contents.feature-ekichikai .section-kv .inner .ttl .for_sp {
    height: 142px
  }

  .page.contents.feature-shinchiku .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/shinchiku/kv.jpg)
  }

  .page.contents.features.f-index .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/features/kv.jpg)
  }

  .feature-petkyousei .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/petkyousei/kv.png)
  }

  .feature-tomin .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/feature/tomin/kv.jpg)
  }

  .features.service .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/features/service/kv.jpg)
  }

  .page.contents.features.service-management .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/features/service/management/kv.jpg)
  }

  .page.contents.features.service-management .section-kv .inner .ttl .for_sp {
    height: 225px
  }

  .features.service-system .section-kv {
    height: auto;
    padding-top: 0px
  }

  .page.contents.features.service-insurance .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/features/service/insurance/kv.jpg)
  }

  .page.contents.features.service-insurance .section-kv .inner .ttl .for_sp {
    height: 200px
  }

  .page.contents.features.service-member .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/features/service/member/v2/sp-kv2.jpg)
  }

  .page.contents.features.service-member .section-kv .inner .ttl .for_sp {
    height: 170px
  }

  .page.contents.hebelmaison.hebelmaison-index .section-kv,.page.contents.hebelmaison.hebelmaison-facility .section-kv,.page.contents.hebelmaison.hebelmaison-room .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/features/hebelmaison/index/kv.jpg)
  }

  .page.contents.hebelmaison.hebelmaison-index .section-kv .inner .ttl .for_sp,.page.contents.hebelmaison.hebelmaison-facility .section-kv .inner .ttl .for_sp,.page.contents.hebelmaison.hebelmaison-room .section-kv .inner .ttl .for_sp {
    height: 101px
  }

  .page.contents.sp_useimgh1.tenant-index .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/tenant/index/kv.jpg)
  }

  .page.contents.sp_useimgh1.tenant-index .section-kv .inner .ttl .for_sp {
    height: 142px
  }

  .page.contents.sp_useimgh1.tenant-bousai .section-kv,.page.contents.sp_useimgh1.tenant-gonyukyo .section-kv,.page.contents.sp_useimgh1.tenant-faq .section-kv,.page.contents.sp_useimgh1.tenant-kaiteki .section-kv,.page.contents.sp_useimgh1.tenant-koushin .section-kv,.page.contents.sp_useimgh1.tenant-manners .section-kv,.page.contents.sp_useimgh1.tenant-oteire .section-kv,.page.contents.sp_useimgh1.tenant-sumikae .section-kv {
    background-image: none
  }

  .page.contents.sp_useimgh1.flow .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/flow/kv-202.jpg);
    padding-top: 185px;
    height: 228px
  }

  .page.contents.sp_useimgh1.flow .section-kv .inner {
    width: 100%
  }

  .page.contents.sp_useimgh1.flow .section-kv .inner .ttl {
    left: 0
  }

  .page.contents.sp_useimgh1.flow .section-kv .inner .ttl .for_sp {
    height: 180px
  }

  .page.contents.sp_useimgh1.atlas .section-kv {
    background-image: url(/hebel-rooms/common_v2/img/sp/features/atlas/index/kv.jpg)
  }

  .page.contents.sp_useimgh1.atlas .section-kv .inner {
    width: 100%
  }

  .page.contents.sp_useimgh1.atlas .section-kv .inner .ttl {
    left: 0
  }

  .page.contents.sp_useimgh1.atlas .section-kv .inner .ttl .for_sp {
    height: 102px
  }
}


/*--------------------------------------------------------------------------

ADD 2018.08.29

--------------------------------------------------------------------------*/

.service-annotation {
  font-size: 11px;
  letter-spacing: -0.5em;
  line-height: 1;
  color: #333;
  text-align: right;
  padding-bottom: 10px;
}

.service-annotation > .text {
  display: inline-block;
  letter-spacing: 0;
  margin-bottom: 0 !important;
}

.service-annotation:before {
  content: "※";
  letter-spacing: 0;
}

.feature_hard,
.feature_soft{
  width:100%;
  min-width:1040px;
  padding-top:90px;
}
.feature_headline{
  width:500px;
  margin:0 auto;
  margin-bottom:55px;
  padding:13px 140px 10px 0;
  text-align:right;
  font-size:18px;
  font-weight:bold;
  position:relative;
  border:1px solid #e7d1e1;
}
.feature_soft .feature_headline{
  border:1px solid #e4e5f0;
}
.feature_headline:after{
  content:"feature";
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:240px;
  height:calc(100% - 16px);
  background:#e7d1e1;
  padding-top:16px;
  color:#b5a6b0;
  font-weight:bold;
  font-size:14px;
  text-align:center;
}
.feature_soft .feature_headline:after{
  background:#e4e5f0;
  color:#b5a6b0;
}
.feature_lead{
  width:1040px;
  margin:0 auto;
  line-height:1.6;
}
.feature_headline+.feature_lead{
  margin-top:-20px;
  padding-bottom:55px;
}

.features_list{
  width:100%;
  min-width:1040px;
}
.features_list_item{
  float:none;
  padding:45px 0;
}
.feature_hard .features_list_item:nth-child(2n+1){
  background:#f7e8f3;
}
.feature_soft .features_list_item:nth-child(2n+1){
  background:#ebecf8;
}
.features_list_inner{
  width:1040px;
  margin:0 auto;
}



.feature_hard_headline,
.feature_soft_headline{
  text-align:center;
  font-size:20px;
  font-weight:bold;
  position:relative;
  padding-bottom:20px;
  line-height:1.6;
}
.feature_hard_headline small,
.feature_soft_headline small{
  display:block;
  font-size:16px;
  line-height:1.6;
}
.feature_hard_headline:after,
.feature_soft_headline:after{
  content:"";
  display:block;
  position:absolute;
  left:calc(50% - 320px);
  top:100%;
  width:640px;
  height:0;
}
.feature_hard_headline:after{
  border-bottom:1px solid #bf2824;
}
.feature_soft_headline:after{
  border-bottom:1px solid #1c2c7b;
}



.feature_subhead{
  padding-top:20px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
}

.feature_subhead .sp_br {
  display: none;
}

.feature_text_box{
  padding-top:30px;
  line-height:1.6;
}
.feature_image{
  padding-top:30px;
  padding-bottom: 25px;
}

.feature_image .isPC {
  display: block;
}

.feature_image .isSP {
  display: none;
  width: 100%;
}

.feature_btn_annotation{
  text-align:center;
  padding-top:25px;
  margin-bottom:-15px;
}

.feature_detail_link{
  width:150px;
  margin:0 auto;
  padding-top:25px;
}
.feature_detail_link a{
  display:block;
  width:100%;
  padding:10px 0;
  background:#1E2380;
  color:#fff;
  font-size:16px;
  line-height:1.4;
  text-align:center;
  transition:background ease 0.4s;
}
.feature_detail_link a:hover{
  background:#5155a2;
  color:#fff;
  text-decoration:none;
}

.feature_insurance_list{
  width:100%;
  display:flex;
  justify-content:space-between;
  margin-top:35px;
}
.feature_insurance_list li{
  float:none;
  width:245px;
  text-align:center;
  font-size:14px;
}
.feature_insurance_list li img{
  margin-bottom:15px;
}

.features_list_inner .btn {
  width: 380px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #acb4e3;
  background-color: #1a1c43;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #fff;
  padding: 18px 0;
  text-align: center;
}

@media screen and (max-width:739px){
  .service-annotation {
    font-size: 3.75vw;
    line-height: 1.5;
    text-align: left;
    position: relative;
    padding-bottom: 0;
  }

  .service-annotation > .text {
    font-size: 3.75vw !important;
    letter-spacing: 0;
    padding-left: 1em;
  }

  .service-annotation:before {
    content: "※";
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .feature_hard,
  .feature_soft{
    min-width:0;
    padding-top:12vw;
  }
  .feature_headline{
    width:80%;
    margin:0 auto;
    margin-bottom:9vw;
    padding:15vw 0 4vw 0;
    text-align:center;
    font-size:5vw;
  }
  .feature_headline:after{
    width:100%;
    height:8vw;
    padding-top:3vw;
    font-size:4vw;
  }


  .feature_lead{
    width:94%;
  }
  .feature_headline+.feature_lead{
    margin-top:-4vw;
    padding-bottom:6vw;
  }

  .features_list{
    min-width:0;
  }
  .features_list_item{
    float:none;
    padding:5vw 0;
  }
  .features_list_inner{
    width:94%;
  }

  .feature_hard_headline,
  .feature_soft_headline{
    font-size:4.2vw;
    padding-bottom:4vw;
  }
  .feature_hard_headline small,
  .feature_soft_headline small{
    font-size:3vw;
  }
  .feature_hard_headline:after,
  .feature_soft_headline:after{
    left:3%;
    width:94%;
  }


  .feature_subhead{
    padding-top:6vw;
    font-size:4vw;
  }

  .feature_subhead .sp_br {
    display: inline;
  }

  .feature_text_box{
    padding-top:8vw;
  }
  .feature_image{
    padding-top:5vw;
    padding-bottom: 4.6875vw;
  }

  .feature_image .isPC {
    display: none;
  }

  .feature_image .isSP {
    display: block;
  }

  .feature_detail_link{
    width:45%;
    padding-top:5vw;
  }
  .feature_detail_link a{
    padding:2.5vw 0;
    font-size:4vw;
  }

  .feature_insurance_list{
    width:90%;
    margin:0 auto;
    margin-top:4vw;
  }
  .feature_insurance_list li{
    float:none;
    width:23%;
    font-size:3.3vw;
  }
  .feature_insurance_list li img{
    max-width:100%;
    margin-bottom:1vw;
  }

  .features_list_inner .btn {
    width: 100%;
    /*font-size: 1.5rem;*/
    font-size: 5vw;
    line-height: 1.6;
    color: #fff;
    /*padding: 6px 0 4px;*/
    padding: 1.5625vw 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

}


/*--------------------------------------------------------------------------

ADD 2018.08.29

--------------------------------------------------------------------------*/
.page.contents.feature-index [class*=section] .item-list.swiper-wrapper {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.page.contents.feature-index [class*=section] .item-list.swiper-wrapper .item.swiper-slide {
  margin-bottom: 20px;
  height: auto;
}

.page.contents.feature-index [class*=section] .item-list.swiper-wrapper .item.swiper-slide:not(:nth-child(3n)) {
  margin-right: 19px;
}


@media screen and (max-width: 739px) {
  .page.contents.feature-index [class*=section] .item-list.swiper-wrapper {
    flex-wrap: nowrap;
  }

  .page.contents.feature-index [class*=section] .item-list.swiper-wrapper .item.swiper-slide {
    margin-bottom: 0;
    height: 100%;
  }

  .page.contents.feature-index [class*=section] .item-list.swiper-wrapper .item.swiper-slide:not(:nth-child(3n)) {
    margin-right: 0;
  }
}

/*--------------------------------------------------------------------------

ADD 2018.12.26

--------------------------------------------------------------------------*/

/* search-link-by-area
------------------------------ */
.section.search-link-by-area .search-link-by-area-bg {
  margin: 40px 0 0;
  position: relative;
  padding: 40px 0 30px;
  background-color: #eee;
}

@media screen and (max-width: 739px) {
  .section.search-link-by-area .search-link-by-area-bg {
    padding: 20px 0 10px;
  }
}

.section.search-link-by-area .area-bloc.area-02,
.section.search-link-by-area .area-bloc.area-04 {
  margin-right: 0;
}

.section.search-link-by-area .area-bloc.area-01 .areamap .areaimg,
.section.search-link-by-area .area-bloc.area-02 .areamap .areaimg {
  height: 140px;
}

.section.search-link-by-area .area-bloc .areamap .areaimg {
  background-image: url("/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-kanto.jpg");
}

.section.search-link-by-area .area-bloc.area-02 .areamap .areaimg {
  background-image: url("/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-tokai.jpg");
}

.section.search-link-by-area .area-bloc.area-03 .areamap .areaimg {
  background-image: url("/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-kansai.jpg");
}

.section.search-link-by-area .area-bloc.area-04 .areamap .areaimg {
  background-image: url("/hebel-rooms/common_v2/img/element/search-link-by-area/img-area-fukuoka.jpg");
}

@media screen and (max-width: 739px) {
  .section.search-link-by-area .area-bloc.area-01 .areamap .areaimg,
  .section.search-link-by-area .area-bloc.area-02 .areamap .areaimg {
    height: 125px;
  }

  .section.search-link-by-area .area-bloc .areamap .areaimg {
    background-image: url("/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-kanto.jpg");
  }

  .section.search-link-by-area .area-bloc.area-02 .areamap .areaimg {
    background-image: url("/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-tokai.jpg");
  }

  .section.search-link-by-area .area-bloc.area-03 .areamap .areaimg {
    background-image: url("/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-kansai.jpg");
  }

  .section.search-link-by-area .area-bloc.area-04 .areamap .areaimg {
    background-image: url("/hebel-rooms/common_v2/img/sp/element/search-link-by-area/img-area-fukuoka.jpg");
  }
}

/* search-room-top
------------------------------ */
.section.search-room-top.japan-all {
  width: 1040px;
  background-image: url("/hebel-rooms/common_v2/img/search-top/bg-map-japan.png");
  background-size: auto 660px;
  background-size: contain;
  /* background-position: 55px 0; */
  background-position: 117px 0;
  height: 660px;
  margin-top: -45px;
  padding: 0;
  padding-top: 45px;
  box-sizing: border-box;
}
@media screen and (max-width: 739px) {
  .section.search-room-top.japan-all {
    width: 100%;
    background-image: url("/hebel-rooms/common_v2/img/sp/search-top/bg-top-sp.jpg");
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    height: auto;
    margin-top: 0;
    padding-top: 0;
  }
}

.section.search-room-top.japan-all .section-header .section_title.withsubtxt {
  margin-bottom: 20px;
}
@media screen and (max-width: 739px) {
  .section.search-room-top.japan-all .section-header .section_title.withsubtxt {
    margin-bottom: 0;
  }
}

.section.search-room-top.japan-all .search-room-link-area {
  width: 100%;
  margin: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.section.search-room-top.japan-all .area-box {
  box-sizing: border-box;
}

.section.search-room-top.japan-all .area-box.area-01 {
  background-image: url("/hebel-rooms/common_v2/img/search-top/prefs/bg-area-kanto.png");
  width: 337px;
  height: 297px;
  padding-left: 34px;
  top: 0;
  right: 30px;
}

.section.search-room-top.japan-all .area-box.area-02 {
  background-image: url("/hebel-rooms/common_v2/img/search-top/prefs/bg-area-tokai.png");
  width: 416px;
  height: 191px;
  padding-left: 114px;
  top: 301px;
  right: 30px;
}

.section.search-room-top.japan-all .area-box.area-03 {
  background-image: url("/hebel-rooms/common_v2/img/search-top/prefs/bg-area-kansai.png");
  width: 302px;
  height: 361px;
}

.section.search-room-top.japan-all .area-box.area-04 {
  background-image: url("/hebel-rooms/common_v2/img/search-top/prefs/bg-area-nishinihon.png");
  width: 302px;
  height: 304px;
  top: 167px;
}

@media screen and (max-width: 739px) {
  .section.search-room-top.japan-all .area-box.area-01,
  .section.search-room-top.japan-all .area-box.area-02,
  .section.search-room-top.japan-all .area-box.area-03,
  .section.search-room-top.japan-all .area-box.area-04 {
    top: 0;
    right: 0;
    background-image: none;
    width: 100%;
    height: auto;
    padding: 0;
  }

  .section.search-room-top.japan-all .area-box {
    background-color: #e8f1df;
  }
  .section.search-room-top.japan-all .area-box .area-title {
    background-color: #8ab365;
  }

  .section.search-room-top.japan-all .area-box.area-02 {
    background-color: #f2ecda;
  }
  .section.search-room-top.japan-all .area-box.area-02 .area-title {
    background-color: #e0b639;
  }

  .section.search-room-top.japan-all .area-box.area-03 {
    background-color: #f6e9e0;
  }
  .section.search-room-top.japan-all .area-box.area-03 .area-title {
    background-color: #ee975d;
  }

  .section.search-room-top.japan-all .area-box.area-04 {
    background-color: #f9e9ea;
  }
  .section.search-room-top.japan-all .area-box.area-04 .area-title {
    background-color: #f98f91;
  }

}

.section.search-room-top.japan-all .area-box dl {
  margin-bottom: 5px;
  height: 30px;
}

.section.search-room-top.japan-all .area-box dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
  color: #3A3939;
  float: left;
  text-align: left;
  font-weight: bold;
  width: 72px;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 739px) {
  .section.search-room-top.japan-all .area-box dl dt {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #3A3939;
    float: left;
    text-align: left;
    font-weight: bold;
    width: 30%;
    padding: 8px 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.section.search-room-top.japan-all .area-box dl dd {
  float: left;
  width: 210px;
}
@media screen and (max-width: 739px) {
  .section.search-room-top.japan-all .area-box dl dd {
    width: 70%;
  }
}

.section.search-room-top.japan-all .area-box dl dd ul li {
  margin: 0 5px 0 0;
}
@media screen and (max-width: 739px) {
  .section.search-room-top.japan-all .area-box dl dd ul li {
    margin: 0;
  }
}

.section.search-room-top.japan-all .area-box dl dd ul li a {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.section.search-room-top.japan-all .area-box dl dd ul li a img {
  width: 95px;
  height: auto;
}
@media screen and (max-width: 739px) {
  .section.search-room-top.japan-all .area-box dl dd ul li a img {
    width: 100%;
  }
}

/* search-prop-foot
------------------------------ */
.section.search-prop-foot.japan-all {
  height: auto;
  padding: 30px 0 5px 0;
  background-size: cover;
}

.section.search-prop-foot.japan-all .section-header {
  margin: 0 0 30px
}

.section.search-prop-foot.japan-all .area-table {
  width: 500px;
  background-image: url('/hebel-rooms/common_v2/img/common/bg-search-room.png');
  background-repeat: repeat;
  table-layout: fixed
}

.section.search-prop-foot.japan-all .area-table .firstrow td {
  padding-top: 20px
}

.section.search-prop-foot.japan-all .area-table .lasttrow td {
  padding-bottom: 15px
}

.section.search-prop-foot.japan-all .area-table .hlf td,
.section.search-prop-foot.japan-all .area-table .hlf th {
  border-top: 1px solid #ddd
}

.section.search-prop-foot.japan-all .area-table .hlf td {
  padding-top: 20px;
}

.section.search-prop-foot.japan-all .area-table th {
  width: 120px;
  vertical-align: top;
  padding: 20px 0;
}

.section.search-prop-foot.japan-all .area-table td {
  padding: 5px 15px;
  text-align: center;
  height: 20px;
  width: auto;
}

.section.search-prop-foot.japan-all .area-table td a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #3F3F3F;
  background-image: url('/hebel-rooms/common_v2/img/common/ic-arrow-grey-01.png');
  background-size: 5px auto;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  display: block;
  width: auto;
  height: auto;
  padding-left: 0;
}

.section.search-prop-foot.japan-all .area-table td a:before {
  content: none;
}

.section.search-prop-foot.japan-all .area-table .td02 {
  width: 120px;
}

.section.search-prop-foot.japan-all .area-table .td03 {
  width: 120px;
}

.section.search-prop-foot.japan-all .area-table .area {
    padding: 5px 0 5px 20px;
    text-align: left;
    width: 60px;
}

.section.search-prop-foot.japan-all .area-table .area a {
    font-weight: bold;
    background-image: none;
}

@media screen and (max-width: 739px) {
  .section.search-prop-foot.japan-all {
      background-size: cover;
      height: auto;
      width: 100%;
      padding: 20px 0 0 0;
  }

  .section.search-prop-foot.japan-all .section-header {
    margin-bottom: 20px;
  }

  .section.search-prop-foot.japan-all .area-table {
    width: 100%;
    background-image: url('/hebel-rooms/common_v2/img/common/bg-search-room.png');
    background-repeat: repeat;
    table-layout: fixed;
  }

  .section.search-prop-foot.japan-all .area-table .firstrow td {
    padding-top: 15px
  }

  .section.search-prop-foot.japan-all .area-table .lasttrow td {
    padding-bottom: 10px
  }

  .section.search-prop-foot.japan-all .area-table .firstrow td,
  .section.search-prop-foot.japan-all .area-table .firstrow th {
    border-top: 1px solid #f5f5f5;
  }

  .section.search-prop-foot.japan-all .area-table .hlf td,
  .section.search-prop-foot.japan-all .area-table .hlf th {
    border-top: 1px solid #f5f5f5;
  }

  .section.search-prop-foot.japan-all .area-table .hlf td {
    padding-top: 15px;
  }

  .section.search-prop-foot.japan-all .area-table th {
      width: 20%;
      padding: 15px 0;
  }

  .section.search-prop-foot.japan-all .area-table td {
    height: auto;
  }

  .section.search-prop-foot.japan-all .area-table td a {
    font-size: 1.0rem;
    line-height: 1.4;
    color: #3F3F3F;
    background-image: url('/hebel-rooms/common_v2/img/common/ic-arrow-grey-01.png');
    background-size: 5px auto;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: block;
  }

  .section.search-prop-foot.japan-all .area-table td a:before {
    content: none;
  }

  .section.search-prop-foot.japan-all .area-table .td02 {
    width: 34%;
  }

  .section.search-prop-foot.japan-all .area-table .td03 {
    width: 34%;
  }

  .section.search-prop-foot.japan-all .area-table .area {
    width: 22%;
  }
}

/* search-prop-foot renew2019
------------------------------ */
.search-by-area.renew2019 .area-map .map-bg {
  background-image: url('/hebel-rooms/common_v2/img/common/bg-areamap-02.jpg');
}

@media screen and (max-width: 739px) {
  .search-by-area.renew2019 .area-map .map-bg {
    background-image: url('/hebel-rooms/common_v2/img/sp/common/bg-areamap-02.jpg');
  }
}

/**************************************
 2019.05.16 ADD
**************************************/

#agency_tab_changer {
  margin-bottom: -15px;
}

#agency_tab_changer li {
  margin-bottom: 15px;
}

/**************************************
 2020.03.10 ADD
**************************************/

.contents.main.page-search .area-info:after {
  content: none;
  display: none;
}

.contents.page.service-member .support-box {
  background-image: none;
}

.contents.page.service-member .support-box:before {
  content: none;
  display: none;
}