@charset "UTF-8";

.contents.page.tenant-index .ttl, .contents.page.tenant-bousai .ttl, .contents.page.tenant-oteire .ttl, .contents.page.tenant-sumikae .ttl, .contents.page.tenant-manners .ttl, .contents.page.tenant-koushin .ttl, .contents.page.tenant-kaiteki .ttl, .contents.page.tenant-faq .ttl, .contents.page.tenant-gonyukyo .ttl {
  position: relative;
  height: 100%;
  padding: 0
}

.contents.page.tenant-index .ttl img.for_pc, .contents.page.tenant-bousai .ttl img.for_pc, .contents.page.tenant-oteire .ttl img.for_pc, .contents.page.tenant-sumikae .ttl img.for_pc, .contents.page.tenant-manners .ttl img.for_pc, .contents.page.tenant-koushin .ttl img.for_pc, .contents.page.tenant-kaiteki .ttl img.for_pc, .contents.page.tenant-faq .ttl img.for_pc, .contents.page.tenant-gonyukyo .ttl img.for_pc {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto
}

.contents.page.tenant-index .section-kv, .contents.page.tenant-bousai .section-kv, .contents.page.tenant-oteire .section-kv, .contents.page.tenant-sumikae .section-kv, .contents.page.tenant-manners .section-kv, .contents.page.tenant-koushin .section-kv, .contents.page.tenant-kaiteki .section-kv, .contents.page.tenant-faq .section-kv, .contents.page.tenant-gonyukyo .section-kv {
  height: 294px;
  padding: 70px 0 0;
  background-image: url(/hebel-rooms/common_v2/img/tenant/index/kv2.jpg);
  background-position: 50% 70px;
  background-size: 1040px auto
}

.contents.page.tenant-index .breadcrumb_wrap, .contents.page.tenant-bousai .breadcrumb_wrap, .contents.page.tenant-oteire .breadcrumb_wrap, .contents.page.tenant-sumikae .breadcrumb_wrap, .contents.page.tenant-manners .breadcrumb_wrap, .contents.page.tenant-koushin .breadcrumb_wrap, .contents.page.tenant-kaiteki .breadcrumb_wrap, .contents.page.tenant-faq .breadcrumb_wrap, .contents.page.tenant-gonyukyo .breadcrumb_wrap {
  padding-bottom: 15px
}

.contents.page.tenant-index .section-kv {
  padding: 70px 0 0
}

.tnt-section--title {
  margin-bottom: 1.2em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  text-align: center;
  text-align: center
}

.tnt-section--title .subtitle {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}

.tnt-section--lead {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.6;
  color: #000;
  text-align: center
}

.tnt-section--inner {
  width: 780px;
  margin: 0 auto
}

.tnt-section--content {
  margin-top: 36px
}

.tnt-section--row {
  display: flexbox;
  display: flex;
  margin-bottom: 60px
}

.tnt-section--contblock {
  flex: 1;
  flex: 1;
  padding-right: 40px
}

.tnt-section--figblock {
  width: 480px;
  padding-top: 53px
}

.tnt-cont-ttl {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 530px;
  padding: 0.4em 0 0.4em 0.8em;
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  color: #1e2380;
  border-bottom: 1px solid #1e2380;
  border-left: 6px solid #1e2380
}

.hbclb-bnr {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 15px 74px 20px 20px;
  margin-bottom: 20px;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: auto auto;
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.hbclb-bnr:hover, .hbclb-bnr:active, .hbclb-bnr:focus {
  text-decoration: none
}

.hbclb-bnr:hover {
  opacity: 0.7
}

.hbclb-bnr .bnr--title {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  color: #000
}

.hbclb-bnr .bnr--cont {
  padding: 15px;
  background-color: #fff
}

.hbclb-bnr .bnr--cont p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #000
}

.hbclb-bnr:last-child {
  margin-bottom: 0
}

.hbclb-bnr.bnr-style__01 {
  background-color: #e4e5f0;
  background-image: url(/hebel-rooms/common_v2/img/tenant_v2/index/ic-arrow-tntbnr-01.png);
  background-image: url(/hebel-rooms/common_v2/img/tenant_v2/index/ic-arrow-tntbnr-02.png)

}

.hbclb-bnr.bnr-style__01 .bnr--title {
  color: #1e2380;
}

.hbclb-bnr.bnr-style__02 {
  background-color: #e4e5f0;
  background-image: url(/hebel-rooms/common_v2/img/tenant_v2/index/ic-arrow-tntbnr-02.png)
}

.hbclb-bnr.bnr-style__02 .bnr--title {
  color: #1e2380
}

.notetxt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #000;
  text-align: center
}

.wnclb-list li {
  display: inline-block;
  float: none;
  width: 40%
}

.wnclb-list li::before {
  display: inline-block;
  content: "●"
}

.tnt-section-news {
  padding: 40px 0;
  background-color: #f3f3f3
}

.tnt-section-news .tnt-section--title {
  margin-bottom: 20px
}

.tnt-section-news--inner {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 900px;
  padding: 30px 50px;
  margin: 0 auto;
  background-color: #fff
}

.tnt-section-news--inner dl {
  display: flexbox;
  display: flex;
  margin-bottom: 20px
}

.tnt-section-news--inner dl dt {
  width: 120px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
  color: #000
}

.tnt-section-news--inner dl dd {
  flex: 1;
  flex: 1
}

.tnt-section-news--inner dl dd a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #000;
  text-decoration: underline
}

.tnt-section-news--inner dl.disable {
  display: none
}

.tnt-section-news--inner dl:last-child {
  margin-bottom: 0
}

.tnt-section-news--inner .tnt-btn--seemore {
  display: block;
  display: none;
  width: 200px;
  padding: 0.6em 0;
  margin: 20px auto 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #000;
  text-align: center;
  border: 1px solid #000;
  border-radius: 4px;
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.tnt-section-news--inner .tnt-btn--seemore:hover, .tnt-section-news--inner .tnt-btn--seemore:active, .tnt-section-news--inner .tnt-btn--seemore:focus {
  text-decoration: none
}

.tnt-section-news--inner .tnt-btn--seemore.enable {
  display: block
}

.tnt-section-news--inner.show .tnt-btn--seemore {
  color: #fff;
  background-color: #999;
  border: 1px solid #999
}

@media screen and (min-width: 740px) {
  .tnt-section-news--inner dl dd a:hover {
    color: #999
  }

  .tnt-section-news--inner .tnt-btn--seemore:hover, .tnt-section-news--inner .tnt-btn--seemore:active, .tnt-section-news--inner .tnt-btn--seemore:focus {
    text-decoration: none
  }

  .tnt-section-news--inner .tnt-btn--seemore:hover {
    color: #fff;
    text-decoration: none;
    background-color: #999;
    border: 1px solid #999
  }

  .tnt-section-news--inner.show .tnt-btn--seemore:hover {
    background-color: #ddd;
    border: 1px solid #ddd
  }
}

.tnt-section-navi {
  padding: 60px 0;
  background-color: #fff
}

.tnt-section-navi .tnt-row:last-child {
  margin-bottom: 0
}

.tnt-row {
  display: flexbox;
  display: flex;
  justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 50px;
  -ms-flex-pack: justify
}

.tnt-box {
  width: 230px
}

.tnt-box .seemorelink {
  padding-top: 10px;
  margin-top: 10px;
  text-align: right;
  border-top: dotted 1px #000
}

.tnt-box .seemorelink a {
  padding-right: 2em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #000;
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-black-01.jpg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 0.4em auto
}

.tnt-box--title {
  margin-bottom: 10px
}

.tnt-box--title a, .tnt-box--title span {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0.6em 0 0.6em 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #fff;
  background-color: #232883;
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-white-r-01.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 0.4em auto
}

@media screen and (min-width: 740px) {
  .tnt-box--title a, .tnt-box--title span {
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1)
  }

  .tnt-box--title a:hover, .tnt-box--title a:active, .tnt-box--title a:focus, .tnt-box--title span:hover, .tnt-box--title span:active, .tnt-box--title span:focus {
    color: #fff;
    text-decoration: none;
    background-position: 97% 50%;
    opacity: 0.7
  }
}

.tnt-section-hbclb {
  padding: 60px 0
}

.tnt-section-hbclb .btn {
  width: 470px;
  margin-bottom: 20px
}

.tnt-section-wnclb {
  padding: 60px 0;
  background-color: #fff
}

.tnt-section-wnclb .btn {
  width: 470px;
  margin-bottom: 20px
}

.tnt-box--note {
  padding-left: 1em;
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.6;
  text-indent: -1em;
}

.wnclb-pickup {
  padding: 16px 20px 20px;
  margin-top: 30px;
  border: 1px solid #000
}

.wnclb-pickup .wnclb-pickup--title {
  margin-bottom: 0.6em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #000
}

.wnclb-pickup .wnclb-pickup--cont {
  display: flexbox;
  display: flex;
  margin-top: 20px
}

.wnclb-pickup .wnclb-pickup--cont .contbox {
  flex: 1;
  flex: 1;
  padding-left: 30px
}

.wnclb-pickup .wnclb-pickup--cont .contbox h5 {
  display: inline-block;
  padding-right: 1.5em;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-blue-04.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 1em auto
}

.wnclb-pickup .wnclb-pickup--cont .contbox h5 a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
  color: #000;
  text-decoration: underline
}

.wnclb-pickup .wnclb-pickup--cont .contbox h5 a:hover {
  color: #999;
  text-decoration: none
}

.wnclb-pickup .wnclb-pickup--cont .contbox p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}

.wnclb-pickup .wnclb-pickup--cont .figbox {
  width: 170px
}

.tnt-section-service {
  padding: 60px 0;
  background-color: #f3f3f3
}

.tnt-section-service .btn {
  width: 470px;
  margin-bottom: 20px
}

.tnt-section-service .tnt-section--btnarea {
  padding-top: 25px
}

.tnt-section-service .tnt-section--content p {
  margin-bottom: 1.6em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  text-align: center
}

.tnt-section-service .tnt-section--content .notetxt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #333
}

.movie-container--wrapper {
  width: 700px;
  margin: 24px auto
}

.tnt-box--list li {
  display: block;
  float: none;
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-blue-03.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 0.4em auto;
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1)
}

.tnt-box--list li:hover, .tnt-box--list li:active, .tnt-box--list li:focus {
  text-decoration: none;
  background-position: 97% 50%
}

.tnt-box--list li a {
  position: relative;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0.6em 0 0.6em 2.4em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .4s cubic-bezier(0.19, 1, 0.22, 1)
}

.tnt-box--list li a:hover, .tnt-box--list li a:active, .tnt-box--list li a:focus {
  text-decoration: none;
  opacity: 0.7
}

.tnt-box--list li a span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  padding-left: 0.5em;
  margin-top: -10px;
  background-repeat: no-repeat
}

.tnt-box--list li a span::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  content: ""
}

.serviceicons-ic-01::before {
  width: 12px;
  height: 21px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -6px 0
}

.serviceicons-ic-02::before {
  width: 16px;
  height: 19px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -4px -41px
}

.serviceicons-ic-03::before {
  width: 13px;
  height: 22px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -6px -80px
}

.serviceicons-ic-04::before {
  width: 18px;
  height: 18px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -3px -122px
}

.serviceicons-ic-05::before {
  width: 20px;
  height: 13px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -2px -160px
}

.serviceicons-ic-06::before {
  width: 15px;
  height: 20px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -5px -193px
}

.serviceicons-ic-07::before {
  width: 24px;
  height: 26px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") 0 -233px
}

.serviceicons-ic-08::before {
  width: 16px;
  height: 15px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -4px -279px
}

.serviceicons-ic-09::before {
  width: 25px;
  height: 16px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") 0 -314px
}

.serviceicons-ic-10::before {
  width: 21px;
  height: 16px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -2px -350px
}

.serviceicons-ic-11::before {
  width: 20px;
  height: 19px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -2px -386px
}

.serviceicons-ic-12::before {
  width: 14px;
  height: 22px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -5px -425px
}

.serviceicons-ic-13::before {
  width: 21px;
  height: 20px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -2px -467px
}

.serviceicons-ic-14::before {
  width: 20px;
  height: 12px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -2px -507px
}

.serviceicons-ic-15::before {
  width: 20px;
  height: 20px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -2px -539px
}

.serviceicons-ic-16::before {
  width: 18px;
  height: 13px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -3px -579px
}

.serviceicons-ic-17::before {
  width: 13px;
  height: 17px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -6px -612px
}

.serviceicons-ic-18::before {
  width: 9px;
  height: 18px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -8px -649px
}

.serviceicons-ic-19::before {
  width: 16px;
  height: 20px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -4px -687px
}

.serviceicons-ic-20::before {
  width: 21px;
  height: 20px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -2px -727px
}

.serviceicons-ic-21::before {
  width: 22px;
  height: 21px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -1px -767px
}

/***** 2019.07.02 ADD *****/
.serviceicons-ic-22::before {
  width: 22px;
  height: 21px;
  background: url("/hebel-rooms/common_v2/img/serviceicons-sa07de31101.png") -1px -804px
}

.serviceicons-ic-23::before {
  width: 25px;
  height: 13px;
  background: url("/hebel-rooms/common_v2/img/tenant_v2/index/serviceicons-pet.png") 0 0;
}

.serviceicons-ic-24::before {
  width: 25px;
  height: 15px;
  background: url("/hebel-rooms/common_v2/img/tenant_v2/index/serviceicons-pet.png") 0 -13px;
}

.serviceicons-ic-25::before {
  width: 25px;
  height: 11px;
  background: url("/hebel-rooms/common_v2/img/tenant_v2/index/serviceicons-pet.png") 0 -28px;
}

.faq-section-faqnav {
  padding: 50px 0;
  background-color: #fff
}

.faqnav--row {
  display: flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: space-between;
  width: 1040px;
  margin: 0 auto 40px;
  -ms-flex-pack: justify
}

.faqnav--row::after {
  width: 30%;
  height: 0;
  content: "";
}

.faqnav--cont {
  width: 30%
}

.faqnav--title {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4em 0 0.4em 0.8em;
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  color: #1e2380;
  border-bottom: 1px solid #1e2380;
  border-left: 6px solid #1e2380
}

.faqnav--list li {
  float: none;
  margin-bottom: 5px
}

.faqnav--list li a {
  position: relative;
  display: block;
  padding: 0.5em 3em 0.5em 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  text-align: left;
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.faqnav--list li a:hover {
  color: #999;
  text-decoration: none
}

.faqnav--list li a:hover::before, .faqnav--list li a:hover::after {
  top: 65%
}

.faqnav--list li a::before, .faqnav--list li a::after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 8px;
  height: 2px;
  content: "";
  background-color: #1e2380;
  transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .73s cubic-bezier(0.19, 1, 0.22, 1)
}

.faqnav--list li a::before {
  transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg)
}

.faqnav--list li a::after {
  right: 5px;
  transform: rotate(135deg);
  transform: rotate(135deg);
  transform: rotate(135deg);
  transform: rotate(135deg)
}

.faqnav--note {
  padding-left: 1em;
  margin-top: 30px;
  line-height: 1.5;
  text-indent: -1em;
}

.tnt-catnav--wrapper {
  background-color: #fff
}

.tnt-catnav--inner {
  width: 1040px;
  margin: 0 auto
}

.tnt-catnav {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 1040px;
  margin: 0 auto;
  background-color: #fff
}

.tnt-catnav .tnt-catnav-list {
  display: flexbox;
  display: flex;
  justify-content: space-between
}

.tnt-catnav .tnt-catnav-list li {
  flex: auto;
  flex: auto;
  flex: auto;
  float: none;
  border-top: 1px solid #1e2380;
  border-bottom: 1px solid #1e2380
}

.tnt-catnav .tnt-catnav-list li a {
  position: relative;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 1.2em 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #000;
  text-align: center;
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.tnt-catnav .tnt-catnav-list li a::after {
  position: absolute;
  top: 50%;
  right: -1px;
  display: block;
  width: 1px;
  height: 2em;
  margin-top: -1em;
  content: "";
  background-color: #1e2380
}

.tnt-catnav .tnt-catnav-list li a:hover, .tnt-catnav .tnt-catnav-list li a:active, .tnt-catnav .tnt-catnav-list li a:focus {
  text-decoration: none
}

.tnt-catnav .tnt-catnav-list li a:hover {
  color: #fff;
  background-color: #1e2380
}

.tnt-catnav .tnt-catnav-list li a:hover::after {
  display: none
}

.tnt-catnav .tnt-catnav-list li a.c {
  color: #fff;
  background-color: #1e2380
}

.tnt-catnav .tnt-catnav-list li a.c::after {
  display: none
}

.tnt-catnav .tnt-catnav-list li:last-child {
  border-right: 1px solid #1e2380
}

.tnt-catnav .tnt-catnav-list li:last-child a::after {
  display: none
}

.tnt-catnav .tnt-catnav-list li:first-child {
  border-left: 1px solid #1e2380
}

.tnt-cat-subnav--wrapper {
  width: 1040px;
  margin: 0 auto;
  background-color: #fff
}

.tnt-subnav {
  display: none
}

.tnt-subnav .tnt-subnav-list {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: 2px solid #1e2380;
  border-top: 5px solid #1e2380
}

.tnt-subnav .tnt-subnav-list li {
  float: left;
  width: 115px;
  height: 100px
}

.tnt-subnav .tnt-subnav-list li a {
  position: relative;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100px;
  padding: 56px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.4;
  color: #000;
  text-align: center;
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.tnt-subnav .tnt-subnav-list li a::after {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  width: 1px;
  height: 80px;
  content: "";
  background-color: #1e2380
}

.tnt-subnav .tnt-subnav-list li a:hover, .tnt-subnav .tnt-subnav-list li a:active, .tnt-subnav .tnt-subnav-list li a:focus {
  text-decoration: none
}

.tnt-subnav .tnt-subnav-list li a:hover {
  background-color: #edeefe
}

.tnt-subnav .tnt-subnav-list li a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background-repeat: no-repeat
}

.tnt-subnav .tnt-subnav-list li a span::before {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  content: ""
}

.tnt-subnav .tnt-subnav-list li a.l2 {
  line-height: 1.2
}

.tnt-subnav .tnt-subnav-list li a.c {
  background-color: #edeefe
}

.tnt-subnav .tnt-subnav-list li:last-child a::after {
  display: none
}

.tnt-subnav.cat__02 {
  margin-left: 154px
}

.tnt-subnav.cat__04 {
  margin-left: 258px
}

.tnt-subnav.cat__05 {
  margin-left: 591px
}

.navswiper-container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  overflow: hidden;
  border: 2px solid #1e2380;
  border-top: 5px solid #1e2380
}

.navswiper-container .tnt-subnav-list {
  border: none
}

.navswiper-container .tnt-subnav-list.swiper-wrapper {
  box-sizing: content-box;
  box-sizing: content-box;
  box-sizing: content-box;
  display: box;
  display: flexbox;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: -moz-transform;
  transition-property: -o-transform;
  transition-property: -ms-transform;
  transition-property: transform
}

.navswiper-container .tnt-subnav-list.swiper-wrapper li {
  float: none
}

.navswiper-container .myswiper-button-prev, .navswiper-container .myswiper-button-next {
  position: absolute;
  top: 50%;
  z-index: 99999;
  width: 20px;
  height: 40px;
  margin-top: -20px
}

.navswiper-container .myswiper-button-prev::after, .navswiper-container .myswiper-button-next::after {
  z-index: 99999;
  display: block;
  width: 20px;
  height: 40px;
  cursor: pointer;
  content: "";
  background-color: #1e2380;
  background-repeat: no-repeat;
  background-size: 8px auto;
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}

.navswiper-container .myswiper-button-prev::after:hover, .navswiper-container .myswiper-button-next::after:hover {
  opacity: 0.7
}

.navswiper-container .myswiper-button-prev::after.swiper-button-disabled, .navswiper-container .myswiper-button-next::after.swiper-button-disabled {
  display: none
}

.navswiper-container .myswiper-button-prev {
  left: 0
}

.navswiper-container .myswiper-button-prev::after {
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-white-l-01.png);
  background-position: 20% 50%;
  border-radius: 0 20px 20px 0
}

.navswiper-container .myswiper-button-next {
  top: 0;
  right: 0;
  z-index: 999;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 30px 0;
  margin: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-image: linear-gradient(0deg, rgb(0 0 0 / 0%), #fff, #fff);
  background-image: linear-gradient(0deg, rgb(0 0 0 / 0%), #fff, #fff);
  background-image: linear-gradient(90deg, rgb(0 0 0 / 0%), #fff, #fff);
  background-size: 100%
}

.navswiper-container .myswiper-button-next::after {
  background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-white-r-01.png);
  background-position: 80% 50%;
  border-radius: 20px 0 0 20px
}

.navswiper-container .swiper-button-disabled {
  display: none
}

.serviceiconslrg-ico-01::before {
  width: 20px;
  height: 35px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -10px 0
}

.serviceiconslrg-ico-02::before {
  width: 26px;
  height: 31px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -7px -55px
}

.serviceiconslrg-ico-03::before {
  width: 20px;
  height: 33px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -10px -106px
}

.serviceiconslrg-ico-04::before {
  width: 30px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -159px
}

.serviceiconslrg-ico-05::before {
  width: 35px;
  height: 23px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -3px -209px
}

.serviceiconslrg-ico-06::before {
  width: 18px;
  height: 32px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -11px -252px
}

.serviceiconslrg-ico-07::before {
  width: 30px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -304px
}

.serviceiconslrg-ico-08::before {
  width: 32px;
  height: 32px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -4px -354px
}

.serviceiconslrg-ico-09::before {
  width: 36px;
  height: 29px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -2px -406px
}

.serviceiconslrg-ico-10::before {
  width: 23px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -9px -455px
}

.serviceiconslrg-ico-11::before {
  width: 35px;
  height: 36px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -3px -505px
}

.serviceiconslrg-ico-12::before {
  width: 26px;
  height: 24px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -7px -561px
}

.serviceiconslrg-ico-13::before {
  width: 41px;
  height: 26px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") 0 -605px
}

.serviceiconslrg-ico-14::before {
  width: 30px;
  height: 24px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -651px
}

.serviceiconslrg-ico-15::before {
  width: 31px;
  height: 33px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -695px
}

.serviceiconslrg-ico-16::before {
  width: 32px;
  height: 31px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -4px -748px
}

.serviceiconslrg-ico-17::before {
  width: 18px;
  height: 32px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -11px -799px
}

.serviceiconslrg-ico-18::before {
  width: 29px;
  height: 29px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -6px -851px
}

.serviceiconslrg-ico-19::before {
  width: 34px;
  height: 21px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -3px -900px
}

.serviceiconslrg-ico-20::before {
  width: 28px;
  height: 34px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -6px -941px
}

.serviceiconslrg-ico-21::before {
  width: 30px;
  height: 32px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -995px
}

.serviceiconslrg-ico-22::before {
  width: 41px;
  height: 37px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") 0 -1047px
}

.serviceiconslrg-ico-23::before {
  width: 35px;
  height: 23px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -3px -1104px
}

.serviceiconslrg-ico-24::before {
  width: 28px;
  height: 28px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -6px -1147px
}

.serviceiconslrg-ico-25::before {
  width: 22px;
  height: 31px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -9px -1195px
}

.serviceiconslrg-ico-26::before {
  width: 36px;
  height: 29px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -2px -1246px
}

.serviceiconslrg-ico-27::before {
  width: 31px;
  height: 31px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -1295px
}

.serviceiconslrg-ico-28::before {
  width: 30px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -1346px
}

.serviceiconslrg-ico-29::before {
  width: 26px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -7px -1396px
}

.serviceiconslrg-ico-30::before {
  width: 20px;
  height: 32px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -10px -1446px
}

.serviceiconslrg-ico-31::before {
  width: 30px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -1498px
}

.serviceiconslrg-ico-32::before {
  width: 30px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -1548px
}

.serviceiconslrg-ico-33::before {
  width: 36px;
  height: 33px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -2px -1598px
}

.serviceiconslrg-ico-34::before {
  width: 26px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -7px -1651px
}

.serviceiconslrg-ico-35::before {
  width: 26px;
  height: 17px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -7px -1701px
}

.serviceiconslrg-ico-36::before {
  width: 19px;
  height: 25px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -11px -1738px
}

.serviceiconslrg-ico-37::before {
  width: 15px;
  height: 30px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -13px -1783px
}

.serviceiconslrg-ico-38::before {
  width: 24px;
  height: 28px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -8px -1833px
}

.serviceiconslrg-ico-39::before {
  width: 15px;
  height: 31px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -13px -1881px
}

.serviceiconslrg-ico-40::before {
  width: 28px;
  height: 28px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -6px -1932px
}

.serviceiconslrg-ico-41::before {
  width: 30px;
  height: 27px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -5px -1980px
}

.serviceiconslrg-ico-42::before {
  width: 41px;
  height: 37px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") 0 -2020px;
}

.serviceiconslrg-ico-43::before {
  width: 41px;
  height: 37px;
  background: url("/hebel-rooms/common_v2/img/serviceiconslrg-sd1aba6e3b5.png") -1px -2074px;
}


@media screen and (max-width: 739px) {
  .page.contents.sp_useimgh1.tenant-index .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-bousai .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-oteire .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-sumikae .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-manners .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-koushin .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-kaiteki .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-faq .section-kv.sp-withimg .inner, .page.contents.sp_useimgh1.tenant-gonyukyo .section-kv.sp-withimg .inner {
    display: table;
    height: 100%;
    padding: 0
  }

  .page.contents.sp_useimgh1.tenant-index .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-bousai .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-oteire .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-sumikae .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-manners .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-koushin .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-kaiteki .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-faq .section-kv.sp-withimg .inner .ttl, .page.contents.sp_useimgh1.tenant-gonyukyo .section-kv.sp-withimg .inner .ttl {
    display: table-cell;
    margin: 0
  }

  .page.contents.sp_useimgh1.tenant-index .section-kv, .page.contents.sp_useimgh1.tenant-bousai .section-kv, .page.contents.sp_useimgh1.tenant-oteire .section-kv, .page.contents.sp_useimgh1.tenant-sumikae .section-kv, .page.contents.sp_useimgh1.tenant-manners .section-kv, .page.contents.sp_useimgh1.tenant-koushin .section-kv, .page.contents.sp_useimgh1.tenant-kaiteki .section-kv, .page.contents.sp_useimgh1.tenant-faq .section-kv, .page.contents.sp_useimgh1.tenant-gonyukyo .section-kv {
    height: 29.0vw;
    padding-top: 45px;
    padding-bottom: 20px;
    background-image: url(/hebel-rooms/common_v2/img/sp/tenant/index/kv2.jpg);
    background-position: 50% 45px;
    background-size: 100% auto
  }

  .page.contents.sp_useimgh1.tenant-index .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-bousai .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-oteire .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-sumikae .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-manners .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-koushin .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-kaiteki .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-faq .section-kv .inner .ttl img.for_pc, .page.contents.sp_useimgh1.tenant-gonyukyo .section-kv .inner .ttl img.for_pc {
    display: none
  }

  .page.contents.sp_useimgh1.tenant-index .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-bousai .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-oteire .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-sumikae .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-manners .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-koushin .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-kaiteki .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-faq .section-kv .inner .ttl img.for_sp, .page.contents.sp_useimgh1.tenant-gonyukyo .section-kv .inner .ttl img.for_sp {
    height: 18.66vw;
    padding: 0;
    margin: auto
  }

  .page.contents.sp_useimgh1.tenant-index .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-bousai .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-oteire .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-sumikae .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-manners .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-koushin .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-kaiteki .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-faq .breadcrumb_wrap, .page.contents.sp_useimgh1.tenant-gonyukyo .breadcrumb_wrap {
    padding-bottom: 0
  }

  .tnt-section--title {
    margin-bottom: 1.2em;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.6;
    color: #000;
    text-align: center;
    text-align: center
  }

  .tnt-section--title .subtitle {
    display: block;
    font-size: 1.0rem
  }

  .tnt-section--title::after {
    display: block;
    width: 60px;
    height: 1px;
    margin: 0.6em auto 0;
    content: "";
    background-color: #ccc
  }

  .tnt-section--lead {
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.6;
    color: #000;
    text-align: left
  }

  .tnt-section--inner {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 2.6vw;
    margin: 0 auto
  }

  .tnt-section--content {
    margin-top: 16px
  }

  .tnt-section--row {
    display: box;
    display: flex;
    display: box;
    display: flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
  }

  .tnt-section--contblock {
    flex: none;
    order: 2;
    order: 2;
    width: 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2
  }

  .tnt-section--figblock {
    order: 1;
    order: 1;
    width: 100%;
    padding-top: 0;
    padding-bottom: 25px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1
  }

  .tnt-cont-ttl {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.4em 0 0.4em 0.8em;
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #1e2380;
    border-bottom: 1px solid #1e2380;
    border-left: 3px solid #1e2380
  }

  .hbclb-bnr {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 15px 50px 15px 15px;
    margin-bottom: 15px;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-size: 25px auto;
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
  }

  .hbclb-bnr .bnr--title {
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;
    color: #000
  }

  .hbclb-bnr .bnr--cont {
    padding: 10px;
    background-color: #fff
  }

  .hbclb-bnr .bnr--cont p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #000
  }

  .hbclb-bnr:last-child {
    margin-bottom: 0
  }

  .hbclb-bnr.bnr-style__01 {
    background-color: #fbdfea;
    background-image: url(/hebel-rooms/common_v2/img/tenant_v2/index/ic-arrow-tntbnr-01.png)
  }

  .hbclb-bnr.bnr-style__01 .bnr--title {
    color: #ea6097
  }

  .hbclb-bnr.bnr-style__02 {
    background-color: #e4e5f0;
    background-image: url(/hebel-rooms/common_v2/img/tenant_v2/index/ic-arrow-tntbnr-02.png)
  }

  .hbclb-bnr.bnr-style__02 .bnr--title {
    color: #1e2380
  }

  .notetxt {
    font-size: 1.0rem;
    line-height: 1.6;
    color: #000;
    text-align: center
  }

  .wnclb-list li {
    display: inline-block;
    float: none;
    width: 49%;
    font-size: 2.9vw;
    line-height: 1.6;
    color: #000
  }

  .wnclb-list li::before {
    display: inline-block;
    content: "●"
  }

  .tnt-sp-footnav {
    padding: 20px 2.6vw;
    background-color: #fff
  }

  .tnt-section-news {
    padding: 25px 02.6vw;
    background-color: #f3f3f3
  }

  .tnt-section-news .tnt-section--title {
    margin-bottom: 20px
  }

  .tnt-section-news .tnt-section--title::after {
    display: none
  }

  .tnt-section-news .tnt-section--title img {
    width: 80px
  }

  .tnt-section-news--inner {
    width: 100%;
    padding: 15px;
    background-color: #fff
  }

  .tnt-section-news--inner dl {
    display: block;
    margin-bottom: 15px
  }

  .tnt-section-news--inner dl dt {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.6
  }

  .tnt-section-news--inner dl dd {
    flex: none;
    font-size: 1.2rem;
    line-height: 1.8
  }

  .tnt-section-news--inner dl dd a {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #000
  }

  .tnt-section-news--inner dl:last-child {
    margin-bottom: 0
  }

  .tnt-section-news--inner .tnt-btn--seemore {
    width: 200px;
    padding: 1em 0;
    margin: 15px auto 0;
    font-size: 1.2rem;
    line-height: 1;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    border-radius: 4px
  }

  .tnt-section-navi {
    padding: 30px 0 20px;
    background-color: #fff
  }

  .tnt-section-navi .tnt-row:last-child {
    margin-bottom: 0
  }

  .tnt-row {
    display: block;
    margin-bottom: 0
  }

  .tnt-box {
    width: 100%
  }

  .tnt-box .seemorelink {
    display: none
  }

  .tnt-box--title {
    margin-bottom: 10px
  }

  .tnt-box--title a, .tnt-box--title span {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0.6em 0 0.6em 1em;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #232883;
    background-color: #fff;
    background-image: url(/hebel-rooms/common_v2/img/sp/common/ic-arrow-blue-02.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 0.4em auto;
    border: 1px solid #232883
  }

  .tnt-box--list {
    display: none
  }

  .tnt-section-hbclb {
    padding: 30px 0
  }

  .tnt-section-hbclb .btn {
    width: auto;
    padding: 0.4em 0;
    margin: 0 10px 10px;
    font-size: 1.6rem;
    line-height: 1.4
  }

  .tnt-section-wnclb {
    padding: 30px 0;
    background-color: #fff
  }

  .tnt-section-wnclb .btn {
    width: auto;
    padding: 0.4em 0;
    margin: 0 10px 10px;
    font-size: 1.6rem;
    line-height: 1.4
  }

  .wnclb-pickup {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #bbb
  }

  .wnclb-pickup .wnclb-pickup--title {
    padding-bottom: 0.4em;
    margin-bottom: 0.6em;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.6;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #bbb
  }

  .wnclb-pickup .wnclb-pickup--cont {
    display: flexbox;
    display: flex;
    margin-top: 10px
  }

  .wnclb-pickup .wnclb-pickup--cont .contbox {
    flex: 1;
    flex: 1;
    padding-left: 15px
  }

  .wnclb-pickup .wnclb-pickup--cont .contbox h5 {
    display: inline-block;
    padding-right: 1.5em;
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.6;
    background-image: url(/hebel-rooms/common_v2/img/common/ic-arrow-blue-04.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 1em auto
  }

  .wnclb-pickup .wnclb-pickup--cont .contbox h5 a {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;
    color: #000;
    text-decoration: underline
  }

  .wnclb-pickup .wnclb-pickup--cont .contbox p {
    font-size: 1.1rem;
    line-height: 1.6
  }

  .wnclb-pickup .wnclb-pickup--cont .figbox {
    width: 120px
  }

  .tnt-section-service {
    padding: 30px 0;
    background-color: #f3f3f3
  }

  .tnt-section-service .btn {
    width: auto;
    padding: 0.4em 0;
    margin: 0 10px 10px;
    font-size: 1.6rem;
    line-height: 1.4
  }

  .tnt-section-service .tnt-section--btnarea {
    padding-top: 15px
  }

  .tnt-section-service .tnt-section--content p {
    margin-bottom: 1.6em;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    text-align: left
  }

  .tnt-section-service .tnt-section--content .notetxt {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #333
  }

  .movie-container--wrapper {
    width: 100%;
    margin: 16px auto
  }

  .faq-section-faqnav {
    padding: 30px 2.6vw;
    background-color: #fff
  }

  .faqnav--row {
    display: block;
    width: auto;
    margin: 0 auto
  }

  .faqnav--cont {
    width: auto;
    margin-bottom: 10px
  }

  .faqnav--title {
    position: relative;
    padding: 0.8em 0 0.8em 0.8em;
    margin-bottom: 10px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    color: #1e2380;
    border-top: 1px solid #1e2380;
    border-right: 1px solid #1e2380;
    border-bottom: 1px solid #1e2380;
    border-left: 3px solid #1e2380
  }

  .faqnav--title::before, .faqnav--title::after {
    position: absolute;
    top: 50%;
    right: 6px;
    display: block;
    width: 12px;
    height: 2px;
    content: "";
    background-color: #1e2380;
    transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .3s cubic-bezier(0.19, 1, 0.22, 1)
  }

  .faqnav--title::after {
    transform: rotate(90deg)
  }

  .faqnav--cont.on .faqnav--title::after {
    transform: rotate(180deg)
  }

  .faqnav--cont.on .faqnav--list {
    display: block
  }

  .faqnav--list {
    display: none;
    margin-bottom: 15px
  }

  .faqnav--list li {
    float: none;
    margin-bottom: 5px
  }

  .faqnav--list li a {
    position: relative;
    display: block;
    padding: 0.5em 3em 0.5em 0;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #000;
    text-align: left
  }

  .faqnav--list li a::before, .faqnav--list li a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 2px;
    content: "";
    background-color: #1e2380;
    transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .73s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .73s cubic-bezier(0.19, 1, 0.22, 1)
  }

  .faqnav--list li a::before {
    transform: rotate(45deg);
    transform: rotate(45deg);
    transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .faqnav--list li a::after {
    right: 5px;
    transform: rotate(135deg);
    transform: rotate(135deg);
    transform: rotate(135deg);
    transform: rotate(135deg)
  }

  .faqnav--list.on {
    display: block
  }
}

@media screen and (max-width: 739px) {
  .tnt-catnav--wrapper {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
    overflow: hidden;
    background-color: #fff
  }

  .tnt-catnav--inner {
    width: 100%;
    margin: 0 auto
  }

  .tnt-catnav {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    overflow-x: scroll;
    background-color: #fff;
    border: none;
    border-top: 1px solid #1e2380;
    border-bottom: 1px solid #1e2380;
    -webkit-overflow-scrolling: touch
  }

  .tnt-catnav .tnt-catnav-list {
    display: flexbox;
    display: flex;
    justify-content: space-between;
    width: 1040px
  }

  .tnt-catnav .tnt-catnav-list li {
    flex: auto;
    flex: auto;
    flex: auto;
    float: none
  }

  .tnt-catnav .tnt-catnav-list li a {
    position: relative;
    display: block;
    padding: 1.0em 0;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #000;
    text-align: center
  }

  .tnt-catnav .tnt-catnav-list li a::after {
    position: absolute;
    top: 50%;
    right: -1px;
    display: block;
    width: 1px;
    height: 2em;
    margin-top: -1em;
    content: "";
    background-color: #1e2380
  }

  .tnt-catnav .tnt-catnav-list li a:hover, .tnt-catnav .tnt-catnav-list li a:active, .tnt-catnav .tnt-catnav-list li a:focus {
    text-decoration: none
  }

  .tnt-catnav .tnt-catnav-list li a:hover {
    color: #fff;
    background-color: #1e2380
  }

  .tnt-catnav .tnt-catnav-list li a:hover::after {
    display: none
  }

  .tnt-catnav .tnt-catnav-list li a.c {
    color: #fff;
    background-color: #1e2380
  }

  .tnt-catnav .tnt-catnav-list li a.c::after {
    display: none
  }

  .tnt-catnav .tnt-catnav-list li:last-child a::after {
    display: none
  }

  .tnt-cat-subnav--wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #fff
  }

  .tnt-subnav {
    display: none
  }

  .tnt-subnav .tnt-subnav-list {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 1.3vw 1.3vw;
    background-color: #e6e6e6;
    border: none;
    border-top: 1.3vw solid #e6e6e6
  }

  .tnt-subnav .tnt-subnav-list li {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    height: auto;
    padding: 1.3vw
  }

  .tnt-subnav .tnt-subnav-list li a {
    position: relative;
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    height: 11vw;
    padding: 0.5em 0 0.4em 3.4em;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 2.4;
    color: #232883;
    text-align: left;
    background-color: #fff;
    border: 2px solid #1e2380;
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
  }

  .tnt-subnav .tnt-subnav-list li a::before, .tnt-subnav .tnt-subnav-list li a::after {
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    width: 2.4vw;
    height: 2px;
    content: "";
    background-color: #1e2380
  }

  .tnt-subnav .tnt-subnav-list li a::before {
    transform: rotate(45deg);
    transform: rotate(45deg);
    transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .tnt-subnav .tnt-subnav-list li a::after {
    right: 8px;
    transform: rotate(135deg);
    transform: rotate(135deg);
    transform: rotate(135deg);
    transform: rotate(135deg)
  }

  .tnt-subnav .tnt-subnav-list li a span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10.67vw;
    height: 13.34vw;
    margin-top: -6.67vw;
    background-repeat: no-repeat;
    transform: scale(0.6)
  }

  .tnt-subnav .tnt-subnav-list li a span::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    content: ""
  }

  .tnt-subnav .tnt-subnav-list li a.l2 {
    line-height: 1.2
  }

  .tnt-subnav .tnt-subnav-list li a.c {
    background-color: #edeefe
  }

  .tnt-subnav .tnt-subnav-list li:last-child a::after {
    display: block
  }

  .tnt-subnav.cat__02 {
    margin-left: 0
  }

  .tnt-subnav.cat__04 {
    margin-left: 0
  }

  .tnt-subnav.cat__05 {
    margin-left: 0
  }

  .navswiper-container {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden;
    border: none
  }

  .navswiper-container .tnt-subnav-list {
    border: none;
    border-top: 1.3vw solid #e6e6e6
  }

  .navswiper-container .tnt-subnav-list.swiper-wrapper {
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    display: block
  }

  .navswiper-container .tnt-subnav-list.swiper-wrapper li {
    float: left
  }

  .navswiper-container .myswiper-button-prev, .navswiper-container .myswiper-button-next {
    display: none
  }
}

/**************************************
 2020.08.17 ADD アプリ紹介ページ
**************************************/
@media screen and (max-width: 739px) {
  .pc-br {
    display: none;
  }
}

.sp-br {
  display: none;
}
@media screen and (max-width: 739px) {
  .sp-br {
    display: block;
    line-height: 0;
  }
}

body li.app-download-item, body li.app-for-browser-item, body li.contents-about-item, body li.regist-flow-item {
  float: none;
}

.tnt-subnav.cat__02 {
  margin-left: 135px;
}

.tnt-subnav.cat__05 {
  margin-left: 514px;
}
@media screen and (max-width: 739px) {
  .tnt-subnav.cat__02 {
    margin-left: 0;
  }
  .tnt-subnav.cat__05 {
    margin-left: 0;
  }
}

.app-about {
  display: box;
  display: flexbox;
  display: flex;
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 739px) {
  .app-about {
    display: block;
    width: 94.66%;
  }
}

.app-about-text {
  width: 470px;
}
@media screen and (max-width: 739px) {
  .app-about-text {
    width: 100%;
  }
}

.app-about-headline {
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .app-about-headline {
    margin-bottom: 6vw;
  }
}

.app-about-headline img {
  width: 295px;
}
@media screen and (max-width: 739px) {
  .app-about-headline img {
    width: 58.66%;
  }
}

.app-about-lead {
  margin-bottom: 15px !important;
  line-height: 1.6;
}
@media screen and (max-width: 739px) {
  .app-about-lead {
    margin-bottom: 3.3vw !important;
    font-size: 3.3vw !important;
  }
}

.app-about-lead.annotation {
  margin-bottom: 5px !important;
  font-size: 12px !important;
}
@media screen and (max-width: 739px) {
  .app-about-lead.annotation {
    margin-bottom: .5vw !important;
    font-size: 2.8vw !important;
  }
}

.app-about-image {
  box-sizing: border-box;
  box-sizing: border-box;
  width: 430px;
  padding-left: 25px;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .app-about-image {
    width: 100%;
    padding-top: 6vw;
    padding-left: 0;
  }
}

.app-about-image img {
  width: 373px;
}
@media screen and (max-width: 739px) {
  .app-about-image img {
    width: 70%;
  }
}

.app-download {
  box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 270px;
  padding-top: 60px;
  background: url(/hebel-rooms/common_v2/img/tenant/app/app_dlBG_pc.jpg);
}
@media screen and (max-width: 739px) {
  .app-download {
    height: 48.8vw;
    padding-top: 10vw;
    background: url(/hebel-rooms/common_v2/img/tenant/app/app_dlBG_sp.jpg);
    background-size: cover;
  }
}

.app-download-headline {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 739px) {
  .app-download-headline {
    font-size: 4vw;
  }
}

.app-download-list {
  display: box;
  display: flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 600px;
  padding-top: 20px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (max-width: 739px) {
  .app-download-list {
    width: 89.33%;
    padding-top: 8vw;
  }
}

.app-download-item {
  width: 210px;
}
@media screen and (max-width: 739px) {
  .app-download-item {
    width: 48%;
  }
}

.app-download-item a img {
  transition: opacity ease .4s;
  transition: opacity ease .4s;
  transition: opacity ease .4s;
}

.app-download-item img {
  max-width: 100%;
}

.app-download-item a:hover img {
  opacity: 0.7;
}

.app-download-item:nth-child(3) {
  width: 115px;
}
@media screen and (max-width: 739px) {
  .app-download-item:nth-child(3) {
    display: none;
  }
}

.app-download-item:nth-child(3) img {
  border: 1px solid #b8b9b9;
}

.app-for-browser {
  display: box;
  display: flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 900px;
  padding: 58px 0;
  margin: 0 auto;
  -ms-flex-pack: distribute;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (max-width: 739px) {
  .app-for-browser {
    display: block;
    width: 89.33%;
    padding: 9vw 0 10vw;
  }
}

.app-for-browser-headline {
  font-size: 16px;
  font-weight: 700;
  color: #1e2380;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 739px) {
  .app-for-browser-headline {
    font-size: 4vw;
    text-align: center;
  }
}

.app-for-browser-list {
  display: box;
  display: flexbox;
  display: flex;
  justify-content: space-between;
  width: 500px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
@media screen and (max-width: 739px) {
  .app-for-browser-list {
    display: block;
    width: 84%;
    margin: 0 auto;
  }
}

.app-for-browser-item {
  width: 240px;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .app-for-browser-item {
    width: 100%;
    padding-top: 4vw;
  }
}

.app-for-browser-item a {
  position: relative;
  display: block;
  padding: 13px 0;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0.05em;
  border-radius: 5px;
  transition: background ease .4s, color ease .4s;
  transition: background ease .4s, color ease .4s;
  transition: background ease .4s, color ease .4s;
}
@media screen and (max-width: 739px) {
  .app-for-browser-item a {
    padding: 3vw 0;
    font-size: 3vw;
  }
}

.app-for-browser-item a:hover {
  text-decoration: none;
}

.app-for-browser-item:nth-child(1) a {
  color: #fff;
  background: #1e2380;
  border: 1px solid #1e2380;
}

.app-for-browser-item:nth-child(1) a:hover {
  color: #1e2380;
  background: #fff;
}
@media screen and (max-width: 739px) {
  .app-for-browser-item:nth-child(1) a:hover {
    color: #fff;
    background: #1e2380;
  }
}

.app-for-browser-item:nth-child(2) a {
  color: #000;
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_paretID.png) no-repeat 25px center;
  background-size: 21px auto;
  border: 1px solid #000;
}
@media screen and (max-width: 739px) {
  .app-for-browser-item:nth-child(2) a {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_paretID.png) no-repeat 12vw center;
    background-size: 4.2vw auto;
  }
}

.app-for-browser-item:nth-child(2) a:hover {
  background: #ddd url(/hebel-rooms/common_v2/img/tenant/app/icon_paretID.png) no-repeat 25px center;
  background-size: 21px auto;
}
@media screen and (max-width: 739px) {
  .app-for-browser-item:nth-child(2) a:hover {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_paretID.png) no-repeat 12vw center;
    background-size: 4.2vw auto;
  }
}

.contents-about {
  width: 100%;
  padding-top: 80px;
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 739px) {
  .contents-about {
    padding-top: 8vw;
    border-top: none;
  }
}

.contents-about-headline {
  font-size: 20px;
  font-weight: 700;
  color: #1e2380;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .contents-about-headline {
    font-size: 4vw;
    line-height: 1.4;
  }
}

.contents-about-headline em {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  font-style: normal;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 739px) {
  .contents-about-headline em {
    padding: 0 6vw;
  }
}

.contents-about-headline em::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 25px;
  height: 1px;
  content: "";
  background: #1e2380;
  transform: rotate(45deg) translateY(-2px);
  transform: rotate(45deg) translateY(-2px);
  transform: rotate(45deg) translateY(-2px);
  transform-origin: left top;
  transform-origin: left top;
  transform-origin: left top;
}
@media screen and (max-width: 739px) {
  .contents-about-headline em::before {
    top: inherit;
    bottom: 4vw;
  }
}

.contents-about-headline em::after {
  position: absolute;
  top: 3px;
  right: 0;
  display: block;
  width: 25px;
  height: 1px;
  content: "";
  background: #1e2380;
  transform: rotate(-45deg) translateY(-2px);
  transform: rotate(-45deg) translateY(-2px);
  transform: rotate(-45deg) translateY(-2px);
  transform-origin: right top;
  transform-origin: right top;
  transform-origin: right top;
}
@media screen and (max-width: 739px) {
  .contents-about-headline em::after {
    top: inherit;
    bottom: 4vw;
  }
}

.contents-about-list {
  display: box;
  display: flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
@media screen and (max-width: 739px) {
  .contents-about-list {
    display: block;
    width: 89.33%;
    padding-top: 6vw;
    padding-bottom: 4vw;
    margin: 0 auto;
  }
}

.contents-about-item {
  box-sizing: border-box;
  box-sizing: border-box;
  width: 510px;
  padding: 15px 25px 15px 198px;
  margin-bottom: 20px;
  border: 3px solid #ddd;
}
@media screen and (max-width: 739px) {
  .contents-about-item {
    width: 100%;
    padding: 6vw 4vw 6vw 30vw;
    margin-bottom: 3vw;
    border: 2px solid #ddd;
  }
}

.contents-about-item:nth-child(1) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents01.png) no-repeat 22px center;
  background-size: 150px 150px;
}
@media screen and (max-width: 739px) {
  .contents-about-item:nth-child(1) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents01.png) no-repeat 3vw 3vw;
    background-size: 23vw 23vw;
  }
}

.contents-about-item:nth-child(2) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents02.png) no-repeat 22px center;
  background-size: 150px 150px;
}
@media screen and (max-width: 739px) {
  .contents-about-item:nth-child(2) {
    padding: 4vw 4vw 4vw 30vw;
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents02.png) no-repeat 3vw 3vw;
    background-size: 23vw 23vw;
  }
}

.contents-about-item:nth-child(3) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents03.png) no-repeat 22px center;
  background-size: 150px 150px;
}
@media screen and (max-width: 739px) {
  .contents-about-item:nth-child(3) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents03.png) no-repeat 3vw 3vw;
    background-size: 23vw 23vw;
  }
}

.contents-about-item:nth-child(4) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents04.png) no-repeat 22px center;
  background-size: 150px 150px;
}
@media screen and (max-width: 739px) {
  .contents-about-item:nth-child(4) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_contents04.png) no-repeat 3vw 3vw;
    background-size: 23vw 23vw;
  }
}

.contents-about-subhead {
  padding-top: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #1e2380;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 739px) {
  .contents-about-subhead {
    padding-top: 0;
    font-size: 3.6vw;
  }
}

.contents-about-text {
  padding-top: 5px;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 739px) {
  .contents-about-text {
    padding-top: 2vw !important;
    font-size: 3.2vw !important;
    line-height: 1.6;
  }
}

.contents-about-text.annotation {
  padding-top: 0 !important;
  font-size: 12px !important;
}
@media screen and (max-width: 739px) {
  .contents-about-text.annotation {
    padding-top: 1vw !important;
    font-size: 12px !important;
  }
}

.regist-flow-list {
  display: box;
  display: flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
@media screen and (max-width: 739px) {
  .regist-flow-list {
    display: block;
    width: 94.66%;
    padding-bottom: 8vw;
    margin: 0 auto;
  }
}

.regist-flow-item {
  position: relative;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding-top: 175px;
}
@media screen and (max-width: 739px) {
  .regist-flow-item {
    width: 100%;
    padding-top: 0;
    padding-bottom: 7vw;
    padding-left: 25vw;
  }
}

.regist-flow-item::before {
  position: absolute;
  top: 0;
  left: calc(50% - 18px);
  z-index: 1;
  display: block;
  width: 36px;
  height: 36px;
  content: "";
  background: #1e2380;
  border-radius: 50%;
}
@media screen and (max-width: 739px) {
  .regist-flow-item::before {
    display: none;
  }
}

.regist-flow-item::after {
  position: absolute;
  top: 7px;
  left: calc(50% - 18px);
  z-index: 10;
  display: block;
  width: 36px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  content: "1";
}
@media screen and (max-width: 739px) {
  .regist-flow-item::after {
    display: none;
  }
}

.regist-flow-item:nth-child(1) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow01.png) no-repeat center 60px;
  background-size: 40% auto;
}
@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(1) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow01.png) no-repeat 1vw top;
    background-size: 20vw auto;
  }
}

.regist-flow-item:nth-child(2) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow02.png) no-repeat center 60px;
  background-size: 40% auto;
}
@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(2) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow02.png) no-repeat 3vw top;
    background-size: 15vw auto;
  }
}

.regist-flow-item:nth-child(3) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow03.png) no-repeat center 60px;
  background-size: 40% auto;
}
@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(3) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow03.png) no-repeat 3vw top;
    background-size: 15vw auto;
  }
}

.regist-flow-item:nth-child(4) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow04.png) no-repeat center 60px;
  background-size: 40% auto;
}
@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(4) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow04.png) no-repeat 4vw top;
    background-size: 15vw auto;
  }
}

.regist-flow-item:nth-child(5) {
  background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow05.png) no-repeat center 60px;
  background-size: 40% auto;
}
@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(5) {
    background: url(/hebel-rooms/common_v2/img/tenant/app/icon_flow05.png) no-repeat 4vw top;
    background-size: 15vw auto;
  }
}

.regist-flow-item:nth-child(2)::after {
  content: "2";
}

.regist-flow-item:nth-child(3)::after {
  content: "3";
}

.regist-flow-item:nth-child(4)::after {
  content: "4";
}

.regist-flow-item:nth-child(5)::after {
  content: "5";
}

.regist-flow-headline {
  position: relative;
  display: box;
  display: flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92%;
  height: 3em;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: #1e2380;
  text-align: center;
  letter-spacing: 0.05em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (max-width: 739px) {
  .regist-flow-headline {
    display: block;
    height: inherit;
    padding-left: 6vw;
    font-size: 4vw;
    text-align: left;
  }
}

@media screen and (max-width: 739px) {
  .regist-flow-headline::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 5vw;
    height: 5vw;
    content: "";
    background: #1e2380;
    border-radius: 50%;
  }
}

@media screen and (max-width: 739px) {
  .regist-flow-headline::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 5vw;
    font-size: 3.4vw;
    font-weight: 700;
    color: #fff;
    text-align: center;
    content: "1";
  }
}

@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(2) .regist-flow-headline::after {
    top: 1px;
    content: "2";
  }
}

@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(3) .regist-flow-headline::after {
    top: 1px;
    content: "3";
  }
}

@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(4) .regist-flow-headline::after {
    top: 1px;
    content: "4";
  }
}

@media screen and (max-width: 739px) {
  .regist-flow-item:nth-child(5) .regist-flow-headline::after {
    top: 1px;
    content: "5";
  }
}

.regist-flow-text {
  width: 90%;
  padding-top: 10px !important;
  margin: 0 auto;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 739px) {
  .regist-flow-text {
    width: 100%;
    padding-top: 2vw !important;
    font-size: 3.4vw !important;
  }
}

.regist-flow-text.annotation {
  font-size: 12px !important;
}
@media screen and (max-width: 739px) {
  .regist-flow-text.annotation {
    padding-top: 2vw !important;
    font-size: 3vw !important;
  }
}

.regist-flow-annotation {
  box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  margin-bottom: 80px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 739px) {
  .regist-flow-annotation {
    width: 89.33%;
    padding: 4vw 4vw 4vw 6vw;
    margin: 0 auto;
    margin-bottom: 10vw;
  }
}

.regist-flow-annotation p {
  padding-left: 1em;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  text-indent: -1em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 739px) {
  .regist-flow-annotation p {
    font-size: 2.6vw !important;
    line-height: 1.8 !important;
  }
}

.regist-flow-annotation p + p {
  padding-top: 5px !important;
}
@media screen and (max-width: 739px) {
  .regist-flow-annotation p + p {
    padding-top: 1vw !important;
  }
}

.app-annotation {
  width: 100%;
  padding-top: 35px;
  margin-bottom: 30px;
}
@media screen and (max-width: 739px) {
  .app-annotation {
    width: 89.33%;
    margin: 0 auto 0 8%;
  }
}

.app-annotation p {
  padding-left: 1em;
  margin-bottom: 0 !important;
  font-size: 12px !important;
  text-indent: -1em;
}

.app-annotation p + p {
  padding-top: 5px !important;
}
@media screen and (max-width: 739px) {
  .app-annotation p + p {
    padding-top: 1vw !important;
  }
}

/**************************************
 2020.10.09 ADD アプリ紹介ページ導線
**************************************/
.tnt-section--figitem:not(:last-child) {
  margin-bottom: 20px;
}

.tnt-section--figitem img {
  display: block;
  width: 100%;
}

.tnt-section--feature-app *, .tnt-section--feature-app *::before, .tnt-section--feature-app *::after {
  box-sizing: border-box;
}

.tnt-section--feature-app-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-right: 60px;
  padding-left: 125px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  color: #1e2380;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #1e2380;
}

.tnt-section--feature-app-item:not(:last-child) {
  margin-bottom: 10px;
}

.tnt-section--feature-app-item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  background-repeat: no-repeat;
}

.tnt-section--feature-app-item[data-feature-app="1"]::before {
  left: 34px;
  width: 44px;
  height: 43px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044.5%2043.8%22%20fill%3D%22%231e2380%22%3E%3Cpath%20d%3D%22M10.2%2C9.9h9.2c0.4%2C0%2C0.7%2C0.3%2C0.7%2C0.7c0%2C0.4-0.3%2C0.7-0.7%2C0.7h-9.2c-0.4%2C0-0.7-0.3-0.7-0.7C9.4%2C10.2%2C9.8%2C9.9%2C10.2%2C9.9z%20M10.2%2C17h13.1c0.4%2C0%2C0.7%2C0.3%2C0.7%2C0.7c0%2C0.4-0.3%2C0.7-0.7%2C0.7H10.2c-0.4%2C0-0.7-0.3-0.7-0.7C9.5%2C17.3%2C9.8%2C17%2C10.2%2C17z%20M10.2%2C13.4h13.2c0.4%2C0%2C0.7%2C0.3%2C0.7%2C0.7c0%2C0.4-0.3%2C0.7-0.7%2C0.7H10.2c-0.4%2C0-0.7-0.3-0.7-0.7C9.4%2C13.8%2C9.8%2C13.4%2C10.2%2C13.4z%20M39.5%2C32.8c-0.3%2C1.3-1.8%2C7.2-5.3%2C10.8c-0.1%2C0.1-0.3%2C0.2-0.5%2C0.2c-0.1%2C0-0.2%2C0-0.3-0.1c-0.3-0.1-0.4-0.4-0.4-0.7v-6.8c-1.7%2C0.5-3.5%2C0.7-5.5%2C0.7c-7%2C0-13.1-3.5-15.8-8.9c0-0.1-0.1-0.1-0.1-0.2c-0.2-0.1-0.4-0.1-0.6-0.2v6.8c0%2C0.3-0.2%2C0.6-0.4%2C0.7c-0.1%2C0-0.2%2C0.1-0.3%2C0.1c-0.2%2C0-0.4-0.1-0.5-0.2c-3.6-3.7-5.1-10-5.3-11C1.6%2C21.4%2C0%2C17.9%2C0%2C14.3c0-3.9%2C1.8-7.5%2C5.1-10.2c0.3-0.3%2C0.8-0.2%2C1%2C0.1C6.4%2C4.5%2C6.3%2C5%2C6%2C5.2C3%2C7.7%2C1.4%2C10.9%2C1.4%2C14.3c0%2C3.3%2C1.5%2C6.4%2C4.2%2C8.8c0.2%2C0.1%2C0.3%2C0.4%2C0.2%2C0.6C6%2C24.3%2C7.1%2C29%2C9.6%2C32.5V27c0-0.1%2C0-0.1%2C0-0.2c0-0.1%2C0-0.2%2C0-0.4c0.1-0.4%2C0.5-0.6%2C0.9-0.4c2%2C0.8%2C4.2%2C1.1%2C6.4%2C1.1c8.6%2C0%2C15.6-5.8%2C15.6-12.8c0-7.1-7-12.8-15.6-12.8c-2.4%2C0-4.8%2C0.5-7%2C1.4C9.7%2C3%2C9.3%2C2.8%2C9.1%2C2.4s0-0.8%2C0.4-1C11.9%2C0.5%2C14.4%2C0%2C17%2C0c7.2%2C0%2C13.4%2C3.8%2C15.8%2C9.1c7%2C1.9%2C11.6%2C7.4%2C11.6%2C13.6C44.5%2C26.5%2C42.7%2C30.1%2C39.5%2C32.8z%20M33.5%2C10.9c0.3%2C1.1%2C0.5%2C2.3%2C0.5%2C3.5c0%2C7.9-7.6%2C14.3-17%2C14.3c-1.2%2C0-2.4-0.1-3.6-0.3c2.6%2C4.4%2C8%2C7.2%2C14%2C7.2c2.3%2C0%2C4.3-0.3%2C6.1-1c0.4-0.1%2C0.8%2C0.1%2C0.9%2C0.4c0.1%2C0.2%2C0%2C0.5-0.1%2C0.6c0%2C0%2C0%2C0%2C0%2C0v5.4c2.3-3.2%2C3.4-7.5%2C3.7-8.6c0-0.2%2C0.1-0.4%2C0.2-0.6c0-0.1%2C0.1-0.1%2C0.2-0.2c2.9-2.4%2C4.6-5.6%2C4.6-9.1C43.1%2C17.5%2C39.3%2C12.8%2C33.5%2C10.9z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 44px 43px;
}

.tnt-section--feature-app-item[data-feature-app="2"]::before {
  left: 34px;
  width: 43px;
  height: 43px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043.9%2043.8%22%20fill%3D%22%231e2380%22%3E%3Cpath%20d%3D%22M38.6%2C23.6v-5.7h1.3c0.7%2C0%2C1.3-0.6%2C1.3-1.3v-5.3c0-2.2-0.9-4-3.1-4h-5.8c2.2-3.8%2C0.3-7.5-4-7.3c-1.9%2C0.1-2.7%2C0.3-3.6%2C1.9l-2.9%2C4.5L19%2C1.9C18%2C0.3%2C17.2%2C0.1%2C15.3%2C0c-4.3-0.2-6.2%2C3.6-4%2C7.3H5.8c-2.2%2C0-3.1%2C1.8-3.1%2C4v5.3c0%2C0.7%2C0.6%2C1.3%2C1.3%2C1.3h1.3v9h-4c-0.7%2C0-1.3%2C0.6-1.3%2C1.3v14.3c0%2C0.7%2C0.6%2C1.3%2C1.3%2C1.3h4.5c0.7%2C0%2C1.2-0.5%2C1.3-1.1c2.6%2C0.7%2C5.5%2C1.1%2C8.2%2C1.1h12c2.9%2C0%2C4.8-0.5%2C6.6-2.8c0%2C0%2C9.2-11.2%2C9.2-11.3c0.5-0.7%2C0.8-1.5%2C0.8-2.4C43.9%2C24.6%2C41.2%2C22.7%2C38.6%2C23.6z%20M5.4%2C32.7v9.4H1.8V28.7h3.6V32.7z%20M38.1%2C9.1c0.7%2C0%2C1.3%2C0.6%2C1.3%2C1.3v5.7H26v-7C26.4%2C9.1%2C37.7%2C9.1%2C38.1%2C9.1z%20M36.8%2C17.9v7.8l-5.6%2C5.8c-0.5-1.7-2-2-3.9-2H26V17.9H36.8L36.8%2C17.9z%20M26.2%2C3.2c0.5-0.9%2C1.3-1.4%2C2.3-1.4C30.6%2C1.7%2C32%2C3.9%2C31%2C5.9c-0.5%2C0.9-1.4%2C1.5-2.4%2C1.5c-0.6%2C0-4.1%2C0-4.6%2C0L26.2%2C3.2z%20M19.7%2C10c1%2C0%2C3.5%2C0%2C4.5%2C0v19.6h-4c-0.2%2C0-0.3%2C0-0.5%2C0V10L19.7%2C10z%20M15.1%2C1.8c0%2C0%2C0.1%2C0%2C0.1%2C0c1%2C0%2C1.8%2C0.6%2C2.3%2C1.4l2.2%2C4.1c-2.1%2C0-3.3%2C0-4.6%2C0c-1%2C0-1.9-0.5-2.4-1.5C11.6%2C4%2C13%2C1.8%2C15.1%2C1.8z%20M4.5%2C15.2v-4.8c0-0.7%2C0.6-1.3%2C1.3-1.3c0.1%2C0%2C12%2C0%2C12.1%2C0v7H4.5V15.2z%20M17.9%2C17.9v10.1c-1.6-1.1-3.5-1.7-5.4-1.7c-2%2C0-3.8%2C0.6-5.4%2C1.7V17.9H17.9z%20M41.9%2C28.1l-9.2%2C11.2c0%2C0%2C0%2C0%2C0%2C0c-1.3%2C1.7-3.3%2C2.7-5.4%2C2.7h-12c-3%2C0-5.5-0.4-8.2-1.2v-8.2v-2.1l0.9-0.8c2.5-2.2%2C6.4-2.2%2C8.9%2C0c1.1%2C1%2C2.6%2C1.6%2C4.1%2C1.6h7.1c0.7%2C0%2C1.3%2C0.6%2C1.3%2C1.3c0%2C0.7-0.6%2C1.3-1.3%2C1.3H17.8c-0.7%2C0-1.3-0.3-1.3%2C0.4c0%2C0.7%2C0.6%2C1.3%2C1.3%2C1.3h10.4c1.1%2C0%2C1.3%2C0.4%2C2-0.4c0.3-0.4%2C8.4-9.6%2C8.7-9.9c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0.8-0.9%2C3.2%2C0.6%2C3.2%2C1.8C42.1%2C27.6%2C42.1%2C27.9%2C41.9%2C28.1z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 43px 43px;
}

.tnt-section--feature-app-item[data-feature-app="3"]::before {
  left: 34px;
  width: 45px;
  height: 43px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2045%2043.8%22%20fill%3D%22%231e2380%22%3E%3Cpath%20d%3D%22M44.1%2C43.8h-7c-0.5%2C0-0.9-0.4-0.9-0.9c0-0.5%2C0.4-0.9%2C0.9-0.9h7c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9C45%2C43.4%2C44.6%2C43.8%2C44.1%2C43.8z%20M39.7%2C9.6l1.2%2C1.2c0.2%2C0.2%2C0.3%2C0.4%2C0.3%2C0.6c0%2C0.2-0.1%2C0.5-0.3%2C0.6l-27%2C27.2c0%2C0%2C0%2C0%2C0%2C0c0%2C0-0.1%2C0-0.1%2C0.1c0%2C0%2C0%2C0-0.1%2C0c0%2C0-0.1%2C0-0.1%2C0c0%2C0-0.1%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0l-8.1%2C2.6h24.8c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9c0%2C0.5-0.4%2C0.9-0.9%2C0.9H0.9c-0.5%2C0-0.9-0.4-0.9-0.9c0-0.3%2C0.2-0.6%2C0.4-0.8c0%2C0%2C0%2C0%2C0%2C0l3.8-11.6c0.1-0.2%2C0.2-0.3%2C0.3-0.5c0-0.1%2C0.1-0.1%2C0.1-0.2L28.2%2C6.4l-1.1-1.1l-7.1%2C7.1c-0.3%2C0.4-0.9%2C0.4-1.3%2C0c-0.3-0.3-0.3-0.9%2C0-1.3L29.4%2C0.5c0.2-0.2%2C0.4-0.3%2C0.6-0.3c0.2%2C0%2C0.5%2C0.1%2C0.6%2C0.3L34%2C3.8l3.6-3.6c0.3-0.4%2C0.9-0.4%2C1.3%2C0l4.5%2C4.5c0.3%2C0.3%2C0.3%2C0.9%2C0%2C1.3L39.7%2C9.6z%20M4.1%2C36.9c0.1%2C0%2C0.2%2C0.1%2C0.2%2C0.2l2.5%2C2.5c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1l4.7-1.5l-6-6L4.1%2C36.9z%20M6.6%2C30.6l6.7%2C6.7l12.2-12.2l-6.7-6.7L6.6%2C30.6z%20M30%2C2.4L28.4%2C4l1.1%2C1.1l1.6-1.6L30%2C2.4z%20M32.4%2C4.8L20%2C17.2l6.7%2C6.7l6.8-6.9L29%2C12.4c-0.3-0.4-0.3-0.9%2C0-1.3c0.3-0.4%2C0.9-0.4%2C1.3%2C0l4.5%2C4.5l4.3-4.3L32.4%2C4.8z%20M38.2%2C2.2l-2.9%2C2.9l3.2%2C3.2l2.9-2.9L38.2%2C2.2z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 45px 43px;
}

.tnt-section--feature-app-item[data-feature-app="4"]::before {
  left: 36px;
  width: 40px;
  height: 49px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040.6%2049.3%22%20fill%3D%22%231e2380%22%3E%3Cpath%20d%3D%22M40.6%2C41.2c0%2C0.3-1%2C6.6-6.6%2C7.9c-0.1%2C0-0.1%2C0-0.2%2C0c-0.1%2C0.1-0.3%2C0.2-0.5%2C0.2H6c-0.5%2C0-0.9-0.4-0.9-0.9v-3.6H0.9C0.4%2C44.8%2C0%2C44.4%2C0%2C44V10.7c0-0.5%2C0.4-0.9%2C0.9-0.9s0.9%2C0.4%2C0.9%2C0.9v32.4h3.4V5.3c0-0.5%2C0.4-0.9%2C0.9-0.9h28.4V1.7H1.7v3.5c0%2C0.5-0.4%2C0.9-0.9%2C0.9S0%2C5.7%2C0%2C5.2V0.9C0%2C0.4%2C0.4%2C0%2C0.9%2C0h34.4c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9v3.6h3.7c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9V41C40.6%2C41.1%2C40.6%2C41.1%2C40.6%2C41.2z%20M34.1%2C47.3c2.8-0.9%2C4-3.6%2C4.5-5.2h-4.5V47.3z%20M38.9%2C6.2H6.8v41.4h25.6v-6.3c0-0.5%2C0.4-0.9%2C0.9-0.9h5.6V6.2z%20M31.5%2C32H14.4c-0.5%2C0-0.9-0.4-0.9-0.9c0-0.5%2C0.4-0.9%2C0.9-0.9h17.1c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9C32.4%2C31.6%2C32%2C32%2C31.5%2C32z%20M14.4%2C25.7h17c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9c0%2C0.5-0.4%2C0.9-0.9%2C0.9h-17c-0.5%2C0-0.9-0.4-0.9-0.9C13.6%2C26.1%2C14%2C25.7%2C14.4%2C25.7z%20M31.5%2C22.8H14.4c-0.5%2C0-0.9-0.4-0.9-0.9c0-0.5%2C0.4-0.9%2C0.9-0.9h17.1c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9C32.4%2C22.4%2C32%2C22.8%2C31.5%2C22.8z%20M26.3%2C18.2H14.4c-0.5%2C0-0.9-0.4-0.9-0.9c0-0.5%2C0.4-0.9%2C0.9-0.9h11.9c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9C27.2%2C17.8%2C26.8%2C18.2%2C26.3%2C18.2z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 40px 49px;
}

.tnt-newsacc {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 900px;
  padding: 40px 50px;
  margin: 0 auto;
  background-color: #fff;
}

.tnt-newsacc--info {
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.tnt-newsacc--info:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
}

.tnt-newsacc--info a {
  text-decoration: underline;
}

.tnt-newsacc--info a:hover {
  text-decoration: none;
}

.tnt-newsacc--info-item:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}

.tnt-newsacc--list {
}

.tnt-newsacc--item {

}

.tnt-newsacc--item {
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.tnt-newsacc--item dt {
  display: flex;
}

.tnt-newsacc--item dd {
  padding-left: 120px;
  margin-top: 10px;
}

.tnt-newsacc--item:not(.is-open) dd {
  display: none;
}

.tnt-newsacc--item:not(:last-child) {
  margin-bottom: 30px;
}

.tnt-newsacc--date {
  flex: 0 0 auto;
  width: 120px;
  font-weight: bold;
}

.tnt-newsacc--data {
  display: flex;
  flex: 1 1 auto;
}

.tnt-newsacc--title {
  flex: 1 1 auto;
}

.tnt-newsacc--title a {
  text-decoration: underline;
}

.tnt-newsacc--title a:hover {
  text-decoration: none;
}

.tnt-newsacc--more {
  flex: 0 0 auto;
  width: 120px;
  text-align: right;
}

.tnt-newsacc--more a {
  color: #1e217f;
  text-decoration: underline;
  letter-spacing: 0;
}

.tnt-newsacc--more a::before {
  content: "+ すべて見る";
}

.is-open .tnt-newsacc--more a::before {
  content: "- 閉じる";
}

@media screen and (max-width: 739px) {
  .tnt-newsacc {
    width: 100%;
    padding: 20px 15px;
  }

  .tnt-newsacc--item {
    font-size: 12px;
  }

  .tnt-newsacc--item dt {
    display: flex;
  }

  .tnt-newsacc--item dd {
    padding-left: 0;
    margin-top: 5px;
  }

  .tnt-newsacc--item:not(:last-child) {
    margin-bottom: 15px;
  }

  .tnt-newsacc--date {
    display: block;
    width: 100%;
  }

  .tnt-newsacc--title {
    display: block;
  }

  .tnt-newsacc--data {
    display: block;
  }

  .tnt-newsacc--more {
    width: 80px;
  }
}

.text-block-2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item-2col {
  width: 48%;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.item-txt {
  flex-grow: 1;
  margin-bottom: 10px;
}

.item-img {
  text-align: center;
  margin-bottom: 10px;
}

.item-img img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .text-block-2col {
    flex-direction: column;
  }

  .item-2col {
    width: 100%;
  }
}