@charset "UTF-8";
/*緑。こどもの国*/
/*日本語*/
@import url("https://fonts.googleapis.com/css?family=Quicksand:400,500,700");
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-DemiLight-sub-j1.woff") format("woff"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-Regular-sub-j1.woff") format("woff"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-Medium-sub-j1.woff") format("woff"); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-Bold-sub-j1.woff") format("woff"); }

/*日本語*/
/*------------------------------------------------------------------------------

ヘーベル元スタイルのリセット

------------------------------------------------------------------------------*/
body div, body dl, body dt, body dd, body ul, body ol, body li, body h1, body h2, body h3, body h4, body h5, body h6, body pre, body form, body fildset, body input, body textarea, body p, body blockquote, body table, body th, body td, body address {
  color: #252525; }

sub, sup {
  position: static; }

@media screen and (min-width: 740px) {
  body li {
    float: none; }
  body .wrap_footer li {
    float: left; }
  #footer {
    padding-top: 0;
    border-top: 1px solid #f3f3f3; } }

html {
  overflow-y: scroll; }
  @media screen and (max-width: 739px) {
    html {
      height: 100%; } }

.boriki2019_contents {
  -webkit-text-size-adjust: none;
  color: #252525;
  font-size: 18px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: "Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
  font-weight: 400;
  word-break: normal;
  word-wrap: break-word;
  z-index: 1; }
  @media screen and (max-width: 739px) {
    .boriki2019_contents {
      font-size: 3.6vw;
      -webkit-overflow-scrolling: touch; } }

.boriki2019_contents * {
  margin: 0;
  padding: 0;
  line-height: 1.1; }

ul, li, dl, dt {
  list-style-type: none; }

img {
  vertical-align: middle;
  border: none; }

/*p,dt,dd,li{text-align:justify;text-justify:inter-ideograph;}*/
.alignCenter {
  text-align: center; }

img.fitImg {
  max-width: 100%;
  height: auto; }

br {
  line-height: 1; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  /* Firefoxで、下マージン設定しているのに上にもアキができるバグ対策。追加 */ }

.serif {
  font-family: "Noto Serif JP","ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif; }

.sans_serif {
  font-family: "Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif; }

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #464646; }

p.img {
  margin: 5px 0; }

input[type="text"],
input[type="email"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  clear: both; }
  @media screen and (max-width: 739px) {
    .inner {
      width: 100%; } }

.sp_menu_screen {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 997;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none; }

.inner1440 {
  width: 1440px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 1440px) {
    .inner1440 {
      /*		overflow:hidden;*/
      width: 100%; } }

.inner1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  /*	overflow:hidden;*/ }
  @media screen and (max-width: 1200px) {
    .inner1200 {
      width: 100%; } }

.inner1000 {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  /*	overflow:hidden;*/ }
  @media screen and (max-width: 1000px) {
    .inner1000 {
      width: 100%; } }

.isSP {
  display: none; }
  @media screen and (max-width: 739px) {
    .isSP {
      display: block; } }

@media screen and (max-width: 1000px) {
  .isPC {
    display: none; } }

@media screen and (max-width: 1000px) {
  .pc_br {
    display: none; } }

.sp_br {
  display: none; }
  @media screen and (max-width: 1000px) {
    .sp_br {
      display: block; } }

/*------------------------------------------------------------------------------

slick上書き

------------------------------------------------------------------------------*/
.slick-list {
  /*	padding-top:15px !important;
	padding-bottom:15px !important;*/ }

.slick-dots {
  bottom: 0; }
  @media screen and (max-width: 739px) {
    .slick-dots {
      bottom: -8vw; } }

.slick-prev {
  width: 40px;
  height: 40px;
  left: calc(50% - 640px);
  z-index: 10; }
  @media screen and (max-width: 1200px) {
    .slick-prev {
      left: 0;
      display: none; } }
  @media screen and (max-width: 739px) {
    .slick-prev {
      left: 0;
      display: none; } }

.slick-next {
  width: 40px;
  height: 40px;
  right: calc(50% - 650px); }
  @media screen and (max-width: 1200px) {
    .slick-next {
      right: 0;
      display: none; } }
  @media screen and (max-width: 739px) {
    .slick-next {
      right: 0;
      display: none; } }

.slick-prev:before,
.slick-next:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg) translateY(-2px);
  -ms-transform: rotate(45deg) translateY(-2px);
  transform: rotate(45deg) translateY(-2px);
  -webkit-transform-origin: right 50% 0;
  -ms-transform-origin: right 50% 0;
  transform-origin: right 50% 0;
  opacity: 1; }
  @media screen and (max-width: 1200px) {
    .slick-prev:before,
    .slick-next:before {
      display: none; } }
  @media screen and (max-width: 739px) {
    .slick-prev:before,
    .slick-next:before {
      display: none; } }

.slick-prev:before {
  border-left: 2px solid #454545;
  border-bottom: 2px solid #454545; }

.slick-next:before {
  border-right: 2px solid #454545;
  border-top: 2px solid #454545; }

.slick-dots li button:before {
  opacity: 1;
  color: #454545; }

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #454545;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #454545;
  text-align: center; }

.slick-dots li.slick-active button:before {
  background: #f7f7f7; }

.slick-dots li.slick-active button:after {
  opacity: 1;
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: 10;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #9eb6e2;
  text-align: center; }

/*------------------------------------------------------------------------------

colorbox上書き

------------------------------------------------------------------------------*/
iframe.cboxIframe img {
  display: block;
  text-align: center; }

/*------------------------------------------------------------------------------

リセット

------------------------------------------------------------------------------*/
#footer {
  padding-top: 0;
  border-top: 1px solid #f3f3f3; }

.smile.ipad {
  background: none;
  padding-top: 80px;
  padding-bottom: 80px; }

.smile.ipad:before {
  display: none; }

.smile.ipad.inviewing:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
  background: url(/hebel-rooms/feature/boriki/saginuma/img/smileBG_sp.jpg) center/cover no-repeat;
  -webkit-background-size: cover; }

/*------------------------------------------------------------------------------

共通

------------------------------------------------------------------------------*/
.common_headline {
  font-weight: 700;
  font-size: 26px;
  text-align: center; }
  @media screen and (max-width: 739px) {
    .common_headline {
      font-size: 5.5vw;
      letter-spacing: 0.1em; } }

.common_headline em {
  display: block;
  padding-bottom: 25px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #9eb6e2;
  font-size: 14px; }
  @media screen and (max-width: 739px) {
    .common_headline em {
      padding-bottom: 4vw;
      font-size: 3.2vw; } }

.common_headline small {
  display: inline-block;
  margin-right: 20px;
  font-size: 18px;
  color: #666;
  font-weight: 700; }
  @media screen and (max-width: 739px) {
    .common_headline small {
      display: block;
      padding-bottom: 2vw;
      margin-right: 0;
      font-size: 4.4vw; } }

.common_lead {
  text-align: center; }

.common_lead p {
  display: inline-block;
  max-width: 800px;
  text-align: left;
  padding-top: 40px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300; }
  @media screen and (max-width: 739px) {
    .common_lead p {
      display: block;
      max-width: auto;
      width: 89.33%;
      margin: 0 auto;
      padding-top: 6vw;
      text-align: justify;
      font-size: 3.8vw; } }

.common_image_full {
  width: 100%;
  padding-top: 30px;
  text-align: center; }
  @media screen and (max-width: 739px) {
    .common_image_full {
      width: 89.33%;
      margin: 0 auto;
      padding-top: 8vw; } }

.common_image_full img {
  max-width: 100%; }
  @media screen and (max-width: 739px) {
    .common_image_full img {
      max-width: 100%; } }

/*------------------------------------------------------------------------------

header

------------------------------------------------------------------------------*/
.header_boriki {
  width: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  height: 108px;
  clear: both; }
  @media screen and (max-width: 739px) {
    .header_boriki {
      left: 0;
      top: 0;
      height: 16vw;
      background: #fff; } }

/*
.header_boriki:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:120px;
	height:108px;
	background:url(/hebel-rooms/feature/boriki/img/logo_header_pc.png) no-repeat left top;
	@include breakpoint{
		left:4vw;
		top:0;
		width:30vw;
		height:16vw;
		background:url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat left center;
		background-size:100% auto;
	}
}
*/
.header_logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  height: 108px;
  background: url(/hebel-rooms/feature/boriki/img/logo_header_pc.png) no-repeat left top; }
  @media screen and (max-width: 739px) {
    .header_logo {
      left: 4vw;
      top: 0;
      width: 30vw;
      height: 16vw;
      background: url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat left center;
      background-size: 100% auto; } }

@media screen and (min-width: 1440px) {
  /*
	.header_boriki:after{
		left:calc(50% - 720px);
	}
*/
  .header_logo {
    left: calc(50% - 720px); } }

.header_sp_switch {
  display: none; }
  @media screen and (max-width: 739px) {
    .header_sp_switch {
      display: block;
      margin-top: 3vw;
      overflow: hidden;
      position: relative;
      width: 10vw;
      height: 10vw;
      border-radius: 0 3px 3px 0;
      background: #f0f0f0;
      text-indent: -9999px; } }

@media screen and (max-width: 739px) {
  .header_sp_switch:before,
  .header_sp_switch:after {
    content: "";
    display: block;
    position: absolute;
    left: 2vw;
    top: 4vw;
    width: 6vw;
    height: 2px;
    background: #454545;
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    -o-transition: transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s; } }

@media screen and (max-width: 739px) {
  .header_sp_switch:after {
    top: 6vw; } }

@media screen and (max-width: 739px) {
  .header_sp_switch.isOpen:before {
    left: 2vw;
    top: 5vw;
    width: 6vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; } }

@media screen and (max-width: 739px) {
  .header_sp_switch.isOpen:after {
    left: 2vw;
    top: 5vw;
    width: 6vw;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; } }

.header_boriki .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media screen and (max-width: 1200px) {
    .header_boriki .inner {
      width: 100%; } }
  @media screen and (max-width: 739px) {
    .header_boriki .inner {
      width: 96%;
      margin: 0 auto;
      position: initial; } }

.header_menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 30px; }
  @media screen and (max-width: 739px) {
    .header_menu_list {
      width: 100%;
      position: absolute;
      display: block;
      left: 0;
      top: 15vw;
      background: #fff;
      padding-top: 0;
      display: none; } }

.header_menu_list li {
  padding-left: 40px; }
  @media screen and (max-width: 1100px) {
    .header_menu_list li {
      padding-left: 2.6vw; } }
  @media screen and (max-width: 739px) {
    .header_menu_list li {
      padding-left: 0;
      width: 94.66%;
      margin: 0 auto; } }

.header_menu_list a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.15em;
  position: relative; }
  @media screen and (max-width: 1100px) {
    .header_menu_list a {
      font-size: 1.25vw; } }
  @media screen and (max-width: 739px) {
    .header_menu_list a {
      display: block;
      padding: 4vw 3vw;
      color: #999;
      font-size: 3vw;
      letter-spacing: 0.1em;
      border-bottom: 1px solid #e6e6e6; } }

.header_menu_list a:hover {
  color: #fff; }
  @media screen and (max-width: 739px) {
    .header_menu_list a:hover {
      color: #151515; } }

.header_menu_list a:link,
.header_menu_list a:active,
.header_menu_list a:visited {
  color: #fff; }
  @media screen and (max-width: 739px) {
    .header_menu_list a:link,
    .header_menu_list a:active,
    .header_menu_list a:visited {
      color: #252525; } }

.header_sp_menu {
  display: none; }
  @media screen and (max-width: 739px) {
    .header_sp_menu {
      display: block;
      margin-top: 3vw;
      height: auto; } }

.header_menu_list a:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rgba(243, 233, 223, 0);
  z-index: -1;
  -webkit-transition: background ease 0.4s;
  -o-transition: background ease 0.4s;
  transition: background ease 0.4s; }

.header_menu_list a:hover:after {
  background: #f3e9df; }

.header_menu_out {
  background: #9eb6e2 url(/hebel-rooms/feature/boriki/img/icon_lenz.png) no-repeat 15px center;
  background-size: 16px auto;
  padding: 12px 22px 12px 45px;
  border-radius: 25px;
  -webkit-transition: background-color ease 0.4s;
  -o-transition: background-color ease 0.4s;
  transition: background-color ease 0.4s; }
  @media screen and (max-width: 1100px) {
    .header_menu_out {
      background: #9eb6e2 url(/hebel-rooms/feature/boriki/img/icon_lenz.png) no-repeat 1.5vw center;
      background-size: 1.8vw auto;
      padding: 10px 15px 10px 4vw;
      border-radius: 25px;
      -webkit-transition: background-color ease 0.4s;
      -o-transition: background-color ease 0.4s;
      transition: background-color ease 0.4s; } }
  @media screen and (max-width: 739px) {
    .header_menu_out {
      display: inline-block;
      height: 6.5vw;
      background: #9eb6e2 url(/hebel-rooms/feature/boriki/img/icon_lenz.png) no-repeat 3vw center;
      background-size: 3vw auto;
      padding: 3.5vw 4vw 0 8vw;
      border-radius: 3px 0 0 3px;
      color: #fff !important;
      font-size: 3.2vw;
      letter-spacing: 0.2em; } }

.header_menu_out:hover {
  text-decoration: none;
  background-color: #c1d2f0;
  color: #fff; }

/*スクロール中*/
.header_boriki.interArea {
  background: white;
  height: 80px; }
  @media screen and (max-width: 739px) {
    .header_boriki.interArea {
      height: 16vw; } }

.header_boriki.interArea .header_menu_list a {
  color: #252525; }

.header_boriki.interArea .header_menu_list .header_menu_out {
  color: #fff; }

@media screen and (max-width: 739px) {
  .header_menu_list .header_menu_out {
    display: block;
    height: auto;
    background: url(/hebel-rooms/feature/boriki/img/icon_lenz_pink.png) no-repeat 3vw center;
    background-size: 3vw auto;
    padding: 6vw 3vw 6vw 8vw;
    border-radius: 0;
    color: #9eb6e2 !important;
    font-size: 3vw;
    font-weight: 700;
    letter-spacing: 0.1em; } }

/*
.header_boriki.interArea:after{
	left:20px;
	width:165px;
	height:62px;
	background:url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat left 20px;
	background-size:100% auto;
	@include breakpoint{
		left:4vw;
		width:25vw;
		height:16vw;
		background:url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat left center;
		background-size:100% auto;
	}
}
*/
.header_boriki.interArea .header_logo {
  left: 20px;
  width: 165px;
  height: 62px;
  background: url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat left 20px;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .header_boriki.interArea .header_logo {
      left: 4vw;
      width: 25vw;
      height: 16vw;
      background: url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat left center;
      background-size: 100% auto; } }

/*------------------------------------------------------------------------------

看板部分
	@include breakpoint{
	}

------------------------------------------------------------------------------*/
.board {
  width: 100%;
  min-width: 1200px;
  /*	height:100%;*/
  background: url(/hebel-rooms/feature/boriki/saginuma/img/boardBG_pc.jpg) no-repeat center top;
  border-top: 10px solid #fff;
  position: relative;
  z-index: 1;
  clear: both; }
  @media screen and (max-width: 739px) {
    .board {
      min-width: 0;
      background: #f7f7f7 url(/hebel-rooms/feature/boriki/saginuma/img/boardBG_sp.jpg) no-repeat center 16vw;
      background-size: 100% auto;
      border-top: none; } }

.board:after,
.board:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background: #fff;
  z-index: 980; }
  @media screen and (max-width: 739px) {
    .board:after,
    .board:before {
      width: 2vw; } }

.board:before {
  left: 0; }

.board:after {
  right: 0; }

.board_text {
  height: 710px; }
  @media screen and (max-width: 739px) {
    .board_text {
      height: auto;
      min-height: 143vw;
      position: relative; } }

.board_headline {
  padding-top: 280px;
  text-align: center; }
  @media screen and (max-width: 739px) {
    .board_headline {
      padding-top: 60vw;
      width: 77%;
      margin: 0 auto; } }

.board_headline img {
  width: 403px; }
  @media screen and (max-width: 739px) {
    .board_headline img {
      width: 100%;
      max-width: 100%; } }

.board_cacth {
  text-align: center;
  padding-top: 15px;
  font-size: 22px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .board_cacth {
      padding-top: 15px;
      font-size: 4.4vw; } }

.board_cacth_num {
  font-size: 38px; }

@media screen and (max-width: 739px) {
  .board_cacth span {
    font-size: 6vw; } }

.board_cacth small {
  font-size: 16px; }
  @media screen and (max-width: 739px) {
    .board_cacth small {
      font-size: 3vw; } }

.board_spec_list {
  width: 730px;
  margin: 0 auto;
  margin-top: 30px;
  height: 45px;
  background: #9eb6e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-radius: 3px; }
  @media screen and (max-width: 739px) {
    .board_spec_list {
      position: absolute;
      z-index: 10;
      left: 0;
      bottom: 0%;
      width: 100%;
      background: url(/hebel-rooms/feature/boriki/saginuma/img/board_spec_listBG.png) no-repeat center top;
      background-size: 100% auto;
      margin-top: 0;
      height: 34vw;
      border-radius: 0; } }

.board_spec_item {
  /*	padding:12px 0;
	width:33.33%;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }
  @media screen and (max-width: 739px) {
    .board_spec_item {
      width: 33.33%;
      display: block;
      width: 94%;
      margin: 0 auto; } }

.board_spec_item:after {
  content: "";
  display: block;
  position: absolute;
  left: 115%;
  top: calc(50% - 7px);
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.5); }
  @media screen and (max-width: 739px) {
    .board_spec_item:after {
      left: 90%;
      top: calc(50% - 5vw);
      width: 1px;
      height: 10vw;
      background: rgba(255, 255, 255, 0.4); } }

.board_spec_item:last-child:after {
  display: none; }

@media screen and (max-width: 739px) {
  .board_spec_item:nth-child(2):after {
    left: 105%; } }

.board_spec_name {
  padding-right: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.075em; }
  @media screen and (max-width: 739px) {
    .board_spec_name {
      padding-right: 0;
      font-size: 3vw;
      text-align: center; } }

.board_spec_number {
  color: #fff;
  font-size: 22px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .board_spec_number {
      padding-top: 2vw;
      font-size: 4vw;
      text-align: center; } }

.board_spec_number em {
  font-style: normal;
  font-size: 24px;
  font-weight: 700;
  vertical-align: text-bottom; }
  @media screen and (max-width: 739px) {
    .board_spec_number em {
      font-size: 4vw;
      vertical-align: top; } }

.board_spec_number_med {
  font-size: 18px; }

.board_spec_number small {
  font-size: 12px; }
  @media screen and (max-width: 739px) {
    .board_spec_number small {
      font-size: 2.8vw; } }

@media screen and (max-width: 739px) {
  .board_spec_number span {
    font-size: 3.4vw; } }

.board_spec_text {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.075em; }
  @media screen and (max-width: 739px) {
    .board_spec_text {
      padding-top: 2vw;
      font-size: 3.4vw;
      text-align: center; } }

.board_spec_text em {
  font-style: normal;
  font-size: 24px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  vertical-align: text-bottom; }
  @media screen and (max-width: 739px) {
    .board_spec_text em {
      font-size: 4vw; } }

/**/
.board_about {
  width: 100%;
  min-width: 1200px;
  padding-top: 80px;
  padding-bottom: 450px;
  position: relative;
  background: #f7f7f7 url(/hebel-rooms/feature/boriki/saginuma/img/aboutBG_pc.jpg) no-repeat center bottom;
  clear: both; }
  @media screen and (max-width: 739px) {
    .board_about {
      min-width: 0;
      padding-top: 10vw;
      padding-bottom: 80vw;
      background: #f7f7f7 url(/hebel-rooms/feature/boriki/saginuma/img/aboutBG_sp.jpg) no-repeat center bottom;
      background-size: 100% auto;
      position: relative;
      margin-bottom: 5vw; } }

.board_about:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 450px;
  width: 100%;
  height: 30px;
  background: #fff; }
  @media screen and (max-width: 739px) {
    .board_about:after {
      bottom: 56vw;
      height: 7vw; } }

@media screen and (max-width: 739px) {
  .board_about:before {
    content: "image photo";
    position: absolute;
    left: 2vw;
    top: 100%;
    z-index: 10;
    color: #999;
    font-size: 2vw; } }

.board_about_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 110px; }
  @media screen and (max-width: 739px) {
    .board_about_box {
      display: block;
      width: 89.33%;
      margin: 0 auto;
      padding-bottom: 0; } }

.board_about_image {
  width: 570px;
  padding-right: 30px; }
  @media screen and (max-width: 739px) {
    .board_about_image {
      width: 100%;
      padding-right: 0; } }

.board_about_image img {
  display: inline-block;
  max-width: 100%;
  border-radius: 13px;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 739px) {
    .board_about_image img {
      border-radius: 3vw; } }

.board_about_image small {
  display: block;
  padding-top: 15px;
  font-size: 10px;
  font-weight: 300;
  color: #999;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .board_about_image small {
      font-size: 2.6vw; } }

.board_about_info {
  width: 570px;
  padding-left: 30px; }
  @media screen and (max-width: 739px) {
    .board_about_info {
      width: 100%;
      padding-left: 0;
      padding-top: 6vw; } }

.board_about_headline {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.6;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .board_about_headline {
      font-size: 5vw; } }

.board_about_headline small {
  font-weight: 300;
  font-size: 26px; }

.board_about_text {
  padding-top: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.075em; }
  @media screen and (max-width: 739px) {
    .board_about_text {
      padding-top: 5vw;
      font-size: 3.6vw;
      line-height: 1.7; } }

.board_about_link {
  padding-top: 35px; }
  @media screen and (max-width: 739px) {
    .board_about_link {
      padding-top: 8vw;
      text-align: center; } }

.board_about_link a {
  display: inline-block;
  padding: 1em 2em;
  border-radius: 25px;
  border: 1px solid #ccc;
  font-weight: 300;
  font-size: 14px;
  color: #252525;
  -webkit-transition: color ease 0.4s,background-color ease 0.4s;
  -o-transition: color ease 0.4s,background-color ease 0.4s;
  transition: color ease 0.4s,background-color ease 0.4s; }
  @media screen and (max-width: 739px) {
    .board_about_link a {
      padding: 1.5em 2.5em;
      border-radius: 8vw;
      font-size: 3.6vw; } }

.board_about_link a:hover {
  color: #fff;
  background-color: #ccc; }

.board_about_link a:link,
.board_about_link a:visited {
  color: #252525; }

/*------------------------------------------------------------------------------

design
	@include breakpoint{
	}

------------------------------------------------------------------------------*/
.design {
  width: 100%;
  min-width: 1200px;
  padding-top: 80px;
  background: #fff;
  clear: both;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 739px) {
    .design {
      min-width: 0;
      padding-top: 10vw;
      background: #fff; } }

.design_list {
  width: 100%;
  padding-top: 80px; }
  @media screen and (max-width: 739px) {
    .design_list {
      width: 89.33%;
      margin: 0 auto;
      padding-top: 10vw; } }

.design_list_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*	align-items: end;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 110px; }
  @media screen and (max-width: 739px) {
    .design_list_item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 12vw; } }

.design_list_item:last-child {
  margin-bottom: 0; }

.design_item_image {
  width: 630px; }
  @media screen and (max-width: 739px) {
    .design_item_image {
      width: 100%;
      padding-top: 4vw;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }

.design_item_image img {
  display: inline-block;
  border-radius: 11px;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  max-width: 100%; }
  @media screen and (max-width: 739px) {
    .design_item_image img {
      border-radius: 2vw; } }

.design_item_image_cap {
  display: block;
  padding-top: 8px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .design_item_image_cap {
      padding-top: 2vw;
      font-size: 3.6vw;
      letter-spacing: 0.1em; } }

.design_item_image em {
  display: inline-block;
  margin-left: 0.3em;
  font-style: normal;
  color: #9eb6e2; }

.design_item_image small {
  display: inline-block;
  margin-left: 0.5em;
  font-family: "Noto Sans JP";
  font-weight: 300;
  color: #999;
  font-size: 10px; }
  @media screen and (max-width: 739px) {
    .design_item_image small {
      font-size: 2.6vw;
      vertical-align: middle; } }

.design_item_info {
  width: 470px;
  padding-left: 100px;
  padding-bottom: 25px; }
  @media screen and (max-width: 739px) {
    .design_item_info {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: 100%;
      padding-left: 0;
      padding-top: 4vw;
      padding-bottom: 6vw; } }

.design_item_headline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  font-size: 22px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .design_item_headline {
      font-size: 5vw;
      letter-spacing: 0.075em; } }

.design_item_headline em {
  display: inline-block;
  background: #454545;
  border-radius: 3px;
  margin-right: 10px;
  padding: 3px 1em;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  color: #fff; }
  @media screen and (max-width: 739px) {
    .design_item_headline em {
      border-radius: 1vw;
      min-width: 3.6em;
      margin-right: 3vw;
      text-align: center;
      padding: 0.2em 0.6em;
      font-size: 3vw; } }

.design_item_headline em.color_gold {
  background: #c49361; }

.design_item_headline em.color_green {
  background: #9eb6e2; }

.design_headline_sub {
  display: block;
  /*
	position:absolute;
	left:0;
	bottom:180%;
*/
  font-style: normal;
  font-size: 50px;
  color: #f3efeb;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700; }

.design_item_text {
  width: 430px;
  margin: 0 auto 0 0;
  padding-top: 30px;
  font-size: 16px;
  font-family: "Noto Sans JP";
  font-weight: 400;
  color: #333;
  line-height: 1.8;
  letter-spacing: 0.075em;
  text-align: justify; }
  @media screen and (max-width: 739px) {
    .design_item_text {
      width: 100%;
      margin: 0;
      padding-top: 5vw;
      font-size: 3.6vw; } }

.design_item_num {
  width: 430px;
  margin: 0 auto 0 0;
  margin-top: 40px;
  position: relative;
  text-align: left;
  z-index: 10; }
  @media screen and (max-width: 739px) {
    .design_item_num {
      width: 100%;
      margin: 3vw 0 0 0;
      text-align: right; } }

.design_item_num em {
  display: inline-block;
  padding-right: 1em;
  background: #fff;
  font-size: 14px;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-style: normal;
  color: #9eb6e2;
  z-index: 10;
  letter-spacing: 0.075em; }
  @media screen and (max-width: 739px) {
    .design_item_num em {
      padding-right: 0;
      padding-left: 1em;
      font-size: 3.4vw; } }

.design_item_num:after {
  content: "";
  display: block;
  position: absolute;
  right: 50px;
  top: 50%;
  width: calc(100% - 50px);
  height: 1px;
  background: #9eb6e2;
  z-index: -1; }
  @media screen and (max-width: 739px) {
    .design_item_num:after {
      right: auto;
      left: 12vw;
      width: calc(100% - 12vw);
      height: 1px; } }

.design_item_num:before {
  content: "";
  display: block;
  position: absolute;
  right: 50px;
  top: calc(50% - 1px);
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #9eb6e2;
  z-index: 10; }
  @media screen and (max-width: 739px) {
    .design_item_num:before {
      right: auto;
      left: 12vw;
      top: calc(50% - 2px);
      width: 6px;
      height: 6px;
      border-radius: 3px; } }

/*偶数行*/
.design_item_image + .design_item_info {
  width: 535px;
  padding-left: 35px; }
  @media screen and (max-width: 739px) {
    .design_item_image + .design_item_info {
      width: 100%;
      padding-left: 0; } }

.design_item_image + .design_item_info .design_item_num {
  text-align: right; }

.design_item_image + .design_item_info .design_item_image_cap {
  padding-left: 1em; }

.design_item_image + .design_item_info .design_item_num:after {
  right: auto;
  left: 50px; }
  @media screen and (max-width: 739px) {
    .design_item_image + .design_item_info .design_item_num:after {
      left: 12vw; } }

.design_item_image + .design_item_info .design_item_num:before {
  right: auto;
  left: 50px; }
  @media screen and (max-width: 739px) {
    .design_item_image + .design_item_info .design_item_num:before {
      left: 12vw; } }

/*------------------------------------------------------------------------------

plan

------------------------------------------------------------------------------*/
.plan {
  width: 100%;
  min-width: 1200px;
  padding-top: 110px;
  padding-bottom: 100px;
  background: #fff;
  clear: both;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 739px) {
    .plan {
      min-width: 0;
      padding-top: 14vw;
      padding-bottom: 10vw;
      background: #fff; } }

.plan .common_headline + .common_image_full {
  padding-top: 55px; }
  @media screen and (max-width: 739px) {
    .plan .common_headline + .common_image_full {
      padding-top: 8vw; } }

.plan_box {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 739px) {
    .plan_box {
      width: 94.66%;
      margin: 0 auto;
      padding-top: 10vw;
      border-bottom: 1px solid #e6e6e6; } }

.plan_box dt {
  display: none; }
  @media screen and (max-width: 739px) {
    .plan_box dt {
      width: 100%;
      display: block;
      padding: 4vw 0;
      position: relative;
      border-top: 1px solid #e6e6e6;
      background-size: 5vw auto;
      text-indent: 3vw;
      font-size: 6vw;
      font-family: 'Quicksand', sans-serif;
      font-weight: 500;
      letter-spacing: 0.075em; } }

@media screen and (max-width: 739px) {
  .plan_box dt em {
    display: inline-block;
    text-indent: 1.3vw;
    color: #9eb6e2;
    font-weight: 500;
    font-style: normal; } }

@media screen and (max-width: 739px) {
  .plan_box dt:after {
    content: "";
    position: absolute;
    top: 48%;
    right: 5.2vw;
    width: 1.2vw;
    height: 1.2vw;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-2px);
    -ms-transform: rotate(45deg) translateY(-2px);
    transform: rotate(45deg) translateY(-2px);
    -webkit-transform-origin: right 50% 0;
    -ms-transform-origin: right 50% 0;
    transform-origin: right 50% 0;
    z-index: 10; } }

@media screen and (max-width: 739px) {
  .plan_box dt:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 2.5vw);
    right: 3vw;
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    background: #9eb6e2; } }

@media screen and (max-width: 739px) {
  .plan_box dt.isOpen:after {
    top: 52%;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: none;
    border-bottom: none; } }

@media screen and (max-width: 739px) {
  .plan_box dt.isOpen + dd {
    display: block; } }

.plan_box dd {
  width: 100%;
  border-bottom: 1px solid #f3efeb;
  padding-bottom: 80px;
  margin-bottom: 60px; }
  @media screen and (max-width: 739px) {
    .plan_box dd {
      width: 89.33%;
      margin: 0 auto;
      border-bottom: none;
      padding-bottom: 10vw;
      margin-bottom: 0;
      border-top: 1px solid #e6e6e6;
      display: none; } }

/*間取り図*/
.plan_madori_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 739px) {
    .plan_madori_list {
      display: block;
      padding-top: 6vw; } }

.plan_madori_item {
  width: 470px; }
  @media screen and (max-width: 739px) {
    .plan_madori_item {
      width: 100%;
      margin-bottom: 10vw; } }

.plan_madori_item.full {
  width: 100%; }

.plan_madori_title {
  width: 654px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .plan_madori_title {
      display: none; } }

@media screen and (max-width: 739px) {
  .set .plan_madori_title {
    display: block;
    width: 100%; } }

.plan_madori_title b {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px 0 0 4px;
  background: #9eb6e2;
  padding: 6px 15px 0 15px;
  height: 30px;
  font-weight: 400;
  font-size: 16px;
  color: #fff; }
  @media screen and (max-width: 739px) {
    .plan_madori_title b {
      display: none; } }

.plan_madori_title em {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  background: #454545;
  padding: 8px 12px 0 12px;
  height: 30px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  color: #fff; }
  @media screen and (max-width: 739px) {
    .plan_madori_title em {
      background: none;
      color: #454545;
      border-radius: 4px;
      padding: 1.5vw 2vw 0 2vw;
      height: 6.5vw;
      font-size: 3vw; } }

.plan_madori_title b + em {
  border-radius: 0 4px 4px 0; }
  @media screen and (max-width: 739px) {
    .plan_madori_title b + em {
      border-radius: 4px; } }

.plan_madori_image {
  width: 100%;
  padding-top: 40px;
  text-align: center; }
  @media screen and (max-width: 739px) {
    .plan_madori_image {
      padding-top: 5vw; } }

.plan_madori_image img {
  max-width: 100%; }
  @media screen and (max-width: 739px) {
    .plan_madori_image img {
      margin-top: -2vw; } }

.plan_madori_image.size60 img {
  max-width: 60%; }
  @media screen and (max-width: 739px) {
    .plan_madori_image.size60 img {
      max-width: 100%; } }

.plan_madori_image.size70 img {
  max-width: 70%; }
  @media screen and (max-width: 739px) {
    .plan_madori_image.size70 img {
      max-width: 100%; } }

.plan_madori_image.size80 img {
  max-width: 80%; }
  @media screen and (max-width: 739px) {
    .plan_madori_image.size80 img {
      max-width: 100%; } }

/*ブロックB*/
.plan_box dd.block_b {
  width: 660px;
  margin: 0 auto;
  margin-bottom: 60px; }
  @media screen and (max-width: 739px) {
    .plan_box dd.block_b {
      width: 89.33%;
      margin: 0 auto;
      margin-bottom: 0; } }

.block_b .plan_madori_list {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.block_b .plan_madori_item {
  width: 265px; }
  @media screen and (max-width: 739px) {
    .block_b .plan_madori_item {
      width: 100%; } }

@media screen and (max-width: 739px) {
  .block_b .plan_madori_image img {
    margin-top: -4vw; } }

/*スペックテキスト*/
.plan_spec_list {
  width: 660px;
  margin: 0 auto;
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 739px) {
    .plan_spec_list {
      width: 100%;
      padding-top: 2vw; } }

.plan_spec_item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 320px;
  border: 1px solid #c1d2f0;
  border-radius: 5px;
  padding: 30px 0;
  margin-bottom: 20px; }
  @media screen and (max-width: 739px) {
    .plan_spec_item {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 48%;
      border: 1px solid #c1d2f0;
      border-radius: 5px;
      padding: 4vw 0; } }

.plan_spec_item p {
  width: 260px;
  margin: 0 auto; }
  @media screen and (max-width: 739px) {
    .plan_spec_item p {
      width: 94%;
      margin: 0 auto; } }

.plan_spec_title {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .plan_spec_title {
      font-size: 2.8vw;
      letter-spacing: 0.05em; } }

.plan_spec_title b {
  display: inline-block;
  margin-left: 10px;
  font-weight: 500;
  color: #9eb6e2;
  font-size: 18px;
  vertical-align: text-bottom; }
  @media screen and (max-width: 739px) {
    .plan_spec_title b {
      margin-left: 1vw;
      font-size: 3.6vw; } }

.plan_spec_title small {
  margin: 0 4px;
  display: inline-block;
  font-size: 12px;
  color: #252525; }
  @media screen and (max-width: 739px) {
    .plan_spec_title small {
      margin: 0 0.5vw;
      font-size: 2.5vw; } }

.plan_spec_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em; }

.plan_spec_type {
  font-size: 20px; }
  @media screen and (max-width: 739px) {
    .plan_spec_type {
      font-size: 3.4vw; } }

.plan_spec_type em {
  font-style: normal;
  font-weight: 400;
  font-size: 24px; }
  @media screen and (max-width: 739px) {
    .plan_spec_type em {
      font-size: 4.6vw; } }

.plan_spec_space {
  font-size: 28px; }
  @media screen and (max-width: 739px) {
    .plan_spec_space {
      font-size: 4vw;
      letter-spacing: 0; } }

.plan_spec_space em {
  font-style: normal;
  font-weight: 400;
  font-size: 36px; }
  @media screen and (max-width: 739px) {
    .plan_spec_space em {
      font-size: 5vw; } }

.plan_spec_space small {
  font-size: 16px; }
  @media screen and (max-width: 739px) {
    .plan_spec_space small {
      font-size: 3vw; } }

.plan_spec_lb {
  padding-top: 20px;
  width: 100%;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .plan_spec_lb {
      padding-top: 3vw; } }

.plan_spec_lb a {
  display: block;
  background: #9eb6e2;
  border-radius: 20px;
  padding: 8px 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  -webkit-transition: background-color ease 0.4s;
  -o-transition: background-color ease 0.4s;
  transition: background-color ease 0.4s; }
  @media screen and (max-width: 739px) {
    .plan_spec_lb a {
      border-radius: 20px;
      padding: 2vw 0;
      font-size: 3vw; } }

.plan_spec_lb a:hover {
  color: #fff;
  background-color: #c1d2f0; }

.plan_spec_lb a:link,
.plan_spec_lb a:visited,
.plan_spec_lb a:active {
  color: #fff; }

@media screen and (max-width: 739px) {
  .tate_lb_box {
    height: 100%;
    text-align: center; } }

@media screen and (max-width: 739px) {
  .tate_lb_box img {
    max-height: 100%; } }

/*------------------------------------------------------------------------------

link

------------------------------------------------------------------------------*/
.other_link_list {
  width: 640px;
  margin: 0 auto;
  padding-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  clear: both;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 739px) {
    .other_link_list {
      width: 80%;
      margin: 0 auto;
      padding-top: 6vw;
      display: block; } }

.other_link_list li {
  width: 270px; }
  @media screen and (max-width: 739px) {
    .other_link_list li {
      width: 100%;
      margin-bottom: 6vw; } }

.other_link_list li a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 0 15px 15px;
  border-radius: 27px;
  background: #454545 url(/hebel-rooms/feature/boriki/img/icon_letter.png) no-repeat 40px center;
  background-size: 17px auto;
  text-align: center;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.1em;
  -webkit-transition: background-color ease 0.4s;
  -o-transition: background-color ease 0.4s;
  transition: background-color ease 0.4s; }
  @media screen and (max-width: 739px) {
    .other_link_list li a {
      padding: 4vw 0;
      border-radius: 6vw;
      background: #454545 url(/hebel-rooms/feature/boriki/img/icon_letter.png) no-repeat 15vw center;
      background-size: 5vw auto;
      font-size: 3.6vw; } }

.other_link_list li:first-child a {
  background: #9eb6e2 url(/hebel-rooms/feature/boriki/img/icon_lenz.png) no-repeat 52px center;
  background-size: 16px auto; }
  @media screen and (max-width: 739px) {
    .other_link_list li:first-child a {
      background: #9eb6e2 url(/hebel-rooms/feature/boriki/img/icon_lenz.png) no-repeat 15.5vw center;
      background-size: 4.4vw auto; } }

.other_link_list li em {
  display: inline-block;
  width: 100%;
  padding-top: 18px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  font-style: normal;
  font-weight: 400; }
  @media screen and (max-width: 739px) {
    .other_link_list li em {
      padding-top: 3vw;
      font-size: 3.4vw; } }

.other_link_list li a:hover {
  background-color: #7d7d7d; }

.other_link_list li:first-child a:hover {
  background-color: #c1d2f0; }

/*------------------------------------------------------------------------------

voice
PCはスライダ、SPは縦並び一部目隠し

------------------------------------------------------------------------------*/
.voice {
  width: 100%;
  min-width: 1200px;
  background: #f7f7f7;
  padding-top: 80px;
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
  clear: both; }
  @media screen and (max-width: 739px) {
    .voice {
      min-width: 0;
      padding-top: 12vw;
      padding-bottom: 5vw; } }

.voice:after,
.voice:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background: #fff;
  z-index: 980; }
  @media screen and (max-width: 739px) {
    .voice:after,
    .voice:before {
      display: none; } }

.voice:before {
  left: 0; }

.voice:after {
  right: 0; }

.voice_slider_box {
  width: 100%;
  padding-top: 55px;
  position: relative;
  z-index: 990; }
  @media screen and (max-width: 739px) {
    .voice_slider_box {
      width: 89.33%;
      margin: 0 auto;
      padding-top: 55px;
      height: 300vw;
      overflow: hidden;
      -webkit-transition: height ease 0.6s;
      -o-transition: height ease 0.6s;
      transition: height ease 0.6s; } }

@media screen and (max-width: 739px) {
  .voice_slider_box.isOpen {
    height: auto;
    padding-bottom: 40vw; } }

.voice_slider_list {
  width: 100%;
  padding-bottom: 40px;
  overflow: hidden; }
  @media screen and (max-width: 739px) {
    .voice_slider_list {
      width: 100%;
      padding-bottom: 0; } }

.slider_item {
  width: 1200px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  z-index: 8;
  position: relative;
  outline: none; }
  @media screen and (max-width: 1360px) {
    .slider_item {
      padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 739px) {
    .slider_item {
      width: 100%;
      padding-left: 0px;
      padding-right: 0px;
      margin-bottom: 10vw; } }

.slider_contents {
  width: 1200px;
  margin: 0 auto;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
  z-index: 11; }
  @media screen and (max-width: 739px) {
    .slider_contents {
      width: 100%;
      border-radius: 2vw;
      display: block;
      -webkit-box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2); } }

.slider_contents_info {
  width: 50%; }
  @media screen and (max-width: 739px) {
    .slider_contents_info {
      width: 90%;
      margin: 0 auto; } }

.slider_contents_num {
  position: absolute;
  left: 10px;
  top: 10px; }
  @media screen and (max-width: 739px) {
    .slider_contents_num {
      position: relative;
      left: auto;
      top: auto;
      padding-top: 3vw; } }

.slider_contents_num em {
  display: inline-block;
  background: #a18dd3;
  border-radius: 5px;
  padding: 8px 15px;
  color: #fff;
  font-size: 14px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-style: normal; }
  @media screen and (max-width: 739px) {
    .slider_contents_num em {
      border-radius: 1vw;
      padding: 1.3vw 1.2em;
      font-size: 3.4vw;
      letter-spacing: 0.075em; } }

.slider_contents_subhead {
  width: 400px;
  margin: 0 auto;
  position: relative;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4; }
  @media screen and (max-width: 739px) {
    .slider_contents_subhead {
      width: 100%;
      padding-top: 5vw;
      font-size: 5vw; } }

.slider_contents_subhead:after {
  content: "";
  display: block;
  position: absolute;
  left: -44px;
  top: -18px;
  width: 36px;
  height: 29px;
  background: url(/hebel-rooms/feature/boriki/img/icon_quot01.png) no-repeat center center;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .slider_contents_subhead:after {
      left: -2vw;
      top: 1.5vw;
      width: 7vw;
      height: 7vw; } }

.slider_contents_text {
  width: 400px;
  margin: 0 auto;
  padding-top: 30px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8; }
  @media screen and (max-width: 739px) {
    .slider_contents_text {
      width: 100%;
      padding-top: 5vw;
      font-size: 3.4vw; } }

.slider_contents_text + .slider_contents_text {
  padding-top: 20px; }
  @media screen and (max-width: 739px) {
    .slider_contents_text + .slider_contents_text {
      padding-top: 2vw; } }

.slider_contents_name {
  width: 400px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: right;
  position: relative;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .slider_contents_name {
      width: 100%;
      margin-top: 5vw; } }

@media screen and (max-width: 739px) {
  .slider_contents_name span {
    padding-left: 5vw;
    font-size: 3.4vw; } }

.slider_contents_name em {
  display: inline-block;
  padding-left: 30px;
  background: #fff;
  position: relative;
  z-index: 10;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #b88dd3; }

.slider_contents_name:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #a18dd3;
  z-index: 1; }

.slider_contents_name:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background: #a18dd3;
  z-index: 10; }
  @media screen and (max-width: 739px) {
    .slider_contents_name:before {
      top: calc(50% - 3px);
      width: 7px;
      height: 7px;
      border-radius: 3px; } }

.slider_contents_name_inner {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  font-weight: 500;
  color: #b88dd3;
  line-height: 1.8;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .slider_contents_name_inner {
      position: relative;
      display: block;
      right: auto;
      bottom: auto;
      text-align: right;
      font-size: 3.4vw; } }

.slider_contents_image {
  width: 50%;
  position: relative; }
  @media screen and (max-width: 739px) {
    .slider_contents_image {
      width: 100%;
      padding-top: 8vw; } }

.slider_contents_image img {
  display: inline-block;
  border-radius: 0 9px 9px 0;
  max-width: 100%; }
  @media screen and (max-width: 739px) {
    .slider_contents_image img {
      border-radius: 0 0 2vw 2vw; } }

.slider_contents_image:after {
  content: "image photo";
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 980;
  font-size: 10px;
  color: #f7f7f7;
  letter-spacing: 0.1em;
  /*	text-shadow:0 2px 1px #fff,2px 0 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px 0 1px #fff;*/ }
  @media screen and (max-width: 739px) {
    .slider_contents_image:after {
      left: auto;
      right: 3vw;
      bottom: 3vw;
      font-size: 10px; } }

/*カラバリ*/
.slider_item.item_color01 .slider_contents_num em,
.slider_item.item_color01 .slider_contents_name:after,
.slider_item.item_color01 .slider_contents_name:before {
  background: #a18dd3; }

.slider_item.item_color01 .slider_contents_name span,
.slider_item.item_color01 .slider_contents_name_inner {
  color: #b88dd3; }

.slider_item.item_color01 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot01.png) no-repeat center center;
  background-size: 100% auto; }

.slider_item.item_color02 .slider_contents_num em,
.slider_item.item_color02 .slider_contents_name:after,
.slider_item.item_color02 .slider_contents_name:before {
  background: #de6c6c; }

.slider_item.item_color02 .slider_contents_name span,
.slider_item.item_color02 .slider_contents_name em,
.slider_item.item_color02 .slider_contents_name_inner {
  color: #de6c6c; }

.slider_item.item_color02 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot02.png) no-repeat center center;
  background-size: 100% auto; }

.slider_item.item_color03 .slider_contents_num em,
.slider_item.item_color03 .slider_contents_name:after,
.slider_item.item_color03 .slider_contents_name:before {
  background: #c49361; }

.slider_item.item_color03 .slider_contents_name span,
.slider_item.item_color03 .slider_contents_name_inner {
  color: #c49361; }

.slider_item.item_color03 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot03.png) no-repeat center center;
  background-size: 100% auto; }

.slider_item.item_color04 .slider_contents_num em,
.slider_item.item_color04 .slider_contents_name:after,
.slider_item.item_color04 .slider_contents_name:before {
  background: #94afe0; }

.slider_item.item_color04 .slider_contents_name span,
.slider_item.item_color04 .slider_contents_name_inner {
  color: #94afe0; }

.slider_item.item_color04 .slider_contents_subhead:after {
  background: url(/hebel-rooms/feature/boriki/img/icon_quot04.png) no-repeat center center;
  background-size: 100% auto; }

.sp_voice_more {
  display: none; }
  @media screen and (max-width: 739px) {
    .sp_voice_more {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 40vw;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0.5)), color-stop(50%, #f7f7f7), to(#f7f7f7));
      background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0.5) 0%, #f7f7f7 50%, #f7f7f7 100%);
      background: -o-linear-gradient(top, rgba(247, 247, 247, 0.5) 0%, #f7f7f7 50%, #f7f7f7 100%);
      background: linear-gradient(to bottom, rgba(247, 247, 247, 0.5) 0%, #f7f7f7 50%, #f7f7f7 100%);
      z-index: 990; } }

@media screen and (max-width: 739px) {
  .sp_voice_more:after {
    content: "";
    position: absolute;
    top: 13vw;
    left: calc(50% - 2.2vw);
    width: 2.5vw;
    height: 2.5vw;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-2px);
    -ms-transform: rotate(45deg) translateY(-2px);
    transform: rotate(45deg) translateY(-2px);
    -webkit-transform-origin: right 50% 0;
    -ms-transform-origin: right 50% 0;
    transform-origin: right 50% 0;
    z-index: 992; } }

@media screen and (max-width: 739px) {
  .sp_voice_more.isOpen:after {
    top: 14vw;
    border-right: none;
    border-bottom: none;
    border-left: 3px solid #fff;
    border-top: 3px solid #fff; } }

@media screen and (max-width: 739px) {
  .sp_voice_more:before {
    content: "";
    display: block;
    position: absolute;
    top: 10vw;
    left: calc(50% - 4vw);
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    background: #454545;
    z-index: 991; } }

@media screen and (max-width: 739px) {
  .sp_voice_more p {
    text-align: center;
    padding-top: 20vw;
    font-size: 4vw; } }

/*------------------------------------------------------------------------------

community

------------------------------------------------------------------------------*/
.community {
  width: 100%;
  min-width: 1200px;
  padding-top: 80px;
  padding-bottom: 80px;
  clear: both;
  position: relative;
  z-index: 1;
  background: #fff; }
  @media screen and (max-width: 739px) {
    .community {
      min-width: 0;
      padding-top: 12vw;
      padding-bottom: 12vw;
      background: #fff; } }

.community_slider_box {
  width: 1000px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 35px; }
  @media screen and (max-width: 739px) {
    .community_slider_box {
      width: 100%;
      padding-top: 8vw;
      padding-bottom: 4vw; } }

.community_slider_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 739px) {
    .community_slider_list {
      display: block; } }

.community_list_item {
  width: 495px; }
  @media screen and (max-width: 739px) {
    .community_list_item {
      width: calc(88% - 10px);
      margin: 0 5px; } }

.community_list_item img {
  display: inline-block;
  max-width: 100%;
  border-radius: 9px; }
  @media screen and (max-width: 739px) {
    .community_list_item img {
      border-radius: 2vw; } }

.community_lead {
  width: 640px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 2.2;
  font-weight: 300; }
  @media screen and (max-width: 739px) {
    .community_lead {
      width: 89.33%;
      margin: 0 auto;
      font-size: 3.8vw; } }

/*------------------------------------------------------------------------------

smile

------------------------------------------------------------------------------*/
.smile {
  width: 100%;
  min-width: 1200px;
  background: url(/hebel-rooms/feature/boriki/saginuma/img/smileBG_pc.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 170px;
  padding-bottom: 135px;
  clear: both; }
  @media screen and (max-width: 739px) {
    .smile {
      min-width: 0;
      background: none;
      padding-top: 20vw;
      padding-bottom: 13vw; } }

@media screen and (max-width: 739px) {
  .smile:before {
    display: none; } }

@media screen and (max-width: 739px) {
  .smile.inviewing:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    /*		transform:translate3d(0,0,-1px);*/
    z-index: 0;
    width: 100%;
    height: 100vh;
    background: url(/hebel-rooms/feature/boriki/saginuma/img/smileBG_sp.jpg) center/cover no-repeat;
    -webkit-background-size: cover; } }

.smile_headline {
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0.075em; }
  @media screen and (max-width: 739px) {
    .smile_headline {
      font-size: 5vw;
      line-height: 1.5; } }

.smile_headline em {
  display: block;
  padding-bottom: 18px;
  color: #9eb6e2;
  font-size: 50px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .smile_headline em {
      padding-bottom: 4vw;
      font-size: 8vw;
      line-height: 1.1; } }

.smile_list {
  width: 100%;
  padding-top: 80px; }
  @media screen and (max-width: 739px) {
    .smile_list {
      width: 100%;
      padding-top: 6vw; } }

.smile_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 110px; }
  @media screen and (max-width: 739px) {
    .smile_item {
      width: 100%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 10vw; } }

.smile_item:last-child {
  margin-bottom: 0; }

.smile_item_info {
  width: 435px;
  padding-left: 100px;
  color: #fff; }
  @media screen and (max-width: 739px) {
    .smile_item_info {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: 89.33%;
      margin: 0 auto;
      padding-left: 0;
      padding-top: 6vw; } }

.smile_item_image {
  width: 630px; }
  @media screen and (max-width: 739px) {
    .smile_item_image {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      width: 89.33%;
      margin: 0 auto; } }

.smile_item_image img {
  display: inline-block;
  border-radius: 10px;
  max-width: 100%; }
  @media screen and (max-width: 739px) {
    .smile_item_image img {
      border-radius: 2vw; } }

.smile_item_image + .smile_item_info {
  padding-left: 35px; }
  @media screen and (max-width: 739px) {
    .smile_item_image + .smile_item_info {
      padding-left: 0; } }

.smile_item_info + .smile_item_image {
  padding-left: 35px; }
  @media screen and (max-width: 739px) {
    .smile_item_info + .smile_item_image {
      padding-left: 0; } }

.smile_item_headline {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.7;
  color: #fff; }
  @media screen and (max-width: 739px) {
    .smile_item_headline {
      font-size: 4.8vw;
      line-height: 1.6; } }

.smile_item_text {
  padding-top: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  color: #fff; }
  @media screen and (max-width: 739px) {
    .smile_item_text {
      padding-top: 5vw;
      font-size: 3.6vw; } }

.smile_item_sub {
  padding-top: 25px; }
  @media screen and (max-width: 739px) {
    .smile_item_sub {
      padding-top: 5vw;
      text-align: right; } }

.smile_item_sub em {
  display: inline-block;
  color: #9eb6e2;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  position: relative; }
  @media screen and (max-width: 739px) {
    .smile_item_sub em {
      width: 100%;
      font-size: 14px; } }

.smile_item_sub em:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(100% + 20px);
  top: 50%;
  width: 245px;
  height: 1px;
  background: #9eb6e2; }
  @media screen and (max-width: 739px) {
    .smile_item_sub em:after {
      left: 0;
      top: 50%;
      width: 53vw; } }

.smile_item_sub em:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(100% + 264px);
  top: calc(50% - 2px);
  width: 5px;
  height: 5px;
  border-radius: 2px;
  background: #9eb6e2; }
  @media screen and (max-width: 739px) {
    .smile_item_sub em:before {
      left: 0;
      top: calc(50% - 3px);
      width: 7px;
      height: 7px;
      border-radius: 3px; } }

.smile_item_image + .smile_item_info .smile_item_sub {
  text-align: right; }

.smile_item_image + .smile_item_info .smile_item_sub em:after {
  left: -265px; }
  @media screen and (max-width: 739px) {
    .smile_item_image + .smile_item_info .smile_item_sub em:after {
      left: 0; } }

.smile_item_image + .smile_item_info .smile_item_sub em:before {
  left: -266px; }
  @media screen and (max-width: 739px) {
    .smile_item_image + .smile_item_info .smile_item_sub em:before {
      left: 0; } }

.smile_link {
  padding-top: 100px;
  width: 220px;
  margin: 0 auto; }
  @media screen and (max-width: 739px) {
    .smile_link {
      padding-top: 14vw;
      width: 60vw; } }

.smile_link a {
  display: block;
  padding: 14px 0;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  -webkit-transition: color ease 0.4s,background ease 0.4s 0.1s;
  -o-transition: color ease 0.4s,background ease 0.4s 0.1s;
  transition: color ease 0.4s,background ease 0.4s 0.1s; }
  @media screen and (max-width: 739px) {
    .smile_link a {
      padding: 4.5vw 0;
      border: 1px solid #dedede;
      border-radius: 6.5vw;
      font-size: 3.8vw; } }

.smile_link a:visited {
  color: #fff; }

.smile_link a:hover {
  color: #454545;
  background: white; }

/*
*/
/*------------------------------------------------------------------------------

outline

------------------------------------------------------------------------------*/
.outline {
  width: 100%;
  min-width: 1200px;
  padding-top: 100px;
  padding-bottom: 135px;
  position: relative;
  background: #fff;
  z-index: 1; }
  @media screen and (max-width: 739px) {
    .outline {
      min-width: 0;
      padding-top: 12vw;
      padding-bottom: 13vw;
      background: #fff; } }

.outline_box {
  width: 1000px;
  margin: 0 auto;
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 739px) {
    .outline_box {
      width: 89.33%;
      margin: 0 auto;
      padding-top: 2vw;
      display: block; } }

.outline_item_box {
  width: 46%; }
  @media screen and (max-width: 739px) {
    .outline_item_box {
      width: 100%; } }

.outline_item_box dt {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-top: 35px; }
  @media screen and (max-width: 739px) {
    .outline_item_box dt {
      font-size: 3.8vw;
      padding-top: 6vw; } }

.outline_item_box dd {
  padding: 20px 0 25px 0;
  border-bottom: 1px solid #c1d2f0; }
  @media screen and (max-width: 739px) {
    .outline_item_box dd {
      padding: 4vw 0 6vw 0; } }

.outline_item_box dd > p {
  line-height: 1.8;
  clear: both;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .outline_item_box dd > p {
      font-size: 3.8vw; } }

.outline_item_box dd > p em {
  display: inline-block;
  margin-right: 1em;
  font-style: normal;
  font-weight: 400; }

.outline_item_box dd > p em:nth-of-type(1) {
  width: 2.5em; }

.outline_item_box dd > p em:nth-of-type(2) {
  width: 6em; }

.outline_item_box_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.outline_item_box_list p {
  line-height: 1.8;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .outline_item_box_list p {
      font-size: 3.8vw; } }

.outline_item_box_list p:nth-of-type(1) {
  padding-right: 1em; }

.outline_item_box_list em {
  display: inline-block;
  margin-right: 1em;
  font-style: normal;
  font-weight: 400; }

.outline_item_ldk {
  width: 6em; }

.gmap_link {
  display: inline-block;
  padding-left: 2em;
  background: url(/hebel-rooms/feature/boriki/img/icon_gmap.png) no-repeat 1em center;
  background-size: 11px auto; }

.gmap_link a {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  color: #c49361;
  font-size: 12px;
  text-decoration: underline;
  letter-spacing: 0.1em;
  -webkit-transition: color ease 0.4s;
  -o-transition: color ease 0.4s;
  transition: color ease 0.4s; }

.gmap_link a:hover {
  color: #f08f29; }

/*------------------------------------------------------------------------------

access

------------------------------------------------------------------------------*/
.access {
  width: 100%;
  min-width: 1200px;
  padding-top: 100px;
  background: #f7f7f7;
  position: relative;
  z-index: 1;
  clear: both; }
  @media screen and (max-width: 739px) {
    .access {
      min-width: 0;
      padding-top: 12vw;
      background: #fff; } }

.access:after,
.access:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background: #fff;
  z-index: 980; }
  @media screen and (max-width: 739px) {
    .access:after,
    .access:before {
      display: none; } }

.access:before {
  left: 0; }

.access:after {
  right: 0; }

.access .common_lead + .common_image_full {
  padding-top: 45px; }
  @media screen and (max-width: 739px) {
    .access .common_lead + .common_image_full {
      padding-top: 6vw; } }

.access_photos {
  width: 100%;
  min-width: 1200px;
  padding-bottom: 550px;
  background: #f7f7f7 url(/hebel-rooms/feature/boriki/saginuma/img/accessBG.jpg) no-repeat center bottom; }
  @media screen and (max-width: 739px) {
    .access_photos {
      width: 100%;
      min-width: 0;
      padding-bottom: 60vw;
      background: #fff url(/hebel-rooms/feature/boriki/saginuma/img/accessBG_sp.jpg) no-repeat center bottom;
      background-size: 100% auto; } }

.access_photos:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 450px;
  width: 100%;
  height: 30px;
  background: #fff; }
  @media screen and (max-width: 739px) {
    .access_photos:after {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0;
      background: none; } }

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

.accss_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 280px;
  height: 192px;
  position: relative;
  border-radius: 9px;
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_futakotamagawaBG.jpg) no-repeat center top;
  background-size: 100% auto;
  z-index: 0;
  margin-bottom: 15px; }
  @media screen and (max-width: 739px) {
    .accss_item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin-bottom: 6vw;
      height: auto;
      position: relative;
      border-radius: 0;
      background: none;
      z-index: 1; } }

.accss_item:nth-child(2) {
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_shibuyaBG.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .accss_item:nth-child(2) {
      background: none; } }

.accss_item:nth-child(3) {
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_shinjukuBG.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .accss_item:nth-child(3) {
      background: none; } }

.accss_item:nth-child(4) {
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_omotesandoBG.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .accss_item:nth-child(4) {
      background: none; } }

.accss_item:nth-child(5) {
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_shinagawaBG.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .accss_item:nth-child(5) {
      background: none; } }

.accss_item:nth-child(6) {
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_otemachiBG.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .accss_item:nth-child(6) {
      background: none; } }

.accss_item:nth-child(7) {
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_tokyoBG.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .accss_item:nth-child(7) {
      background: none; } }

.accss_item:nth-child(8) {
  background: url(/hebel-rooms/feature/boriki/saginuma/img/access_shinyokohamaBG.jpg) no-repeat center top;
  background-size: 100% auto; }
  @media screen and (max-width: 739px) {
    .accss_item:nth-child(8) {
      background: none; } }

.access_image_sp {
  display: none; }
  @media screen and (max-width: 739px) {
    .access_image_sp {
      display: block;
      width: 45%;
      text-align: center; } }

@media screen and (max-width: 739px) {
  .access_image_sp img {
    display: inline-block;
    max-width: 90%;
    border-radius: 2vw; } }

.accss_item_info {
  width: 100%;
  height: 192px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 739px) {
    .accss_item_info {
      width: 55%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
      align-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.access_num {
  position: absolute;
  display: inline-block;
  left: -10px;
  top: 0;
  -webkit-transform: rotate(90deg) translateY(-5px);
  -ms-transform: rotate(90deg) translateY(-5px);
  transform: rotate(90deg) translateY(-5px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  font-size: 10px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  z-index: 10;
  letter-spacing: 0.025em; }
  @media screen and (max-width: 739px) {
    .access_num {
      left: 0px;
      font-size: 2.6vw; } }

.access_num em {
  display: inline-block;
  margin-left: 4px;
  font-size: 10px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #9eb6e2; }
  @media screen and (max-width: 739px) {
    .access_num em {
      font-size: 2.6vw; } }

.access_headline {
  width: 84%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  color: #fff; }
  @media screen and (max-width: 739px) {
    .access_headline {
      width: 100%;
      padding-bottom: 1vw;
      border-bottom: 1px solid #9eb6e2;
      color: #333; } }

.access_headline.longname {
  width: 86%; }
  @media screen and (max-width: 739px) {
    .access_headline.longname {
      width: 100%; } }

.access_item_area {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .access_item_area {
      font-size: 5.4vw;
      font-weight: 400; } }

.access_headline.longname .access_item_area {
  letter-spacing: -0.01em; }
  @media screen and (max-width: 739px) {
    .access_headline.longname .access_item_area {
      font-size: 4.7vw; } }

.access_item_area small {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  letter-spacing: 0.075em; }
  @media screen and (max-width: 739px) {
    .access_item_area small {
      margin-top: 1vw;
      font-size: 2.4vw; } }

.access_item_time {
  font-size: 40px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500; }
  @media screen and (max-width: 739px) {
    .access_item_time {
      font-size: 9vw;
      color: #9eb6e2; } }

.access_item_time small {
  display: inline-block;
  font-size: 17px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500; }
  @media screen and (max-width: 739px) {
    .access_item_time small {
      font-size: 4vw;
      color: #333; } }

.access_text {
  width: 84%;
  margin: 0 auto;
  padding-top: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6; }
  @media screen and (max-width: 739px) {
    .access_text {
      width: 100%;
      padding-top: 2vw;
      color: #333;
      font-size: 3.2vw;
      font-weight: 400; } }

.access_annotation {
  padding-top: 30px;
  text-align: left; }
  @media screen and (max-width: 739px) {
    .access_annotation {
      width: 89.33%;
      margin: 0 auto;
      padding-top: 6vw;
      padding-bottom: 6vw;
      text-align: left; } }

.access_annotation p {
  display: inline-block;
  font-size: 10px;
  color: #999;
  font-weight: 300; }
  @media screen and (max-width: 739px) {
    .access_annotation p {
      display: block;
      font-size: 2.8vw;
      line-height: 1.5; } }

.bottom_photo_caption1 {
  position: absolute;
  left: 20px;
  bottom: 10px;
  font-size: 10px;
  color: #f7f7f7;
  /*	text-shadow:2px 2px 3px black;*/ }
  @media screen and (max-width: 739px) {
    .bottom_photo_caption1 {
      display: none; } }

.bottom_photo_caption2 {
  position: absolute;
  left: 51%;
  bottom: 10px;
  font-size: 10px;
  color: #fff;
  /*	text-shadow:2px 2px 3px black;*/ }
  @media screen and (max-width: 739px) {
    .bottom_photo_caption2 {
      display: none; } }

/*------------------------------------------------------------------------------

location

------------------------------------------------------------------------------*/
.location {
  width: 100%;
  min-width: 1200px;
  padding-top: 100px;
  background: #fff;
  padding-bottom: 70px;
  clear: both;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 739px) {
    .location {
      min-width: 0;
      padding-top: 12vw;
      padding-bottom: 8vw;
      background: #fff; } }

@media screen and (max-width: 739px) {
  .sp_menu_box {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden; } }

.location_tab_list {
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 739px) {
    .location_tab_list {
      width: auto;
      min-width: 215vw;
      margin-left: 0;
      padding-top: 10vw; } }

.location_tab_list li {
  padding: 0 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.075em;
  border-bottom: 3px solid #fff;
  cursor: pointer; }
  @media screen and (max-width: 739px) {
    .location_tab_list li {
      padding: 0 2vw;
      padding-bottom: 5vw;
      font-size: 3.4vw;
      white-space: nowrap; } }

.location_tab_list li em {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  color: #9eb6e2;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .location_tab_list li em {
      display: inline-block;
      margin-left: 1vw;
      font-size: 3vw;
      letter-spacing: 0.1em; } }

.location_tab_list li.isSelected {
  cursor: default;
  border-bottom: 3px solid #9eb6e2; }
  @media screen and (max-width: 739px) {
    .location_tab_list li.isSelected {
      border-bottom: 3px solid #9eb6e2; } }

.location_tab_list li:hover {
  border-bottom: 3px solid #9eb6e2; }
  @media screen and (max-width: 739px) {
    .location_tab_list li:hover {
      border-bottom: none; } }

@media screen and (max-width: 739px) {
  .location_tab_list li.isSelected:hover {
    border-bottom: 3px solid #9eb6e2; } }

.location_contents_list {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
  counter-reset: section; }
  @media screen and (max-width: 739px) {
    .location_contents_list {
      width: 89.33%;
      margin: 0 auto;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.location_contents_list.isSelected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.location_item {
  width: 205px;
  margin-top: 45px;
  padding-right: 60px;
  position: relative; }
  @media screen and (max-width: 739px) {
    .location_item {
      width: 47%;
      margin-top: 7vw;
      padding-right: 0; } }

.location_item:nth-child(4n) {
  padding-right: 0; }
  @media screen and (max-width: 739px) {
    .location_item:nth-child(4n) {
      padding-right: 0; } }

.location_item_image {
  width: 205px;
  position: relative; }
  @media screen and (max-width: 739px) {
    .location_item_image {
      width: 100%; } }

.location_item_image img {
  display: inline-block;
  max-width: 100%;
  border-radius: 9px; }
  @media screen and (max-width: 739px) {
    .location_item_image img {
      border-radius: 2vw; } }

.location_item_num {
  position: absolute;
  left: -10px;
  top: 0;
  -webkit-transform: rotate(90deg) translateY(-5px);
  -ms-transform: rotate(90deg) translateY(-5px);
  transform: rotate(90deg) translateY(-5px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  font-size: 10px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  color: #454545;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .location_item_num {
      left: -1.1vw;
      font-size: 3vw; } }

.location_item_num:after {
  counter-increment: section;
  content: "0" counter(section);
  display: block;
  position: absolute;
  left: calc(100% + 5px);
  top: 1px;
  font-size: 10px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  color: #9eb6e2;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .location_item_num:after {
      left: calc(100% + 5px);
      top: 0.5vw;
      font-size: 3vw; } }

.location_item:nth-of-type(9) ~ .location_item .location_item_num:after {
  content: counter(section); }

.location_item_text {
  padding-top: 12px;
  font-size: 14px;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .location_item_text {
      padding-top: 2vw;
      font-size: 3.4vw;
      letter-spacing: 0.05em; } }

.location_item_text small {
  display: block;
  padding-top: 10px;
  font-size: 12px;
  color: #666;
  text-indent: -0.5em; }
  @media screen and (max-width: 739px) {
    .location_item_text small {
      padding-top: 1vw;
      font-size: 3vw; } }

.location_annotation {
  padding-top: 70px;
  padding-bottom: 90px;
  border-bottom: 1px solid #f3efeb; }
  @media screen and (max-width: 739px) {
    .location_annotation {
      width: 89.33%;
      margin: 0 auto;
      padding-top: 6vw;
      padding-bottom: 10vw; } }

.location_annotation p {
  font-size: 10px;
  font-weight: 300;
  color: #999;
  line-height: 1.8; }
  @media screen and (max-width: 739px) {
    .location_annotation p {
      font-size: 2.75vw; } }

.location .other_link_list {
  padding-top: 60px; }
  @media screen and (max-width: 739px) {
    .location .other_link_list {
      padding-top: 12vw; } }

/*------------------------------------------------------------------------------

series
共通要素のスタイルは「common_bukken.css」へ移動

------------------------------------------------------------------------------*/
.series_headline {
  padding-top: 50px;
  padding-bottom: 13px;
  border-bottom: 1px solid #c1d2f0;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 739px) {
    .series_headline {
      width: 89.33%;
      margin: 0 auto;
      padding-top: 8vw;
      padding-bottom: 2vw;
      font-size: 4vw; } }

.series_headline em {
  display: inline-block;
  margin-left: 10px;
  color: #9eb6e2;
  font-size: 14px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 739px) {
    .series_headline em {
      margin-left: 2vw;
      font-size: 3vw; } }

/*------------------------------------------------------------------------------

ブロックアンカー

------------------------------------------------------------------------------*/
.pagination_list {
  position: fixed;
  width: 180px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.4em;
  z-index: 999; }

.pagination_list a {
  display: block;
  height: 20px;
  margin-bottom: 5px;
  color: #c49361;
  position: relative;
  padding: 4px; }

.pagination_list a:after {
  -webkit-transition: box-shadow 0.5s ease;
  -webkit-transition: -webkit-box-shadow 0.5s ease;
  transition: -webkit-box-shadow 0.5s ease;
  -o-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
  width: 6px;
  height: 6px;
  display: block;
  border: 1px solid;
  border-radius: 50%;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  right: 4px;
  bottom: 0;
  background: #fff; }

.pagination_list a.active:after {
  -webkit-box-shadow: inset 0 0 0 5px;
  box-shadow: inset 0 0 0 5px; }

.pagination_list a .hover-text {
  position: absolute;
  right: 15px;
  top: 7px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 10px;
  font-size: 12px;
  color: #c49361; }

.pagination_list a:hover .hover-text {
  opacity: 1; }

.pagination_list a.active .hover-text {
  opacity: 1; }